superdesk-ui-framework 3.1.14 → 3.1.15
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/img/AvatarDefaultImage.svg +6 -0
- package/app/styles/_avatar.scss +28 -6
- package/app/styles/design-tokens/_new-colors.scss +32 -17
- package/app-typescript/components/Button.tsx +1 -1
- package/app-typescript/components/DatePicker.tsx +6 -0
- package/app-typescript/components/avatar/avatar-group.tsx +2 -1
- package/app-typescript/components/avatar/avatar-image.tsx +1 -1
- package/app-typescript/components/avatar/avatar-placeholder.tsx +0 -1
- package/app-typescript/components/avatar/avatar-wrapper.tsx +14 -2
- package/app-typescript/components/avatar/avatar.tsx +8 -1
- package/dist/components/Avatar.tsx +97 -40
- package/dist/components/Buttons.tsx +5 -3
- package/dist/components/Index.tsx +151 -127
- package/dist/examples.bundle.js +189 -156
- package/dist/playgrounds/react-playgrounds/TestGround.tsx +30 -10
- package/dist/superdesk-ui.bundle.css +55 -20
- package/dist/superdesk-ui.bundle.js +15 -9
- package/examples/pages/components/Avatar.tsx +97 -40
- package/examples/pages/components/Buttons.tsx +5 -3
- package/examples/pages/components/Index.tsx +151 -127
- package/examples/pages/playgrounds/react-playgrounds/TestGround.tsx +30 -10
- package/package.json +1 -1
- package/react/components/Button.js +1 -1
- package/react/components/DatePicker.js +4 -0
- package/react/components/avatar/avatar-group.js +2 -2
- package/react/components/avatar/avatar-image.js +1 -1
- package/react/components/avatar/avatar-placeholder.js +1 -1
- package/react/components/avatar/avatar-wrapper.d.ts +4 -1
- package/react/components/avatar/avatar-wrapper.js +4 -2
- package/react/components/avatar/avatar.d.ts +4 -0
- package/react/components/avatar/avatar.js +2 -2
package/dist/examples.bundle.js
CHANGED
|
@@ -38551,7 +38551,7 @@ var Button = /** @class */ (function (_super) {
|
|
|
38551
38551
|
_a));
|
|
38552
38552
|
return (React.createElement("button", { id: this.props.id, className: classes, tabIndex: 0, disabled: this.props.disabled || this.props.isLoading, "data-loading": this.props.isLoading, onClick: this.props.disabled ? function () { return false; } : function (event) { return _this.props.onClick(event); }, "aria-label": this.props.iconOnly ? this.props.text : '', "data-test-id": this.props['data-test-id'], title: this.props.tooltip },
|
|
38553
38553
|
this.props.isLoading ? React.createElement(Spinner_1.Spinner, { size: "mini" }) : null,
|
|
38554
|
-
this.props.icon && !this.props.isLoading ? React.createElement(Icon_1.Icon, { name: this.props.icon }) : null,
|
|
38554
|
+
this.props.icon && !this.props.isLoading ? React.createElement(Icon_1.Icon, { ariaHidden: true, name: this.props.icon }) : null,
|
|
38555
38555
|
this.props.iconOnly ? null : this.props.text));
|
|
38556
38556
|
};
|
|
38557
38557
|
return Button;
|
|
@@ -38699,6 +38699,7 @@ var AvatarWrapper = /** @class */ (function (_super) {
|
|
|
38699
38699
|
AvatarWrapper.prototype.render = function () {
|
|
38700
38700
|
var _a, _b, _c;
|
|
38701
38701
|
var icon = this.props.icon;
|
|
38702
|
+
var statusDot = this.props.statusDot;
|
|
38702
38703
|
return (React.createElement("span", { className: (0, classnames_1.default)('sd-avatar', {
|
|
38703
38704
|
'sd-avatar--x-small': this.props.size === 'x-small',
|
|
38704
38705
|
'sd-avatar--small': this.props.size === 'small',
|
|
@@ -38708,14 +38709,15 @@ var AvatarWrapper = /** @class */ (function (_super) {
|
|
|
38708
38709
|
'sd-avatar--xx-large': this.props.size === 'xx-large',
|
|
38709
38710
|
'sd-avatar--indicator-status--online': ((_a = this.props.statusIndicator) === null || _a === void 0 ? void 0 : _a.status) === 'online',
|
|
38710
38711
|
'sd-avatar--indicator-status--offline': ((_b = this.props.statusIndicator) === null || _b === void 0 ? void 0 : _b.status) === 'offline',
|
|
38711
|
-
'sd-avatar--empty-light': this.props.
|
|
38712
|
+
'sd-avatar--empty-light': this.props.noAvatarPlaceholderColor === 'subtle',
|
|
38712
38713
|
}), "data-test-id": this.props['data-test-id'], title: this.props.statusIndicator != null ? this.props.statusIndicator.tooltipText : "" },
|
|
38713
38714
|
this.props.children,
|
|
38714
38715
|
((_c = this.props.administratorIndicator) === null || _c === void 0 ? void 0 : _c.enabled) === true
|
|
38715
38716
|
? (React.createElement("i", { className: "icon-settings sd-avatar--indicator-admin", title: this.props.administratorIndicator.tooltipText }))
|
|
38716
38717
|
: null,
|
|
38717
38718
|
icon != null && (React.createElement("span", { className: "sd-avatar__icon" },
|
|
38718
|
-
React.createElement(Icon_1.Icon, { name: icon.name, color: icon.color })))
|
|
38719
|
+
React.createElement(Icon_1.Icon, { name: icon.name, color: icon.color }))),
|
|
38720
|
+
statusDot != null && (React.createElement("span", { style: { backgroundColor: statusDot.color }, className: "sd-avatar__coverage-state" }))));
|
|
38719
38721
|
};
|
|
38720
38722
|
return AvatarWrapper;
|
|
38721
38723
|
}(React.PureComponent));
|
|
@@ -40377,7 +40379,7 @@ var AvatarContentImage = /** @class */ (function (_super) {
|
|
|
40377
40379
|
if (imageUrl == null) {
|
|
40378
40380
|
return (React.createElement("span", __assign({}, maybeButtonProps, { className: "sd-avatar-content sd-avatar-content--dummy-img", title: tooltipText }),
|
|
40379
40381
|
React.createElement("svg", { width: "200", height: "200", viewBox: "0 0 200 200", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
40380
|
-
React.createElement("circle", { cx: "100", cy: "100", r: "100", fill: "white", fillOpacity: "0
|
|
40382
|
+
React.createElement("circle", { cx: "100", cy: "100", r: "100", fill: "white", fillOpacity: "0" }),
|
|
40381
40383
|
React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M40 153V145.384C40 141.557 41.16 137.981 43.16 135C49.14 126.057 66.24 119.711 77.14 118C82.74 117.115 90.16 116.538 100 116.538C109.84 116.538 117.26 117.115 122.86 118C133.76 119.711 150.86 126.057 156.84 135C158.84 137.981 160 141.557 160 145.384V153C150 165 130 180 100 180C70 180 50 165 40 153ZM100 30C122.08 30 140 47.2307 140 68.4614C140 89.6922 122.08 106.923 100 106.923C77.92 106.923 60 89.6922 60 68.4614C60 47.2307 77.92 30 100 30Z", fill: "var(--sd-colour-avatar-dummy)", fillOpacity: "1" }))));
|
|
40382
40384
|
}
|
|
40383
40385
|
else {
|
|
@@ -42329,6 +42331,10 @@ var DatePicker = /** @class */ (function (_super) {
|
|
|
42329
42331
|
React.createElement(calendar_1.Calendar, { footerTemplate: this.props.required !== true ? function () { return (React.createElement("div", { className: 'd-flex justify-end' },
|
|
42330
42332
|
React.createElement(Button_1.Button, { onClick: function () {
|
|
42331
42333
|
_this.props.onChange(null);
|
|
42334
|
+
if (_this.instance != null
|
|
42335
|
+
&& typeof _this.instance.hideOverlay === 'function') {
|
|
42336
|
+
_this.instance.hideOverlay();
|
|
42337
|
+
}
|
|
42332
42338
|
}, text: 'Clear', "data-test-id": 'clear-button' }))); } : undefined, inputId: this.htmlId, ariaLabelledBy: this.htmlId + 'label', ref: function (ref) {
|
|
42333
42339
|
_this.instance = ref;
|
|
42334
42340
|
var refAny = ref;
|
|
@@ -44783,10 +44789,10 @@ var Avatar = /** @class */ (function (_super) {
|
|
|
44783
44789
|
return _super !== null && _super.apply(this, arguments) || this;
|
|
44784
44790
|
}
|
|
44785
44791
|
Avatar.prototype.render = function () {
|
|
44786
|
-
var _a = this.props, imageUrl = _a.imageUrl, initials = _a.initials, size = _a.size, statusIndicator = _a.statusIndicator, administratorIndicator = _a.administratorIndicator, icon = _a.icon, displayName = _a.displayName, customContent = _a.customContent;
|
|
44792
|
+
var _a = this.props, imageUrl = _a.imageUrl, initials = _a.initials, size = _a.size, statusIndicator = _a.statusIndicator, administratorIndicator = _a.administratorIndicator, icon = _a.icon, noAvatarPlaceholderColor = _a.noAvatarPlaceholderColor, displayName = _a.displayName, customContent = _a.customContent, statusDot = _a.statusDot;
|
|
44787
44793
|
var tooltipCombined = [displayName, this.props.tooltip]
|
|
44788
44794
|
.filter(function (str) { return (str !== null && str !== void 0 ? str : '').trim().length > 0; }).join('\n');
|
|
44789
|
-
return (React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size, statusIndicator: statusIndicator ? { status: statusIndicator, tooltipText: '' } : undefined, administratorIndicator: administratorIndicator ? { enabled: true, tooltipText: '' } : undefined, icon: icon,
|
|
44795
|
+
return (React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size, statusIndicator: statusIndicator ? { status: statusIndicator, tooltipText: '' } : undefined, administratorIndicator: administratorIndicator ? { enabled: true, tooltipText: '' } : undefined, icon: icon, statusDot: statusDot, noAvatarPlaceholderColor: noAvatarPlaceholderColor }, (function () {
|
|
44790
44796
|
if (customContent != null) {
|
|
44791
44797
|
return customContent;
|
|
44792
44798
|
}
|
|
@@ -44860,7 +44866,7 @@ var AvatarPlaceholder = /** @class */ (function (_super) {
|
|
|
44860
44866
|
}
|
|
44861
44867
|
AvatarPlaceholder.prototype.render = function () {
|
|
44862
44868
|
var _a = this.props, size = _a.size, tooltip = _a.tooltip, icon = _a.icon, kind = _a.kind, onClick = _a.onClick;
|
|
44863
|
-
return (React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size,
|
|
44869
|
+
return (React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size, icon: icon }, (function () {
|
|
44864
44870
|
if (kind === 'plus-button') {
|
|
44865
44871
|
return (React.createElement(avatar_action_add_1.AvatarContentAdd, { tooltipText: tooltip !== null && tooltip !== void 0 ? tooltip : undefined, onClick: onClick }));
|
|
44866
44872
|
}
|
|
@@ -84799,7 +84805,7 @@ var AvatarGroup = /** @class */ (function (_super) {
|
|
|
84799
84805
|
isAvatar(item)
|
|
84800
84806
|
&& item.displayName,
|
|
84801
84807
|
isAvatar(item)
|
|
84802
|
-
? (React.createElement(avatar_1.Avatar, { size: 'small', imageUrl: item.imageUrl, initials: item.initials, displayName: item.displayName, icon: item.icon }))
|
|
84808
|
+
? (React.createElement(avatar_1.Avatar, { size: 'small', imageUrl: item.imageUrl, initials: item.initials, displayName: item.displayName, icon: item.icon, statusDot: item.statusDot }))
|
|
84803
84809
|
: (React.createElement(avatar_placeholder_1.AvatarPlaceholder, { kind: 'plus-button', size: 'small', icon: item.icon, onClick: item.onClick })))
|
|
84804
84810
|
: React.createElement("div", null,
|
|
84805
84811
|
React.createElement(avatar_placeholder_1.AvatarPlaceholder, { kind: 'plus-button', size: 'small', icon: item.icon, onClick: isAvatar(item) ? undefined : item.onClick, key: index })));
|
|
@@ -84813,7 +84819,7 @@ var AvatarGroup = /** @class */ (function (_super) {
|
|
|
84813
84819
|
}
|
|
84814
84820
|
}),
|
|
84815
84821
|
itemsOverLimit > 0 && (React.createElement(PlusButtonWrapper, { onToggle: onToggle },
|
|
84816
|
-
React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size
|
|
84822
|
+
React.createElement(avatar_wrapper_1.AvatarWrapper, { size: size },
|
|
84817
84823
|
React.createElement(avatar_number_1.AvatarContentNumber, { number: "".concat(itemsOverLimit) })))))); }));
|
|
84818
84824
|
};
|
|
84819
84825
|
return AvatarGroup;
|
|
@@ -164301,63 +164307,83 @@ var pages = {
|
|
|
164301
164307
|
items: {
|
|
164302
164308
|
'buttons': {
|
|
164303
164309
|
name: 'Buttons',
|
|
164310
|
+
component: Buttons_1.default,
|
|
164304
164311
|
},
|
|
164305
164312
|
'icon-buttons': {
|
|
164306
|
-
name: 'Icon Buttons'
|
|
164313
|
+
name: 'Icon Buttons',
|
|
164314
|
+
component: IconButtons_1.default,
|
|
164307
164315
|
},
|
|
164308
164316
|
'button-groups': {
|
|
164309
|
-
name: 'Button Group & Divider'
|
|
164317
|
+
name: 'Button Group & Divider',
|
|
164318
|
+
component: ButtonGroups_1.default,
|
|
164310
164319
|
},
|
|
164311
164320
|
'labels': {
|
|
164312
164321
|
name: 'Labels',
|
|
164322
|
+
component: Labels_1.default,
|
|
164313
164323
|
},
|
|
164314
164324
|
'icon-labels': {
|
|
164315
|
-
name: 'Icon Labels'
|
|
164325
|
+
name: 'Icon Labels',
|
|
164326
|
+
component: IconLabels_1.default,
|
|
164316
164327
|
},
|
|
164317
164328
|
'badges': {
|
|
164318
164329
|
name: 'Badges',
|
|
164330
|
+
component: Badges_1.default,
|
|
164319
164331
|
},
|
|
164320
164332
|
'alerts': {
|
|
164321
|
-
name: 'Alerts'
|
|
164333
|
+
name: 'Alerts',
|
|
164334
|
+
component: Alerts_1.default,
|
|
164322
164335
|
},
|
|
164323
164336
|
'avatar': {
|
|
164324
164337
|
name: 'Avatar',
|
|
164338
|
+
component: Avatar_1.default,
|
|
164325
164339
|
},
|
|
164326
164340
|
'tooltips': {
|
|
164327
|
-
name: 'Tooltips'
|
|
164341
|
+
name: 'Tooltips',
|
|
164342
|
+
component: Tooltips_1.default,
|
|
164328
164343
|
},
|
|
164329
164344
|
'tags': {
|
|
164330
|
-
name: 'Tags'
|
|
164345
|
+
name: 'Tags',
|
|
164346
|
+
component: Tags_1.default,
|
|
164331
164347
|
},
|
|
164332
164348
|
'dropdowns': {
|
|
164333
|
-
name: 'Dropdowns'
|
|
164349
|
+
name: 'Dropdowns',
|
|
164350
|
+
component: Dropdowns_1.default,
|
|
164334
164351
|
},
|
|
164335
164352
|
'nav-buttons': {
|
|
164336
|
-
name: 'Nav buttons'
|
|
164353
|
+
name: 'Nav buttons',
|
|
164354
|
+
component: NavButtons_1.default,
|
|
164337
164355
|
},
|
|
164338
164356
|
'toast': {
|
|
164339
|
-
name: 'Toasts'
|
|
164357
|
+
name: 'Toasts',
|
|
164358
|
+
component: Toasts_1.default,
|
|
164340
164359
|
},
|
|
164341
164360
|
'popover': {
|
|
164342
|
-
name: 'Popover'
|
|
164361
|
+
name: 'Popover',
|
|
164362
|
+
component: Popover_1.PopoverDoc,
|
|
164343
164363
|
},
|
|
164344
164364
|
'modal': {
|
|
164345
|
-
name: 'Modal'
|
|
164365
|
+
name: 'Modal',
|
|
164366
|
+
component: Modal_1.default,
|
|
164346
164367
|
},
|
|
164347
164368
|
'carousel': {
|
|
164348
|
-
name: 'Carousel'
|
|
164369
|
+
name: 'Carousel',
|
|
164370
|
+
component: Carousel_1.default,
|
|
164349
164371
|
},
|
|
164350
164372
|
'menu': {
|
|
164351
164373
|
name: 'Menu',
|
|
164374
|
+
component: Menu_1.MenuDocs,
|
|
164352
164375
|
},
|
|
164353
164376
|
'treemenu': {
|
|
164354
164377
|
name: 'TreeMenu',
|
|
164378
|
+
component: TreeMenu_1.TreeMenuDocs,
|
|
164355
164379
|
},
|
|
164356
164380
|
"drag-handle": {
|
|
164357
|
-
name: 'Drag handle'
|
|
164381
|
+
name: 'Drag handle',
|
|
164382
|
+
component: DragHandleDocs_1.default,
|
|
164358
164383
|
},
|
|
164359
164384
|
"illustration-button": {
|
|
164360
|
-
name: 'Illustration Button'
|
|
164385
|
+
name: 'Illustration Button',
|
|
164386
|
+
component: IllustrationButton_1.IllustrationButtonDoc,
|
|
164361
164387
|
}
|
|
164362
164388
|
}
|
|
164363
164389
|
},
|
|
@@ -164365,16 +164391,20 @@ var pages = {
|
|
|
164365
164391
|
name: "Navigation",
|
|
164366
164392
|
items: {
|
|
164367
164393
|
'tab': {
|
|
164368
|
-
name: 'Tabs'
|
|
164394
|
+
name: 'Tabs',
|
|
164395
|
+
component: Tabs_1.default,
|
|
164369
164396
|
},
|
|
164370
164397
|
'left-navigation': {
|
|
164371
|
-
name: 'Left navigation'
|
|
164398
|
+
name: 'Left navigation',
|
|
164399
|
+
component: LeftNavigations_1.default,
|
|
164372
164400
|
},
|
|
164373
|
-
'
|
|
164374
|
-
name: 'Quick navigation bar'
|
|
164401
|
+
'quick-navigation-bar': {
|
|
164402
|
+
name: 'Quick navigation bar',
|
|
164403
|
+
component: QuickNavigationBar_1.default,
|
|
164375
164404
|
},
|
|
164376
164405
|
'sub-navigation': {
|
|
164377
|
-
name: 'Sub navigation bar'
|
|
164406
|
+
name: 'Sub navigation bar',
|
|
164407
|
+
component: SubNav_1.default,
|
|
164378
164408
|
},
|
|
164379
164409
|
}
|
|
164380
164410
|
},
|
|
@@ -164382,16 +164412,20 @@ var pages = {
|
|
|
164382
164412
|
name: "Containers",
|
|
164383
164413
|
items: {
|
|
164384
164414
|
'container': {
|
|
164385
|
-
name: 'Container component'
|
|
164415
|
+
name: 'Container component',
|
|
164416
|
+
component: Container_1.default,
|
|
164386
164417
|
},
|
|
164387
164418
|
'empty-states': {
|
|
164388
|
-
name: 'Empty states'
|
|
164419
|
+
name: 'Empty states',
|
|
164420
|
+
component: EmptyStates_1.default,
|
|
164389
164421
|
},
|
|
164390
164422
|
'grid-item': {
|
|
164391
|
-
name: 'Grid Item'
|
|
164423
|
+
name: 'Grid Item',
|
|
164424
|
+
component: GridItem_1.default,
|
|
164392
164425
|
},
|
|
164393
164426
|
'panel': {
|
|
164394
|
-
name: 'Panel'
|
|
164427
|
+
name: 'Panel',
|
|
164428
|
+
component: Panel_1.default,
|
|
164395
164429
|
},
|
|
164396
164430
|
}
|
|
164397
164431
|
},
|
|
@@ -164399,13 +164433,16 @@ var pages = {
|
|
|
164399
164433
|
name: "Layout",
|
|
164400
164434
|
items: {
|
|
164401
164435
|
'content-divider': {
|
|
164402
|
-
name: 'Content Divider'
|
|
164436
|
+
name: 'Content Divider',
|
|
164437
|
+
component: ContentDivider_1.default,
|
|
164403
164438
|
},
|
|
164404
164439
|
"togglebox": {
|
|
164405
|
-
name: "Togglebox"
|
|
164440
|
+
name: "Togglebox",
|
|
164441
|
+
component: Togglebox_1.default,
|
|
164406
164442
|
},
|
|
164407
164443
|
"resizable-panels": {
|
|
164408
|
-
name: "Resizable panels"
|
|
164444
|
+
name: "Resizable panels",
|
|
164445
|
+
component: ResizablePanels_1.ResizablePanelsDoc,
|
|
164409
164446
|
},
|
|
164410
164447
|
}
|
|
164411
164448
|
},
|
|
@@ -164413,10 +164450,12 @@ var pages = {
|
|
|
164413
164450
|
name: "Text",
|
|
164414
164451
|
items: {
|
|
164415
164452
|
'heading': {
|
|
164416
|
-
name: 'Heading component'
|
|
164453
|
+
name: 'Heading component',
|
|
164454
|
+
component: Heading_1.default,
|
|
164417
164455
|
},
|
|
164418
164456
|
'text': {
|
|
164419
|
-
name: 'Text component'
|
|
164457
|
+
name: 'Text component',
|
|
164458
|
+
component: Text_1.default,
|
|
164420
164459
|
},
|
|
164421
164460
|
}
|
|
164422
164461
|
},
|
|
@@ -164424,25 +164463,32 @@ var pages = {
|
|
|
164424
164463
|
name: "Lists",
|
|
164425
164464
|
items: {
|
|
164426
164465
|
'grid-list': {
|
|
164427
|
-
name: 'Grid List'
|
|
164466
|
+
name: 'Grid List',
|
|
164467
|
+
component: GridList_1.default,
|
|
164428
164468
|
},
|
|
164429
164469
|
'list-items': {
|
|
164430
|
-
name: 'List items'
|
|
164470
|
+
name: 'List items',
|
|
164471
|
+
component: ListItems_1.default,
|
|
164431
164472
|
},
|
|
164432
164473
|
'simple-list': {
|
|
164433
|
-
name: 'Simple list'
|
|
164474
|
+
name: 'Simple list',
|
|
164475
|
+
component: SimpleList_1.default,
|
|
164434
164476
|
},
|
|
164435
164477
|
'boxed-list': {
|
|
164436
|
-
name: 'Boxed list'
|
|
164478
|
+
name: 'Boxed list',
|
|
164479
|
+
component: BoxedList_1.default,
|
|
164437
164480
|
},
|
|
164438
164481
|
'table-list': {
|
|
164439
|
-
name: 'Table list'
|
|
164482
|
+
name: 'Table list',
|
|
164483
|
+
component: TableList_1.default,
|
|
164440
164484
|
},
|
|
164441
164485
|
'content-list': {
|
|
164442
|
-
name: 'Content list'
|
|
164486
|
+
name: 'Content list',
|
|
164487
|
+
component: ContentList_1.default,
|
|
164443
164488
|
},
|
|
164444
164489
|
'with-pagination': {
|
|
164445
|
-
name: 'With pagination'
|
|
164490
|
+
name: 'With pagination',
|
|
164491
|
+
component: WithPaginationDocs_1.WithPaginationDocs,
|
|
164446
164492
|
},
|
|
164447
164493
|
}
|
|
164448
164494
|
},
|
|
@@ -164451,57 +164497,75 @@ var pages = {
|
|
|
164451
164497
|
items: {
|
|
164452
164498
|
'inputs': {
|
|
164453
164499
|
name: 'Inputs',
|
|
164500
|
+
component: Inputs_1.default,
|
|
164454
164501
|
},
|
|
164455
164502
|
'autocomplete': {
|
|
164456
164503
|
name: 'Autocomplete',
|
|
164504
|
+
component: Autocomplete_1.default,
|
|
164457
164505
|
},
|
|
164458
164506
|
'tag-input': {
|
|
164459
164507
|
name: 'Tag Input',
|
|
164508
|
+
component: TagInputDocs_1.default,
|
|
164460
164509
|
},
|
|
164461
164510
|
'select': {
|
|
164462
164511
|
name: 'Select',
|
|
164512
|
+
component: Selects_1.default,
|
|
164463
164513
|
},
|
|
164464
164514
|
'select-grid': {
|
|
164465
164515
|
name: 'Select Grid',
|
|
164516
|
+
component: SelectGrid_1.default,
|
|
164466
164517
|
},
|
|
164467
164518
|
'select-with-template': {
|
|
164468
164519
|
name: 'Select with template',
|
|
164520
|
+
component: SelectWithTemplate_1.SelectWithTemplateDocs,
|
|
164469
164521
|
},
|
|
164470
164522
|
'with-size-observer': {
|
|
164471
164523
|
name: 'With size observer',
|
|
164524
|
+
component: WithSizeObserver_1.WithSizeObserverDocs,
|
|
164472
164525
|
},
|
|
164473
164526
|
'multiselect': {
|
|
164474
164527
|
name: 'MultiSelect',
|
|
164528
|
+
component: MultiSelect_1.MultiselectDocs,
|
|
164475
164529
|
},
|
|
164476
164530
|
'treeselect': {
|
|
164477
164531
|
name: 'TreeSelect',
|
|
164532
|
+
component: TreeSelect_1.TreeSelectDocs,
|
|
164478
164533
|
},
|
|
164479
164534
|
'date-picker': {
|
|
164480
164535
|
name: 'Date Picker',
|
|
164536
|
+
component: DatePicker_1.default,
|
|
164481
164537
|
},
|
|
164482
164538
|
'time-picker': {
|
|
164483
164539
|
name: 'Time Picker',
|
|
164540
|
+
component: TimePicker_1.default,
|
|
164484
164541
|
},
|
|
164485
164542
|
'icon-picker': {
|
|
164486
164543
|
name: 'Icon Picker',
|
|
164544
|
+
component: IconPicker_1.default,
|
|
164487
164545
|
},
|
|
164488
164546
|
'duration-input': {
|
|
164489
164547
|
name: 'Duration Input',
|
|
164548
|
+
component: DurationInput_1.default,
|
|
164490
164549
|
},
|
|
164491
164550
|
'switch': {
|
|
164492
|
-
name: 'Switch'
|
|
164551
|
+
name: 'Switch',
|
|
164552
|
+
component: Switch_1.default,
|
|
164493
164553
|
},
|
|
164494
164554
|
'radiogroup': {
|
|
164495
|
-
name: 'RadioGroup'
|
|
164555
|
+
name: 'RadioGroup',
|
|
164556
|
+
component: RadioGroup_1.default,
|
|
164496
164557
|
},
|
|
164497
164558
|
'checkbox': {
|
|
164498
|
-
name: 'Checkbox'
|
|
164559
|
+
name: 'Checkbox',
|
|
164560
|
+
component: Checkboxs_1.default,
|
|
164499
164561
|
},
|
|
164500
164562
|
'dropzone': {
|
|
164501
|
-
name: 'DropZone'
|
|
164563
|
+
name: 'DropZone',
|
|
164564
|
+
component: DropZone_1.default,
|
|
164502
164565
|
},
|
|
164503
164566
|
'create-button': {
|
|
164504
|
-
name: 'CreateButton'
|
|
164567
|
+
name: 'CreateButton',
|
|
164568
|
+
component: CreateButton_1.default,
|
|
164505
164569
|
},
|
|
164506
164570
|
}
|
|
164507
164571
|
},
|
|
@@ -164510,9 +164574,11 @@ var pages = {
|
|
|
164510
164574
|
items: {
|
|
164511
164575
|
'icon-font': {
|
|
164512
164576
|
name: 'Icon font',
|
|
164577
|
+
component: IconFont_1.default,
|
|
164513
164578
|
},
|
|
164514
164579
|
'big-icon-font': {
|
|
164515
|
-
name: 'Big icon font'
|
|
164580
|
+
name: 'Big icon font',
|
|
164581
|
+
component: BigIconFont_1.default,
|
|
164516
164582
|
}
|
|
164517
164583
|
}
|
|
164518
164584
|
},
|
|
@@ -164520,44 +164586,64 @@ var pages = {
|
|
|
164520
164586
|
name: "Utility classes",
|
|
164521
164587
|
items: {
|
|
164522
164588
|
'border-utilities': {
|
|
164523
|
-
name: 'Border'
|
|
164589
|
+
name: 'Border',
|
|
164590
|
+
component: BorderUtilities_1.BorderUtilitiesDoc,
|
|
164524
164591
|
},
|
|
164525
164592
|
'border-radius-utilities': {
|
|
164526
|
-
name: 'Border Radius'
|
|
164593
|
+
name: 'Border Radius',
|
|
164594
|
+
component: BorderRadiusUtilities_1.BorderRadiusUtilitiesDoc,
|
|
164527
164595
|
},
|
|
164528
164596
|
'display-utilities': {
|
|
164529
|
-
name: 'Display'
|
|
164597
|
+
name: 'Display',
|
|
164598
|
+
component: DisplayUtilities_1.DisplayUtilitiesDoc,
|
|
164530
164599
|
},
|
|
164531
164600
|
'flex-and-grid-utilities': {
|
|
164532
|
-
name: 'Flex & Grid'
|
|
164601
|
+
name: 'Flex & Grid',
|
|
164602
|
+
component: FlexAndGridUtilities_1.FlexAndGridUtilitiesDoc,
|
|
164533
164603
|
},
|
|
164534
164604
|
'object-fit-utilities': {
|
|
164535
|
-
name: 'Object Fit'
|
|
164605
|
+
name: 'Object Fit',
|
|
164606
|
+
component: ObjectFitUtilities_1.ObjectFitUtilitiesDoc,
|
|
164536
164607
|
},
|
|
164537
164608
|
'object-position-utilities': {
|
|
164538
|
-
name: 'Object Position'
|
|
164609
|
+
name: 'Object Position',
|
|
164610
|
+
component: ObjectPositionUtilities_1.ObjectPositionUtilitiesDoc,
|
|
164539
164611
|
},
|
|
164540
164612
|
'opacity-utilities': {
|
|
164541
|
-
name: 'Opacity'
|
|
164613
|
+
name: 'Opacity',
|
|
164614
|
+
component: OpacityUtilities_1.OpacityUtilitiesDoc,
|
|
164542
164615
|
},
|
|
164543
164616
|
'overflow-utilities': {
|
|
164544
|
-
name: 'Overflow'
|
|
164617
|
+
name: 'Overflow',
|
|
164618
|
+
component: OverflowUtilities_1.OverflowUtilitiesDoc,
|
|
164545
164619
|
},
|
|
164546
164620
|
'position-utilities': {
|
|
164547
|
-
name: 'Position'
|
|
164621
|
+
name: 'Position',
|
|
164622
|
+
component: PositionUtilities_1.PositionUtilitiesDoc,
|
|
164548
164623
|
},
|
|
164549
164624
|
'shadow-utilities': {
|
|
164550
|
-
name: 'Shadow'
|
|
164625
|
+
name: 'Shadow',
|
|
164626
|
+
component: ShadowUtilities_1.ShadowUtilitiesDoc,
|
|
164551
164627
|
},
|
|
164552
164628
|
'spacing-utilities': {
|
|
164553
164629
|
name: 'Spacing',
|
|
164630
|
+
component: SpacingUtilities_1.SpacingUtilitiesDoc,
|
|
164554
164631
|
},
|
|
164555
164632
|
'text-utilities': {
|
|
164556
|
-
name: 'Text'
|
|
164557
|
-
|
|
164633
|
+
name: 'Text',
|
|
164634
|
+
component: TextUtilities_1.TextUtilitiesDoc,
|
|
164635
|
+
},
|
|
164558
164636
|
}
|
|
164559
164637
|
}
|
|
164560
164638
|
};
|
|
164639
|
+
var routes = [];
|
|
164640
|
+
for (var _i = 0, _a = Object.values(pages); _i < _a.length; _i++) {
|
|
164641
|
+
var group = _a[_i];
|
|
164642
|
+
for (var _b = 0, _c = Object.entries(group.items); _b < _c.length; _b++) {
|
|
164643
|
+
var _d = _c[_b], id = _d[0], value = _d[1];
|
|
164644
|
+
routes.push({ path: "/components/".concat(id), component: value.component });
|
|
164645
|
+
}
|
|
164646
|
+
}
|
|
164561
164647
|
var ReactDoc = /** @class */ (function (_super) {
|
|
164562
164648
|
__extends(ReactDoc, _super);
|
|
164563
164649
|
function ReactDoc() {
|
|
@@ -164568,78 +164654,7 @@ var ReactDoc = /** @class */ (function (_super) {
|
|
|
164568
164654
|
React.createElement(react_1.ReactNav, { pages: pages }),
|
|
164569
164655
|
React.createElement("main", { className: "docs-page__content docs-page__container-fluid" },
|
|
164570
164656
|
React.createElement(react_router_dom_1.Switch, null,
|
|
164571
|
-
React.createElement(react_router_dom_1.Route, { path:
|
|
164572
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/icon-buttons", component: IconButtons_1.default }),
|
|
164573
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/button-groups", component: ButtonGroups_1.default }),
|
|
164574
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/labels", component: Labels_1.default }),
|
|
164575
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/icon-labels", component: IconLabels_1.default }),
|
|
164576
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/badges", component: Badges_1.default }),
|
|
164577
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/alerts", component: Alerts_1.default }),
|
|
164578
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/avatar", component: Avatar_1.default }),
|
|
164579
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/tooltips", component: Tooltips_1.default }),
|
|
164580
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/tags", component: Tags_1.default }),
|
|
164581
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/inputs", component: Inputs_1.default }),
|
|
164582
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/autocomplete", component: Autocomplete_1.default }),
|
|
164583
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/select", component: Selects_1.default }),
|
|
164584
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/select-with-template", component: SelectWithTemplate_1.SelectWithTemplateDocs }),
|
|
164585
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/with-size-observer", component: WithSizeObserver_1.WithSizeObserverDocs }),
|
|
164586
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/multiselect", component: MultiSelect_1.MultiselectDocs }),
|
|
164587
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/treeselect", component: TreeSelect_1.TreeSelectDocs }),
|
|
164588
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/treemenu", component: TreeMenu_1.TreeMenuDocs }),
|
|
164589
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/duration-input", component: DurationInput_1.default }),
|
|
164590
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/with-pagination", component: WithPaginationDocs_1.WithPaginationDocs }),
|
|
164591
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/popover", component: Popover_1.PopoverDoc }),
|
|
164592
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/date-picker", component: DatePicker_1.default }),
|
|
164593
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/time-picker", component: TimePicker_1.default }),
|
|
164594
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/switch", component: Switch_1.default }),
|
|
164595
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/radiogroup", component: RadioGroup_1.default }),
|
|
164596
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/checkbox", component: Checkboxs_1.default }),
|
|
164597
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/tab", component: Tabs_1.default }),
|
|
164598
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/left-navigation", component: LeftNavigations_1.default }),
|
|
164599
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/Quick-navigation-bar", component: QuickNavigationBar_1.default }),
|
|
164600
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/nav-buttons", component: NavButtons_1.default }),
|
|
164601
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/icon-font", component: IconFont_1.default }),
|
|
164602
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/big-icon-font", component: BigIconFont_1.default }),
|
|
164603
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/sub-navigation", component: SubNav_1.default }),
|
|
164604
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/dropdowns", component: Dropdowns_1.default }),
|
|
164605
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/toast", component: Toasts_1.default }),
|
|
164606
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/drag-handle", component: DragHandleDocs_1.default }),
|
|
164607
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/tag-input", component: TagInputDocs_1.default }),
|
|
164608
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/empty-states", component: EmptyStates_1.default }),
|
|
164609
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/grid-list", component: GridList_1.default }),
|
|
164610
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/grid-item", component: GridItem_1.default }),
|
|
164611
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/modal", component: Modal_1.default }),
|
|
164612
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/carousel", component: Carousel_1.default }),
|
|
164613
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/content-divider", component: ContentDivider_1.default }),
|
|
164614
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/menu", component: Menu_1.MenuDocs }),
|
|
164615
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/togglebox", component: Togglebox_1.default }),
|
|
164616
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/list-items", component: ListItems_1.default }),
|
|
164617
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/panel", component: Panel_1.default }),
|
|
164618
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/select-grid", component: SelectGrid_1.default }),
|
|
164619
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/icon-picker", component: IconPicker_1.default }),
|
|
164620
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/simple-list", component: SimpleList_1.default }),
|
|
164621
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/boxed-list", component: BoxedList_1.default }),
|
|
164622
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/table-list", component: TableList_1.default }),
|
|
164623
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/content-list", component: ContentList_1.default }),
|
|
164624
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/heading", component: Heading_1.default }),
|
|
164625
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/text", component: Text_1.default }),
|
|
164626
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/container", component: Container_1.default }),
|
|
164627
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/dropzone", component: DropZone_1.default }),
|
|
164628
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/create-button", component: CreateButton_1.default }),
|
|
164629
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/resizable-panels", component: ResizablePanels_1.ResizablePanelsDoc }),
|
|
164630
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/illustration-button", component: IllustrationButton_1.IllustrationButtonDoc }),
|
|
164631
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/spacing-utilities", component: SpacingUtilities_1.SpacingUtilitiesDoc }),
|
|
164632
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/text-utilities", component: TextUtilities_1.TextUtilitiesDoc }),
|
|
164633
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/shadow-utilities", component: ShadowUtilities_1.ShadowUtilitiesDoc }),
|
|
164634
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/position-utilities", component: PositionUtilities_1.PositionUtilitiesDoc }),
|
|
164635
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/overflow-utilities", component: OverflowUtilities_1.OverflowUtilitiesDoc }),
|
|
164636
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/display-utilities", component: DisplayUtilities_1.DisplayUtilitiesDoc }),
|
|
164637
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/flex-and-grid-utilities", component: FlexAndGridUtilities_1.FlexAndGridUtilitiesDoc }),
|
|
164638
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/border-radius-utilities", component: BorderRadiusUtilities_1.BorderRadiusUtilitiesDoc }),
|
|
164639
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/border-utilities", component: BorderUtilities_1.BorderUtilitiesDoc }),
|
|
164640
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/opacity-utilities", component: OpacityUtilities_1.OpacityUtilitiesDoc }),
|
|
164641
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/object-fit-utilities", component: ObjectFitUtilities_1.ObjectFitUtilitiesDoc }),
|
|
164642
|
-
React.createElement(react_router_dom_1.Route, { path: "/components/object-position-utilities", component: ObjectPositionUtilities_1.ObjectPositionUtilitiesDoc }),
|
|
164657
|
+
routes.map(function (route) { return React.createElement(react_router_dom_1.Route, { key: route.path, path: route.path, component: route.component }); }),
|
|
164643
164658
|
React.createElement(react_router_dom_1.Route, { path: "/", component: react_1.ReactDefault })))));
|
|
164644
164659
|
};
|
|
164645
164660
|
return ReactDoc;
|
|
@@ -169067,12 +169082,14 @@ var ButtonsDoc = /** @class */ (function (_super) {
|
|
|
169067
169082
|
React.createElement("div", { className: "docs-page__content-row" },
|
|
169068
169083
|
React.createElement(app_typescript_1.Button, { type: "warning", icon: "exclamation-sign", text: "exclamation-sign", size: "large", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169069
169084
|
React.createElement(app_typescript_1.Button, { type: "primary", icon: "plus-large", text: "plus-large", style: "hollow", size: "large", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169085
|
+
React.createElement(app_typescript_1.Button, { icon: "chevron-up-thin", text: "Pull up", style: "hollow", shape: "round", size: "large", iconOnly: true, onClick: function () { return false; } }),
|
|
169070
169086
|
React.createElement(app_typescript_1.Button, { type: "highlight", icon: "bell", text: "bell", size: "large", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169071
169087
|
React.createElement(app_typescript_1.Button, { size: "normal", icon: "info-sign", text: "info-sign", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169072
169088
|
React.createElement(app_typescript_1.Button, { type: "primary", icon: "plus-large", text: "plus-large", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169073
169089
|
React.createElement(app_typescript_1.Button, { type: "success", icon: "ok", text: "ok", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169074
169090
|
React.createElement(app_typescript_1.Button, { type: "alert", icon: "close-small", text: "close-small", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169075
|
-
React.createElement(app_typescript_1.Button, { type: "primary", icon: "plus-large", text: "
|
|
169091
|
+
React.createElement(app_typescript_1.Button, { type: "primary", icon: "plus-large", text: "Add New", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169092
|
+
React.createElement(app_typescript_1.Button, { icon: "chevron-up-thin", text: "Pull up", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }),
|
|
169076
169093
|
React.createElement(app_typescript_1.Button, { type: "sd-green", icon: "star", text: "star", size: "small", shape: "round", iconOnly: true, onClick: function () { return false; } }))),
|
|
169077
169094
|
React.createElement(Markup.ReactMarkupCode, null, "\n // Large default and small\n <Button type=\"primary\" icon=\"plus-sign\" text=\"plus-sign\" style=\"hollow\" size=\"large\" iconOnly={true} onClick={()=> false} />\n <Button type=\"highlight\" icon=\"bell\" text=\"bell\" size=\"large\" iconOnly={true} onClick={()=> false} />\n <Button icon=\"info-sign\" text=\"info-sign\" iconOnly={true} onClick={()=> false} />\n <Button type=\"primary\" icon=\"plus-sign\" text=\"plus-sign\" iconOnly={true} onClick={()=> false} />\n <Button type=\"success\" icon=\"ok\" text=\"ok\" iconOnly={true} onClick={()=> false} />\n <Button type=\"alert\" style=\"hollow\" icon=\"kill\" text=\"kill\" size=\"small\" iconOnly={true} onClick={()=> false} />\n <Button icon=\"calendar\" size=\"small\" text=\"calendar\" iconOnly={true} onClick={()=> false} />\n <Button type=\"primary\" style=\"hollow\" icon=\"refresh\" text=\"refresh\" size=\"small\" iconOnly={true} onClick={()=> false} />\n\n // // Circle (large, default and small)\n <Button type=\"primary\" icon=\"plus-large\" text=\"plus-large\" style=\"hollow\" size=\"large\" shape=\"round\" iconOnly={true} onClick={()=> false} />\n <Button type=\"highlight\" icon=\"bell\" text=\"bell\" size=\"large\" shape=\"round\" iconOnly={true} onClick={()=> false} />\n <Button size=\"normal\" icon=\"info-sign\" text=\"info-sign\" shape=\"round\" iconOnly={true} onClick={()=> false} />\n <Button type=\"primary\" icon=\"plus-large\" text=\"plus-large\" shape=\"round\" iconOnly={true} onClick={()=> false} />\n <Button type=\"success\" icon=\"ok\" text=\"ok\" shape=\"round\" iconOnly={true} onClick={()=> false} />\n <Button type=\"alert\" icon=\"close-small\" text=\"close-small\" size=\"small\" shape=\"round\" iconOnly={true} onClick={()=> false} />\n <Button type=\"primary\" icon=\"plus-large\" text=\"plus-large\" size=\"small\" shape=\"round\" iconOnly={true} onClick={()=> false} />\n <Button type=\"sd-green\" icon=\"star\" text=\"star\" size=\"small\" shape=\"round\" iconOnly={true} onClick={()=> false} />\n ")),
|
|
169078
169095
|
React.createElement("h3", { className: "docs-page__h3" }, "Props"),
|
|
@@ -171158,8 +171175,8 @@ var AvatarDoc = /** @class */ (function (_super) {
|
|
|
171158
171175
|
React.createElement("p", { className: "docs-page__paragraph" }, "// Combo"),
|
|
171159
171176
|
React.createElement(app_typescript_1.Container, { gap: 'medium', className: 'sd-margin-b--3' },
|
|
171160
171177
|
React.createElement(app_typescript_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: "/avatar.jpg", initials: 'Jeffrey Lebowski', size: "large", icon: { name: 'print', color: 'red' }, statusIndicator: "online", administratorIndicator: true }),
|
|
171161
|
-
React.createElement(app_typescript_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: null, initials: "Jeffrey Lebowski", size: "large", icon: { name: 'print', color: '
|
|
171162
|
-
React.createElement(app_typescript_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: null, initials: 'Jeffrey Lebowski', size: "large", icon: { name: 'print', color: '
|
|
171178
|
+
React.createElement(app_typescript_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: null, initials: "Jeffrey Lebowski", size: "large", icon: { name: 'print', color: 'var(--sd-colour-state--in-workflow)' }, statusIndicator: "offline", administratorIndicator: true }),
|
|
171179
|
+
React.createElement(app_typescript_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: null, initials: 'Jeffrey Lebowski', size: "large", icon: { name: 'print', color: 'var(--sd-colour-state--done)' }, administratorIndicator: true })),
|
|
171163
171180
|
React.createElement("p", { className: "docs-page__paragraph" }, "// Basic with size variations"),
|
|
171164
171181
|
React.createElement(app_typescript_1.Container, { gap: 'medium', className: 'sd-margin-b--3' },
|
|
171165
171182
|
React.createElement(app_typescript_1.Avatar, { size: "x-small", imageUrl: "/avatar.jpg", initials: "JL", displayName: "Jeffrey Lebowski" }),
|
|
@@ -171179,10 +171196,16 @@ var AvatarDoc = /** @class */ (function (_super) {
|
|
|
171179
171196
|
React.createElement(app_typescript_1.Avatar, { size: "x-small", imageUrl: null, initials: "JL", displayName: "Jeffrey Lebowski", icon: { name: 'text' } }),
|
|
171180
171197
|
React.createElement(app_typescript_1.Avatar, { size: "small", imageUrl: "/avatar.jpg", initials: "JL", displayName: "Jeffrey Lebowski", icon: { name: 'text' } }),
|
|
171181
171198
|
React.createElement(app_typescript_1.Avatar, { size: "medium", imageUrl: "/avatar.jpg", initials: "JL", displayName: "Jeffrey Lebowski", icon: { name: 'audio', color: 'var(--sd-colour-state--done)' } }),
|
|
171182
|
-
React.createElement(app_typescript_1.Avatar, { size: "large", imageUrl: "/avatar.jpg", initials: "JL", displayName: "Jeffrey Lebowski", icon: { name: 'text', color: 'var(--sd-colour-state--in-
|
|
171183
|
-
React.createElement(app_typescript_1.Avatar, { size: "x-large", imageUrl:
|
|
171184
|
-
React.createElement(app_typescript_1.
|
|
171185
|
-
|
|
171199
|
+
React.createElement(app_typescript_1.Avatar, { size: "large", imageUrl: "/avatar.jpg", initials: "JL", displayName: "Jeffrey Lebowski", icon: { name: 'text', color: 'var(--sd-colour-state--in-workflow)' } }),
|
|
171200
|
+
React.createElement(app_typescript_1.Avatar, { size: "x-large", imageUrl: null, initials: null, displayName: "Unassigned", noAvatarPlaceholderColor: 'subtle', icon: { name: 'text', color: 'var(--sd-colour-state--canceled)' } }),
|
|
171201
|
+
React.createElement(app_typescript_1.AvatarPlaceholder, { kind: 'plus-button', size: 'x-large' }),
|
|
171202
|
+
React.createElement(app_typescript_1.Avatar, { size: "x-large", imageUrl: null, initials: null, displayName: "Unassigned", icon: { name: 'text', color: 'var(--sd-colour-state--canceled)' } }),
|
|
171203
|
+
React.createElement(app_typescript_1.Avatar, { size: "xx-large", imageUrl: null, initials: "JL", displayName: "Jeffrey Lebowski", icon: { name: 'video-cancel', color: 'var(--sd-colour-state--canceled)' } })),
|
|
171204
|
+
React.createElement("p", { className: "docs-page__paragraph" }, "// With icon and Coverage status indicator"),
|
|
171205
|
+
React.createElement(app_typescript_1.Container, { gap: 'medium', className: 'sd-margin-b--3' },
|
|
171206
|
+
React.createElement(app_typescript_1.Avatar, { displayName: "Unassigned", imageUrl: null, initials: null, size: "small", icon: { name: 'text', color: 'var(--sd-colour-state--assigned)' }, statusDot: { color: 'var(--sd-colour-coverage-state--on-merit)' } }),
|
|
171207
|
+
React.createElement(app_typescript_1.Avatar, { displayName: "Unassigned", imageUrl: null, initials: null, size: "small", icon: { name: 'photo', color: 'var(--sd-colour-state--assigned)' }, statusDot: { color: 'var(--sd-colour-coverage-state--not-covering)' } }))),
|
|
171208
|
+
React.createElement(Markup.ReactMarkupCode, null, "\n // Combo\n\n <Avatar\n displayName=\"Jeffrey Lebowski\"\n imageUrl=\"/avatar.jpg\"\n initials='Jeffrey Lebowski'\n size=\"large\"\n icon={{name: 'print', color: 'red'}}\n statusIndicator=\"online\"\n administratorIndicator\n />\n\n <Avatar\n displayName=\"Jeffrey Lebowski\"\n imageUrl={null}\n initials=\"Jeffrey Lebowski\"\n size=\"large\"\n icon={{name: 'print', color: 'var(--sd-colour-state--in-workflow)}}\n statusIndicator=\"offline\"\n administratorIndicator\n />\n\n <Avatar\n displayName=\"Jeffrey Lebowski\"\n imageUrl={null}\n initials='Jeffrey Lebowski'\n size=\"large\"\n icon={{name: 'print', color: 'var(--sd-colour-state--done)'}}\n administratorIndicator\n />\n\n // Basic with size variations\n <Avatar\n size=\"x-small\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n />\n\n <Avatar\n size=\"small\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n />\n\n <Avatar\n size=\"medium\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n />\n\n <Avatar\n size=\"large\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n />\n\n <Avatar\n size=\"x-large\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n />\n\n <Avatar\n size=\"xx-large\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n />\n\n\n // With status indicator\n <Avatar\n size=\"x-small\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n statusIndicator=\"online\"\n />\n\n <Avatar\n size=\"x-small\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n statusIndicator=\"offline\"\n />\n\n <Avatar\n size=\"large\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n statusIndicator=\"online\"\n />\n\n <Avatar\n size=\"large\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n statusIndicator=\"offline\"\n />\n\n // With administrator indicator\n\n <Avatar\n size=\"large\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n administratorIndicator\n />\n\n // With icons\n\n <Avatar\n size=\"x-small\"\n imageUrl={null}\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n icon={{name: 'text'}}\n />\n\n <Avatar\n size=\"small\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n icon={{name: 'text'}}\n />\n\n <Avatar\n size=\"medium\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n icon={{name: 'audio', color: 'var(--sd-colour-state--done)'}}\n />\n\n <Avatar\n size=\"large\"\n imageUrl=\"/avatar.jpg\"\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n icon={{name: 'text', color: 'var(--sd-colour-state--in-workflow)'}}\n />\n\n <Avatar\n size=\"x-large\"\n imageUrl={null}\n initials={null}\n displayName=\"Unassigned\"\n emptyLight\n icon={{name: 'text', color: 'var(--sd-colour-state--canceled)'}}\n />\n\n <Avatar\n size=\"x-large\"\n imageUrl={null}\n initials={null}\n displayName=\"Unassigned\"\n icon={{name: 'text', color: 'var(--sd-colour-state--canceled)'}}\n />\n\n <Avatar\n size=\"xx-large\"\n imageUrl={null}\n initials=\"JL\"\n displayName=\"Jeffrey Lebowski\"\n icon={{name: 'video-cancel', color: 'var(--sd-colour-state--canceled)'}}\n />\n\n // With icon and Coverage status indicator\n <Avatar \n displayName=\"Unassigned\"\n imageUrl={null}\n initials={null}\n size=\"small\"\n icon={{name: 'text', color: 'var(--sd-colour-state--assigned)'}}\n statusDot={{color: 'var(--sd-colour-coverage-state--on-merit)'}}\n />\n <Avatar \n displayName=\"Unassigned\"\n imageUrl={null}\n initials={null}\n size=\"small\"\n icon={{name: 'photo', color: 'var(--sd-colour-state--assigned)'}}\n statusDot={{color: 'var(--sd-colour-coverage-state--not-covering)'}}\n />\n\n ")),
|
|
171186
171209
|
React.createElement("h3", { className: "docs-page__h3 docs-page__h3--small-top-m" }, "AvatarGroup"),
|
|
171187
171210
|
React.createElement("p", { className: 'docs-page__paragraph' }),
|
|
171188
171211
|
React.createElement(Markup.ReactMarkup, null,
|
|
@@ -171217,25 +171240,25 @@ var AvatarDoc = /** @class */ (function (_super) {
|
|
|
171217
171240
|
imageUrl: null,
|
|
171218
171241
|
initials: "U3",
|
|
171219
171242
|
displayName: 'User3',
|
|
171220
|
-
icon: { name: 'print', color: '
|
|
171243
|
+
icon: { name: 'print', color: 'var(--sd-colour-state--in-workflow)' },
|
|
171221
171244
|
},
|
|
171222
171245
|
{
|
|
171223
171246
|
imageUrl: 'avatar-3.jpg',
|
|
171224
171247
|
initials: "U4",
|
|
171225
171248
|
displayName: 'User4',
|
|
171226
|
-
icon: { name: 'print', color: '
|
|
171249
|
+
icon: { name: 'print', color: 'var(--sd-colour-state--in-progress)' },
|
|
171227
171250
|
},
|
|
171228
171251
|
{
|
|
171229
171252
|
imageUrl: 'avatar-4.jpg',
|
|
171230
171253
|
initials: "U5",
|
|
171231
171254
|
displayName: 'User5',
|
|
171232
|
-
icon: { name: 'print', color: '
|
|
171255
|
+
icon: { name: 'print', color: 'var(--sd-colour-highlight)' },
|
|
171233
171256
|
},
|
|
171234
171257
|
{
|
|
171235
171258
|
imageUrl: null,
|
|
171236
171259
|
initials: "U6",
|
|
171237
171260
|
displayName: 'User6',
|
|
171238
|
-
icon: { name: 'print', color: '
|
|
171261
|
+
icon: { name: 'print', color: 'var(--sd-colour-state--in-progress)' },
|
|
171239
171262
|
},
|
|
171240
171263
|
];
|
|
171241
171264
|
return (React.createElement(React.Fragment, null,
|
|
@@ -171252,7 +171275,7 @@ var AvatarDoc = /** @class */ (function (_super) {
|
|
|
171252
171275
|
React.createElement(app_typescript_1.AvatarGroup, { size: "xx-large", items: avatars }),
|
|
171253
171276
|
React.createElement("br", null)));
|
|
171254
171277
|
})()),
|
|
171255
|
-
React.createElement(Markup.ReactMarkupCode, null, "\n // Various sizes\n\n <AvatarGroup\n size=\"x-small\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"small\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"medium\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"large\"\n items={avatars}\n max={4}\n />\n\n <br />\n\n <AvatarGroup\n size=\"x-large\"\n items={avatars}\n />\n\n <AvatarGroup\n size=\"xx-large\"\n items={avatars}\n />\n\n // With icons\n\n {(() => {\n const avatars: Array<IAvatarInGroup> = [\n {\n imageUrl: 'avatar.jpg',\n initials: \"
|
|
171278
|
+
React.createElement(Markup.ReactMarkupCode, null, "\n // Various sizes\n\n <AvatarGroup\n size=\"x-small\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"small\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"medium\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"large\"\n items={avatars}\n max={4}\n />\n\n <br />\n\n <AvatarGroup\n size=\"x-large\"\n items={avatars}\n />\n\n <AvatarGroup\n size=\"xx-large\"\n items={avatars}\n />\n\n // With icons\n\n {(() => {\n const avatars: Array<IAvatarInGroup> = [\n {\n imageUrl: 'avatar.jpg',\n initials: \"U1\",\n displayName: 'User1',\n icon:{name: 'print', color: 'red'},\n },\n {\n imageUrl: null,\n initials: \"U2\",\n displayName: 'User2',\n icon:{name: 'print', color: 'green'},\n },\n {\n imageUrl: null,\n initials: \"U3\",\n displayName: 'User3',\n icon:{name: 'print', color: 'var(--sd-colour-state--in-workflow)'},\n },\n {\n imageUrl: 'avatar-3.jpg',\n initials: \"U4\",\n displayName: 'User4',\n icon:{name: 'print', color: 'var(--sd-colour-state--in-progress)'},\n },\n {\n imageUrl: 'avatar-4.jpg',\n initials: \"U5\",\n displayName: 'User5',\n icon:{name: 'print', color: 'var(--sd-colour-highlight)'},\n },\n {\n imageUrl: null,\n initials: \"U6\",\n displayName: 'User6',\n icon:{name: 'print', color: 'var(--sd-colour-state--in-progress)'},\n },\n ];\n\n return (\n <>\n <AvatarGroup\n size=\"x-small\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"small\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"medium\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"large\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"x-large\"\n items={avatars}\n />\n\n <br />\n\n <AvatarGroup\n size=\"xx-large\"\n items={avatars}\n />\n\n <br />\n </>\n );\n })()}\n "))));
|
|
171256
171279
|
};
|
|
171257
171280
|
return AvatarDoc;
|
|
171258
171281
|
}(React.PureComponent));
|
|
@@ -177633,29 +177656,37 @@ var TestGround = /** @class */ (function (_super) {
|
|
|
177633
177656
|
TestGround.prototype.render = function () {
|
|
177634
177657
|
var _this = this;
|
|
177635
177658
|
var avatars = [
|
|
177659
|
+
{
|
|
177660
|
+
imageUrl: null,
|
|
177661
|
+
initials: null,
|
|
177662
|
+
displayName: 'Unassigned',
|
|
177663
|
+
icon: { name: 'video', color: 'var(--sd-colour-state--default)' },
|
|
177664
|
+
statusDot: { color: 'var(--sd-colour-coverage-state--not-covering)' }
|
|
177665
|
+
},
|
|
177666
|
+
{
|
|
177667
|
+
imageUrl: null,
|
|
177668
|
+
initials: null,
|
|
177669
|
+
displayName: 'Unassigned',
|
|
177670
|
+
icon: { name: 'file', color: 'var(--sd-colour-state--unassigned)' },
|
|
177671
|
+
statusDot: { color: 'var(--sd-colour-coverage-state--on-merit)' }
|
|
177672
|
+
},
|
|
177636
177673
|
{
|
|
177637
177674
|
imageUrl: null,
|
|
177638
177675
|
initials: "VS",
|
|
177639
177676
|
displayName: 'Vladimir Stefanovic',
|
|
177640
|
-
icon: { name: 'text', color: 'var(--sd-colour-
|
|
177677
|
+
icon: { name: 'text', color: 'var(--sd-colour-state--in-progress)' },
|
|
177641
177678
|
},
|
|
177642
177679
|
{
|
|
177643
177680
|
imageUrl: null,
|
|
177644
177681
|
initials: "JL",
|
|
177645
177682
|
displayName: 'Jeffrey Lebowski',
|
|
177646
|
-
icon: { name: 'photo', color: 'var(--sd-colour-
|
|
177683
|
+
icon: { name: 'photo', color: 'var(--sd-colour-state--in-workflow)' }
|
|
177647
177684
|
},
|
|
177648
177685
|
{
|
|
177649
177686
|
imageUrl: null,
|
|
177650
177687
|
initials: "WS",
|
|
177651
177688
|
displayName: 'Walter Sobchak',
|
|
177652
|
-
icon: { name: '
|
|
177653
|
-
},
|
|
177654
|
-
{
|
|
177655
|
-
imageUrl: null,
|
|
177656
|
-
initials: "ML",
|
|
177657
|
-
displayName: 'Maude Lebowski',
|
|
177658
|
-
icon: { name: 'file', color: 'var(--sd-colour-highlight)' }
|
|
177689
|
+
icon: { name: 'text', color: 'var(--sd-colour-state--done)' },
|
|
177659
177690
|
},
|
|
177660
177691
|
];
|
|
177661
177692
|
var modalSaveEventFooterOne = (React.createElement(index_1.ButtonGroup, { align: "end" },
|
|
@@ -177673,6 +177704,8 @@ var TestGround = /** @class */ (function (_super) {
|
|
|
177673
177704
|
React.createElement(index_1.ButtonGroup, { align: 'end' },
|
|
177674
177705
|
React.createElement(index_1.IconButton, { icon: "adjust", ariaValue: "Toggle theme", onClick: this.toggleTheme, toolTipFlow: 'left' })),
|
|
177675
177706
|
React.createElement("hr", null),
|
|
177707
|
+
React.createElement(index_1.Avatar, { displayName: "Jeffrey Lebowski", imageUrl: null, initials: 'JL', size: "small", statusDot: { color: 'var(--sd-colour-coverage-state--on-merit)' }, icon: { name: 'text' } }),
|
|
177708
|
+
React.createElement("hr", null),
|
|
177676
177709
|
React.createElement("div", { style: { maxWidth: '600px' }, className: "sd-shadow--z1 new-collapse-box ".concat(this.state.openCollapsibleOne ? 'new-collapse-box--open' : '') },
|
|
177677
177710
|
React.createElement("div", { className: 'new-collapse-box__header' },
|
|
177678
177711
|
React.createElement("div", { className: 'new-collapse-box__header-inner' },
|
|
@@ -185162,7 +185195,7 @@ exports.ThreePaneLayoutPattern = ThreePaneLayoutPattern;
|
|
|
185162
185195
|
/* 934 */
|
|
185163
185196
|
/***/ (function(module, exports) {
|
|
185164
185197
|
|
|
185165
|
-
module.exports = {"name":"superdesk-ui-framework","version":"3.1.
|
|
185198
|
+
module.exports = {"name":"superdesk-ui-framework","version":"3.1.15","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","playground-lint":"tsc -p examples/pages/playgrounds/react-playgrounds --noEmit","lint":"eslint --parser=@typescript-eslint/parser app && tslint -c tslint.json 'app-typescript/**/*.{ts,tsx}' && npm run playground-lint","lint-fix":"tsc -p tsconfig.json --noEmit && tslint --fix -c tslint.json 'app-typescript/**/*.{ts,tsx}'","prepublishOnly":"npm run build","unit-test":"mocha","debug-unit-tests":"mocha --inspect-brk"},"devDependencies":{"@types/assert":"^1.5.6","@types/chart.js":"^2.9.24","@types/classnames":"^2.2.9","@types/enzyme":"^3.10.12","@types/lodash":"^4.14.161","@types/mocha":"^9.1.1","@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.58.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","jsdom":"20.0.3","jsdom-global":"3.0.2","lodash":"4.17.21","mocha":"^8.4.0","node-sass":"6.0","prismjs":"^1.28.0","prop-types":"^15.6.0","react":"16.8.6","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","ts-node":"^10.9.1","tslint":"^5.18.0","typescript":"4.9.5","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":{"@popperjs/core":"^2.4.0","@superdesk/common":"0.0.28","@superdesk/primereact":"^5.0.2-12","@superdesk/react-resizable-panels":"0.0.39","@types/enzyme-adapter-react-16":"^1.0.6","@types/node":"^14.10.2","chart.js":"^2.9.3","date-fns":"2.7.0","enzyme":"^3.11.0","enzyme-adapter-react-16":"^1.15.7","moment":"^2.29.3","popper-max-size-modifier":"^0.2.0","popper.js":"1.14.4","primeicons":"2.0.0","react-beautiful-dnd":"^13.0.0","react-id-generator":"^3.0.0","react-scrollspy":"^3.4.3"}}
|
|
185166
185199
|
|
|
185167
185200
|
/***/ }),
|
|
185168
185201
|
/* 935 */
|