superdesk-ui-framework 3.0.1-beta.13 → 3.0.1-beta.14
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.vscode/settings.json +5 -0
- package/app/styles/_table-list.scss +1 -0
- package/app/styles/dropdowns/_basic-dropdown.scss +6 -0
- package/app-typescript/components/Dropdown.tsx +65 -65
- package/app-typescript/components/DurationInput.tsx +14 -4
- package/app-typescript/components/Lists/ContentList.tsx +28 -4
- package/app-typescript/components/Lists/TableList.tsx +11 -9
- package/app-typescript/dist/components/Alert.d.ts +16 -0
- package/app-typescript/dist/components/Autocomplete.d.ts +48 -0
- package/app-typescript/dist/components/Avatar.d.ts +33 -0
- package/app-typescript/dist/components/Badge.d.ts +13 -0
- package/app-typescript/dist/components/Button.d.ts +23 -0
- package/app-typescript/dist/components/ButtonGroup.d.ts +12 -0
- package/app-typescript/dist/components/CheckButtonGroup.d.ts +11 -0
- package/app-typescript/dist/components/CheckGroup.d.ts +9 -0
- package/app-typescript/dist/components/Checkbox.d.ts +19 -0
- package/app-typescript/dist/components/CheckboxButton.d.ts +19 -0
- package/app-typescript/dist/components/DatePicker.d.ts +37 -0
- package/app-typescript/dist/components/Divider.d.ts +9 -0
- package/app-typescript/dist/components/DonutChart.d.ts +12 -0
- package/app-typescript/dist/components/Dropdown.d.ts +28 -0
- package/app-typescript/dist/components/DropdownFirst.d.ts +42 -0
- package/app-typescript/dist/components/EmptyState.d.ts +11 -0
- package/app-typescript/dist/components/FormLabel.d.ts +9 -0
- package/app-typescript/dist/components/Genie.d.ts +13 -0
- package/app-typescript/dist/components/GridItem.d.ts +69 -0
- package/app-typescript/dist/components/GridList.d.ts +14 -0
- package/app-typescript/dist/components/HeadingText.d.ts +10 -0
- package/app-typescript/dist/components/HelloWorld.d.ts +8 -0
- package/app-typescript/dist/components/Icon.d.ts +12 -0
- package/app-typescript/dist/components/IconButton.d.ts +12 -0
- package/app-typescript/dist/components/IconLabel.d.ts +11 -0
- package/app-typescript/dist/components/Input.d.ts +24 -0
- package/app-typescript/dist/components/Label.d.ts +15 -0
- package/app-typescript/dist/components/LeftMenu.d.ts +26 -0
- package/app-typescript/dist/components/Loader.d.ts +8 -0
- package/app-typescript/dist/components/NavButton.d.ts +15 -0
- package/app-typescript/dist/components/Popover.d.ts +13 -0
- package/app-typescript/dist/components/PropsList.d.ts +15 -0
- package/app-typescript/dist/components/Radio.d.ts +19 -0
- package/app-typescript/dist/components/RadioButton.d.ts +20 -0
- package/app-typescript/dist/components/Select.d.ts +29 -0
- package/app-typescript/dist/components/SelectWithTemplate.d.ts +32 -0
- package/app-typescript/dist/components/SlidingToolbar.d.ts +8 -0
- package/app-typescript/dist/components/StrechBar.d.ts +4 -0
- package/app-typescript/dist/components/SubNav.d.ts +10 -0
- package/app-typescript/dist/components/Switch.d.ts +12 -0
- package/app-typescript/dist/components/TabCustom.d.ts +25 -0
- package/app-typescript/dist/components/TabList.d.ts +22 -0
- package/app-typescript/dist/components/Tag.d.ts +9 -0
- package/app-typescript/dist/components/TagInput.d.ts +7 -0
- package/app-typescript/dist/components/TagInputTest.d.ts +18 -0
- package/app-typescript/dist/components/TimePicker.d.ts +11 -0
- package/app-typescript/dist/components/Tooltip.d.ts +11 -0
- package/app-typescript/dist/components/_Positioner.d.ts +27 -0
- package/app-typescript/dist/index.d.ts +56 -0
- package/dist/examples.bundle.js +538 -122
- package/dist/playgrounds/react-playgrounds/RundownEditor.tsx +3 -9
- package/dist/playgrounds/react-playgrounds/Rundowns.tsx +9 -19
- package/dist/react/ContentList.tsx +2 -10
- package/dist/react/Dropdowns.tsx +357 -5
- package/dist/react/TableList.tsx +28 -30
- package/dist/superdesk-ui.bundle.css +8 -3
- package/dist/superdesk-ui.bundle.js +232 -94
- package/examples/pages/playgrounds/react-playgrounds/RundownEditor.tsx +3 -9
- package/examples/pages/playgrounds/react-playgrounds/Rundowns.tsx +9 -19
- package/examples/pages/react/ContentList.tsx +2 -10
- package/examples/pages/react/Dropdowns.tsx +357 -5
- package/examples/pages/react/TableList.tsx +28 -30
- package/package.json +1 -1
- package/react/components/Dropdown.d.ts +4 -4
- package/react/components/Dropdown.js +19 -15
- package/react/components/DurationInput.d.ts +1 -1
- package/react/components/DurationInput.js +14 -4
- package/react/components/Lists/ContentList.d.ts +5 -0
- package/react/components/Lists/ContentList.js +36 -15
- package/react/components/Lists/TableList.d.ts +5 -5
- package/react/components/Lists/TableList.js +6 -4
- package/yarn-error.log +111 -0
@@ -0,0 +1,25 @@
|
|
1
|
+
interface ITabs {
|
2
|
+
size?: 'normal' | 'large' | 'small';
|
3
|
+
theme?: 'light' | 'dark';
|
4
|
+
ariaLabel?: string;
|
5
|
+
children: Array<any>;
|
6
|
+
onClick(i: number): void;
|
7
|
+
}
|
8
|
+
interface ITabLabel {
|
9
|
+
label: string;
|
10
|
+
indexValue: number;
|
11
|
+
}
|
12
|
+
interface ITabContent {
|
13
|
+
theme?: 'light' | 'dark';
|
14
|
+
children: any;
|
15
|
+
activePanel: number;
|
16
|
+
}
|
17
|
+
interface ITabPanel {
|
18
|
+
indexValue: number;
|
19
|
+
children: any;
|
20
|
+
}
|
21
|
+
export declare const TabLabel: ({ label }: ITabLabel) => JSX.Element;
|
22
|
+
export declare const Tabs: ({ size, theme, ariaLabel, children, onClick }: ITabs) => JSX.Element;
|
23
|
+
export declare const TabContent: ({ theme, children, activePanel }: ITabContent) => JSX.Element;
|
24
|
+
export declare const TabPanel: ({ children, indexValue }: ITabPanel) => JSX.Element;
|
25
|
+
export {};
|
@@ -0,0 +1,22 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface ITabList {
|
3
|
+
size?: 'normal' | 'large' | 'small';
|
4
|
+
theme?: 'light' | 'dark';
|
5
|
+
children: Array<any>;
|
6
|
+
}
|
7
|
+
interface IState {
|
8
|
+
index: number;
|
9
|
+
}
|
10
|
+
interface ITab {
|
11
|
+
label: string;
|
12
|
+
}
|
13
|
+
declare class Tab extends React.PureComponent<ITab> {
|
14
|
+
render(): JSX.Element;
|
15
|
+
}
|
16
|
+
declare class TabList extends React.PureComponent<ITabList, IState> {
|
17
|
+
constructor(props: ITabList);
|
18
|
+
private handleChange;
|
19
|
+
goTo(label: string): void;
|
20
|
+
render(): JSX.Element;
|
21
|
+
}
|
22
|
+
export { Tab, TabList };
|
@@ -0,0 +1,9 @@
|
|
1
|
+
interface IProps {
|
2
|
+
text: string;
|
3
|
+
keyValue?: number;
|
4
|
+
shade?: 'light' | 'darker' | 'highlight1' | 'highlight2';
|
5
|
+
shape?: 'round' | 'square';
|
6
|
+
onClick(): void;
|
7
|
+
}
|
8
|
+
export declare const Tag: ({ text, keyValue, shade, shape, onClick }: IProps) => JSX.Element;
|
9
|
+
export {};
|
@@ -0,0 +1,18 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
items: Array<any>;
|
4
|
+
keyValue: string;
|
5
|
+
minLength?: number;
|
6
|
+
}
|
7
|
+
interface IState {
|
8
|
+
selectedItem: any;
|
9
|
+
filteredItems: any;
|
10
|
+
}
|
11
|
+
export declare class TagInputTest extends React.Component<IProps, IState> {
|
12
|
+
constructor(props: IProps);
|
13
|
+
searchItem(event: any): void;
|
14
|
+
itemTemplate(item: any): JSX.Element;
|
15
|
+
handleItem(e: any): void;
|
16
|
+
render(): JSX.Element;
|
17
|
+
}
|
18
|
+
export {};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
value: string;
|
4
|
+
onChange(valueNext: string): void;
|
5
|
+
required?: boolean;
|
6
|
+
disabled?: boolean;
|
7
|
+
}
|
8
|
+
export declare class TimePicker extends React.PureComponent<IProps> {
|
9
|
+
render(): JSX.Element;
|
10
|
+
}
|
11
|
+
export {};
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
text: string;
|
4
|
+
flow?: 'top' | 'left' | 'right' | 'down';
|
5
|
+
}
|
6
|
+
export declare class Tooltip extends React.PureComponent<IProps> {
|
7
|
+
htmlId: string;
|
8
|
+
componentDidMount(): void;
|
9
|
+
render(): JSX.Element;
|
10
|
+
}
|
11
|
+
export {};
|
@@ -0,0 +1,27 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { PopperOptions } from 'popper.js';
|
3
|
+
declare type ICloseOthersEvent = CustomEvent<{
|
4
|
+
triggerElement: HTMLElement;
|
5
|
+
}>;
|
6
|
+
interface IPropsPositioner {
|
7
|
+
triggerSelector: string;
|
8
|
+
placement: PopperOptions['placement'];
|
9
|
+
zIndex?: number;
|
10
|
+
className?: string;
|
11
|
+
}
|
12
|
+
interface IStatePositioner {
|
13
|
+
open: boolean;
|
14
|
+
}
|
15
|
+
export declare class Positioner extends React.Component<IPropsPositioner, IStatePositioner> {
|
16
|
+
elementForPositioner: HTMLDivElement;
|
17
|
+
triggerElement: HTMLElement;
|
18
|
+
constructor(props: IPropsPositioner);
|
19
|
+
handleCloseOthers(event: ICloseOthersEvent): void;
|
20
|
+
componentDidMount(): void;
|
21
|
+
componentWillUnmount(): void;
|
22
|
+
toggleDropdown(e: MouseEvent): void;
|
23
|
+
closeDropdownOnOutsideClick(wrapper: HTMLElement, event: MouseEvent): void;
|
24
|
+
componentDidUpdate(): void;
|
25
|
+
render(): null;
|
26
|
+
}
|
27
|
+
export {};
|
@@ -0,0 +1,56 @@
|
|
1
|
+
export { HelloWorld } from './components/HelloWorld';
|
2
|
+
export { Button } from './components/Button';
|
3
|
+
export { Input } from './components/Input';
|
4
|
+
export { Select, Option } from './components/Select';
|
5
|
+
export { SelectWithTemplate } from './components/SelectWithTemplate';
|
6
|
+
export { Popover } from './components/Popover';
|
7
|
+
export { Label } from './components/Label';
|
8
|
+
export { Badge } from './components/Badge';
|
9
|
+
export { Alert } from './components/Alert';
|
10
|
+
export { AvatarWrapper } from './components/Avatar';
|
11
|
+
export { AvatarContentText } from './components/Avatar';
|
12
|
+
export { AvatarContentImage } from './components/Avatar';
|
13
|
+
export { IconButton } from './components/IconButton';
|
14
|
+
export { IconLabel } from './components/IconLabel';
|
15
|
+
export { Tooltip } from './components/Tooltip';
|
16
|
+
export { DatePicker } from './components/DatePicker';
|
17
|
+
export { DatePickerISO } from './components/DatePicker';
|
18
|
+
export { DatePickerLocaleSettings } from './components/DatePicker';
|
19
|
+
export { TimePicker } from './components/TimePicker';
|
20
|
+
export { FormLabel } from './components/FormLabel';
|
21
|
+
export { Switch } from './components/Switch';
|
22
|
+
export { ButtonGroup } from './components/ButtonGroup';
|
23
|
+
export { Loader } from './components/Loader';
|
24
|
+
export { Radio } from './components/Radio';
|
25
|
+
export { Checkbox } from './components/Checkbox';
|
26
|
+
export { RadioButton } from './components/RadioButton';
|
27
|
+
export { CheckboxButton } from './components/CheckboxButton';
|
28
|
+
export { CheckGroup } from './components/CheckGroup';
|
29
|
+
export { CheckButtonGroup } from './components/CheckButtonGroup';
|
30
|
+
export { NavButton } from './components/NavButton';
|
31
|
+
export { Tab, TabList } from './components/TabList';
|
32
|
+
export { LeftMenu } from './components/LeftMenu';
|
33
|
+
export { SubNav } from './components/SubNav';
|
34
|
+
export { SlidingToolbar } from './components/SlidingToolbar';
|
35
|
+
export { StrechBar } from './components/StrechBar';
|
36
|
+
export { PropsList, Prop } from './components/PropsList';
|
37
|
+
export { Icon } from './components/Icon';
|
38
|
+
export { Divider } from './components/Divider';
|
39
|
+
export { HeadingText } from './components/HeadingText';
|
40
|
+
export { DropdownFirst } from './components/DropdownFirst';
|
41
|
+
export { DropdownItem } from './components/DropdownFirst';
|
42
|
+
export { DropdownLabel } from './components/DropdownFirst';
|
43
|
+
export { DropdownDivider } from './components/DropdownFirst';
|
44
|
+
export { Dropdown } from './components/Dropdown';
|
45
|
+
export { Tag } from './components/Tag';
|
46
|
+
export { TabLabel, TabPanel, TabContent, Tabs } from './components/TabCustom';
|
47
|
+
export { EmptyState } from './components/EmptyState';
|
48
|
+
export { Autocomplete } from './components/Autocomplete';
|
49
|
+
export { DonutChart } from './components/DonutChart';
|
50
|
+
export { TagInput } from './components/TagInput';
|
51
|
+
export { TagInputTest } from './components/TagInputTest';
|
52
|
+
export { Genie } from './components/Genie';
|
53
|
+
export { GridList } from './components/GridList';
|
54
|
+
export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper } from './components/GridItem';
|
55
|
+
export declare const ToggleBoxNext: any;
|
56
|
+
export declare const reactToAngular1: any;
|