superdesk-ui-framework 3.0.1-beta.17 → 3.0.1-beta.18
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/_content-divider.scss +58 -3
- package/app-typescript/components/ContentDivider.tsx +3 -0
- 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 +16 -12
- package/dist/react/ContentDivider.tsx +18 -14
- package/dist/superdesk-ui.bundle.css +41 -3
- package/dist/superdesk-ui.bundle.js +2 -0
- package/examples/pages/react/ContentDivider.tsx +18 -14
- package/package.json +1 -1
- package/react/components/ContentDivider.d.ts +1 -0
- package/react/components/ContentDivider.js +2 -0
- package/yarn-error.log +111 -0
@@ -0,0 +1,24 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
value?: string;
|
4
|
+
label?: string;
|
5
|
+
maxLength?: number;
|
6
|
+
info?: string;
|
7
|
+
error?: string;
|
8
|
+
required?: boolean;
|
9
|
+
disabled?: boolean;
|
10
|
+
invalid?: boolean;
|
11
|
+
inlineLabel?: boolean;
|
12
|
+
onChange(newValue: string): void;
|
13
|
+
}
|
14
|
+
interface IState {
|
15
|
+
value: string;
|
16
|
+
invalid: boolean;
|
17
|
+
}
|
18
|
+
export declare class Input extends React.Component<IProps, IState> {
|
19
|
+
constructor(props: IProps);
|
20
|
+
htmlId: string;
|
21
|
+
handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
|
22
|
+
render(): JSX.Element;
|
23
|
+
}
|
24
|
+
export {};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
text: string;
|
4
|
+
link?: string;
|
5
|
+
type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
|
6
|
+
color?: string;
|
7
|
+
size?: 'small' | 'normal' | 'large';
|
8
|
+
onClick?(): void;
|
9
|
+
noTransform?: boolean;
|
10
|
+
style?: 'filled' | 'hollow' | 'translucent';
|
11
|
+
}
|
12
|
+
export declare class Label extends React.PureComponent<IProps> {
|
13
|
+
render(): JSX.Element;
|
14
|
+
}
|
15
|
+
export {};
|
@@ -0,0 +1,26 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IMenuItem {
|
3
|
+
id: string;
|
4
|
+
label: string;
|
5
|
+
route?: string;
|
6
|
+
}
|
7
|
+
interface IMenuGroup {
|
8
|
+
label: string;
|
9
|
+
items: Array<IMenuItem>;
|
10
|
+
}
|
11
|
+
interface IMenu {
|
12
|
+
navClass?: string;
|
13
|
+
groups: Array<IMenuGroup>;
|
14
|
+
activeItemId: string;
|
15
|
+
ariaLabel?: string;
|
16
|
+
onSelect(id: string, route: string): void;
|
17
|
+
}
|
18
|
+
interface IState {
|
19
|
+
active: string;
|
20
|
+
}
|
21
|
+
export declare class LeftMenu extends React.PureComponent<IMenu, IState> {
|
22
|
+
constructor(props: IMenu);
|
23
|
+
handleClick(id: string, route: string): void;
|
24
|
+
render(): JSX.Element;
|
25
|
+
}
|
26
|
+
export {};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
id?: string;
|
4
|
+
icon?: string;
|
5
|
+
text?: string;
|
6
|
+
iconSize?: 'small' | 'big';
|
7
|
+
theme?: 'light' | 'dark';
|
8
|
+
type?: 'default' | 'primary' | 'highlight' | 'darker';
|
9
|
+
value?: 'button' | 'submit' | 'reset';
|
10
|
+
onClick(): void;
|
11
|
+
}
|
12
|
+
export declare class NavButton extends React.PureComponent<IProps> {
|
13
|
+
render(): JSX.Element;
|
14
|
+
}
|
15
|
+
export {};
|
@@ -0,0 +1,13 @@
|
|
1
|
+
import { PopperOptions } from 'popper.js';
|
2
|
+
import * as React from 'react';
|
3
|
+
interface IProps {
|
4
|
+
title: string;
|
5
|
+
triggerSelector: string;
|
6
|
+
displayCloseButton?: boolean;
|
7
|
+
placement?: PopperOptions['placement'];
|
8
|
+
zIndex?: number;
|
9
|
+
}
|
10
|
+
export declare class Popover extends React.Component<IProps> {
|
11
|
+
render(): JSX.Element;
|
12
|
+
}
|
13
|
+
export {};
|
@@ -0,0 +1,15 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
name: string;
|
4
|
+
isRequered: boolean;
|
5
|
+
type: string;
|
6
|
+
default: string;
|
7
|
+
description: string;
|
8
|
+
}
|
9
|
+
declare class Prop extends React.PureComponent<IProps> {
|
10
|
+
render(): JSX.Element;
|
11
|
+
}
|
12
|
+
declare class PropsList extends React.PureComponent {
|
13
|
+
render(): JSX.Element;
|
14
|
+
}
|
15
|
+
export { Prop, PropsList };
|
@@ -0,0 +1,19 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
value?: string;
|
4
|
+
options: Array<{
|
5
|
+
label: string;
|
6
|
+
value: string;
|
7
|
+
disabled?: boolean;
|
8
|
+
}>;
|
9
|
+
labelSide?: 'left' | 'right';
|
10
|
+
required?: boolean;
|
11
|
+
onChange(nextValue: string): void;
|
12
|
+
}
|
13
|
+
export declare class Radio extends React.Component<IProps> {
|
14
|
+
htmlId: string;
|
15
|
+
constructor(props: IProps);
|
16
|
+
handleChange(item: any): void;
|
17
|
+
render(): JSX.Element[];
|
18
|
+
}
|
19
|
+
export {};
|
@@ -0,0 +1,20 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
value?: string;
|
4
|
+
options: Array<{
|
5
|
+
label: string;
|
6
|
+
value: string;
|
7
|
+
icon?: string;
|
8
|
+
labelHidden?: boolean;
|
9
|
+
disabled?: boolean;
|
10
|
+
}>;
|
11
|
+
required?: boolean;
|
12
|
+
onChange(nextValue: string): void;
|
13
|
+
}
|
14
|
+
export declare class RadioButton extends React.Component<IProps> {
|
15
|
+
htmlId: string;
|
16
|
+
constructor(props: IProps);
|
17
|
+
handleChange(item: any): void;
|
18
|
+
render(): JSX.Element;
|
19
|
+
}
|
20
|
+
export {};
|
@@ -0,0 +1,29 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface ISelect {
|
3
|
+
value?: string;
|
4
|
+
label?: string;
|
5
|
+
info?: string;
|
6
|
+
error?: string;
|
7
|
+
required?: boolean;
|
8
|
+
disabled?: boolean;
|
9
|
+
invalid?: boolean;
|
10
|
+
inlineLabel?: boolean;
|
11
|
+
onChange(newValue: string): void;
|
12
|
+
}
|
13
|
+
interface IState {
|
14
|
+
value: string;
|
15
|
+
invalid: boolean;
|
16
|
+
}
|
17
|
+
declare class Select extends React.Component<ISelect, IState> {
|
18
|
+
constructor(props: ISelect);
|
19
|
+
htmlId: string;
|
20
|
+
handleChange(event: React.ChangeEvent<HTMLSelectElement>): void;
|
21
|
+
render(): JSX.Element;
|
22
|
+
}
|
23
|
+
interface IOption {
|
24
|
+
value?: string;
|
25
|
+
}
|
26
|
+
declare class Option extends React.PureComponent<IOption> {
|
27
|
+
render(): JSX.Element;
|
28
|
+
}
|
29
|
+
export { Select, Option };
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import { Dropdown } from '@superdesk/primereact/dropdown';
|
3
|
+
interface IProps<T> {
|
4
|
+
getItems(searchString: string | null): Promise<Array<T>>;
|
5
|
+
value: T;
|
6
|
+
getLabel(option: T): string;
|
7
|
+
onChange(value: T): void;
|
8
|
+
areEqual(a: T, b: T): boolean;
|
9
|
+
itemTemplate: React.ComponentType<{
|
10
|
+
option: T | null;
|
11
|
+
}>;
|
12
|
+
noResultsFoundMessage: string;
|
13
|
+
filterPlaceholder?: string;
|
14
|
+
disabled?: boolean;
|
15
|
+
required?: boolean;
|
16
|
+
autoFocus?: boolean;
|
17
|
+
autoOpen?: boolean;
|
18
|
+
width?: 'min' | '100%';
|
19
|
+
zIndex?: number;
|
20
|
+
'data-test-id'?: string;
|
21
|
+
}
|
22
|
+
interface IState<T> {
|
23
|
+
options: Array<T>;
|
24
|
+
loading: boolean;
|
25
|
+
}
|
26
|
+
export declare class SelectWithTemplate<T> extends React.Component<IProps<T>, IState<T>> {
|
27
|
+
componentRef: Dropdown | null;
|
28
|
+
constructor(props: IProps<T>);
|
29
|
+
componentDidMount(): void;
|
30
|
+
render(): JSX.Element;
|
31
|
+
}
|
32
|
+
export {};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
color?: 'light' | 'darker' | 'blueGrey' | 'blueGreyDarker' | 'darkUi';
|
4
|
+
zIndex?: number;
|
5
|
+
theme?: 'light' | 'dark';
|
6
|
+
}
|
7
|
+
export declare class SubNav extends React.PureComponent<IProps> {
|
8
|
+
render(): JSX.Element;
|
9
|
+
}
|
10
|
+
export {};
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
interface IProps {
|
3
|
+
value: boolean;
|
4
|
+
disabled?: boolean;
|
5
|
+
onChange(nextValue: boolean): void;
|
6
|
+
}
|
7
|
+
export declare class Switch extends React.PureComponent<IProps> {
|
8
|
+
constructor(props: IProps);
|
9
|
+
onClick(): void;
|
10
|
+
render(): JSX.Element;
|
11
|
+
}
|
12
|
+
export {};
|
@@ -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;
|
package/dist/examples.bundle.js
CHANGED
@@ -77108,6 +77108,8 @@ var ContentDivider = /** @class */ (function (_super) {
|
|
77108
77108
|
_a["sd-content-divider--".concat(this.props.type)] = this.props.type || this.props.type !== undefined,
|
77109
77109
|
_a["sd-content-divider--text-".concat(this.props.align)] = this.props.align || this.props.align !== undefined,
|
77110
77110
|
_a["sd-content-divider--".concat(this.props.orientation)] = this.props.orientation || this.props.orientation !== undefined,
|
77111
|
+
_a['sd-content-divider--margin-medium'] = this.props.margin === undefined,
|
77112
|
+
_a["sd-content-divider--margin-".concat(this.props.margin)] = this.props.margin || this.props.margin !== undefined,
|
77111
77113
|
_a));
|
77112
77114
|
if (this.props.children) {
|
77113
77115
|
return (React.createElement("div", { className: "sd-content-divider--with-text " + classes, role: "separator" },
|
@@ -131066,9 +131068,10 @@ var ContentDividerDoc = /** @class */ (function (_super) {
|
|
131066
131068
|
React.createElement("p", null, "Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Aenean lacinia bibendum nulla sed consectetur. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Lorem ipsum dolor sit amet, consectetur adipiscing elit."),
|
131067
131069
|
React.createElement(app_typescript_1.ContentDivider, { type: "dashed" }),
|
131068
131070
|
React.createElement("p", null, "Donec ullamcorper nulla non metus auctor fringilla. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam quis risus eget urna mollis ornare vel eu leo. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Cras mattis consectetur purus sit amet fermentum. Nulla vitae elit libero, a pharetra augue."),
|
131069
|
-
React.createElement(app_typescript_1.ContentDivider, { type: "dotted" }),
|
131070
|
-
React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam.")
|
131071
|
-
|
131071
|
+
React.createElement(app_typescript_1.ContentDivider, { type: "dotted", margin: 'x-small' }),
|
131072
|
+
React.createElement("p", null, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Donec id elit non mi porta gravida at eget metus. Cras justo odio, dapibus ac facilisis in, egestas eget quam."),
|
131073
|
+
React.createElement(app_typescript_1.ContentDivider, { type: "dotted", margin: 'x-small' }))),
|
131074
|
+
React.createElement(Markup.ReactMarkupCode, null, "\n <p>Maecenas sed diam eget risus varius...</p>\n\n <ContentDivider />\n\n <p>Vestibulum id ligula porta felis euismod...</p>\n\n <ContentDivider type=\"dashed\" />\n\n <p>Donec ullamcorper nulla non metus auctor fringilla...</p>\n\n <ContentDivider type=\"dotted\" margin='x-small' />\n\n <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit...</p>\n\n <ContentDivider type=\"dotted\" margin='x-small' />\n ")),
|
131072
131075
|
React.createElement("h3", { className: "docs-page__h3" }, "With text"),
|
131073
131076
|
React.createElement("p", { className: "docs-page__paragraph" }),
|
131074
131077
|
React.createElement(Markup.ReactMarkup, null,
|
@@ -131076,11 +131079,11 @@ var ContentDividerDoc = /** @class */ (function (_super) {
|
|
131076
131079
|
React.createElement("div", { className: 'docs-page__content-row' },
|
131077
131080
|
React.createElement(app_typescript_1.ContentDivider, null, "Centered (default)"),
|
131078
131081
|
React.createElement("p", null, "Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum."),
|
131079
|
-
React.createElement(app_typescript_1.ContentDivider, { align: "left" }, "Left aligned"),
|
131082
|
+
React.createElement(app_typescript_1.ContentDivider, { margin: 'small', align: "left" }, "Left aligned, small margin"),
|
131080
131083
|
React.createElement("p", null, "Maecenas sed diam eget risus varius blandit sit amet non magna. Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum. Etiam porta sem malesuada magna mollis euismod. Cras mattis consectetur purus sit amet fermentum."),
|
131081
|
-
React.createElement(app_typescript_1.ContentDivider, { align: "right", type: "dotted" }, "Right aligned"),
|
131084
|
+
React.createElement(app_typescript_1.ContentDivider, { align: "right", type: "dotted" }, "Right aligned, dotted"),
|
131082
131085
|
React.createElement("p", null, "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Etiam porta sem malesuada magna mollis euismod. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Morbi leo risus, porta ac consectetur ac, vestibulum at eros."))),
|
131083
|
-
React.createElement(Markup.ReactMarkupCode, null, "\n <ContentDivider>\n Centered (default)\n </ContentDivider>\n\n <p>Maecenas sed diam eget...</p>\n\n <ContentDivider align=\"left\">\n Left aligned\n </ContentDivider>\n\n <p>Maecenas sed diam eget risus...</p>\n\n <ContentDivider align=\"right\" type=\"dotted\">\n Right aligned\n </ContentDivider>\n\n <p>Praesent commodo cursus magna...</p>\n ")),
|
131086
|
+
React.createElement(Markup.ReactMarkupCode, null, "\n <ContentDivider>\n Centered (default)\n </ContentDivider>\n\n <p>Maecenas sed diam eget...</p>\n\n <ContentDivider margin='small' align=\"left\">\n Left aligned, small margin\n </ContentDivider>\n\n <p>Maecenas sed diam eget risus...</p>\n\n <ContentDivider align=\"right\" type=\"dotted\">\n Right aligned, dotted\n </ContentDivider>\n\n <p>Praesent commodo cursus magna...</p>\n ")),
|
131084
131087
|
React.createElement("h3", { className: "docs-page__h3" }, "Vertical"),
|
131085
131088
|
React.createElement("p", { className: "docs-page__paragraph" }),
|
131086
131089
|
React.createElement(Markup.ReactMarkup, null,
|
@@ -131088,23 +131091,24 @@ var ContentDividerDoc = /** @class */ (function (_super) {
|
|
131088
131091
|
React.createElement("p", { className: "docs-page__paragraph" }, "// Basic"),
|
131089
131092
|
React.createElement("div", { className: 'docs-page__content-row' },
|
131090
131093
|
React.createElement("span", null, "Option one"),
|
131091
|
-
React.createElement(app_typescript_1.ContentDivider, { orientation: "vertical", type: "dotted" }),
|
131094
|
+
React.createElement(app_typescript_1.ContentDivider, { margin: 'small', orientation: "vertical", type: "dotted" }),
|
131092
131095
|
React.createElement("span", null, "Option two"),
|
131093
|
-
React.createElement(app_typescript_1.ContentDivider, { orientation: "vertical", type: "dotted" }),
|
131096
|
+
React.createElement(app_typescript_1.ContentDivider, { margin: 'small', orientation: "vertical", type: "dotted" }),
|
131094
131097
|
React.createElement("span", null, "Option three")),
|
131095
131098
|
React.createElement("p", { className: "docs-page__paragraph " }, "// With text"),
|
131096
131099
|
React.createElement("p", { className: "docs-page__paragraph--small sd-margin-b--3" }, "Inside a flex container (flex-direction: column;)."),
|
131097
131100
|
React.createElement("div", { className: 'docs-page__content-row sd-display--flex' },
|
131098
131101
|
React.createElement("div", { style: { width: '100%' } }, "Cras justo odio, dapibus ac facilisis in, egestas eget quam. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Maecenas sed diam eget risus varius blandit sit amet. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue."),
|
131099
|
-
React.createElement(app_typescript_1.ContentDivider, { orientation: "vertical" }, "or"),
|
131102
|
+
React.createElement(app_typescript_1.ContentDivider, { orientation: "vertical", margin: 'large' }, "or"),
|
131100
131103
|
React.createElement("div", { style: { width: '100%' } }, "Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec id elit non mi porta gravida at eget metus. Cras mattis consectetur purus sit amet fermentum. Maecenas sed diam eget risus varius blandit sit amet non magna. Nullam id dolor id nibh ultricies vehicula ut id elit. Donec sed odio dui. Nulla vitae elit libero, a pharetra augue."))),
|
131101
|
-
React.createElement(Markup.ReactMarkupCode, null, "\n // Basic\n\n <span>Option one</span>\n <ContentDivider orientation=\"vertical\" type=\"dotted\" />\n <span>Option two</span>\n <ContentDivider orientation=\"vertical\" type=\"dotted\" />\n <span>Option three</span>\n\n // With text\n\n <div>\n Cras justo odio, dapibus ac facilisis in, egestas eget quam...\n </div>\n\n <ContentDivider orientation=\"vertical\">\n or\n </ContentDivider>\n\n <div>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et...\n </div>\n ")),
|
131104
|
+
React.createElement(Markup.ReactMarkupCode, null, "\n // Basic\n\n <span>Option one</span>\n <ContentDivider margin='small' orientation=\"vertical\" type=\"dotted\" />\n <span>Option two</span>\n <ContentDivider margin='small' orientation=\"vertical\" type=\"dotted\" />\n <span>Option three</span>\n\n // With text\n\n <div>\n Cras justo odio, dapibus ac facilisis in, egestas eget quam...\n </div>\n\n <ContentDivider orientation=\"vertical\" margin='large'>\n or\n </ContentDivider>\n\n <div>\n Praesent commodo cursus magna, vel scelerisque nisl consectetur et...\n </div>\n ")),
|
131102
131105
|
React.createElement("h3", { className: "docs-page__h3" }, "Props"),
|
131103
131106
|
React.createElement(app_typescript_1.PropsList, null,
|
131104
131107
|
React.createElement(app_typescript_1.Prop, { name: 'type', isRequired: false, type: 'dashed | dotted | solid', default: 'solid', description: 'Border style of the divider.' }),
|
131105
131108
|
React.createElement(app_typescript_1.Prop, { name: 'orientation', isRequired: false, type: 'horizontal | vertical', default: 'horizontal', description: 'Defines if the divider is horizontal or vertical. Default is horizontal.' }),
|
131106
131109
|
React.createElement(app_typescript_1.Prop, { name: 'align', isRequired: false, type: 'center | left | right', default: 'right', description: 'Text alignment inside the divider. Should not be used without any text inside the divider. The vertical divider has no alignment options.' }),
|
131107
|
-
React.createElement(app_typescript_1.Prop, { name: 'border', isRequired: false, type: 'boolean', default: 'true', description: 'Removes the border if set to true. Should be generally avoided especially if there is textual content. It can be used to add space between elements if there is no other option.' })
|
131110
|
+
React.createElement(app_typescript_1.Prop, { name: 'border', isRequired: false, type: 'boolean', default: 'true', description: 'Removes the border if set to true. Should be generally avoided especially if there is textual content. It can be used to add space between elements if there is no other option.' }),
|
131111
|
+
React.createElement(app_typescript_1.Prop, { name: 'margin', isRequired: false, type: 'x-small | small | medium | large | none', default: 'medium', description: 'Vertical or horizontal margins (depending on the orientation) of the ContentDivider. Default to medium if not set.' }))));
|
131108
131112
|
};
|
131109
131113
|
return ContentDividerDoc;
|
131110
131114
|
}(React.Component));
|
@@ -137768,7 +137772,7 @@ exports.WithSizeObserverDocs = WithSizeObserverDocs;
|
|
137768
137772
|
/* 649 */
|
137769
137773
|
/***/ (function(module, exports) {
|
137770
137774
|
|
137771
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.
|
137775
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.0.1-beta.18","license":"AGPL-3.0","repository":{"type":"git","url":"https://github.com/superdesk/superdesk-ui-framework.git"},"main":"dist/superdesk-ui.bundle.js","types":"react/index.d.ts","contributors":["Nemanja Pavlovic","Vladimir Stefanovic","Darko Tomic","Aleksandar Jelicic","Tomas Kikutis","Dragana Zivkovic"],"scripts":{"start":"webpack-dev-server --config tasks/webpack.dev.js","server":"webpack --watch --config tasks/webpack.prod.js && tsc-watch","build":"webpack --config tasks/webpack.prod.js && tsc","build-ui":"webpack && tsc && npm run lint","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}'","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build"},"devDependencies":{"@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/lodash":"^4.14.161","@types/react":"16.8.23","@types/react-beautiful-dnd":"^13.1.2","@types/react-dom":"16.8.0","@types/react-router-dom":"^5.1.2","@types/react-scrollspy":"^3.3.5","@typescript-eslint/parser":"5.14.0","angular":"^1.7.9","angular-animate":"^1.7.9","angular-route":"^1.7.9","babel-core":"^6.26.0","babel-loader":"^7.1.2","babel-plugin-transform-object-rest-spread":"^6.26.0","babel-preset-es2015":"^6.24.1","babel-preset-react":"^6.24.1","classnames":"^2.2.5","clean-webpack-plugin":"^1.0.0","code-prettify":"^0.1.0","copy-webpack-plugin":"^4.6.0","css-loader":"^2.1.1","eslint":"^4.6.1","eslint-loader":"^1.9.0","eslint-plugin-angular":"^3.1.1","eslint-plugin-react":"^7.3.0","extract-text-webpack-plugin":"^3.0.2","file-loader":"^0.11.2","html-loader":"^0.5.1","html-webpack-plugin":"^2.30.1","jquery":"^3.1.1","jquery-ui":"^1.12.1","lodash":"4.17.21","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","react-bootstrap":"^0.31.2","react-dom":"16.8.6","react-redux":"^5.0.6","react-router-dom":"^5.1.2","redux":"^3.7.2","redux-form":"^7.0.4","sass-loader":"^6.0.6","style-loader":"^0.18.2","superdesk-code-style":"^1.1.2","ts-loader":"^6.0.2","tslint":"^5.18.0","typescript":"4.5.2","url-loader":"^1.1.2","webpack":"^3.5.5","webpack-cli":"3.3.10","webpack-dev-server":"2.11.1","webpack-merge":"^4.2.1"},"dependencies":{"@material-ui/lab":"^4.0.0-alpha.56","@popperjs/core":"^2.4.0","@superdesk/primereact":"^5.0.2-6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","moment":"^2.29.3","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-popper":"^2.2.3","react-scrollspy":"^3.4.3"}}
|
137772
137776
|
|
137773
137777
|
/***/ }),
|
137774
137778
|
/* 650 */
|