superdesk-ui-framework 3.0.1-beta.28 → 3.0.1-beta.30
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/app/styles/_big-icon-font.scss +1 -1
- package/app/styles/_labels.scss +0 -1
- package/app/styles/_simple-list.scss +0 -3
- package/app/styles/components/_sd-media-carousel.scss +37 -2
- package/app/styles/components/_subnav.scss +470 -470
- package/app/styles/design-tokens/_new-colors.scss +19 -7
- package/app/styles/primereact/_pr-datepicker.scss +4 -2
- package/app/styles/variables/_colors.scss +21 -21
- package/app-typescript/components/Lists/TableList.tsx +46 -41
- package/app-typescript/components/NavButton.tsx +2 -1
- package/dist/examples.bundle.css +62 -62
- package/dist/examples.bundle.js +20 -4
- package/dist/react/NavButtons.tsx +31 -1
- package/dist/superdesk-ui.bundle.css +210 -167
- package/dist/superdesk-ui.bundle.js +6 -2
- package/examples/css/docs-page.css +4 -4
- package/examples/pages/react/NavButtons.tsx +31 -1
- package/package.json +1 -1
- package/react/components/Lists/TableList.d.ts +1 -0
- package/react/components/Lists/TableList.js +6 -2
- package/react/components/NavButton.d.ts +1 -1
- package/.vscode/settings.json +0 -5
- package/app-typescript/dist/components/Alert.d.ts +0 -16
- package/app-typescript/dist/components/Autocomplete.d.ts +0 -48
- package/app-typescript/dist/components/Avatar.d.ts +0 -33
- package/app-typescript/dist/components/Badge.d.ts +0 -13
- package/app-typescript/dist/components/Button.d.ts +0 -23
- package/app-typescript/dist/components/ButtonGroup.d.ts +0 -12
- package/app-typescript/dist/components/CheckButtonGroup.d.ts +0 -11
- package/app-typescript/dist/components/CheckGroup.d.ts +0 -9
- package/app-typescript/dist/components/Checkbox.d.ts +0 -19
- package/app-typescript/dist/components/CheckboxButton.d.ts +0 -19
- package/app-typescript/dist/components/DatePicker.d.ts +0 -37
- package/app-typescript/dist/components/Divider.d.ts +0 -9
- package/app-typescript/dist/components/DonutChart.d.ts +0 -12
- package/app-typescript/dist/components/Dropdown.d.ts +0 -28
- package/app-typescript/dist/components/DropdownFirst.d.ts +0 -42
- package/app-typescript/dist/components/EmptyState.d.ts +0 -11
- package/app-typescript/dist/components/FormLabel.d.ts +0 -9
- package/app-typescript/dist/components/Genie.d.ts +0 -13
- package/app-typescript/dist/components/GridItem.d.ts +0 -69
- package/app-typescript/dist/components/GridList.d.ts +0 -14
- package/app-typescript/dist/components/HeadingText.d.ts +0 -10
- package/app-typescript/dist/components/HelloWorld.d.ts +0 -8
- package/app-typescript/dist/components/Icon.d.ts +0 -12
- package/app-typescript/dist/components/IconButton.d.ts +0 -12
- package/app-typescript/dist/components/IconLabel.d.ts +0 -11
- package/app-typescript/dist/components/Input.d.ts +0 -24
- package/app-typescript/dist/components/Label.d.ts +0 -15
- package/app-typescript/dist/components/LeftMenu.d.ts +0 -26
- package/app-typescript/dist/components/Loader.d.ts +0 -8
- package/app-typescript/dist/components/NavButton.d.ts +0 -15
- package/app-typescript/dist/components/Popover.d.ts +0 -13
- package/app-typescript/dist/components/PropsList.d.ts +0 -15
- package/app-typescript/dist/components/Radio.d.ts +0 -19
- package/app-typescript/dist/components/RadioButton.d.ts +0 -20
- package/app-typescript/dist/components/Select.d.ts +0 -29
- package/app-typescript/dist/components/SelectWithTemplate.d.ts +0 -32
- package/app-typescript/dist/components/SlidingToolbar.d.ts +0 -8
- package/app-typescript/dist/components/StrechBar.d.ts +0 -4
- package/app-typescript/dist/components/SubNav.d.ts +0 -10
- package/app-typescript/dist/components/Switch.d.ts +0 -12
- package/app-typescript/dist/components/TabCustom.d.ts +0 -25
- package/app-typescript/dist/components/TabList.d.ts +0 -22
- package/app-typescript/dist/components/Tag.d.ts +0 -9
- package/app-typescript/dist/components/TagInput.d.ts +0 -7
- package/app-typescript/dist/components/TagInputTest.d.ts +0 -18
- package/app-typescript/dist/components/TimePicker.d.ts +0 -11
- package/app-typescript/dist/components/Tooltip.d.ts +0 -11
- package/app-typescript/dist/components/_Positioner.d.ts +0 -27
- package/app-typescript/dist/index.d.ts +0 -56
- package/yarn-error.log +0 -111
@@ -40891,6 +40891,10 @@ var TableListItem = /** @class */ (function (_super) {
|
|
40891
40891
|
_this.prevent = false;
|
40892
40892
|
}, _this.delay);
|
40893
40893
|
};
|
40894
|
+
_this.onActionMenuClick = function (event) {
|
40895
|
+
event.preventDefault();
|
40896
|
+
event.stopPropagation();
|
40897
|
+
};
|
40894
40898
|
return _this;
|
40895
40899
|
}
|
40896
40900
|
TableListItem.prototype.render = function () {
|
@@ -40911,7 +40915,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
40911
40915
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
40912
40916
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
|
40913
40917
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
|
40914
|
-
this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions' }, this.props.action)),
|
40918
|
+
this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
|
40915
40919
|
React.createElement("div", { className: 'table-list__add-bar-container' },
|
40916
40920
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
40917
40921
|
React.createElement("div", { className: 'table-list__add-bar' },
|
@@ -40923,7 +40927,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
40923
40927
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
40924
40928
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
|
40925
40929
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
|
40926
|
-
this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions' }, this.props.action)));
|
40930
|
+
this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)));
|
40927
40931
|
};
|
40928
40932
|
return TableListItem;
|
40929
40933
|
}(React.PureComponent));
|
@@ -531,7 +531,7 @@ p.docs-page__paragraph b, div.docs-page__paragraph b {
|
|
531
531
|
margin: 0;
|
532
532
|
font-size: 13px;
|
533
533
|
line-height: 1.42857143;
|
534
|
-
color:
|
534
|
+
color: hsl(214, 13%, 20%);
|
535
535
|
word-break: break-all;
|
536
536
|
word-wrap: break-word;
|
537
537
|
background-color: #eee;
|
@@ -539,11 +539,11 @@ p.docs-page__paragraph b, div.docs-page__paragraph b {
|
|
539
539
|
border-radius: 2px;
|
540
540
|
}
|
541
541
|
.docs-page__code-window {
|
542
|
-
border: 1px solid
|
542
|
+
border: 1px solid hsla(0, 0%, 48%, 0.2);
|
543
543
|
border-radius: 2px;
|
544
544
|
margin: 10px 0 20px;
|
545
|
-
-webkit-box-shadow: 0 2px 8px
|
546
|
-
box-shadow: 0 2px 8px
|
545
|
+
-webkit-box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.07);
|
546
|
+
box-shadow: 0 2px 8px hsla(0, 0%, 0%, 0.07);
|
547
547
|
}
|
548
548
|
.docs-page__window-bar {
|
549
549
|
padding: 10px;
|
@@ -56,13 +56,43 @@ export default class NavButtonsDoc extends React.Component {
|
|
56
56
|
`}
|
57
57
|
</Markup.ReactMarkupCode>
|
58
58
|
</Markup.ReactMarkup>
|
59
|
+
<h3 className="docs-page__h3">Styles / Types</h3>
|
60
|
+
<Markup.ReactMarkup>
|
61
|
+
<Markup.ReactMarkupPreview>
|
62
|
+
<SubNav zIndex={2}>
|
63
|
+
<ButtonGroup align='start' spaces='no-space'>
|
64
|
+
<NavButton icon='adjust' type='default' text="Adjust" onClick={() => false} />
|
65
|
+
<NavButton icon='eye-open' type='darker' text="View" onClick={() => false} />
|
66
|
+
<NavButton icon='refresh' type='dark' text="Refresh" onClick={() => false} />
|
67
|
+
</ButtonGroup>
|
68
|
+
<ButtonGroup align='end' spaces='no-space'>
|
69
|
+
<NavButton icon='edit-line' type='primary' text="Edit" onClick={() => false} />
|
70
|
+
<NavButton icon='expand-thin' type='highlight' text="Expand" onClick={() => false} />
|
71
|
+
</ButtonGroup>
|
72
|
+
</SubNav>
|
73
|
+
</Markup.ReactMarkupPreview>
|
74
|
+
<Markup.ReactMarkupCode>{`
|
75
|
+
<SubNav zIndex={2}>
|
76
|
+
<ButtonGroup align='start' spaces='no-space'>
|
77
|
+
<NavButton icon='adjust' type='default' text="Adjust" onClick={() => false} />
|
78
|
+
<NavButton icon='eye-open' type='darker' text="View" onClick={() => false} />
|
79
|
+
<NavButton icon='refresh' type='dark' text="Refresh" onClick={() => false} />
|
80
|
+
</ButtonGroup>
|
81
|
+
<ButtonGroup align='end' spaces='no-space'>
|
82
|
+
<NavButton icon='edit-line' type='primary' text="Edit" onClick={() => false} />
|
83
|
+
<NavButton icon='expand-thin' type='highlight' text="Expand" onClick={() => false} />
|
84
|
+
</ButtonGroup>
|
85
|
+
</SubNav>
|
86
|
+
`}
|
87
|
+
</Markup.ReactMarkupCode>
|
88
|
+
</Markup.ReactMarkup>
|
59
89
|
|
60
90
|
<h3 className="docs-page__h3">Props</h3>
|
61
91
|
<PropsList>
|
62
92
|
<Prop name='icon' isRequired={false} type='string' default='/' description='Icon class name without the icon- part.' />
|
63
93
|
<Prop name='text' isRequired={false} type='string' default='/' description='Defines the value for aria-label, for screen-readers accessibility.' />
|
64
94
|
<Prop name='iconSize' isRequired={false} type='small | big' default='small' description='Specifies a small or big button' />
|
65
|
-
<Prop name='type' isRequired={false} type='default | primary |
|
95
|
+
<Prop name='type' isRequired={false} type='default | primary | highlight | darker | dark' default='default' description='Default + colour variations.' />
|
66
96
|
<Prop name='state' isRequired={false} type='normal | active' default='normal' description='Defines the optional state of the button (e.g. active)' />
|
67
97
|
<Prop name='theme' isRequired={false} type='light | dark' default='light' description='Styles nav button for diffrent background.' />
|
68
98
|
<Prop name='value' isRequired={false} type='button | submit | reset' default='button' description='Specifies a value of nav button' />
|
package/package.json
CHANGED
@@ -58,6 +58,7 @@ declare class TableListItem extends React.PureComponent<IPropsItem> {
|
|
58
58
|
private prevent;
|
59
59
|
onSingleClick: () => void;
|
60
60
|
onDoubleClick: () => void;
|
61
|
+
onActionMenuClick: (event: React.MouseEvent<HTMLElement>) => void;
|
61
62
|
render(): JSX.Element;
|
62
63
|
}
|
63
64
|
export { TableList, TableListItem };
|
@@ -175,6 +175,10 @@ var TableListItem = /** @class */ (function (_super) {
|
|
175
175
|
_this.prevent = false;
|
176
176
|
}, _this.delay);
|
177
177
|
};
|
178
|
+
_this.onActionMenuClick = function (event) {
|
179
|
+
event.preventDefault();
|
180
|
+
event.stopPropagation();
|
181
|
+
};
|
178
182
|
return _this;
|
179
183
|
}
|
180
184
|
TableListItem.prototype.render = function () {
|
@@ -195,7 +199,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
195
199
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
196
200
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
|
197
201
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
|
198
|
-
this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions' }, this.props.action)),
|
202
|
+
this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)),
|
199
203
|
React.createElement("div", { className: 'table-list__add-bar-container' },
|
200
204
|
React.createElement(Tooltip_1.Tooltip, { text: 'Add item', flow: 'top', appendToBody: true },
|
201
205
|
React.createElement("div", { className: 'table-list__add-bar' },
|
@@ -207,7 +211,7 @@ var TableListItem = /** @class */ (function (_super) {
|
|
207
211
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.start && this.props.start),
|
208
212
|
React.createElement("div", { className: 'table-list__item-content-block table-list__item-content-block--center' }, this.props.center && this.props.center),
|
209
213
|
React.createElement("div", { className: 'table-list__item-content-block' }, this.props.end && this.props.end)),
|
210
|
-
this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions' }, this.props.action)));
|
214
|
+
this.props.action && React.createElement("div", { className: 'table-list__slide-in-actions', onClick: this.onActionMenuClick }, this.props.action)));
|
211
215
|
};
|
212
216
|
return TableListItem;
|
213
217
|
}(React.PureComponent));
|
@@ -5,7 +5,7 @@ interface IProps {
|
|
5
5
|
text?: string;
|
6
6
|
iconSize?: 'small' | 'big';
|
7
7
|
theme?: 'light' | 'dark';
|
8
|
-
type?: 'default' | 'primary' | 'highlight' | 'darker';
|
8
|
+
type?: 'default' | 'primary' | 'highlight' | 'darker' | 'dark';
|
9
9
|
state?: 'normal' | 'active';
|
10
10
|
value?: 'button' | 'submit' | 'reset';
|
11
11
|
onClick(): void;
|
package/.vscode/settings.json
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
type?: 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
|
4
|
-
style?: 'filled' | 'hollow';
|
5
|
-
size?: 'normal' | 'small';
|
6
|
-
restoreIcon?: 'info' | 'help';
|
7
|
-
}
|
8
|
-
interface IState {
|
9
|
-
open: boolean;
|
10
|
-
}
|
11
|
-
export declare class Alert extends React.PureComponent<IProps, IState> {
|
12
|
-
constructor(props: IProps);
|
13
|
-
onToggle(): void;
|
14
|
-
render(): JSX.Element;
|
15
|
-
}
|
16
|
-
export {};
|
@@ -1,48 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
items: Array<any>;
|
4
|
-
keyValue?: string;
|
5
|
-
minLength?: number;
|
6
|
-
value?: string | object;
|
7
|
-
label?: string;
|
8
|
-
placeholder?: string;
|
9
|
-
info?: string;
|
10
|
-
error?: string;
|
11
|
-
required?: boolean;
|
12
|
-
disabled?: boolean;
|
13
|
-
invalid?: boolean;
|
14
|
-
inlineLabel?: boolean;
|
15
|
-
isSearchField?: boolean;
|
16
|
-
listItemTemplate?(value: any): any;
|
17
|
-
search?(searhString: string, callback: (result: Array<any>) => void): {
|
18
|
-
cancel: () => void;
|
19
|
-
};
|
20
|
-
onChange(newValue: string): void;
|
21
|
-
onSelect?(suggestion: string): void;
|
22
|
-
}
|
23
|
-
interface IState {
|
24
|
-
selectedItem: any;
|
25
|
-
filteredItems: any;
|
26
|
-
invalid: boolean;
|
27
|
-
focused: boolean;
|
28
|
-
}
|
29
|
-
export declare class Autocomplete extends React.Component<IProps, IState> {
|
30
|
-
latestCall?: {
|
31
|
-
cancel: () => void;
|
32
|
-
};
|
33
|
-
constructor(props: IProps);
|
34
|
-
htmlId: string;
|
35
|
-
search(term: string): void;
|
36
|
-
searchItem(event: any): void;
|
37
|
-
handleChange(event: {
|
38
|
-
originalEvent: Event;
|
39
|
-
value: any;
|
40
|
-
}): void;
|
41
|
-
handleSelect(event: {
|
42
|
-
originalEvent: Event;
|
43
|
-
value: any;
|
44
|
-
}): void;
|
45
|
-
handleInputClear(): void;
|
46
|
-
render(): JSX.Element;
|
47
|
-
}
|
48
|
-
export {};
|
@@ -1,33 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IBase {
|
3
|
-
tooltipText?: string;
|
4
|
-
}
|
5
|
-
interface IImageAvatar extends IBase {
|
6
|
-
imageUrl?: string;
|
7
|
-
}
|
8
|
-
interface ITextAvatar extends IBase {
|
9
|
-
text: string;
|
10
|
-
}
|
11
|
-
export declare class AvatarContentText extends React.PureComponent<ITextAvatar> {
|
12
|
-
render(): JSX.Element;
|
13
|
-
}
|
14
|
-
export declare class AvatarContentImage extends React.PureComponent<IImageAvatar> {
|
15
|
-
render(): JSX.Element;
|
16
|
-
}
|
17
|
-
interface IPropsAvatarWrapper {
|
18
|
-
size?: 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
|
19
|
-
statusIndicator?: {
|
20
|
-
status: 'online' | 'offline';
|
21
|
-
tooltipText?: string;
|
22
|
-
};
|
23
|
-
administratorIndicator?: {
|
24
|
-
enabled: boolean;
|
25
|
-
tooltipText?: string;
|
26
|
-
};
|
27
|
-
children: React.ReactNode;
|
28
|
-
'data-test-id'?: string;
|
29
|
-
}
|
30
|
-
export declare class AvatarWrapper extends React.PureComponent<IPropsAvatarWrapper> {
|
31
|
-
render(): JSX.Element;
|
32
|
-
}
|
33
|
-
export {};
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
text?: string;
|
4
|
-
type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
|
5
|
-
color?: string;
|
6
|
-
shape?: 'round' | 'square';
|
7
|
-
children?: React.ReactNode;
|
8
|
-
'data-test-id'?: string;
|
9
|
-
}
|
10
|
-
export declare class Badge extends React.PureComponent<IProps> {
|
11
|
-
render(): JSX.Element;
|
12
|
-
}
|
13
|
-
export {};
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IButtonBase {
|
3
|
-
id?: string;
|
4
|
-
theme?: 'light' | 'dark';
|
5
|
-
type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'sd-green';
|
6
|
-
size?: 'small' | 'normal' | 'large';
|
7
|
-
children?: never;
|
8
|
-
icon?: string;
|
9
|
-
disabled?: boolean;
|
10
|
-
iconOnly?: boolean;
|
11
|
-
onClick(): void;
|
12
|
-
'data-test-id'?: string;
|
13
|
-
}
|
14
|
-
interface IPropsButton extends IButtonBase {
|
15
|
-
text: string;
|
16
|
-
expand?: boolean;
|
17
|
-
style?: 'filled' | 'hollow' | 'text-only';
|
18
|
-
shape?: 'square' | 'round';
|
19
|
-
}
|
20
|
-
export declare class Button extends React.PureComponent<IPropsButton> {
|
21
|
-
render(): JSX.Element;
|
22
|
-
}
|
23
|
-
export {};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
orientation?: 'horizontal' | 'vertical';
|
4
|
-
spaces?: 'comfort' | 'compact';
|
5
|
-
align?: 'left' | 'right' | 'center' | 'inline';
|
6
|
-
padded?: boolean;
|
7
|
-
children: React.ReactNode;
|
8
|
-
}
|
9
|
-
export declare class ButtonGroup extends React.PureComponent<IProps> {
|
10
|
-
render(): JSX.Element;
|
11
|
-
}
|
12
|
-
export {};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
orientation?: 'horizontal' | 'vertical';
|
4
|
-
grid?: boolean;
|
5
|
-
align?: 'left' | 'right' | 'center' | 'inline';
|
6
|
-
padded?: boolean;
|
7
|
-
}
|
8
|
-
export declare class CheckButtonGroup extends React.PureComponent<IProps> {
|
9
|
-
render(): JSX.Element;
|
10
|
-
}
|
11
|
-
export {};
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
label: {
|
4
|
-
text: string;
|
5
|
-
side?: 'left' | 'right';
|
6
|
-
hidden?: boolean;
|
7
|
-
};
|
8
|
-
checked?: boolean;
|
9
|
-
disabled?: boolean;
|
10
|
-
required?: boolean;
|
11
|
-
onChange(nextValue: boolean): void;
|
12
|
-
}
|
13
|
-
export declare class Checkbox extends React.Component<IProps> {
|
14
|
-
htmlId: string;
|
15
|
-
constructor(props: IProps);
|
16
|
-
handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
|
17
|
-
render(): JSX.Element;
|
18
|
-
}
|
19
|
-
export {};
|
@@ -1,19 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
label: {
|
4
|
-
text: string;
|
5
|
-
icon?: string;
|
6
|
-
hidden?: boolean;
|
7
|
-
};
|
8
|
-
checked?: boolean;
|
9
|
-
disabled?: boolean;
|
10
|
-
required?: boolean;
|
11
|
-
onChange(nextValue: boolean): void;
|
12
|
-
}
|
13
|
-
export declare class CheckboxButton extends React.Component<IProps> {
|
14
|
-
htmlId: string;
|
15
|
-
constructor(props: IProps);
|
16
|
-
handleChange(event: React.ChangeEvent<HTMLInputElement>): void;
|
17
|
-
render(): JSX.Element;
|
18
|
-
}
|
19
|
-
export {};
|
@@ -1,37 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
import { LocaleSettings, CalendarProps } from '@superdesk/primereact/calendar';
|
3
|
-
export declare type DatePickerLocaleSettings = Omit<LocaleSettings, 'today' | 'clear'>;
|
4
|
-
interface IDatePickerBase {
|
5
|
-
disabled?: boolean;
|
6
|
-
dateFormat: string;
|
7
|
-
shortcuts?: Array<{
|
8
|
-
days: number;
|
9
|
-
label: string;
|
10
|
-
}>;
|
11
|
-
locale?: DatePickerLocaleSettings;
|
12
|
-
}
|
13
|
-
interface IDatePicker extends IDatePickerBase {
|
14
|
-
value: Date | null;
|
15
|
-
onChange(valueNext: Date | null): void;
|
16
|
-
}
|
17
|
-
interface IState {
|
18
|
-
value: CalendarProps['value'];
|
19
|
-
valid: boolean;
|
20
|
-
}
|
21
|
-
export declare class DatePicker extends React.PureComponent<IDatePicker, IState> {
|
22
|
-
private instance;
|
23
|
-
hidePopupOnScroll: () => void;
|
24
|
-
constructor(props: IDatePicker);
|
25
|
-
componentDidMount(): void;
|
26
|
-
componentWillUnmount(): void;
|
27
|
-
componentDidUpdate(prevProps: IDatePicker): void;
|
28
|
-
render(): JSX.Element;
|
29
|
-
}
|
30
|
-
interface IDatePickerISO extends IDatePickerBase {
|
31
|
-
value: string;
|
32
|
-
onChange(value: string): void;
|
33
|
-
}
|
34
|
-
export declare class DatePickerISO extends React.PureComponent<IDatePickerISO> {
|
35
|
-
render(): JSX.Element;
|
36
|
-
}
|
37
|
-
export {};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import React from 'react';
|
2
|
-
import { ChartData, ChartOptions } from 'chart.js';
|
3
|
-
interface IProps {
|
4
|
-
data: ChartData;
|
5
|
-
options: ChartOptions;
|
6
|
-
width: string;
|
7
|
-
height: string;
|
8
|
-
}
|
9
|
-
export declare class DonutChart extends React.Component<IProps, {}> {
|
10
|
-
render(): JSX.Element;
|
11
|
-
}
|
12
|
-
export {};
|
@@ -1,28 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
export interface IMenuItem {
|
3
|
-
label: string;
|
4
|
-
icon?: string;
|
5
|
-
onSelect(): void;
|
6
|
-
}
|
7
|
-
export interface ISubmenu {
|
8
|
-
type: 'submenu';
|
9
|
-
label: string;
|
10
|
-
icon?: string;
|
11
|
-
items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
|
12
|
-
}
|
13
|
-
export interface IMenuGroup {
|
14
|
-
type: 'group';
|
15
|
-
label?: string;
|
16
|
-
items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
|
17
|
-
}
|
18
|
-
interface IMenu {
|
19
|
-
label?: string;
|
20
|
-
align?: 'left' | 'right';
|
21
|
-
items: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
|
22
|
-
header?: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
|
23
|
-
footer?: Array<IMenuItem | ISubmenu | IMenuGroup | 'divider'>;
|
24
|
-
append?: boolean;
|
25
|
-
children: React.ReactNode;
|
26
|
-
}
|
27
|
-
export declare const Dropdown: ({ items, header, footer, children, append, align, }: IMenu) => JSX.Element;
|
28
|
-
export {};
|
@@ -1,42 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
name: string;
|
4
|
-
align?: 'left' | 'right';
|
5
|
-
side?: 'left' | 'right';
|
6
|
-
icon?: string;
|
7
|
-
navDropdown?: boolean;
|
8
|
-
level?: boolean;
|
9
|
-
headerFooter?: boolean;
|
10
|
-
children: React.ReactNode;
|
11
|
-
}
|
12
|
-
interface IPropsItem {
|
13
|
-
text: string;
|
14
|
-
noLink?: boolean;
|
15
|
-
icon?: string;
|
16
|
-
onSelect(): void;
|
17
|
-
children?: never;
|
18
|
-
}
|
19
|
-
interface IPropsLabel {
|
20
|
-
text: string;
|
21
|
-
children?: never;
|
22
|
-
}
|
23
|
-
interface IPropsMenu {
|
24
|
-
title: string;
|
25
|
-
children: React.ReactNode;
|
26
|
-
}
|
27
|
-
export declare const DropdownFirst: {
|
28
|
-
({ name, align, side, level, icon, headerFooter, navDropdown, children, }: IProps): JSX.Element;
|
29
|
-
Item: ({ text, icon, noLink, onSelect, }: IPropsItem) => JSX.Element;
|
30
|
-
Divider: ({}: {}) => JSX.Element;
|
31
|
-
Label: ({ text, }: IPropsLabel) => JSX.Element;
|
32
|
-
Header: ({ title, children, }: IPropsMenu) => JSX.Element;
|
33
|
-
Body: ({ title, children, }: IPropsMenu) => JSX.Element;
|
34
|
-
Footer: ({ title, children, }: IPropsMenu) => JSX.Element;
|
35
|
-
};
|
36
|
-
export declare const DropdownItem: ({ text, icon, noLink, onSelect, }: IPropsItem) => JSX.Element;
|
37
|
-
export declare const DropdownDivider: ({}: {}) => JSX.Element;
|
38
|
-
export declare const DropdownLabel: ({ text, }: IPropsLabel) => JSX.Element;
|
39
|
-
export declare const DropdownHeader: ({ title, children, }: IPropsMenu) => JSX.Element;
|
40
|
-
export declare const DropdownBody: ({ title, children, }: IPropsMenu) => JSX.Element;
|
41
|
-
export declare const DropdownFooter: ({ title, children, }: IPropsMenu) => JSX.Element;
|
42
|
-
export {};
|
@@ -1,11 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
illustration?: string;
|
4
|
-
size?: 'small' | 'large';
|
5
|
-
title: string;
|
6
|
-
description?: string;
|
7
|
-
}
|
8
|
-
export declare class EmptyState extends React.PureComponent<IProps> {
|
9
|
-
render(): JSX.Element;
|
10
|
-
}
|
11
|
-
export {};
|
@@ -1,69 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
declare class GridItemMedia extends React.PureComponent {
|
3
|
-
render(): JSX.Element;
|
4
|
-
}
|
5
|
-
declare class GridItemContent extends React.PureComponent {
|
6
|
-
render(): JSX.Element;
|
7
|
-
}
|
8
|
-
declare class GridItemContentBlock extends React.PureComponent {
|
9
|
-
render(): JSX.Element;
|
10
|
-
}
|
11
|
-
declare class GridItemFooter extends React.PureComponent {
|
12
|
-
render(): JSX.Element;
|
13
|
-
}
|
14
|
-
interface IPropsFooterBlock {
|
15
|
-
align?: 'left' | 'right';
|
16
|
-
}
|
17
|
-
declare class GridItemFooterBlock extends React.PureComponent<IPropsFooterBlock> {
|
18
|
-
static defaultProps: {
|
19
|
-
align: string;
|
20
|
-
};
|
21
|
-
render(): JSX.Element;
|
22
|
-
}
|
23
|
-
interface IPropsFooterActions {
|
24
|
-
autohide?: boolean;
|
25
|
-
}
|
26
|
-
declare class GridItemFooterActions extends React.PureComponent<IPropsFooterActions> {
|
27
|
-
static defaultProps: {
|
28
|
-
autohide: boolean;
|
29
|
-
};
|
30
|
-
render(): JSX.Element;
|
31
|
-
}
|
32
|
-
interface IPropsTime {
|
33
|
-
time: string;
|
34
|
-
}
|
35
|
-
declare class GridItemTime extends React.PureComponent<IPropsTime> {
|
36
|
-
render(): JSX.Element;
|
37
|
-
}
|
38
|
-
declare class GridItemTitle extends React.PureComponent {
|
39
|
-
render(): JSX.Element;
|
40
|
-
}
|
41
|
-
declare class GridItemSlug extends React.PureComponent {
|
42
|
-
render(): JSX.Element;
|
43
|
-
}
|
44
|
-
declare class GridItemText extends React.PureComponent {
|
45
|
-
render(): JSX.Element;
|
46
|
-
}
|
47
|
-
declare class GridItemTopActions extends React.PureComponent {
|
48
|
-
render(): JSX.Element;
|
49
|
-
}
|
50
|
-
declare class GridItemCheckWrapper extends React.PureComponent {
|
51
|
-
render(): JSX.Element;
|
52
|
-
}
|
53
|
-
interface IProps {
|
54
|
-
locked?: boolean;
|
55
|
-
fetched?: boolean;
|
56
|
-
onClick?(): void;
|
57
|
-
itemtype?: 'audio' | 'composite' | 'file' | 'graphic' | 'photo' | 'slideshow' | 'text' | 'video' | string;
|
58
|
-
status?: Array<'actioning' | 'selected' | 'activated' | string>;
|
59
|
-
}
|
60
|
-
export default class GridItem extends React.PureComponent<IProps> {
|
61
|
-
static defaultProps: {
|
62
|
-
locked: boolean;
|
63
|
-
fetched: boolean;
|
64
|
-
itemtype: string;
|
65
|
-
status: never[];
|
66
|
-
};
|
67
|
-
render(): JSX.Element;
|
68
|
-
}
|
69
|
-
export { GridItem, GridItemContent, GridItemMedia, GridItemFooter, GridItemContentBlock, GridItemTime, GridItemTitle, GridItemText, GridItemSlug, GridItemFooterBlock, GridItemFooterActions, GridItemTopActions, GridItemCheckWrapper };
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
size?: 'x-small' | 'small' | 'medium' | 'large';
|
4
|
-
margin?: '0' | '1' | '2' | '3';
|
5
|
-
gap?: 'small' | 'medium' | 'large' | 'x-large';
|
6
|
-
}
|
7
|
-
export declare class GridList extends React.PureComponent<IProps> {
|
8
|
-
static defaultProps: {
|
9
|
-
size: string;
|
10
|
-
gap: string;
|
11
|
-
};
|
12
|
-
render(): JSX.Element;
|
13
|
-
}
|
14
|
-
export {};
|