9 |
--------------------------------------------------------------------------------
/app/src/splash.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/rekkyrosso/ampcast/36978b327a478ac2b180a3c85b9aa7fb6cebb86c/app/src/splash.png
--------------------------------------------------------------------------------
/app/src/store.js:
--------------------------------------------------------------------------------
1 | const Store = require('electron-store');
2 |
3 | const store = new Store({
4 | port: {type: 'number', default: 0},
5 | });
6 |
7 | module.exports = {
8 | get port() {
9 | return store.get('port');
10 | },
11 |
12 | set port(port) {
13 | store.set('port', Number(port) || 0);
14 | },
15 | };
16 |
--------------------------------------------------------------------------------
/app/www/404.html:
--------------------------------------------------------------------------------
1 |
2 |
3 |
4 |
8 |
9 |
14 | );
15 | });
16 |
--------------------------------------------------------------------------------
/src/components/App/DesktopWarning.scss:
--------------------------------------------------------------------------------
1 | .desktop-warning {
2 | position: absolute;
3 | inset: 0;
4 | display: flex;
5 | flex-direction: column;
6 | align-items: center;
7 | justify-content: center;
8 | text-align: center;
9 | padding: 2rem;
10 | background-color: var(--background-color);
11 | color: var(--text-color);
12 | font-size: 1.5rem;
13 |
14 | .app-title {
15 | margin-bottom: 4rem;
16 | font-size: 1rem;
17 | }
18 |
19 | p + p {
20 | margin-top: 5rem;
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/components/App/DesktopWarning.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import AppTitle from './AppTitle';
3 | import './DesktopWarning.scss';
4 |
5 | export interface DesktopWarningProps {
6 | onDismiss: () => void;
7 | }
8 |
9 | export default function DesktopWarning({onDismiss}: DesktopWarningProps) {
10 | return (
11 |
12 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/App/PortUnavailable.scss:
--------------------------------------------------------------------------------
1 | .port-unavailable {
2 | font-size: min(3vh, 24px);
3 | padding: 2em;
4 |
5 | .app-title {
6 | margin: 0;
7 | }
8 |
9 | h2 {
10 | margin: 1em 0;
11 | font-weight: bold;
12 | font-size: 1.125em;
13 | }
14 |
15 | p + p {
16 | margin-top: 1em;
17 | }
18 |
19 | ul {
20 | margin-top: 0.5em;
21 |
22 | & + p {
23 | margin-top: 2em;
24 | }
25 | }
26 |
27 | li {
28 | line-height: 1.8;
29 | }
30 | }
31 |
--------------------------------------------------------------------------------
/src/components/App/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './App';
2 | export * from './App';
3 |
--------------------------------------------------------------------------------
/src/components/App/useAppSettings.ts:
--------------------------------------------------------------------------------
1 | import {useEffect} from 'react';
2 | import {observePreferences} from 'services/preferences';
3 |
4 | export default function useAppSettings(): void {
5 | useEffect(() => {
6 | const subscription = observePreferences().subscribe(
7 | ({disableExplicitContent, markExplicitContent}) => {
8 | const {classList} = document.body;
9 | classList.toggle('disable-explicit-content', disableExplicitContent);
10 | classList.toggle('mark-explicit-content', markExplicitContent);
11 | }
12 | );
13 | return () => subscription.unsubscribe();
14 | }, []);
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/App/useBrowser.ts:
--------------------------------------------------------------------------------
1 | import {useEffect} from 'react';
2 | import {browser} from 'utils';
3 |
4 | export default function useBrowser(): void {
5 | useEffect(() => {
6 | const classList = document.body.classList;
7 | classList.add(`browser-${browser.name.replace(/\s+/g, '-')}`);
8 | if (browser.isElectron) {
9 | classList.add('electron');
10 | if (browser.os === 'Mac OS') {
11 | classList.add('electron-mac');
12 | }
13 | }
14 | }, []);
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/App/usePreload.ts:
--------------------------------------------------------------------------------
1 | import {useEffect} from 'react';
2 | import {isMiniPlayer} from 'utils';
3 | import {loadMediaServices} from 'services/mediaServices';
4 | import {loadVisualizers} from 'services/visualizer/visualizerProviders';
5 |
6 | export default function usePreload(): void {
7 | useEffect(() => {
8 | loadMediaServices();
9 | if (isMiniPlayer) {
10 | loadVisualizers();
11 | }
12 | }, []);
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/Badges/Badges.scss:
--------------------------------------------------------------------------------
1 | .badges {
2 | display: flex;
3 | flex-direction: row;
4 | align-items: center;
5 | font-size: max(0.5em, 9px);
6 | }
7 |
--------------------------------------------------------------------------------
/src/components/Badges/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './Badges';
2 | export * from './Badges';
3 | export * from './Badge';
4 |
--------------------------------------------------------------------------------
/src/components/Button/CopyButton.scss:
--------------------------------------------------------------------------------
1 | .copy-button {
2 | display: inline-flex;
3 | align-items: center;
4 | text-align: left;
5 | font-size: max(0.75em, 10px);
6 | padding: 0.25em 1em;
7 | min-width: 7em;
8 | cursor: pointer;
9 |
10 | .icon {
11 | margin-right: 0.5em;
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/Button/IconButton.scss:
--------------------------------------------------------------------------------
1 | .icon-button {
2 | all: unset;
3 | display: inline-flex;
4 | flex-direction: column;
5 | align-items: center;
6 | justify-content: center;
7 | text-align: center;
8 | width: 1em;
9 | height: 1em;
10 | opacity: 0.75;
11 | border-radius: 50%;
12 |
13 | &:disabled {
14 | color: var(--grey1-color);
15 | }
16 |
17 | &:enabled {
18 | cursor: pointer;
19 |
20 | .focus-visible &:focus,
21 | &:hover {
22 | opacity: 1;
23 | }
24 | }
25 |
26 | &:active {
27 | transform: none;
28 | }
29 |
30 | .icon {
31 | width: inherit;
32 | height: inherit;
33 | }
34 | }
35 |
--------------------------------------------------------------------------------
/src/components/Button/IconButton.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Except} from 'type-fest';
3 | import Icon, {IconName} from 'components/Icon';
4 | import {cancelEvent, stopPropagation} from 'utils';
5 | import './IconButton.scss';
6 |
7 | export interface IconButtonProps
8 | extends ExceptThis application is intended for a desktop browser.
14 |15 | 16 |
17 |
10 | {children}
11 |
12 | );
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/Button/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './IconButton';
2 | export * from './IconButton';
3 |
--------------------------------------------------------------------------------
/src/components/CoverArt/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './CoverArt';
2 | export * from './CoverArt';
3 |
--------------------------------------------------------------------------------
/src/components/CoverArtVisualizer/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './CoverArtVisualizer';
2 | export * from './CoverArtVisualizer';
3 |
--------------------------------------------------------------------------------
/src/components/DatePicker/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './DatePicker';
2 | export * from './DatePicker';
3 |
--------------------------------------------------------------------------------
/src/components/Dialog/DialogButtons.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export interface DialogButtonsProps {
4 | value?: string;
5 | disabled?: boolean;
6 | submitText?: React.ReactNode;
7 | }
8 |
9 | export default function DialogButtons({
10 | value = '',
11 | disabled,
12 | submitText = 'Confirm',
13 | }: DialogButtonsProps) {
14 | return (
15 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/src/components/Dialog/alert.scss:
--------------------------------------------------------------------------------
1 | .alert-dialog {
2 | text-align: center;
3 | }
4 |
--------------------------------------------------------------------------------
/src/components/Dialog/confirm.scss:
--------------------------------------------------------------------------------
1 | .confirm-dialog {
2 | text-align: center;
3 |
4 | &-storage {
5 | display: flex;
6 | flex-direction: row;
7 | align-items: center;
8 | justify-content: center;
9 | margin-top: 2em;
10 | font-size: 0.75em;
11 | font-style: italic;
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/Dialog/error.tsx:
--------------------------------------------------------------------------------
1 | import alert, {AlertOptions} from './alert';
2 |
3 | export default function error(err: Error): Promise
13 | {service && error instanceof NoInternetError ? (
14 |
15 |
17 | ) : null}
18 |
23 | );
24 | }
25 |
--------------------------------------------------------------------------------
/src/components/Errors/UnhandledError.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {ErrorBoxProps} from './ErrorBox';
3 | import ErrorReport from './ErrorReport';
4 |
5 | export default function UnhandledError({error, children, reportedBy='MediaBrowser', reportingId, service}: ErrorBoxProps) {
6 | return (
7 |
15 |
17 | ) : null}
18 |
19 |
21 | {children}
22 | {error?.message || String(error)}
20 |
8 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/ExternalLink/ExternalLink.scss:
--------------------------------------------------------------------------------
1 | @use 'styles/effects.scss';
2 |
3 | .external-link {
4 | white-space: nowrap;
5 | text-decoration: none;
6 |
7 | &:hover &-text,
8 | &:active &-text {
9 | text-decoration: underline;
10 | }
11 |
12 | &-content {
13 | display: inline-flex;
14 | flex-direction: row;
15 | align-items: center;
16 | justify-content: center;
17 | }
18 |
19 | &-text {
20 | border-radius: calc(var(--roundness) * 0.5em);
21 | outline-offset: 0.125em;
22 |
23 | .icon + & {
24 | margin-left: 0.25em;
25 | }
26 | }
27 |
28 | .focus-visible &:focus &-text {
29 | @include effects.outline;
30 | outline-width: 2px;
31 | }
32 |
33 | > .icon-link {
34 | position: relative;
35 | left: 0.5em;
36 | top: -0.75em;
37 | font-size: 0.625em;
38 | }
39 | }
40 |
--------------------------------------------------------------------------------
/src/components/ExternalLink/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './ExternalLink';
2 | export * from './ExternalLink';
3 |
--------------------------------------------------------------------------------
/src/components/Icon/Flag.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | export interface FlagProps {
4 | country: string;
5 | }
6 |
7 | export default function Flag({country}: FlagProps) {
8 | return (
9 | Error
9 |12 | 15 |
16 | )} 17 | {children} 18 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/src/components/Icon/SvgDefs.scss:
--------------------------------------------------------------------------------
1 | .svg-defs {
2 | position: absolute;
3 | visibility: hidden;
4 | }
--------------------------------------------------------------------------------
/src/components/Icon/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './Icon';
2 | export * from './Icon';
3 |
--------------------------------------------------------------------------------
/src/components/ListView/DetailsBox.scss:
--------------------------------------------------------------------------------
1 | .details-box {
2 | width: 100%;
3 | height: 10em;
4 | margin: 0.5em 0;
5 |
6 | .list-view-cell.value {
7 | font-family: monospace;
8 | }
9 |
10 | .scrollable {
11 | --scrollbar-size: max(10px, calc(1.25em * var(--scrollbar-thickness)));
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/ListView/ListBox.scss:
--------------------------------------------------------------------------------
1 | .list-box {
2 | width: 100%;
3 | height: calc(11em - 2px);
4 | margin: 0.5em 0;
5 |
6 | .scrollable {
7 | --scrollbar-size: max(10px, calc(1.25em * var(--scrollbar-thickness)));
8 | }
9 |
10 | .list-view-cell {
11 | padding: 0 0.25em;
12 | }
13 | }
14 |
--------------------------------------------------------------------------------
/src/components/ListView/ListBox.tsx:
--------------------------------------------------------------------------------
1 | import React, {useMemo} from 'react';
2 | import {Except} from 'type-fest';
3 | import ListView, {ListViewLayout, ListViewProps} from './ListView';
4 | import './ListBox.scss';
5 |
6 | export interface ListBoxProps
17 | {render(item, rowIndex)}
18 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/ListView/ListViewHeadCell.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Column} from './ListView';
3 |
4 | export default function ListViewHeadCell
7 | {title}
8 |
9 | );
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/ListView/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './ListView';
2 | export * from './ListView';
3 |
--------------------------------------------------------------------------------
/src/components/Login/ConnectionLogging.scss:
--------------------------------------------------------------------------------
1 | .connection-logging {
2 | font-family: monospace;
3 | font-size: 0.75em;
4 | margin-top: 2em;
5 |
6 | p {
7 | margin: 0.25em 0;
8 | }
9 | }
10 |
--------------------------------------------------------------------------------
/src/components/Login/CredentialsButton.tsx:
--------------------------------------------------------------------------------
1 | import React, {useCallback} from 'react';
2 | import MediaService from 'types/MediaService';
3 | import {showCredentialsDialog} from 'components/Settings/MediaLibrarySettings/CredentialsDialog';
4 |
5 | export interface CredentialsButtonProps extends React.ButtonHTMLAttributes
11 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/Login/DefaultLogin.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ConnectionLogging from './ConnectionLogging';
3 | import HTTPDownloadLink from './HTTPDownloadLink';
4 | import LoginButton from './LoginButton';
5 | import ServiceLink from './ServiceLink';
6 | import LoginRequired from './LoginRequired';
7 | import {LoginProps} from './Login';
8 |
9 | export default function DefaultLogin({service}: LoginProps) {
10 | return (
11 | <>
12 | Please register a client application to continue.
12 | {credentialsUrl ? ( 13 |
14 |
15 | Download the
18 | or use the
14 |
18 | );
19 | }
20 |
--------------------------------------------------------------------------------
/src/components/Login/LoginButton.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import MediaService from 'types/MediaService';
3 |
4 | export interface LoginButtonProps extends React.ButtonHTMLAttributes
15 |
17 | 15 | 18 |
19 | ); 20 | } 21 | -------------------------------------------------------------------------------- /src/components/Login/LoginDialog.scss: -------------------------------------------------------------------------------- 1 | .login-dialog { 2 | input[type=url] { 3 | min-width: 20em; 4 | } 5 | 6 | .message { 7 | text-align: left; 8 | font-size: 0.75em; 9 | min-height: 1.5em; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /src/components/Login/LoginRequired.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ServiceType from 'types/ServiceType'; 3 | import {LoginProps} from './Login'; 4 | 5 | export default function LoginRequired({service}: LoginProps) { 6 | return ( 7 |8 | You need to be logged in to{' '} 9 | {service.serviceType === ServiceType.DataService ? 'access your data' : 'play music'} from{' '} 10 | {service.name}. 11 |
12 | ); 13 | } 14 | -------------------------------------------------------------------------------- /src/components/Login/RestrictedAccessWarning.scss: -------------------------------------------------------------------------------- 1 | .restricted-access-warning { 2 | font-size: 0.75em; 3 | padding: 0.5em; 4 | 5 | p { 6 | margin: 0.5em 0; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /src/components/Login/RestrictedAccessWarning.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {LoginProps} from './Login'; 3 | import './RestrictedAccessWarning.scss'; 4 | 5 | export default function RestrictedAccessWarning({service}: LoginProps) { 6 | return service.restrictedAccess ? ( 7 |
8 |
13 | ) : null;
14 | }
15 |
--------------------------------------------------------------------------------
/src/components/Login/ServiceLink.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import ExternalLink from 'components/ExternalLink';
3 | import Icon from 'components/Icon';
4 | import {LoginProps} from './Login';
5 |
6 | export default function ServiceLink({service}: LoginProps) {
7 | return (
8 | 9 | This application is in development mode. 10 |
11 |You currently need to be an approved user to access services from {service.name}.
12 |
9 |
14 | {loadingState === 'error' 15 | ? 'error' 16 | : paused 17 | ? started 18 | ? 'paused' 19 | : '' 20 | : loadingState === 'loaded' 21 | ? 'playing' 22 | : loadingState} 23 |
24 | ); 25 | } 26 | -------------------------------------------------------------------------------- /src/components/Media/ProgressBar.scss: -------------------------------------------------------------------------------- 1 | .progress-bar { 2 | position: absolute; 3 | bottom: 0; 4 | width: 100%; 5 | height: var(--progress-bar-height); 6 | background-color: var(--progress-bar-background-color); 7 | border: 0; 8 | border-radius: 0; 9 | display: none; 10 | transition: opacity 1s linear; 11 | 12 | &[value^="0"] { 13 | opacity: 0; 14 | } 15 | 16 | .media.fullscreen & { 17 | display: block; 18 | } 19 | 20 | &::-webkit-progress-bar { 21 | background-color: var(--progress-bar-background-color); 22 | border-radius: 0; 23 | } 24 | 25 | &::-webkit-progress-value { 26 | background-color: var(--progress-bar-color); 27 | border-radius: 0; 28 | } 29 | 30 | &::-moz-progress-bar { 31 | background-color: var(--progress-bar-color); 32 | border-radius: 0; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /src/components/Media/ProgressBar.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import useCurrentTime from 'hooks/useCurrentTime'; 3 | import useDuration from 'hooks/useDuration'; 4 | import {MAX_DURATION} from 'services/constants'; 5 | import './ProgressBar.scss'; 6 | 7 | export default function ProgressBar() { 8 | const duration = useDuration(); 9 | const currentTime = useCurrentTime(); 10 | return ( 11 | 16 | ); 17 | } 18 | -------------------------------------------------------------------------------- /src/components/Media/Static.scss: -------------------------------------------------------------------------------- 1 | .static { 2 | /* https://css-tricks.com/making-static-noise-from-a-weird-css-gradient-bug/ */ 3 | position: absolute; 4 | inset: 0; 5 | background: 6 | repeating-radial-gradient(#000 0 0.0001%,#fff 0 0.0002%) 50% 0/2500px 2500px, 7 | repeating-conic-gradient(#000 0 0.0001%,#fff 0 0.0002%) 60% 60%/2500px 2500px; 8 | background-blend-mode: difference; 9 | animation: tv-static .2s infinite alternate; 10 | } 11 | 12 | @keyframes tv-static { 13 | 100% { 14 | background-position: 50% 0, 60% 50% 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /src/components/Media/Static.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import './Static.scss'; 3 | 4 | export default function Static() { 5 | return ; 6 | } 7 | -------------------------------------------------------------------------------- /src/components/Media/index.ts: -------------------------------------------------------------------------------- 1 | export {default} from './Media'; 2 | export * from './Media'; 3 | -------------------------------------------------------------------------------- /src/components/MediaBrowser/ErrorScreen.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ErrorBox, {ErrorBoxProps} from 'components/Errors/ErrorBox'; 3 | 4 | export default function ErrorScreen(props: ErrorBoxProps) { 5 | return ( 6 |
7 |
9 | );
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/MediaBrowser/FilterSelect.scss:
--------------------------------------------------------------------------------
1 | .filter-select {
2 | display: flex;
3 | flex-direction: row;
4 | align-items: center;
5 | margin-bottom: var(--gutter-width);
6 |
7 | label {
8 | flex: initial;
9 | margin-left: 0.25em;
10 | }
11 |
12 | select {
13 | flex: auto;
14 | min-width: 0;
15 | margin-right: 1px;
16 | cursor: pointer;
17 | }
18 |
19 | & + .error-box {
20 | margin-bottom: var(--gutter-width);
21 | }
22 | }
23 |
--------------------------------------------------------------------------------
/src/components/MediaBrowser/MediaItems.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import MediaItem from 'types/MediaItem';
3 | import MediaItemList from 'components/MediaList/MediaItemList';
4 | import {PagedItemsProps} from './PagedItems';
5 |
6 | export default function MediaItems({source, ...props}: PagedItemsProps
9 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/src/components/MediaBrowser/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './MediaBrowser';
2 | export * from './MediaBrowser';
3 |
--------------------------------------------------------------------------------
/src/components/MediaBrowser/useErrorScreen.tsx:
--------------------------------------------------------------------------------
1 | import React, {useMemo} from 'react';
2 | import {FallbackProps} from 'react-error-boundary';
3 | import MediaService from 'types/MediaService';
4 | import {AnyMediaSource} from 'types/MediaSource';
5 | import ErrorScreen from './ErrorScreen';
6 |
7 | export default function useErrorScreen(
8 | service: MediaService,
9 | source: AnyMediaSource
10 | ) {
11 | return useMemo(() => {
12 | return function MediaBrowserError({error}: FallbackProps) {
13 | return
16 | {item ?
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/src/components/MediaInfo/CurrentlyPlayingTabs.tsx:
--------------------------------------------------------------------------------
1 | import React, {useMemo} from 'react';
2 | import TabList, {TabItem} from 'components/TabList';
3 | import MediaDetails from './MediaDetails';
4 | import CurrentlyPlaying, {CurrentlyPlayingProps} from './CurrentlyPlaying';
5 |
6 | export default function CurrentlyPlayingTabs({item, visualizer}: CurrentlyPlayingProps) {
7 | const tabs: TabItem[] = useMemo(() => {
8 | const tabs = [
9 | {
10 | tab: 'Now playing',
11 | panel: No media loaded.
} 17 | {item && item.mediaType !== MediaType.Video ? ( 18 |
10 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/MiniPlayer/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './MiniPlayer';
2 | export * from './MiniPlayer';
3 |
--------------------------------------------------------------------------------
/src/components/Playlist/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './Playlist';
2 | export * from './Playlist';
3 |
--------------------------------------------------------------------------------
/src/components/PopupMenu/PopupMenuItemCheckbox.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Except} from 'type-fest';
3 | import PopupMenuItem, {PopupMenuItemProps} from './PopupMenuItem';
4 |
5 | export interface PopupMenuItemCheckboxProps
20 | {item.panel}
21 |
22 | );
23 | }
24 |
--------------------------------------------------------------------------------
/src/components/TabList/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './TabList';
2 | export * from './TabList';
3 |
--------------------------------------------------------------------------------
/src/components/TextBox/TextBox.scss:
--------------------------------------------------------------------------------
1 | .text-box {
2 | line-height: 1.25;
3 |
4 | p {
5 | margin: 0 0 1em 0;
6 | }
7 |
8 | .scrollable.overflow-y &-content {
9 | padding-right: 1ex;
10 | }
11 | }
12 |
--------------------------------------------------------------------------------
/src/components/TextBox/index.ts:
--------------------------------------------------------------------------------
1 | export {default} from './TextBox';
2 | export * from './TextBox';
3 |
--------------------------------------------------------------------------------
/src/components/Time/Time.tsx:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 | import {Except} from 'type-fest';
3 | import {formatTime} from 'utils';
4 |
5 | export interface TimeProps extends Except