superdesk-ui-framework 3.0.1-beta.24 → 3.0.1-beta.26
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/_sd-tag-input.scss +36 -1
- package/app/styles/_table-list.scss +1 -0
- package/app/styles/primereact/_pr-dialog.scss +4 -0
- package/app-typescript/components/Label.tsx +17 -1
- package/app-typescript/components/Layouts/AuthoringFrame.tsx +2 -1
- package/app-typescript/components/Layouts/AuthoringFrameRightBar.tsx +21 -2
- package/app-typescript/components/Lists/ContentList.tsx +31 -26
- package/app-typescript/components/Lists/TableList.tsx +62 -2
- package/app-typescript/components/Menu.tsx +2 -2
- package/app-typescript/components/Spacer.tsx +1 -1
- package/app-typescript/components/TreeSelect.tsx +85 -33
- package/dist/examples.bundle.js +1554 -1175
- package/dist/playgrounds/react-playgrounds/Index.tsx +1 -0
- package/dist/playgrounds/react-playgrounds/Multiedit.tsx +321 -0
- package/dist/react/TableList.tsx +2 -0
- package/dist/react/TreeSelect.tsx +100 -78
- package/dist/superdesk-ui.bundle.css +34 -2
- package/dist/superdesk-ui.bundle.js +1137 -1050
- package/dist/vendor.bundle.js +4 -4
- package/examples/index.js +4 -0
- package/examples/pages/playgrounds/react-playgrounds/Index.tsx +1 -0
- package/examples/pages/playgrounds/react-playgrounds/Multiedit.tsx +321 -0
- package/examples/pages/react/TableList.tsx +2 -0
- package/examples/pages/react/TreeSelect.tsx +100 -78
- package/package.json +1 -1
- package/react/components/Label.d.ts +1 -0
- package/react/components/Label.js +17 -2
- package/react/components/Layouts/AuthoringFrame.d.ts +1 -0
- package/react/components/Layouts/AuthoringFrame.js +1 -1
- package/react/components/Layouts/AuthoringFrameRightBar.d.ts +9 -2
- package/react/components/Layouts/AuthoringFrameRightBar.js +14 -3
- package/react/components/Lists/ContentList.d.ts +1 -0
- package/react/components/Lists/ContentList.js +5 -1
- package/react/components/Lists/TableList.d.ts +1 -0
- package/react/components/Lists/TableList.js +34 -6
- package/react/components/Menu.js +1 -1
- package/react/components/TreeSelect.d.ts +3 -1
- package/react/components/TreeSelect.js +50 -23
- 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
@@ -55,6 +55,7 @@ var debounce_1 = __importDefault(require("lodash/debounce"));
|
|
55
55
|
var Form_1 = require("./Form");
|
56
56
|
var core_1 = require("@popperjs/core");
|
57
57
|
var lodash_1 = require("lodash");
|
58
|
+
var Label_1 = require("./Label");
|
58
59
|
var TreeSelect = /** @class */ (function (_super) {
|
59
60
|
__extends(TreeSelect, _super);
|
60
61
|
function TreeSelect(props) {
|
@@ -322,10 +323,15 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
322
323
|
event.stopPropagation();
|
323
324
|
_this.handleTree(event, option);
|
324
325
|
} },
|
325
|
-
_this.props.
|
326
|
+
_this.props.getBorderColor
|
327
|
+
&& React.createElement("div", { className: "item-border", style: { backgroundColor: _this.props.getBorderColor(option.value) } }),
|
328
|
+
React.createElement("span", { style: _this.props.getBackgroundColor
|
329
|
+
? { backgroundColor: _this.props.getBackgroundColor(option.value),
|
330
|
+
color: (0, Label_1.getTextColor)(_this.props.getBackgroundColor(option.value)) }
|
331
|
+
: undefined, className: 'suggestion-item--bgcolor'
|
332
|
+
+ (selectedItem ? ' suggestion-item--disabled' : '') }, _this.props.optionTemplate
|
326
333
|
? _this.props.optionTemplate(option.value)
|
327
|
-
:
|
328
|
-
? 'suggestion-item--disabled' : undefined }, _this.props.getLabel(option.value)),
|
334
|
+
: _this.props.getLabel(option.value)),
|
329
335
|
option.children && React.createElement("span", { className: "suggestion-item__icon" },
|
330
336
|
React.createElement(Icon_1.Icon, { name: "chevron-right-thin" })));
|
331
337
|
});
|
@@ -390,20 +396,29 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
390
396
|
|| React.createElement("button", { ref: this.openDropdownRef, className: "tags-input__add-button", onClick: function () { return _this.setState({ openDropdown: !_this.state.openDropdown }); } },
|
391
397
|
React.createElement("i", { className: "icon-plus-large" })),
|
392
398
|
React.createElement("ul", { className: "tags-input__tag-list" }, this.state.value.map(function (item, i) {
|
393
|
-
|
394
|
-
|
395
|
-
|
396
|
-
|
397
|
-
|
398
|
-
|
399
|
-
|
400
|
-
|
401
|
-
|
402
|
-
|
399
|
+
var Wrapper = function (_a) {
|
400
|
+
var backgroundColor = _a.backgroundColor, children = _a.children;
|
401
|
+
return (React.createElement("li", { className: "tags-input__tag-item tags-input__tag-item--multi-select"
|
402
|
+
+ (_this.props.readOnly ? ' tags-input__tag-item--readonly' : ''), onClick: function () { return !_this.props.readOnly && _this.removeClick(i); }, style: _this.props.valueTemplate
|
403
|
+
? { backgroundColor: backgroundColor }
|
404
|
+
: _this.props.getBackgroundColor
|
405
|
+
&& { backgroundColor: _this.props.getBackgroundColor(item) } },
|
406
|
+
React.createElement("span", { style: { color: backgroundColor
|
407
|
+
? (0, Label_1.getTextColor)(backgroundColor)
|
408
|
+
: _this.props.getBackgroundColor
|
409
|
+
&& (0, Label_1.getTextColor)(_this.props.getBackgroundColor(item)) }, className: "tags-input__helper-box" },
|
410
|
+
children,
|
411
|
+
!_this.props.readOnly && React.createElement("span", { className: "tags-input__remove-button" },
|
412
|
+
React.createElement(Icon_1.Icon, { name: "close-small" })))));
|
413
|
+
};
|
414
|
+
return (React.createElement(React.Fragment, { key: i }, _this.props.valueTemplate
|
415
|
+
? _this.props.valueTemplate(item, Wrapper)
|
416
|
+
: React.createElement(Wrapper, null,
|
417
|
+
React.createElement("span", null, _this.props.getLabel(item)))));
|
403
418
|
})),
|
404
419
|
this.state.value.length > 0
|
405
420
|
? this.props.readOnly
|
406
|
-
|| React.createElement("button", { className: "tags-input__remove-value", onClick: function () { return _this.setState({ value: [] }); } },
|
421
|
+
|| React.createElement("button", { className: "tags-input__remove-value", style: { position: 'relative', bottom: '2px' }, onClick: function () { return _this.setState({ value: [] }); } },
|
407
422
|
React.createElement(Icon_1.Icon, { name: 'remove-sign' })) : null)
|
408
423
|
: React.createElement("div", { className: "tags-input__tags" },
|
409
424
|
this.props.readOnly
|
@@ -412,16 +427,24 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
412
427
|
+ (this.props.readOnly ? ' tags-input__tag-item--readonly' : '') },
|
413
428
|
React.createElement("span", { className: "tags-input__placeholder" }, this.props.placeholder)),
|
414
429
|
this.state.value.map(function (item, i) {
|
415
|
-
|
416
|
-
|
430
|
+
var Wrapper = function (_a) {
|
431
|
+
var backgroundColor = _a.backgroundColor, borderColor = _a.borderColor, children = _a.children;
|
432
|
+
return (React.createElement("span", { className: 'tags-input__single-item'
|
417
433
|
+ (_this.props.readOnly ? ' tags-input__tag-item--readonly' : ''), onClick: function () { return _this.props.readOnly || _this.removeClick(i); } },
|
418
|
-
|
419
|
-
|
420
|
-
|
421
|
-
|
434
|
+
_this.props.getBorderColor
|
435
|
+
&& React.createElement("div", { className: "item-border item-border-selected", style: borderColor
|
436
|
+
? { backgroundColor: borderColor }
|
437
|
+
: { backgroundColor: _this.props.getBorderColor(item) } }),
|
438
|
+
React.createElement("span", { style: { color: backgroundColor && (0, Label_1.getTextColor)(backgroundColor) }, className: "tags-input__helper-box" },
|
439
|
+
React.createElement("span", { className: backgroundColor && "tags-input__tag-item", style: { backgroundColor: backgroundColor, margin: 0 } }, children),
|
422
440
|
_this.props.readOnly
|
423
441
|
|| React.createElement("span", { className: "tags-input__remove-button" },
|
424
442
|
React.createElement(Icon_1.Icon, { name: 'remove-sign' })))));
|
443
|
+
};
|
444
|
+
return React.createElement(React.Fragment, { key: i }, _this.props.valueTemplate
|
445
|
+
? _this.props.valueTemplate(item, Wrapper)
|
446
|
+
: React.createElement(Wrapper, null,
|
447
|
+
React.createElement("span", null, _this.props.getLabel(item))));
|
425
448
|
})),
|
426
449
|
this.state.openDropdown
|
427
450
|
&& React.createElement("div", { className: "autocomplete autocomplete--multi-select" + (this.props.width === 'medium' ? ' autocomplete--fixed-width' : ''), ref: this.dropdownRef },
|
@@ -479,10 +502,14 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
479
502
|
event.stopPropagation();
|
480
503
|
_this.handleTree(event, option);
|
481
504
|
} },
|
482
|
-
_this.props.
|
505
|
+
(_this.props.getBorderColor && !_this.props.allowMultiple) && React.createElement("div", { className: "item-border", style: { backgroundColor: _this.props.getBorderColor(option.value) } }),
|
506
|
+
React.createElement("span", { style: (_this.props.getBackgroundColor && option.value)
|
507
|
+
? { backgroundColor: _this.props.getBackgroundColor(option.value),
|
508
|
+
color: (0, Label_1.getTextColor)(_this.props.getBackgroundColor(option.value)) }
|
509
|
+
: undefined, className: 'suggestion-item--bgcolor'
|
510
|
+
+ (selectedItem ? ' suggestion-item--disabled' : '') }, _this.props.optionTemplate
|
483
511
|
? _this.props.optionTemplate(option.value)
|
484
|
-
:
|
485
|
-
? 'suggestion-item--disabled' : undefined }, _this.props.getLabel(option.value)),
|
512
|
+
: _this.props.getLabel(option.value)),
|
486
513
|
option.children && React.createElement("span", { className: "suggestion-item__icon" },
|
487
514
|
React.createElement(Icon_1.Icon, { name: "chevron-right-thin" }))));
|
488
515
|
})) : null
|
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 {};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
name?: string;
|
4
|
-
size?: 'small' | 'big';
|
5
|
-
type?: 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
|
6
|
-
className?: string;
|
7
|
-
ariaHidden?: boolean;
|
8
|
-
}
|
9
|
-
export declare class Icon extends React.PureComponent<IProps> {
|
10
|
-
render(): JSX.Element;
|
11
|
-
}
|
12
|
-
export {};
|
@@ -1,12 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
interface IProps {
|
3
|
-
id?: string;
|
4
|
-
icon?: string;
|
5
|
-
ariaValue: string;
|
6
|
-
size?: 'small';
|
7
|
-
onClick(event: React.MouseEvent): void;
|
8
|
-
}
|
9
|
-
export declare class IconButton extends React.PureComponent<IProps> {
|
10
|
-
render(): JSX.Element;
|
11
|
-
}
|
12
|
-
export {};
|