superdesk-ui-framework 3.0.12 → 3.0.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/app-typescript/components/Dropdown.tsx +11 -7
- package/app-typescript/components/Tooltip.tsx +11 -5
- package/app-typescript/components/TreeSelect.tsx +1 -1
- package/dist/examples.bundle.js +1116 -238
- package/dist/superdesk-ui.bundle.js +680 -150
- package/package.json +2 -2
- package/react/components/Alert.js +5 -1
- package/react/components/Autocomplete.js +7 -2
- package/react/components/Avatar.js +5 -1
- package/react/components/Badge.js +5 -1
- package/react/components/Button.js +5 -1
- package/react/components/ButtonGroup.js +5 -1
- package/react/components/Carousel.js +5 -1
- package/react/components/CheckButtonGroup.js +5 -1
- package/react/components/CheckGroup.js +5 -1
- package/react/components/Checkbox.js +5 -1
- package/react/components/CheckboxButton.js +5 -1
- package/react/components/ContentDivider.js +5 -1
- package/react/components/CreateButton.js +5 -1
- package/react/components/DatePicker.d.ts +1 -1
- package/react/components/DatePicker.js +7 -2
- package/react/components/Divider.js +5 -1
- package/react/components/DonutChart.js +5 -1
- package/react/components/DropZone.js +5 -1
- package/react/components/Dropdown.js +15 -8
- package/react/components/DropdownFirst.js +5 -1
- package/react/components/DurationInput.js +5 -1
- package/react/components/EmptyState.js +5 -1
- package/react/components/Form/FormGroup.js +5 -1
- package/react/components/Form/FormItem.js +5 -1
- package/react/components/Form/FormLabel.js +5 -1
- package/react/components/Form/FormRow.js +5 -1
- package/react/components/Form/FormRowNew.js +5 -1
- package/react/components/Form/FormText.js +5 -1
- package/react/components/Form/InputBase.d.ts +1 -1
- package/react/components/Form/InputBase.js +7 -2
- package/react/components/Form/InputNew.d.ts +1 -1
- package/react/components/Form/InputNew.js +7 -2
- package/react/components/Form/InputWrapper.js +7 -2
- package/react/components/FormLabel.js +5 -1
- package/react/components/GridItem.js +5 -1
- package/react/components/GridList.js +5 -1
- package/react/components/HeadingText.js +5 -1
- package/react/components/HelloWorld.js +5 -1
- package/react/components/Icon.js +5 -1
- package/react/components/IconButton.js +5 -1
- package/react/components/IconLabel.js +5 -1
- package/react/components/IconPicker.js +5 -1
- package/react/components/Input.d.ts +1 -1
- package/react/components/Input.js +7 -2
- package/react/components/Label.js +5 -1
- package/react/components/Layouts/AuthorinInnerSideBar.js +5 -1
- package/react/components/Layouts/AuthoringContainer.js +5 -1
- package/react/components/Layouts/AuthoringFrame.js +5 -1
- package/react/components/Layouts/AuthoringFrameContainer.js +5 -1
- package/react/components/Layouts/AuthoringFrameLeftBar.js +5 -1
- package/react/components/Layouts/AuthoringFrameMain.js +5 -1
- package/react/components/Layouts/AuthoringFrameNavBar.js +5 -1
- package/react/components/Layouts/AuthoringFrameOverlay.js +5 -1
- package/react/components/Layouts/AuthoringFrameRightBar.js +5 -1
- package/react/components/Layouts/AuthoringFrameSidePanel.js +5 -1
- package/react/components/Layouts/AuthoringFrameSidePanelOverlay.js +5 -1
- package/react/components/Layouts/AuthoringInnerBody.js +5 -1
- package/react/components/Layouts/AuthoringInnerHeader.js +5 -1
- package/react/components/Layouts/AuthoringMain.js +5 -1
- package/react/components/Layouts/AuthoringMainContainer.js +5 -1
- package/react/components/Layouts/AuthoringMainContent.js +5 -1
- package/react/components/Layouts/AuthoringMainToolBar.js +5 -1
- package/react/components/Layouts/BottomBarAction.js +5 -1
- package/react/components/Layouts/Container.js +5 -1
- package/react/components/Layouts/ContentSplitter.js +5 -1
- package/react/components/Layouts/CoreLayout.js +5 -1
- package/react/components/Layouts/CoreLayoutContainer.js +5 -1
- package/react/components/Layouts/CoreLayoutFooter.js +5 -1
- package/react/components/Layouts/CoreLayoutMain.js +5 -1
- package/react/components/Layouts/CoreLayoutOverlay.js +5 -1
- package/react/components/Layouts/CoreLayoutSlideInMenu.js +5 -1
- package/react/components/Layouts/CoreLayoutTopMenu.js +5 -1
- package/react/components/Layouts/HamburgerButton.js +5 -1
- package/react/components/Layouts/HeaderPanel.js +5 -1
- package/react/components/Layouts/Layout.js +5 -1
- package/react/components/Layouts/LayoutContainer.js +5 -1
- package/react/components/Layouts/LeftPanel.js +5 -1
- package/react/components/Layouts/MainMenu.js +5 -1
- package/react/components/Layouts/MainPanel.js +5 -1
- package/react/components/Layouts/NotificationPanel.js +5 -1
- package/react/components/Layouts/OverlayPanel.js +5 -1
- package/react/components/Layouts/PageLayout.js +5 -1
- package/react/components/Layouts/Panel.js +5 -1
- package/react/components/Layouts/RightPanel.js +5 -1
- package/react/components/LeftMenu.js +5 -1
- package/react/components/ListItemLoader.js +5 -1
- package/react/components/Lists/BoxedList.js +5 -1
- package/react/components/Lists/ContentList.js +5 -1
- package/react/components/Lists/SimpleList.js +5 -1
- package/react/components/Lists/TableList.js +5 -1
- package/react/components/Loader.js +5 -1
- package/react/components/Menu.d.ts +2 -2
- package/react/components/Menu.js +5 -1
- package/react/components/Modal.js +5 -1
- package/react/components/MultiSelect.js +5 -1
- package/react/components/NavButton.js +5 -1
- package/react/components/Navigation/BottomNav.js +5 -1
- package/react/components/Navigation/QuickNavBar.js +5 -1
- package/react/components/Navigation/SideBarMenu.js +5 -1
- package/react/components/Navigation/SideBarTabs.js +5 -1
- package/react/components/Popover.js +5 -1
- package/react/components/PropsList.js +5 -1
- package/react/components/RadioButtonGroup.js +5 -1
- package/react/components/RadioGroup.js +5 -1
- package/react/components/SearchBar.js +5 -1
- package/react/components/Select.js +7 -2
- package/react/components/SelectGrid.d.ts +1 -1
- package/react/components/SelectGrid.js +5 -1
- package/react/components/SelectWithTemplate.js +5 -1
- package/react/components/Skeleton.js +5 -1
- package/react/components/SlidingToolbar.js +5 -1
- package/react/components/Spinner.js +5 -1
- package/react/components/StrechBar.js +5 -1
- package/react/components/SubNav.js +5 -1
- package/react/components/Switch.js +5 -1
- package/react/components/SwitchGroup.js +5 -1
- package/react/components/TabCustom.js +5 -1
- package/react/components/TabList.js +5 -1
- package/react/components/Tag.js +5 -1
- package/react/components/TagInput.js +5 -1
- package/react/components/Text/Heading.js +5 -1
- package/react/components/Text/Text.js +5 -1
- package/react/components/Text/Time.js +5 -1
- package/react/components/ThemeSelector.js +5 -1
- package/react/components/TimePicker.js +5 -1
- package/react/components/Toast.js +5 -1
- package/react/components/ToastMessage.d.ts +3 -3
- package/react/components/ToastMessage.js +5 -1
- package/react/components/ToastText.js +5 -1
- package/react/components/ToastWrapper.d.ts +1 -1
- package/react/components/ToastWrapper.js +5 -1
- package/react/components/Togglebox.js +7 -2
- package/react/components/Tooltip.js +13 -6
- package/react/components/TreeSelect.d.ts +2 -2
- package/react/components/TreeSelect.js +6 -2
- package/react/components/WithSizeObserver.js +5 -1
- package/react/components/_Positioner.d.ts +1 -1
- package/react/components/_Positioner.js +5 -1
- package/react/index.js +5 -1
@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
|
|
16
16
|
})();
|
17
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
18
18
|
if (k2 === undefined) k2 = k;
|
19
|
-
Object.
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
22
|
+
}
|
23
|
+
Object.defineProperty(o, k2, desc);
|
20
24
|
}) : (function(o, m, k, k2) {
|
21
25
|
if (k2 === undefined) k2 = k;
|
22
26
|
o[k2] = m[k];
|
@@ -1,7 +1,11 @@
|
|
1
1
|
"use strict";
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
3
|
if (k2 === undefined) k2 = k;
|
4
|
-
Object.
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
5
9
|
}) : (function(o, m, k, k2) {
|
6
10
|
if (k2 === undefined) k2 = k;
|
7
11
|
o[k2] = m[k];
|
@@ -1,7 +1,7 @@
|
|
1
1
|
import * as React from 'react';
|
2
|
-
export
|
3
|
-
export
|
4
|
-
export
|
2
|
+
export type MessageProp = React.ReactNode | string;
|
3
|
+
export type Position = 'top' | 'bottom' | 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
|
4
|
+
export type NotesType = 'default' | 'primary' | 'success' | 'warning' | 'alert' | 'highlight' | 'light';
|
5
5
|
export interface IMessageOptions {
|
6
6
|
id: string;
|
7
7
|
position: Position;
|
@@ -1,7 +1,11 @@
|
|
1
1
|
"use strict";
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
3
|
if (k2 === undefined) k2 = k;
|
4
|
-
Object.
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
5
9
|
}) : (function(o, m, k, k2) {
|
6
10
|
if (k2 === undefined) k2 = k;
|
7
11
|
o[k2] = m[k];
|
@@ -1,7 +1,11 @@
|
|
1
1
|
"use strict";
|
2
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
3
|
if (k2 === undefined) k2 = k;
|
4
|
-
Object.
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
7
|
+
}
|
8
|
+
Object.defineProperty(o, k2, desc);
|
5
9
|
}) : (function(o, m, k, k2) {
|
6
10
|
if (k2 === undefined) k2 = k;
|
7
11
|
o[k2] = m[k];
|
@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
|
|
27
27
|
};
|
28
28
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
29
29
|
if (k2 === undefined) k2 = k;
|
30
|
-
Object.
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
33
|
+
}
|
34
|
+
Object.defineProperty(o, k2, desc);
|
31
35
|
}) : (function(o, m, k, k2) {
|
32
36
|
if (k2 === undefined) k2 = k;
|
33
37
|
o[k2] = m[k];
|
@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
|
|
16
16
|
})();
|
17
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
18
18
|
if (k2 === undefined) k2 = k;
|
19
|
-
Object.
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
22
|
+
}
|
23
|
+
Object.defineProperty(o, k2, desc);
|
20
24
|
}) : (function(o, m, k, k2) {
|
21
25
|
if (k2 === undefined) k2 = k;
|
22
26
|
o[k2] = m[k];
|
@@ -49,8 +53,9 @@ var react_id_generator_1 = __importDefault(require("react-id-generator"));
|
|
49
53
|
var ToggleBox = /** @class */ (function (_super) {
|
50
54
|
__extends(ToggleBox, _super);
|
51
55
|
function ToggleBox(props) {
|
56
|
+
var _this = this;
|
52
57
|
var _a;
|
53
|
-
|
58
|
+
_this = _super.call(this, props) || this;
|
54
59
|
_this.htmlId = (0, react_id_generator_1.default)();
|
55
60
|
_this.handleKeyDown = function (event) {
|
56
61
|
if (event.key === "ArrowRight" && !_this.state.isOpen) {
|
@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
|
|
27
27
|
};
|
28
28
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
29
29
|
if (k2 === undefined) k2 = k;
|
30
|
-
Object.
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
33
|
+
}
|
34
|
+
Object.defineProperty(o, k2, desc);
|
31
35
|
}) : (function(o, m, k, k2) {
|
32
36
|
if (k2 === undefined) k2 = k;
|
33
37
|
o[k2] = m[k];
|
@@ -88,7 +92,8 @@ var TooltipBasic = /** @class */ (function (_super) {
|
|
88
92
|
};
|
89
93
|
TooltipBasic.prototype.render = function () {
|
90
94
|
if (React.isValidElement(this.props.children)) {
|
91
|
-
|
95
|
+
var attrs = { id: 't' + this.htmlId };
|
96
|
+
return (React.cloneElement(this.props.children, attrs));
|
92
97
|
}
|
93
98
|
else {
|
94
99
|
return (React.createElement(React.Fragment, null));
|
@@ -103,8 +108,10 @@ var TooltipAppended = function (_a) {
|
|
103
108
|
var position = flow === "down" ? "bottom" : flow;
|
104
109
|
return (React.createElement(React.Fragment, null,
|
105
110
|
React.createElement(tooltip_1.Tooltip, { target: "#" + triggerId, content: text, position: position !== null && position !== void 0 ? position : 'top' }),
|
106
|
-
React.isValidElement(children)
|
107
|
-
|
108
|
-
|
109
|
-
React.
|
111
|
+
React.isValidElement(children)
|
112
|
+
? (function () {
|
113
|
+
var attrs = { id: triggerId };
|
114
|
+
return React.cloneElement(children, attrs);
|
115
|
+
})()
|
116
|
+
: React.createElement(React.Fragment, null)));
|
110
117
|
};
|
@@ -46,13 +46,13 @@ interface IPropsSync<T> extends IPropsBase<T> {
|
|
46
46
|
kind: 'synchronous';
|
47
47
|
getOptions(): Array<ITreeNode<T>>;
|
48
48
|
}
|
49
|
-
|
49
|
+
type ICancelFn = () => void;
|
50
50
|
interface IPropsAsync<T> extends IPropsBase<T> {
|
51
51
|
kind: 'asynchronous';
|
52
52
|
getOptions?(): Array<ITreeNode<T>>;
|
53
53
|
searchOptions(term: string, callback?: (options: Array<ITreeNode<T>>) => void): ICancelFn;
|
54
54
|
}
|
55
|
-
|
55
|
+
type IProps<T> = IPropsSync<T> | IPropsAsync<T>;
|
56
56
|
export interface ITreeNode<T> {
|
57
57
|
value: T;
|
58
58
|
children?: Array<ITreeNode<T>>;
|
@@ -16,7 +16,11 @@ var __extends = (this && this.__extends) || (function () {
|
|
16
16
|
})();
|
17
17
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
18
18
|
if (k2 === undefined) k2 = k;
|
19
|
-
Object.
|
19
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
20
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
21
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
22
|
+
}
|
23
|
+
Object.defineProperty(o, k2, desc);
|
20
24
|
}) : (function(o, m, k, k2) {
|
21
25
|
if (k2 === undefined) k2 = k;
|
22
26
|
o[k2] = m[k];
|
@@ -603,7 +607,7 @@ var TreeSelect = /** @class */ (function (_super) {
|
|
603
607
|
? React.createElement("ul", { className: "suggestion-list suggestion-list--multi-select", ref: this.ref }, this.state.options
|
604
608
|
.map(function (option, i) {
|
605
609
|
var selectedItem = _this.state.value.some(function (obj) {
|
606
|
-
return _this.props.getId(obj) === _this.props.
|
610
|
+
return _this.props.getId(obj) === _this.props.getId(option.value);
|
607
611
|
});
|
608
612
|
return (React.createElement("li", { key: i, className: "suggestion-item suggestion-item--multi-select", onClick: function (event) {
|
609
613
|
event.preventDefault();
|
@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
|
|
27
27
|
};
|
28
28
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
29
29
|
if (k2 === undefined) k2 = k;
|
30
|
-
Object.
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
33
|
+
}
|
34
|
+
Object.defineProperty(o, k2, desc);
|
31
35
|
}) : (function(o, m, k, k2) {
|
32
36
|
if (k2 === undefined) k2 = k;
|
33
37
|
o[k2] = m[k];
|
@@ -27,7 +27,11 @@ var __assign = (this && this.__assign) || function () {
|
|
27
27
|
};
|
28
28
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
29
29
|
if (k2 === undefined) k2 = k;
|
30
|
-
Object.
|
30
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
31
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
32
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
33
|
+
}
|
34
|
+
Object.defineProperty(o, k2, desc);
|
31
35
|
}) : (function(o, m, k, k2) {
|
32
36
|
if (k2 === undefined) k2 = k;
|
33
37
|
o[k2] = m[k];
|
package/react/index.js
CHANGED
@@ -3,7 +3,11 @@
|
|
3
3
|
// all exports in this file must also be exported from ../app/index.js
|
4
4
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
5
5
|
if (k2 === undefined) k2 = k;
|
6
|
-
Object.
|
6
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
7
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
8
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
9
|
+
}
|
10
|
+
Object.defineProperty(o, k2, desc);
|
7
11
|
}) : (function(o, m, k, k2) {
|
8
12
|
if (k2 === undefined) k2 = k;
|
9
13
|
o[k2] = m[k];
|