@epam/uui 5.7.0-alpha.0 → 5.7.1
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/assets/styles/buttonLayout.scss +70 -70
- package/assets/styles/clickable.scss +26 -26
- package/assets/styles/controlLayout.scss +28 -28
- package/assets/styles/dnd.scss +9 -9
- package/assets/styles/effects.scss +7 -7
- package/assets/styles/icons.scss +54 -54
- package/assets/styles/index.scss +9 -9
- package/assets/styles/inputs.scss +74 -74
- package/assets/styles/text-size.scss +42 -42
- package/assets/styles/typography.scss +174 -174
- package/components/buttons/IconButton.d.ts +11 -5
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/overlays/Modals.d.ts +5 -0
- package/components/overlays/Modals.d.ts.map +1 -1
- package/components/tables/DataTableHeaderCell.d.ts.map +1 -1
- package/components/tables/columnsConfigurationModal/ColumnsConfigurationModal.d.ts.map +1 -1
- package/i18n.d.ts +1 -0
- package/i18n.d.ts.map +1 -1
- package/index.esm.js +156 -151
- package/index.esm.js.map +1 -1
- package/index.js +155 -150
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/readme.md +4 -4
- package/stats.html +1 -1
- package/styles.css +2824 -2835
- package/styles.css.map +1 -1
package/index.esm.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as uuiComponents from '@epam/uui-components';
|
|
2
2
|
import { Clickable, IconContainer, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, ProgressBar as ProgressBar$1, RadioInput as RadioInput$1, TextInput as TextInput$1, ControlGroup as ControlGroup$1, NumericInput as NumericInput$1, TextArea as TextArea$1, Dropdown as Dropdown$1, Anchor as Anchor$1, FlexRow as FlexRow$1, Text as Text$1, FlexSpacer, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, DatePickerBodyBase, valueFormat, YearSelection, MonthSelection, i18n as i18n$2, BaseDatePicker, CalendarPresets as CalendarPresets$1, uuiDaySelection, uuiDatePickerBodyBase, BaseRangeDatePicker, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, DragHandle, DataTableCell as DataTableCell$1, DataTableRow as DataTableRow$1, DataTableHeaderCell as DataTableHeaderCell$1, DataTableHeaderRow as DataTableHeaderRow$1, useColumnsConfiguration, Accordion as Accordion$1, DataTableSelectionProvider, DataTableFocusProvider, Burger as Burger$1, Button as Button$1, DropSpot as DropSpot$1, UploadFileToggler, ErrorCatch } from '@epam/uui-components';
|
|
3
3
|
export { Avatar, FlexSpacer, IconContainer } from '@epam/uui-components';
|
|
4
|
-
import { withMods, devLogger, cx, uuiElement, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, i18n as i18n$1, Lens, isMobile, arrayToMatrix, useForceUpdate, getSeparatedValue, useArrayDataSource, getOrderBetween, useUuiContext, isFocusReceiverInsideFocusLock, mobilePopperModifier, uuiDataTableHeaderCell, DndActor, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
|
|
4
|
+
import { withMods, devLogger, createSkinComponent, cx, uuiElement, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, i18n as i18n$1, Lens, isMobile, arrayToMatrix, useForceUpdate, getSeparatedValue, useArrayDataSource, getOrderBetween, useUuiContext, isFocusReceiverInsideFocusLock, mobilePopperModifier, uuiDataTableHeaderCell, DndActor, useColumnsConfig, uuiScrollShadows, Form as Form$1, useForm as useForm$1, formatBytes, useUuiError } from '@epam/uui-core';
|
|
5
5
|
import * as React from 'react';
|
|
6
6
|
import React__default, { forwardRef, useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
|
|
7
7
|
import cx$1 from 'classnames';
|
|
@@ -279,7 +279,7 @@ const systemIcons = {
|
|
|
279
279
|
info: ForwardRef$K,
|
|
280
280
|
};
|
|
281
281
|
|
|
282
|
-
var css$1s = {"uui-typography":"
|
|
282
|
+
var css$1s = {"uui-typography":"cDvmcH","hero-header":"tTo9K5","promo-header":"yniMN1","uui-critical":"SmN-B4","uui-info":"CHFz7N","uui-success":"jbECTz","uui-warning":"DbZHA0","uui-highlight":"_41416z","uui-typography-size-12":"Xw3S2y","uui-typography-size-14":"wrpLt0","uui-typography-size-16":"_6tbNCX","root":"dATIcG","uuiTypography":"cDvmcH","heroHeader":"tTo9K5","promoHeader":"yniMN1","uuiCritical":"SmN-B4","uuiInfo":"CHFz7N","uuiSuccess":"jbECTz","uuiWarning":"DbZHA0","uuiHighlight":"_41416z","uuiTypographySize12":"Xw3S2y","uuiTypographySize14":"wrpLt0","uuiTypographySize16":"_6tbNCX"};
|
|
283
283
|
|
|
284
284
|
const DEFAULT_SIZE$8 = '36';
|
|
285
285
|
function applyButtonMods(mods) {
|
|
@@ -301,17 +301,17 @@ const Button = withMods(uuiComponents.Button, applyButtonMods, (props) => {
|
|
|
301
301
|
};
|
|
302
302
|
});
|
|
303
303
|
|
|
304
|
-
var css$1r = {"root":"
|
|
304
|
+
var css$1r = {"root":"Vx-sfy"};
|
|
305
305
|
|
|
306
|
-
function applyIconButtonMods(
|
|
307
|
-
return ['uui-icon_button', `uui-color-${
|
|
306
|
+
function applyIconButtonMods(props) {
|
|
307
|
+
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
308
308
|
}
|
|
309
|
-
const IconButton =
|
|
309
|
+
const IconButton = createSkinComponent(uuiComponents.IconButton, (props) => {
|
|
310
310
|
return {
|
|
311
311
|
dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
|
|
312
312
|
size: props.size && Number(props.size),
|
|
313
313
|
};
|
|
314
|
-
});
|
|
314
|
+
}, applyIconButtonMods);
|
|
315
315
|
|
|
316
316
|
function getIconClass(props) {
|
|
317
317
|
const classList = {
|
|
@@ -330,7 +330,7 @@ function getIconClass(props) {
|
|
|
330
330
|
return [classList['has-left-icon'] ? 'uui-has-left-icon' : 'uui-no-left-icon', classList['has-right-icon'] ? 'uui-has-right-icon' : 'uui-no-right-icon'];
|
|
331
331
|
}
|
|
332
332
|
|
|
333
|
-
var css$1q = {"uui-typography":"
|
|
333
|
+
var css$1q = {"uui-typography":"_5CYd2W","hero-header":"NHc3nf","promo-header":"ct5qFE","uui-critical":"AIBABn","uui-info":"duow1X","uui-success":"LCj3Vt","uui-warning":"zjpik7","uui-highlight":"CcrmjB","uui-typography-size-12":"cgsABI","uui-typography-size-14":"o21IbF","uui-typography-size-16":"lzxx5l","root":"zn-amQ","uuiTypography":"_5CYd2W","heroHeader":"NHc3nf","promoHeader":"ct5qFE","uuiCritical":"AIBABn","uuiInfo":"duow1X","uuiSuccess":"LCj3Vt","uuiWarning":"zjpik7","uuiHighlight":"CcrmjB","uuiTypographySize12":"cgsABI","uuiTypographySize14":"o21IbF","uuiTypographySize16":"lzxx5l"};
|
|
334
334
|
|
|
335
335
|
const DEFAULT_SIZE$7 = '36';
|
|
336
336
|
const DEFAULT_COLOR = 'primary';
|
|
@@ -356,11 +356,11 @@ const LinkButton = React.forwardRef((props, ref) => {
|
|
|
356
356
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
357
357
|
});
|
|
358
358
|
|
|
359
|
-
var css$1p = {"root":"
|
|
359
|
+
var css$1p = {"root":"JXRKLx"};
|
|
360
360
|
|
|
361
361
|
const AvatarStack = withMods(AvatarStack$1, () => [css$1p.root]);
|
|
362
362
|
|
|
363
|
-
var css$1o = {"root":"
|
|
363
|
+
var css$1o = {"root":"tZbuD4","size-24":"DxKWln","size-18":"_41nhQN","size-12":"fqwq4C","size24":"DxKWln","size18":"_41nhQN","size12":"fqwq4C"};
|
|
364
364
|
|
|
365
365
|
const CountIndicator = forwardRef((props, ref) => {
|
|
366
366
|
return (React__default.createElement("div", { ref: ref, className: cx$1([
|
|
@@ -372,7 +372,7 @@ const CountIndicator = forwardRef((props, ref) => {
|
|
|
372
372
|
]) }, props.caption));
|
|
373
373
|
});
|
|
374
374
|
|
|
375
|
-
var css$1n = {"uui-typography":"
|
|
375
|
+
var css$1n = {"uui-typography":"SUAinJ","hero-header":"EchF4h","promo-header":"Ik-Jje","uui-critical":"fckOn8","uui-info":"jsJ2Ps","uui-success":"o1uDJe","uui-warning":"P23OCV","uui-highlight":"FApIai","uui-typography-size-12":"s7-FMR","uui-typography-size-14":"seTJgV","uui-typography-size-16":"_2ZfWB5","root":"m7Ipf0","size-18":"MXezlO","size-24":"Q2Lk3m","size-30":"_5C8Ieq","size-36":"TLIHm5","size-42":"_4D6mIH","size-48":"nhN48f","uuiTypography":"SUAinJ","heroHeader":"EchF4h","promoHeader":"Ik-Jje","uuiCritical":"fckOn8","uuiInfo":"jsJ2Ps","uuiSuccess":"o1uDJe","uuiWarning":"P23OCV","uuiHighlight":"FApIai","uuiTypographySize12":"s7-FMR","uuiTypographySize14":"seTJgV","uuiTypographySize16":"_2ZfWB5","size18":"MXezlO","size24":"Q2Lk3m","size30":"_5C8Ieq","size36":"TLIHm5","size42":"_4D6mIH","size48":"nhN48f"};
|
|
376
376
|
|
|
377
377
|
const DEFAULT_SIZE$6 = '36';
|
|
378
378
|
const DEFAULT_FILL = 'solid';
|
|
@@ -418,7 +418,7 @@ const Badge = React__default.forwardRef((props, ref) => {
|
|
|
418
418
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
419
419
|
});
|
|
420
420
|
|
|
421
|
-
var css$1m = {"uui-typography":"
|
|
421
|
+
var css$1m = {"uui-typography":"qDRFY9","hero-header":"W01d1S","promo-header":"iy1mbA","uui-critical":"Vc7m8F","uui-info":"cJcsKm","uui-success":"WWWWAf","uui-warning":"KYbupv","uui-highlight":"K5p1kL","uui-typography-size-12":"mJeRVN","uui-typography-size-14":"_1qM10c","uui-typography-size-16":"UmU5W3","root":"Ss-Mjn","size-18":"_3V3TIX","size-24":"qzKpBU","size-30":"fkf4bL","size-36":"dumxmr","size-42":"p38Pbv","size-48":"leKmh6","uuiTypography":"qDRFY9","heroHeader":"W01d1S","promoHeader":"iy1mbA","uuiCritical":"Vc7m8F","uuiInfo":"cJcsKm","uuiSuccess":"WWWWAf","uuiWarning":"KYbupv","uuiHighlight":"K5p1kL","uuiTypographySize12":"mJeRVN","uuiTypographySize14":"_1qM10c","uuiTypographySize16":"UmU5W3","size18":"_3V3TIX","size24":"qzKpBU","size30":"fkf4bL","size36":"dumxmr","size42":"p38Pbv","size48":"leKmh6"};
|
|
422
422
|
|
|
423
423
|
const DEFAULT_SIZE$5 = '36';
|
|
424
424
|
const mapCountIndicatorSizes = {
|
|
@@ -454,14 +454,14 @@ const Tag = React__default.forwardRef((props, ref) => {
|
|
|
454
454
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
455
455
|
});
|
|
456
456
|
|
|
457
|
-
var css$1l = {"root":"
|
|
457
|
+
var css$1l = {"root":"j-nOhC","uui-spinner":"eSPwiD","uuiSpinner":"eSPwiD"};
|
|
458
458
|
|
|
459
459
|
function applySpinnerMods() {
|
|
460
460
|
return [css$1l.root, 'uui-spinner'];
|
|
461
461
|
}
|
|
462
462
|
const Spinner = withMods(Spinner$1, applySpinnerMods);
|
|
463
463
|
|
|
464
|
-
var css$1k = {"root":"
|
|
464
|
+
var css$1k = {"root":"kkSfux","spacer":"Ls3IGU","mode-ghost":"NHAPtE","size-24":"jtmBmg","size-30":"M6-4-r","navigation-size-24":"buJqME","navigation-size-30":"mx6Qqh","modeGhost":"NHAPtE","size24":"jtmBmg","size30":"M6-4-r","navigationSize24":"buJqME","navigationSize30":"mx6Qqh"};
|
|
465
465
|
|
|
466
466
|
var _path$A;
|
|
467
467
|
function _extends$A() { _extends$A = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$A.apply(this, arguments); }
|
|
@@ -512,14 +512,14 @@ function Paginator(props) {
|
|
|
512
512
|
return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
|
|
513
513
|
}
|
|
514
514
|
|
|
515
|
-
var css$1j = {"root":"
|
|
515
|
+
var css$1j = {"root":"XPjOmv","progress-bar":"yHlWLS","progressBar-indeterminate":"LhqqZj","size-12":"_9OyTY9","size-18":"uX2trQ","size-24":"QVPIzE","progressBar":"yHlWLS","progressBarIndeterminate":"LhqqZj","size12":"_9OyTY9","size18":"uX2trQ","size24":"QVPIzE"};
|
|
516
516
|
|
|
517
517
|
const IndeterminateBar = React.forwardRef((props, ref) => {
|
|
518
518
|
return (React.createElement("div", { ref: ref, className: cx$1('uui-indeterminate_bar', props.cx, css$1j.root, css$1j[`size-${props.size || 12}`]) },
|
|
519
519
|
React.createElement("div", { className: cx$1(css$1j.progressBar) })));
|
|
520
520
|
});
|
|
521
521
|
|
|
522
|
-
var css$1i = {"root":"
|
|
522
|
+
var css$1i = {"root":"-VNtt-","striped":"lWlzrW","animate-stripes":"uZo-ry","size-12":"Wgxhnw","size-18":"GK0QW1","size-24":"zUVuUn","animateStripes":"uZo-ry","size12":"Wgxhnw","size18":"GK0QW1","size24":"zUVuUn"};
|
|
523
523
|
|
|
524
524
|
const DEFAULT_SIZE$4 = '12';
|
|
525
525
|
function applyProgressBarMods(mods) {
|
|
@@ -534,14 +534,14 @@ const ProgressBar = withMods(ProgressBar$1, applyProgressBarMods, (props) => ({
|
|
|
534
534
|
hideLabel: props.hideLabel || props.striped,
|
|
535
535
|
}));
|
|
536
536
|
|
|
537
|
-
var css$1h = {"root":"
|
|
537
|
+
var css$1h = {"root":"N6zOFF"};
|
|
538
538
|
|
|
539
539
|
const IndicatorBar = React.forwardRef((props, ref) => {
|
|
540
540
|
const { progress } = props;
|
|
541
541
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx$1(css$1h.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx$1(css$1h.root, props.cx) }));
|
|
542
542
|
});
|
|
543
543
|
|
|
544
|
-
var css$1g = {"root":"
|
|
544
|
+
var css$1g = {"root":"wcqdUh","size-12":"QGubcg","size-18":"QA1XoC","size-24":"pyR-sf","size12":"QGubcg","size18":"QA1XoC","size24":"pyR-sf"};
|
|
545
545
|
|
|
546
546
|
const StatusIndicator = forwardRef((props, ref) => {
|
|
547
547
|
return (React__default.createElement("div", { ref: ref, className: cx$1([
|
|
@@ -571,7 +571,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
571
571
|
};
|
|
572
572
|
var ForwardRef$y = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
|
|
573
573
|
|
|
574
|
-
var css$1f = {"uui-typography":"
|
|
574
|
+
var css$1f = {"uui-typography":"YLv-Jb","hero-header":"tQL26J","promo-header":"hxz-zD","uui-critical":"yiQxgV","uui-info":"uRztUp","uui-success":"_1cvvzj","uui-warning":"yeYOOE","uui-highlight":"_2k5QXC","uui-typography-size-12":"QzCnEG","uui-typography-size-14":"RDNzWl","uui-typography-size-16":"TOVx8Q","root":"N-Ig55","size-18":"DZM-cp","size-12":"VSm-jE","mode-cell":"XSJpqC","uuiTypography":"YLv-Jb","heroHeader":"tQL26J","promoHeader":"hxz-zD","uuiCritical":"yiQxgV","uuiInfo":"uRztUp","uuiSuccess":"_1cvvzj","uuiWarning":"yeYOOE","uuiHighlight":"_2k5QXC","uuiTypographySize12":"QzCnEG","uuiTypographySize14":"RDNzWl","uuiTypographySize16":"TOVx8Q","size18":"DZM-cp","size12":"VSm-jE","modeCell":"XSJpqC"};
|
|
575
575
|
|
|
576
576
|
function applyCheckboxMods(mods) {
|
|
577
577
|
return [
|
|
@@ -591,7 +591,7 @@ const applyUUICheckboxProps = (props) => {
|
|
|
591
591
|
};
|
|
592
592
|
const Checkbox = withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
593
593
|
|
|
594
|
-
var css$1e = {"uui-typography":"
|
|
594
|
+
var css$1e = {"uui-typography":"CWySND","hero-header":"_2dhdnJ","promo-header":"_6ciY0P","uui-critical":"upd7Ye","uui-info":"_1SwYAE","uui-success":"wE61Fq","uui-warning":"GglfaH","uui-highlight":"SSsGYr","uui-typography-size-12":"KZ9HIl","uui-typography-size-14":"ZrCwb0","uui-typography-size-16":"ewZrve","root":"_5KwpHS","size-18":"_7yG-4O","size-12":"suOOKM","uuiTypography":"CWySND","heroHeader":"_2dhdnJ","promoHeader":"_6ciY0P","uuiCritical":"upd7Ye","uuiInfo":"_1SwYAE","uuiSuccess":"wE61Fq","uuiWarning":"GglfaH","uuiHighlight":"SSsGYr","uuiTypographySize12":"KZ9HIl","uuiTypographySize14":"ZrCwb0","uuiTypographySize16":"ewZrve","size18":"_7yG-4O","size12":"suOOKM"};
|
|
595
595
|
|
|
596
596
|
var _path$x;
|
|
597
597
|
function _extends$x() { _extends$x = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$x.apply(this, arguments); }
|
|
@@ -618,7 +618,7 @@ function applyRadioInputMods(mods) {
|
|
|
618
618
|
}
|
|
619
619
|
const RadioInput = withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$x }));
|
|
620
620
|
|
|
621
|
-
var css$1d = {"root":"
|
|
621
|
+
var css$1d = {"root":"qME-Y5","size-12":"WdZ0oe","size-18":"YhYw79","size-24":"phXqFn","size12":"WdZ0oe","size18":"YhYw79","size24":"phXqFn"};
|
|
622
622
|
|
|
623
623
|
function applySwitchMods(mods) {
|
|
624
624
|
return [
|
|
@@ -684,7 +684,7 @@ var EditMode;
|
|
|
684
684
|
EditMode["INLINE"] = "inline";
|
|
685
685
|
})(EditMode || (EditMode = {}));
|
|
686
686
|
|
|
687
|
-
var textInputCss = {"uui-typography":"
|
|
687
|
+
var textInputCss = {"uui-typography":"HwCvnM","hero-header":"mccZ3v","promo-header":"WmGqnx","uui-critical":"-QY1cM","uui-info":"Z7UQWU","uui-success":"BPTUSk","uui-warning":"KYYw2j","uui-highlight":"MMLzIB","uui-typography-size-12":"ozaHze","uui-typography-size-14":"_5XOz92","uui-typography-size-16":"dw8kNZ","root":"bS7ckT","mode-form":"bjOwlk","mode-inline":"nczZ62","mode-cell":"_0U6LDF","size-24":"_9cs9O6","size-30":"_7AQjJ-","size-36":"AtJE-e","size-42":"PiRW2K","size-48":"gokpQt","size-60":"H49U2F","uuiTypography":"HwCvnM","heroHeader":"mccZ3v","promoHeader":"WmGqnx","uuiCritical":"-QY1cM","uuiInfo":"Z7UQWU","uuiSuccess":"BPTUSk","uuiWarning":"KYYw2j","uuiHighlight":"MMLzIB","uuiTypographySize12":"ozaHze","uuiTypographySize14":"_5XOz92","uuiTypographySize16":"dw8kNZ","modeForm":"bjOwlk","modeInline":"nczZ62","modeCell":"_0U6LDF","size24":"_9cs9O6","size30":"_7AQjJ-","size36":"AtJE-e","size42":"PiRW2K","size48":"gokpQt","size60":"H49U2F"};
|
|
688
688
|
|
|
689
689
|
const DEFAULT_SIZE$3 = '36';
|
|
690
690
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
@@ -711,7 +711,7 @@ const SearchInput = React__default.forwardRef((props, ref) => {
|
|
|
711
711
|
} })));
|
|
712
712
|
});
|
|
713
713
|
|
|
714
|
-
var css$1c = {"root":"
|
|
714
|
+
var css$1c = {"root":"eW4t-R"};
|
|
715
715
|
|
|
716
716
|
const ControlGroup = withMods(ControlGroup$1, () => [css$1c.root]);
|
|
717
717
|
|
|
@@ -720,7 +720,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
720
720
|
}
|
|
721
721
|
const MultiSwitch = React.forwardRef(MultiSwitchComponent);
|
|
722
722
|
|
|
723
|
-
var css$1b = {"uui-typography":"
|
|
723
|
+
var css$1b = {"uui-typography":"GOm-LK","hero-header":"_5P7o6f","promo-header":"P3cPnw","uui-critical":"TpMRbv","uui-info":"Q20KZM","uui-success":"sZ4zPe","uui-warning":"IGdYCA","uui-highlight":"upBDEG","uui-typography-size-12":"gytA68","uui-typography-size-14":"yamlQP","uui-typography-size-16":"_0Mfs-Y","root":"XT0NhN","size-24":"o-F-fA","size-30":"M8q4x2","size-36":"e9E5Kq","size-42":"aGHrVX","size-48":"nS3v2e","mode-form":"ehhxR2","mode-cell":"QBXWM9","uuiTypography":"GOm-LK","heroHeader":"_5P7o6f","promoHeader":"P3cPnw","uuiCritical":"TpMRbv","uuiInfo":"Q20KZM","uuiSuccess":"sZ4zPe","uuiWarning":"IGdYCA","uuiHighlight":"upBDEG","uuiTypographySize12":"gytA68","uuiTypographySize14":"yamlQP","uuiTypographySize16":"_0Mfs-Y","size24":"o-F-fA","size30":"M8q4x2","size36":"e9E5Kq","size42":"aGHrVX","size48":"nS3v2e","modeForm":"ehhxR2","modeCell":"QBXWM9"};
|
|
724
724
|
|
|
725
725
|
const DEFAULT_SIZE$2 = '36';
|
|
726
726
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
@@ -752,7 +752,7 @@ const NumericInput = withMods(NumericInput$1, applyNumericInputMods, (props) =>
|
|
|
752
752
|
};
|
|
753
753
|
});
|
|
754
754
|
|
|
755
|
-
var css$1a = {"uui-typography":"
|
|
755
|
+
var css$1a = {"uui-typography":"HUaLFR","hero-header":"-Pds8G","promo-header":"_1PAYCR","uui-critical":"-JlG5L","uui-info":"Dd0WGU","uui-success":"raEuxM","uui-warning":"-tAdjQ","uui-highlight":"OwHZrT","uui-typography-size-12":"mVwEqc","uui-typography-size-14":"MRQ1-q","uui-typography-size-16":"_2RXaYS","root":"C2DQEY","mode-form":"_8hI16P","mode-cell":"Ofm3XG","mode-inline":"-fG2PA","size-24":"KbeJR2","size-30":"FSfLfk","size-36":"F03j6G","size-42":"_8qA5G2","size-48":"ZenbsC","uuiTypography":"HUaLFR","heroHeader":"-Pds8G","promoHeader":"_1PAYCR","uuiCritical":"-JlG5L","uuiInfo":"Dd0WGU","uuiSuccess":"raEuxM","uuiWarning":"-tAdjQ","uuiHighlight":"OwHZrT","uuiTypographySize12":"mVwEqc","uuiTypographySize14":"MRQ1-q","uuiTypographySize16":"_2RXaYS","modeForm":"_8hI16P","modeCell":"Ofm3XG","modeInline":"-fG2PA","size24":"KbeJR2","size30":"FSfLfk","size36":"F03j6G","size42":"_8qA5G2","size48":"ZenbsC"};
|
|
756
756
|
|
|
757
757
|
const DEFAULT_SIZE$1 = '36';
|
|
758
758
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
@@ -839,7 +839,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
839
839
|
};
|
|
840
840
|
var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
|
|
841
841
|
|
|
842
|
-
var css$19 = {"uui-typography":"
|
|
842
|
+
var css$19 = {"uui-typography":"C3K5ZF","hero-header":"prD1r5","promo-header":"aRvADe","uui-critical":"UL1-d2","uui-info":"EacTGG","uui-success":"ZwXNat","uui-warning":"xX4bUm","uui-highlight":"rrLM-T","uui-typography-size-12":"BeKw7i","uui-typography-size-14":"BBc9hD","uui-typography-size-16":"aCKodH","root":"-bSh-1","icon-wrapper":"_0oyLKG","alert-wrapper":"JUIWQV","size-48":"JC2jKY","size-36":"ePGWA6","action-wrapper":"PB6F-v","action-icon":"-x8yXG","action-link":"IqsyBE","close-icon":"_9uSLmv","main-path":"iXvRRC","content":"hCV9sB","uuiTypography":"C3K5ZF","heroHeader":"prD1r5","promoHeader":"aRvADe","uuiCritical":"UL1-d2","uuiInfo":"EacTGG","uuiSuccess":"ZwXNat","uuiWarning":"xX4bUm","uuiHighlight":"rrLM-T","uuiTypographySize12":"BeKw7i","uuiTypographySize14":"BBc9hD","uuiTypographySize16":"aCKodH","iconWrapper":"_0oyLKG","alertWrapper":"JUIWQV","size48":"JC2jKY","size36":"ePGWA6","actionWrapper":"PB6F-v","actionIcon":"-x8yXG","actionLink":"IqsyBE","closeIcon":"_9uSLmv","mainPath":"iXvRRC"};
|
|
843
843
|
|
|
844
844
|
const Alert = React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx$1('uui-alert', css$19.root, css$19.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$19.size36 : css$19.size48)) }, props.rawProps),
|
|
845
845
|
React.createElement("div", { className: css$19.mainPath },
|
|
@@ -856,7 +856,7 @@ const ErrorAlert = React.forwardRef((props, ref) => React.createElement(Alert, O
|
|
|
856
856
|
|
|
857
857
|
const Dropdown = withMods(Dropdown$1);
|
|
858
858
|
|
|
859
|
-
var css$18 = {"root":"
|
|
859
|
+
var css$18 = {"root":"XSFjmi"};
|
|
860
860
|
|
|
861
861
|
function applyDropdownContainerMods(mods) {
|
|
862
862
|
return [
|
|
@@ -867,7 +867,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
867
867
|
}
|
|
868
868
|
const DropdownContainer = withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
869
869
|
|
|
870
|
-
var css$17 = {"uui-typography":"
|
|
870
|
+
var css$17 = {"uui-typography":"v7eCcw","hero-header":"xv5FFv","promo-header":"P03DMH","uui-critical":"E-DCuG","uui-info":"_2Rn1Nq","uui-success":"U1NzAx","uui-warning":"_1gfwNg","uui-highlight":"o1a-K8","uui-typography-size-12":"OAaXur","uui-typography-size-14":"DYvpXr","uui-typography-size-16":"_5MnQX9","root":"vim75w","body-root":"kAP5O5","submenu-root-item":"FtoQU8","icon-after":"locdB9","icon-check":"B8nx6k","splitter-root":"WCuO-l","splitter":"OWy29q","header-root":"fKM8bt","item-root":"W5vDJm","icon":"ejHbc5","link":"CVbo-l","indent":"GtLmW-","uuiTypography":"v7eCcw","heroHeader":"xv5FFv","promoHeader":"P03DMH","uuiCritical":"E-DCuG","uuiInfo":"_2Rn1Nq","uuiSuccess":"U1NzAx","uuiWarning":"_1gfwNg","uuiHighlight":"o1a-K8","uuiTypographySize12":"OAaXur","uuiTypographySize14":"DYvpXr","uuiTypographySize16":"_5MnQX9","bodyRoot":"kAP5O5","submenuRootItem":"FtoQU8","iconAfter":"locdB9","iconCheck":"B8nx6k","splitterRoot":"WCuO-l","headerRoot":"fKM8bt","itemRoot":"W5vDJm"};
|
|
871
871
|
|
|
872
872
|
var IDropdownControlKeys;
|
|
873
873
|
(function (IDropdownControlKeys) {
|
|
@@ -995,7 +995,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
995
995
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
996
996
|
}
|
|
997
997
|
|
|
998
|
-
var css$16 = {"uui-typography":"
|
|
998
|
+
var css$16 = {"uui-typography":"OtfNd3","hero-header":"oLy-LG","promo-header":"nYIhyi","uui-critical":"_5n2aKW","uui-info":"ooS0co","uui-success":"Ly4gGg","uui-warning":"_9LIEVY","uui-highlight":"EAnRoI","uui-typography-size-12":"bKv7w-","uui-typography-size-14":"m3LW79","uui-typography-size-16":"SYXMPT","root":"BtEQKf","mode-block":"FmARDa","mode-inline":"Dn0dgs","padding-0":"_3aMVqH","padding-6":"Ktx9ga","padding-12":"MCfskU","padding-18":"IlbU-M","uuiTypography":"OtfNd3","heroHeader":"oLy-LG","promoHeader":"nYIhyi","uuiCritical":"_5n2aKW","uuiInfo":"ooS0co","uuiSuccess":"Ly4gGg","uuiWarning":"_9LIEVY","uuiHighlight":"EAnRoI","uuiTypographySize12":"bKv7w-","uuiTypographySize14":"m3LW79","uuiTypographySize16":"SYXMPT","modeBlock":"FmARDa","modeInline":"Dn0dgs","padding0":"_3aMVqH","padding6":"Ktx9ga","padding12":"MCfskU","padding18":"IlbU-M"};
|
|
999
999
|
|
|
1000
1000
|
const getMode = (mode) => {
|
|
1001
1001
|
return mode || 'block';
|
|
@@ -1011,7 +1011,7 @@ const Accordion = withMods(uuiComponents.Accordion, applyAccordionMods, (mods) =
|
|
|
1011
1011
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1012
1012
|
}));
|
|
1013
1013
|
|
|
1014
|
-
var css$15 = {"uui-typography":"
|
|
1014
|
+
var css$15 = {"uui-typography":"fQC09M","hero-header":"_1aLOKp","promo-header":"oO2vW0","uui-critical":"t0hPmE","uui-info":"edmxef","uui-success":"U6RXDI","uui-warning":"MdVzOo","uui-highlight":"gq7U1V","uui-typography-size-12":"ZQFk2x","uui-typography-size-14":"NoLL6a","uui-typography-size-16":"_2kacYJ","root":"gF0pwC","border-top":"iUXEoF","border-bottom":"huEeFA","top-shadow":"y2hjvw","size-24":"SR-fca","size-30":"-UES5i","size-36":"loyLep","size-42":"kje9ih","size-48":"h9b4H5","padding-6":"CzX5D7","padding-12":"lAq6bc","padding-18":"V0-GHC","padding-24":"UKQnD5","margin-24":"FWDuEZ","margin-12":"uOAnJ4","vPadding-12":"wxDD8W","vPadding-18":"wfy928","vPadding-24":"_35xDbj","vPadding-36":"_5cEPqf","vPadding-48":"n00O-H","spacing-6":"_9Tc-Ea","spacing-12":"OgfS0-","spacing-18":"-Aj5cu","uui-surface-main":"QLHh0f","uuiTypography":"fQC09M","heroHeader":"_1aLOKp","promoHeader":"oO2vW0","uuiCritical":"t0hPmE","uuiInfo":"edmxef","uuiSuccess":"U6RXDI","uuiWarning":"MdVzOo","uuiHighlight":"gq7U1V","uuiTypographySize12":"ZQFk2x","uuiTypographySize14":"NoLL6a","uuiTypographySize16":"_2kacYJ","borderTop":"iUXEoF","borderBottom":"huEeFA","topShadow":"y2hjvw","size24":"SR-fca","size30":"-UES5i","size36":"loyLep","size42":"kje9ih","size48":"h9b4H5","padding6":"CzX5D7","padding12":"lAq6bc","padding18":"V0-GHC","padding24":"UKQnD5","margin24":"FWDuEZ","margin12":"uOAnJ4","vPadding12":"wxDD8W","vPadding18":"wfy928","vPadding24":"_35xDbj","vPadding36":"_5cEPqf","vPadding48":"n00O-H","spacing6":"_9Tc-Ea","spacing12":"OgfS0-","spacing18":"-Aj5cu","uuiSurfaceMain":"QLHh0f"};
|
|
1015
1015
|
|
|
1016
1016
|
const FlexCell = withMods(FlexCell$1, () => [css$15.flexCell]);
|
|
1017
1017
|
|
|
@@ -1035,7 +1035,7 @@ const FlexRow = withMods(FlexRow$1, (props) => {
|
|
|
1035
1035
|
];
|
|
1036
1036
|
});
|
|
1037
1037
|
|
|
1038
|
-
var css$14 = {"root":"
|
|
1038
|
+
var css$14 = {"root":"l6bSKZ","margin-24":"_7pqMG-","padding-12":"i7piwj","padding-24":"q9lUTu","shadow":"vCRjp5","uui-surface-main":"hBX2kg","margin24":"_7pqMG-","padding12":"i7piwj","padding24":"q9lUTu","uuiSurfaceMain":"hBX2kg"};
|
|
1039
1039
|
|
|
1040
1040
|
const Panel = withMods(VPanel, (props) => [
|
|
1041
1041
|
'uui-panel',
|
|
@@ -1045,7 +1045,7 @@ const Panel = withMods(VPanel, (props) => [
|
|
|
1045
1045
|
props.background && css$14[`uui-${props.background}`],
|
|
1046
1046
|
]);
|
|
1047
1047
|
|
|
1048
|
-
var css$13 = {"root":"
|
|
1048
|
+
var css$13 = {"root":"_3sjAMx"};
|
|
1049
1049
|
|
|
1050
1050
|
function applyTooltipMods(mods) {
|
|
1051
1051
|
return [
|
|
@@ -1070,7 +1070,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
1070
1070
|
};
|
|
1071
1071
|
var ForwardRef$s = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
|
|
1072
1072
|
|
|
1073
|
-
var css$12 = {"uui-typography":"
|
|
1073
|
+
var css$12 = {"uui-typography":"mYwIQF","hero-header":"RTrnfP","promo-header":"B1n9si","uui-critical":"qSlIUp","uui-info":"v9il2P","uui-success":"VnClSK","uui-warning":"JQoJx2","uui-highlight":"rnBGu1","uui-typography-size-12":"VOEF4V","uui-typography-size-14":"MQvptB","uui-typography-size-16":"Z-Ezgf","root":"F2Wxde","size-24":"_7MRmjo","size-30":"N1LebD","size-36":"AWsHWf","size-42":"uJskRs","size-48":"tjhTE-","uuiTypography":"mYwIQF","heroHeader":"RTrnfP","promoHeader":"B1n9si","uuiCritical":"qSlIUp","uuiInfo":"v9il2P","uuiSuccess":"VnClSK","uuiWarning":"JQoJx2","uuiHighlight":"rnBGu1","uuiTypographySize12":"VOEF4V","uuiTypographySize14":"MQvptB","uuiTypographySize16":"Z-Ezgf","size24":"_7MRmjo","size30":"N1LebD","size36":"AWsHWf","size42":"uJskRs","size48":"tjhTE-"};
|
|
1074
1074
|
|
|
1075
1075
|
const DEFAULT_SIZE = '36';
|
|
1076
1076
|
function applyLabeledInputMods(mods) {
|
|
@@ -1081,7 +1081,7 @@ const LabeledInput = withMods(uuiComponents.LabeledInput, applyLabeledInputMods,
|
|
|
1081
1081
|
infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$s : ForwardRef$K),
|
|
1082
1082
|
}));
|
|
1083
1083
|
|
|
1084
|
-
var css$11 = {"root":"
|
|
1084
|
+
var css$11 = {"root":"wiWopl"};
|
|
1085
1085
|
|
|
1086
1086
|
function RadioGroup(props) {
|
|
1087
1087
|
const direction = props.direction || 'vertical';
|
|
@@ -1096,7 +1096,7 @@ function RadioGroup(props) {
|
|
|
1096
1096
|
})));
|
|
1097
1097
|
}
|
|
1098
1098
|
|
|
1099
|
-
var css$10 = {"root":"
|
|
1099
|
+
var css$10 = {"root":"iwew17"};
|
|
1100
1100
|
|
|
1101
1101
|
function applyScrollBarsMods() {
|
|
1102
1102
|
return [
|
|
@@ -1105,9 +1105,9 @@ function applyScrollBarsMods() {
|
|
|
1105
1105
|
}
|
|
1106
1106
|
const ScrollBars = withMods(ScrollBars$1, applyScrollBarsMods);
|
|
1107
1107
|
|
|
1108
|
-
var css$$ = {"scroll-container":"
|
|
1108
|
+
var css$$ = {"scroll-container":"FzXMfx","list-container":"tPX173","scrollContainer":"FzXMfx","listContainer":"tPX173"};
|
|
1109
1109
|
|
|
1110
|
-
var css$_ = {"root":"
|
|
1110
|
+
var css$_ = {"root":"Fr9x1c"};
|
|
1111
1111
|
|
|
1112
1112
|
const Blocker = withMods(Blocker$1, () => [css$_.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
|
|
1113
1113
|
|
|
@@ -1149,7 +1149,7 @@ const VirtualListView = React.forwardRef((props, ref) => {
|
|
|
1149
1149
|
});
|
|
1150
1150
|
VirtualList.displayName = 'VirtualList';
|
|
1151
1151
|
|
|
1152
|
-
var css$Z = {"root":"
|
|
1152
|
+
var css$Z = {"root":"DtciQY"};
|
|
1153
1153
|
|
|
1154
1154
|
function CheckboxGroup(props) {
|
|
1155
1155
|
const currentValue = props.value || [];
|
|
@@ -1266,6 +1266,7 @@ const i18n = Object.assign(Object.assign({}, i18n$1), { dataPickerBody: {
|
|
|
1266
1266
|
labelEnd: 'your local files',
|
|
1267
1267
|
}, fileCard: {
|
|
1268
1268
|
fileSizeProgress: ' of ',
|
|
1269
|
+
failedUploadErrorMessage: 'Upload failed',
|
|
1269
1270
|
}, errorHandler: {
|
|
1270
1271
|
errorPageConfig: {
|
|
1271
1272
|
notFound: {
|
|
@@ -1309,7 +1310,7 @@ const i18n = Object.assign(Object.assign({}, i18n$1), { dataPickerBody: {
|
|
|
1309
1310
|
},
|
|
1310
1311
|
} });
|
|
1311
1312
|
|
|
1312
|
-
var css$Y = {"uui-typography":"
|
|
1313
|
+
var css$Y = {"uui-typography":"cTKmhN","hero-header":"_2vJSam","promo-header":"_2SUmcQ","uui-critical":"xtRa-Z","uui-info":"lR8iUf","uui-success":"_9TpBuL","uui-warning":"rpNLel","uui-highlight":"_7IhGk0","uui-typography-size-12":"hyNWjX","uui-typography-size-14":"C4SKc-","uui-typography-size-16":"mu1k7g","body":"A-LO3r","modal":"XQ1oX9","search-wrapper":"Gtv4e2","checkbox":"h1Ncs2","no-found-size-24":"YY3yhH","no-found-size-30":"v97hNf","no-found-size-36":"_4v9W6N","no-found-size-42":"yYytlK","uuiTypography":"cTKmhN","heroHeader":"_2vJSam","promoHeader":"_2SUmcQ","uuiCritical":"xtRa-Z","uuiInfo":"lR8iUf","uuiSuccess":"_9TpBuL","uuiWarning":"rpNLel","uuiHighlight":"_7IhGk0","uuiTypographySize12":"hyNWjX","uuiTypographySize14":"C4SKc-","uuiTypographySize16":"mu1k7g","searchWrapper":"Gtv4e2","noFoundSize24":"YY3yhH","noFoundSize30":"v97hNf","noFoundSize36":"_4v9W6N","noFoundSize42":"yYytlK"};
|
|
1313
1314
|
|
|
1314
1315
|
class DataPickerBody extends PickerBodyBase {
|
|
1315
1316
|
constructor() {
|
|
@@ -1366,49 +1367,32 @@ function DataPickerFooterImpl(props) {
|
|
|
1366
1367
|
}
|
|
1367
1368
|
const DataPickerFooter = React__default.memo(DataPickerFooterImpl);
|
|
1368
1369
|
|
|
1369
|
-
var css$X = {"header":"
|
|
1370
|
-
|
|
1371
|
-
var _path$r;
|
|
1372
|
-
function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
|
|
1373
|
-
var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
|
|
1374
|
-
return /*#__PURE__*/React.createElement("svg", _extends$r({
|
|
1375
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
1376
|
-
width: 24,
|
|
1377
|
-
height: 24,
|
|
1378
|
-
viewBox: "0 0 24 24",
|
|
1379
|
-
ref: ref
|
|
1380
|
-
}, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
|
|
1381
|
-
fillRule: "evenodd",
|
|
1382
|
-
d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
|
|
1383
|
-
clipRule: "evenodd"
|
|
1384
|
-
})));
|
|
1385
|
-
};
|
|
1386
|
-
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionDeleteForeverFill);
|
|
1370
|
+
var css$X = {"header":"_3PNUMH","close":"Wy4-DL"};
|
|
1387
1371
|
|
|
1388
1372
|
const DataPickerHeaderImpl = (props) => {
|
|
1389
1373
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
1390
1374
|
return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$X.header },
|
|
1391
1375
|
React__default.createElement(Text, { size: "48", fontWeight: "600" }, title),
|
|
1392
|
-
React__default.createElement(IconButton, { icon: ForwardRef$
|
|
1376
|
+
React__default.createElement(IconButton, { icon: ForwardRef$P, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$X.close })));
|
|
1393
1377
|
};
|
|
1394
1378
|
const DataPickerHeader = React__default.memo(DataPickerHeaderImpl);
|
|
1395
1379
|
|
|
1396
|
-
var _path$
|
|
1397
|
-
function _extends$
|
|
1380
|
+
var _path$r;
|
|
1381
|
+
function _extends$r() { _extends$r = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$r.apply(this, arguments); }
|
|
1398
1382
|
var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
1399
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1383
|
+
return /*#__PURE__*/React.createElement("svg", _extends$r({
|
|
1400
1384
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1401
1385
|
width: 24,
|
|
1402
1386
|
height: 24,
|
|
1403
1387
|
viewBox: "0 0 24 24",
|
|
1404
1388
|
ref: ref
|
|
1405
|
-
}, props), _path$
|
|
1389
|
+
}, props), _path$r || (_path$r = /*#__PURE__*/React.createElement("path", {
|
|
1406
1390
|
d: "m2 12 3.077-3.2 4.615 4.8L18.923 4 22 7.2 9.692 20 2 12z"
|
|
1407
1391
|
})));
|
|
1408
1392
|
};
|
|
1409
|
-
var ForwardRef$
|
|
1393
|
+
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
|
|
1410
1394
|
|
|
1411
|
-
var css$W = {"uui-typography":"
|
|
1395
|
+
var css$W = {"uui-typography":"rdX-vq","hero-header":"_7wNYp-","promo-header":"xhYyTx","uui-critical":"tU-gg5","uui-info":"uQZcff","uui-success":"SpRTPy","uui-warning":"nlh9yE","uui-highlight":"H75OAl","uui-typography-size-12":"WGH--c","uui-typography-size-14":"W4XDZZ","uui-typography-size-16":"H7VVf0","cell":"dNw8pz","align-widgets-top":"F63WUR","size-24":"KKhVIk","size-30":"Ui1jAD","size-36":"n3Jeej","size-42":"tcXs6t","size-48":"XsBRsF","size-60":"_0APDfX","align-widgets-center":"Nty9iR","icon-wrapper":"O6nHdA","padding-12":"rtlz-e","padding-24":"L8cmU9","padding-left-12":"VViQwv","padding-left-24":"-M-pZs","icon-container":"yXRIFo","loading-cell":"_7VR30S","content-wrapper":"jFdF-W","render-item":"ZCBwoK","icon-default":"ORn2ZC","icon-primary":"_50W1vg","uuiTypography":"rdX-vq","heroHeader":"_7wNYp-","promoHeader":"xhYyTx","uuiCritical":"tU-gg5","uuiInfo":"uQZcff","uuiSuccess":"SpRTPy","uuiWarning":"nlh9yE","uuiHighlight":"H75OAl","uuiTypographySize12":"WGH--c","uuiTypographySize14":"W4XDZZ","uuiTypographySize16":"H7VVf0","alignWidgetsTop":"F63WUR","size24":"KKhVIk","size30":"Ui1jAD","size36":"n3Jeej","size42":"tcXs6t","size48":"XsBRsF","size60":"_0APDfX","alignWidgetsCenter":"Nty9iR","iconWrapper":"O6nHdA","padding12":"rtlz-e","padding24":"L8cmU9","paddingLeft12":"VViQwv","paddingLeft24":"-M-pZs","iconContainer":"yXRIFo","loadingCell":"_7VR30S","contentWrapper":"jFdF-W","renderItem":"ZCBwoK","iconDefault":"ORn2ZC","iconPrimary":"_50W1vg"};
|
|
1412
1396
|
|
|
1413
1397
|
function DataPickerCell(props) {
|
|
1414
1398
|
const ref = React.useRef();
|
|
@@ -1427,7 +1411,7 @@ function DataPickerCell(props) {
|
|
|
1427
1411
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
1428
1412
|
React.createElement(FlexSpacer, null),
|
|
1429
1413
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx(css$W.iconWrapper, uuiMod.selected) },
|
|
1430
|
-
React.createElement(IconContainer, { icon: props.size === '24' ? ForwardRef$
|
|
1414
|
+
React.createElement(IconContainer, { icon: props.size === '24' ? ForwardRef$r : ForwardRef$N, cx: props.rowProps.isChildrenSelected ? css$W.iconDefault : css$W.iconPrimary, rawProps: { 'aria-label': props.rowProps.isChildrenSelected
|
|
1431
1415
|
? 'Child is selected'
|
|
1432
1416
|
: 'Selected' } })))));
|
|
1433
1417
|
}
|
|
@@ -1445,7 +1429,7 @@ function DataPickerCell(props) {
|
|
|
1445
1429
|
getWrappedContent()));
|
|
1446
1430
|
}
|
|
1447
1431
|
|
|
1448
|
-
var css$V = {"uui-typography":"
|
|
1432
|
+
var css$V = {"uui-typography":"cX6bF3","hero-header":"CTC27W","promo-header":"II2YyI","uui-critical":"vImrJ1","uui-info":"_7tyrsd","uui-success":"I9vHhS","uui-warning":"bWZpp5","uui-highlight":"_2XeIgt","uui-typography-size-12":"WyyBE3","uui-typography-size-14":"UsfoQt","uui-typography-size-16":"t2Z8zW","picker-row":"_-2mpmL","uuiTypography":"cX6bF3","heroHeader":"CTC27W","promoHeader":"II2YyI","uuiCritical":"vImrJ1","uuiInfo":"_7tyrsd","uuiSuccess":"I9vHhS","uuiWarning":"bWZpp5","uuiHighlight":"_2XeIgt","uuiTypographySize12":"WyyBE3","uuiTypographySize14":"UsfoQt","uuiTypographySize16":"t2Z8zW","pickerRow":"_-2mpmL"};
|
|
1449
1433
|
|
|
1450
1434
|
class DataPickerRow extends React.Component {
|
|
1451
1435
|
constructor() {
|
|
@@ -1459,7 +1443,7 @@ class DataPickerRow extends React.Component {
|
|
|
1459
1443
|
}
|
|
1460
1444
|
}
|
|
1461
1445
|
|
|
1462
|
-
var css$U = {"uui-typography":"
|
|
1446
|
+
var css$U = {"uui-typography":"RZmM3s","hero-header":"_0ewHZE","promo-header":"_0HS-9t","uui-critical":"dyDPox","uui-info":"rhQsiw","uui-success":"_7GubeO","uui-warning":"bpmUTD","uui-highlight":"tFFgGb","uui-typography-size-12":"EMfJaH","uui-typography-size-14":"rL9E-D","uui-typography-size-16":"-TrZGr","done":"cOdkD0","container":"ZOQIXF","uuiTypography":"RZmM3s","heroHeader":"_0ewHZE","promoHeader":"_0HS-9t","uuiCritical":"dyDPox","uuiInfo":"rhQsiw","uuiSuccess":"_7GubeO","uuiWarning":"bpmUTD","uuiHighlight":"tFFgGb","uuiTypographySize12":"EMfJaH","uuiTypographySize14":"rL9E-D","uuiTypographySize16":"-TrZGr"};
|
|
1463
1447
|
|
|
1464
1448
|
const MobileDropdownWrapper = (props) => {
|
|
1465
1449
|
const isMobileView = isMobile();
|
|
@@ -1471,17 +1455,17 @@ const MobileDropdownWrapper = (props) => {
|
|
|
1471
1455
|
isMobileView && React__default.createElement(LinkButton, { caption: i18n.pickerInput.doneButton, onClick: () => { var _a; return (_a = props.onClose) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$U.done, size: "48" })));
|
|
1472
1456
|
};
|
|
1473
1457
|
|
|
1474
|
-
var _path$
|
|
1475
|
-
function _extends$
|
|
1458
|
+
var _path$q, _path2$4;
|
|
1459
|
+
function _extends$q() { _extends$q = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$q.apply(this, arguments); }
|
|
1476
1460
|
var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
1477
|
-
return /*#__PURE__*/React.createElement("svg", _extends$
|
|
1461
|
+
return /*#__PURE__*/React.createElement("svg", _extends$q({
|
|
1478
1462
|
width: 66,
|
|
1479
1463
|
height: 67,
|
|
1480
1464
|
viewBox: "0 0 66 67",
|
|
1481
1465
|
fill: "none",
|
|
1482
1466
|
xmlns: "http://www.w3.org/2000/svg",
|
|
1483
1467
|
ref: ref
|
|
1484
|
-
}, props), _path$
|
|
1468
|
+
}, props), _path$q || (_path$q = /*#__PURE__*/React.createElement("path", {
|
|
1485
1469
|
d: "M0 33.5C0 15.275 14.775.5 33 .5s33 14.775 33 33-14.775 33-33 33-33-14.775-33-33Z",
|
|
1486
1470
|
fill: "#EBEDF5"
|
|
1487
1471
|
})), _path2$4 || (_path2$4 = /*#__PURE__*/React.createElement("path", {
|
|
@@ -1491,11 +1475,11 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1491
1475
|
fill: "#6C6F80"
|
|
1492
1476
|
})));
|
|
1493
1477
|
};
|
|
1494
|
-
var ForwardRef$
|
|
1478
|
+
var ForwardRef$q = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
1495
1479
|
|
|
1496
|
-
var css$T = {"uui-typography":"
|
|
1480
|
+
var css$T = {"uui-typography":"_6eaabT","hero-header":"qcmgJn","promo-header":"mJ12j-","uui-critical":"m2n0-f","uui-info":"pBJj-z","uui-success":"XXYYTl","uui-warning":"gTPs5w","uui-highlight":"TyOnNh","uui-typography-size-12":"JkS4wA","uui-typography-size-14":"dAKJFz","uui-typography-size-16":"Zljvd9","sub-header-wrapper":"FvbtUJ","switch":"GAzn2k","no-found-modal-container":"_7QGnty","no-found-modal-container-icon":"_5b4a45","no-found-modal-container-text":"dCgVFD","uuiTypography":"_6eaabT","heroHeader":"qcmgJn","promoHeader":"mJ12j-","uuiCritical":"m2n0-f","uuiInfo":"pBJj-z","uuiSuccess":"XXYYTl","uuiWarning":"gTPs5w","uuiHighlight":"TyOnNh","uuiTypographySize12":"JkS4wA","uuiTypographySize14":"dAKJFz","uuiTypographySize16":"Zljvd9","subHeaderWrapper":"FvbtUJ","$switch$":"GAzn2k","noFoundModalContainer":"_7QGnty","noFoundModalContainerIcon":"_5b4a45","noFoundModalContainerText":"dCgVFD"};
|
|
1497
1481
|
|
|
1498
|
-
var css$S = {"root":"
|
|
1482
|
+
var css$S = {"root":"XBtcdZ","multiline":"Mrl9o3","vertical-padding-24":"AaPDsB","vertical-padding-30":"dFt26M","vertical-padding-36":"j7uqzu","vertical-padding-42":"l-1gv0","vertical-padding-48":"pZyCO2","text":"fympCH","verticalPadding24":"AaPDsB","verticalPadding30":"dFt26M","verticalPadding36":"j7uqzu","verticalPadding42":"l-1gv0","verticalPadding48":"pZyCO2"};
|
|
1499
1483
|
|
|
1500
1484
|
const mergeHighlightRanges = (ranges) => {
|
|
1501
1485
|
const mergedRanges = [];
|
|
@@ -1616,11 +1600,11 @@ function PickerModal(props) {
|
|
|
1616
1600
|
view.selectAll && (React__default.createElement(LinkButton, { caption: hasSelection ? i18n.pickerModal.clearAllButton : i18n.pickerModal.selectAllButton, onClick: hasSelection ? () => clearSelection() : () => view.selectAll.onValueChange(true), isDisabled: isEmptyRowsAndHasNoSelection })),
|
|
1617
1601
|
React__default.createElement(FlexSpacer, null),
|
|
1618
1602
|
React__default.createElement(Button, { fill: "outline", color: "secondary", caption: i18n.pickerModal.cancelButton, onClick: () => props.abort() }),
|
|
1619
|
-
React__default.createElement(Button, { color: "
|
|
1603
|
+
React__default.createElement(Button, { color: "primary", caption: i18n.pickerModal.selectButton, onClick: () => props.success(selection) })));
|
|
1620
1604
|
};
|
|
1621
1605
|
const renderNotFound = () => {
|
|
1622
1606
|
return props.renderNotFound ? (props.renderNotFound({ search: dataSourceState.search, onClose: () => props.success(null) })) : (React__default.createElement("div", { className: css$T.noFoundModalContainer },
|
|
1623
|
-
React__default.createElement(IconContainer, { cx: css$T.noFoundModalContainerIcon, icon: ForwardRef$
|
|
1607
|
+
React__default.createElement(IconContainer, { cx: css$T.noFoundModalContainerIcon, icon: ForwardRef$q }),
|
|
1624
1608
|
React__default.createElement(Text, { cx: css$T.noFoundModalContainerText, fontWeight: "600", fontSize: "16", lineHeight: "24", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsMessage),
|
|
1625
1609
|
React__default.createElement(Text, { cx: css$T.noFoundModalContainerText, fontSize: "12", lineHeight: "18", color: "primary", size: "36" }, i18n.dataPickerBody.noRecordsSubTitle)));
|
|
1626
1610
|
};
|
|
@@ -1647,7 +1631,7 @@ function PickerModal(props) {
|
|
|
1647
1631
|
const MAX_ITEMS = 100;
|
|
1648
1632
|
const getMaxItems = (maxItems) => maxItems || maxItems === 0 ? maxItems : MAX_ITEMS;
|
|
1649
1633
|
|
|
1650
|
-
var css$R = {"uui-typography":"
|
|
1634
|
+
var css$R = {"uui-typography":"H-6pG2","hero-header":"_3olnMR","promo-header":"Km4plw","uui-critical":"jW1Cuw","uui-info":"aFA1nP","uui-success":"uj3vjl","uui-warning":"A4sF3H","uui-highlight":"pLwZWH","uui-typography-size-12":"cPgkHQ","uui-typography-size-14":"G-t28B","uui-typography-size-16":"bHwSoN","root":"Forecz","mode-form":"IxrtIo","mode-cell":"_0yWvh9","mode-inline":"-dGm3E","size-24":"X0i9j-","size-30":"_3ukXko","size-36":"_5t4Oft","size-42":"VbznX-","size-48":"UITDCG","uuiTypography":"H-6pG2","heroHeader":"_3olnMR","promoHeader":"Km4plw","uuiCritical":"jW1Cuw","uuiInfo":"aFA1nP","uuiSuccess":"uj3vjl","uuiWarning":"A4sF3H","uuiHighlight":"pLwZWH","uuiTypographySize12":"cPgkHQ","uuiTypographySize14":"G-t28B","uuiTypographySize16":"bHwSoN","modeForm":"IxrtIo","modeCell":"_0yWvh9","modeInline":"-dGm3E","size24":"X0i9j-","size30":"_3ukXko","size36":"_5t4Oft","size42":"VbznX-","size48":"UITDCG"};
|
|
1651
1635
|
|
|
1652
1636
|
const defaultSize$1 = '36';
|
|
1653
1637
|
const defaultMode$1 = EditMode.FORM;
|
|
@@ -1766,7 +1750,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1766
1750
|
}
|
|
1767
1751
|
const PickerInput = React__default.forwardRef(PickerInputComponent);
|
|
1768
1752
|
|
|
1769
|
-
var css$Q = {"row":"
|
|
1753
|
+
var css$Q = {"row":"v5pWAK"};
|
|
1770
1754
|
|
|
1771
1755
|
function PickerListItem(props) {
|
|
1772
1756
|
var _a;
|
|
@@ -1787,7 +1771,7 @@ function PickerListItem(props) {
|
|
|
1787
1771
|
return (React__default.createElement("div", Object.assign({ role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1 }, (((_a = props.checkbox) === null || _a === void 0 ? void 0 : _a.isVisible) && { 'aria-checked': props.isChecked }), { className: css$Q.row }), component));
|
|
1788
1772
|
}
|
|
1789
1773
|
|
|
1790
|
-
var css$P = {"root":"
|
|
1774
|
+
var css$P = {"root":"TJ-e2N"};
|
|
1791
1775
|
|
|
1792
1776
|
function PickerList(props) {
|
|
1793
1777
|
const { context, view, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -1827,7 +1811,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
1827
1811
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
1828
1812
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
1829
1813
|
|
|
1830
|
-
var css$O = {"uui-typography":"
|
|
1814
|
+
var css$O = {"uui-typography":"LXMv39","hero-header":"_5uepNf","promo-header":"_4BnLkL","uui-critical":"wc470z","uui-info":"Vrielb","uui-success":"S5fnFP","uui-warning":"rqI65G","uui-highlight":"YazPFa","uui-typography-size-12":"OpJA7Z","uui-typography-size-14":"_4I1fUj","uui-typography-size-16":"ZIIzG4","root":"TYm9et","title-wrapper":"W-65cB","title":"s2i3i5","text-wrapper":"tsz8Z2","selection":"_5--Kzu","postfix":"viZUbW","selected":"lOslqI","uuiTypography":"LXMv39","heroHeader":"_5uepNf","promoHeader":"_4BnLkL","uuiCritical":"wc470z","uuiInfo":"Vrielb","uuiSuccess":"S5fnFP","uuiWarning":"rqI65G","uuiHighlight":"YazPFa","uuiTypographySize12":"OpJA7Z","uuiTypographySize14":"_4I1fUj","uuiTypographySize16":"ZIIzG4","titleWrapper":"W-65cB","textWrapper":"tsz8Z2"};
|
|
1831
1815
|
|
|
1832
1816
|
const defaultSize = '36';
|
|
1833
1817
|
const FilterPanelItemToggler = React.forwardRef((props, ref) => {
|
|
@@ -1901,7 +1885,7 @@ function FilterPickerBody(props) {
|
|
|
1901
1885
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_a = props.showSearch) !== null && _a !== void 0 ? _a : true }), rows);
|
|
1902
1886
|
}
|
|
1903
1887
|
|
|
1904
|
-
var css$N = {"container":"
|
|
1888
|
+
var css$N = {"container":"nPHvK3"};
|
|
1905
1889
|
|
|
1906
1890
|
dayjs.extend(localeData);
|
|
1907
1891
|
const uuiHeader = {
|
|
@@ -1985,14 +1969,14 @@ function DatePickerHeader(props) {
|
|
|
1985
1969
|
React.createElement(Button, { icon: props.navIconRight || ForwardRef$z, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow() }))));
|
|
1986
1970
|
}
|
|
1987
1971
|
|
|
1988
|
-
var css$M = {"uui-typography":"
|
|
1972
|
+
var css$M = {"uui-typography":"_8ecXif","hero-header":"HvskVW","promo-header":"wI4ErY","uui-critical":"NT4vpM","uui-info":"_4BUiGL","uui-success":"EXf0DO","uui-warning":"whORNy","uui-highlight":"JFXcnz","uui-typography-size-12":"D2G5gH","uui-typography-size-14":"SyCdZp","uui-typography-size-16":"_3aaSG8","root":"eef-04","uuiTypography":"_8ecXif","heroHeader":"HvskVW","promoHeader":"wI4ErY","uuiCritical":"NT4vpM","uuiInfo":"_4BUiGL","uuiSuccess":"EXf0DO","uuiWarning":"whORNy","uuiHighlight":"JFXcnz","uuiTypographySize12":"D2G5gH","uuiTypographySize14":"SyCdZp","uuiTypographySize16":"_3aaSG8"};
|
|
1989
1973
|
|
|
1990
1974
|
function applyDateSelectionMods() {
|
|
1991
1975
|
return [css$M.root];
|
|
1992
1976
|
}
|
|
1993
1977
|
const Calendar = withMods(Calendar$1, applyDateSelectionMods);
|
|
1994
1978
|
|
|
1995
|
-
var css$L = {"uui-typography":"
|
|
1979
|
+
var css$L = {"uui-typography":"Bu4jwH","hero-header":"QXfTcX","promo-header":"QStNWj","uui-critical":"WexBTy","uui-info":"I8DTXY","uui-success":"iTOc-s","uui-warning":"Ba3l4r","uui-highlight":"rjpX52","uui-typography-size-12":"iIXAoR","uui-typography-size-14":"tkTZ-v","uui-typography-size-16":"mm1lnB","root":"YMln5P","uuiTypography":"Bu4jwH","heroHeader":"QXfTcX","promoHeader":"QStNWj","uuiCritical":"WexBTy","uuiInfo":"I8DTXY","uuiSuccess":"iTOc-s","uuiWarning":"Ba3l4r","uuiHighlight":"rjpX52","uuiTypographySize12":"iIXAoR","uuiTypographySize14":"tkTZ-v","uuiTypographySize16":"mm1lnB"};
|
|
1996
1980
|
|
|
1997
1981
|
dayjs.extend(updateLocale);
|
|
1998
1982
|
const uuiDatePickerBody = {
|
|
@@ -2058,14 +2042,14 @@ class DatePickerComponent extends BaseDatePicker {
|
|
|
2058
2042
|
}
|
|
2059
2043
|
const DatePicker = withMods(DatePickerComponent);
|
|
2060
2044
|
|
|
2061
|
-
var css$K = {"uui-typography":"
|
|
2045
|
+
var css$K = {"uui-typography":"gnrwuu","hero-header":"_0RG6h6","promo-header":"F80qh6","uui-critical":"-odE9S","uui-info":"az6Eg9","uui-success":"vsjN6f","uui-warning":"_63KdQ7","uui-highlight":"_0FLwZy","uui-typography-size-12":"ixkFJ4","uui-typography-size-14":"zd5Lkz","uui-typography-size-16":"_6yPcnT","root":"-eUITx","uuiTypography":"gnrwuu","heroHeader":"_0RG6h6","promoHeader":"F80qh6","uuiCritical":"-odE9S","uuiInfo":"az6Eg9","uuiSuccess":"vsjN6f","uuiWarning":"_63KdQ7","uuiHighlight":"_0FLwZy","uuiTypographySize12":"ixkFJ4","uuiTypographySize14":"zd5Lkz","uuiTypographySize16":"_6yPcnT"};
|
|
2062
2046
|
|
|
2063
2047
|
function applyCalendarPresetsMods() {
|
|
2064
2048
|
return [css$K.root];
|
|
2065
2049
|
}
|
|
2066
2050
|
const CalendarPresets = withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
|
|
2067
2051
|
|
|
2068
|
-
var css$J = {"uui-typography":"
|
|
2052
|
+
var css$J = {"uui-typography":"Ad-bD5","hero-header":"FzFcGB","promo-header":"PAr2Q3","uui-critical":"bZa8Az","uui-info":"-zB6J8","uui-success":"bPGQde","uui-warning":"VB02C9","uui-highlight":"_6NEaQL","uui-typography-size-12":"u4uvN-","uui-typography-size-14":"Cn-4k4","uui-typography-size-16":"nZ0KGf","root":"qiAzSX","container":"IsHs0i","day-selection":"f40pYY","from-picker":"O3IBXG","to-picker":"qyhjsf","bodes-wrapper":"oYLiCZ","blocker":"PaDvLy","uuiTypography":"Ad-bD5","heroHeader":"FzFcGB","promoHeader":"PAr2Q3","uuiCritical":"bZa8Az","uuiInfo":"-zB6J8","uuiSuccess":"bPGQde","uuiWarning":"VB02C9","uuiHighlight":"_6NEaQL","uuiTypographySize12":"u4uvN-","uuiTypographySize14":"Cn-4k4","uuiTypographySize16":"nZ0KGf","daySelection":"f40pYY","fromPicker":"O3IBXG","toPicker":"qyhjsf","bodesWrapper":"oYLiCZ"};
|
|
2069
2053
|
|
|
2070
2054
|
dayjs.extend(isoWeek);
|
|
2071
2055
|
function weekCount(displayedDate) {
|
|
@@ -2223,7 +2207,7 @@ class RangeDatePickerBody extends React.Component {
|
|
|
2223
2207
|
}
|
|
2224
2208
|
}
|
|
2225
2209
|
|
|
2226
|
-
var css$I = {"uui-typography":"
|
|
2210
|
+
var css$I = {"uui-typography":"eYL721","hero-header":"m2Ysgr","promo-header":"GCmRb0","uui-critical":"iYuWan","uui-info":"_7Xk1Zq","uui-success":"Z8z5dR","uui-warning":"jq-h4h","uui-highlight":"jpKKE7","uui-typography-size-12":"L8fwa6","uui-typography-size-14":"l3G0Cy","uui-typography-size-16":"QTdXRq","dropdown-container":"LoZszg","date-input":"nZpTVz","size-24":"j1Ha0m","size-30":"OrUr6S","size-36":"ht7WH5","size-42":"I3eelC","size-48":"L3oAdH","date-input-group":"dJqlx3","separator":"diqWjj","mode-form":"XoE37p","mode-cell":"hkQX-D","uuiTypography":"eYL721","heroHeader":"m2Ysgr","promoHeader":"GCmRb0","uuiCritical":"iYuWan","uuiInfo":"_7Xk1Zq","uuiSuccess":"Z8z5dR","uuiWarning":"jq-h4h","uuiHighlight":"jpKKE7","uuiTypographySize12":"L8fwa6","uuiTypographySize14":"l3G0Cy","uuiTypographySize16":"QTdXRq","dropdownContainer":"LoZszg","dateInput":"nZpTVz","size24":"j1Ha0m","size30":"OrUr6S","size36":"ht7WH5","size42":"I3eelC","size48":"L3oAdH","dateInputGroup":"dJqlx3","modeForm":"XoE37p","modeCell":"hkQX-D"};
|
|
2227
2211
|
|
|
2228
2212
|
const defaultValue = { from: null, to: null };
|
|
2229
2213
|
class RangeDatePickerComponent extends BaseRangeDatePicker {
|
|
@@ -2288,7 +2272,7 @@ class FilterDatePickerBody extends BaseDatePicker {
|
|
|
2288
2272
|
}
|
|
2289
2273
|
}
|
|
2290
2274
|
|
|
2291
|
-
var css$H = {"uui-typography":"
|
|
2275
|
+
var css$H = {"uui-typography":"aJt2Gd","hero-header":"_1gf4au","promo-header":"PppNoG","uui-critical":"YQxQJ8","uui-info":"pxSXQ0","uui-success":"H9DizK","uui-warning":"rjGDas","uui-highlight":"daJn-e","uui-typography-size-12":"Q5ubV-","uui-typography-size-14":"IsBhu3","uui-typography-size-16":"x4vmpT","date-input":"hKWV3j","size-30":"BggmDy","date-input-group":"vpGNW5","separator":"lapkz5","mode-form":"lJJOS4","mode-cell":"O773uQ","uuiTypography":"aJt2Gd","heroHeader":"_1gf4au","promoHeader":"PppNoG","uuiCritical":"YQxQJ8","uuiInfo":"pxSXQ0","uuiSuccess":"H9DizK","uuiWarning":"rjGDas","uuiHighlight":"daJn-e","uuiTypographySize12":"Q5ubV-","uuiTypographySize14":"IsBhu3","uuiTypographySize16":"x4vmpT","dateInput":"hKWV3j","size30":"BggmDy","dateInputGroup":"vpGNW5","modeForm":"lJJOS4","modeCell":"O773uQ"};
|
|
2292
2276
|
|
|
2293
2277
|
class FilterRangeDatePickerBody extends BaseRangeDatePicker {
|
|
2294
2278
|
constructor() {
|
|
@@ -2320,7 +2304,7 @@ class FilterRangeDatePickerBody extends BaseRangeDatePicker {
|
|
|
2320
2304
|
}
|
|
2321
2305
|
}
|
|
2322
2306
|
|
|
2323
|
-
var css$G = {"container":"
|
|
2307
|
+
var css$G = {"container":"vBKme9"};
|
|
2324
2308
|
|
|
2325
2309
|
function FilterNumericBody(props) {
|
|
2326
2310
|
var _a, _b;
|
|
@@ -2369,7 +2353,7 @@ function FilterNumericBody(props) {
|
|
|
2369
2353
|
if (isInRangePredicate) {
|
|
2370
2354
|
const value = props.value;
|
|
2371
2355
|
return (React__default.createElement("div", null,
|
|
2372
|
-
React__default.createElement(FlexRow, { padding: "12", alignItems: "center",
|
|
2356
|
+
React__default.createElement(FlexRow, { padding: "12", alignItems: "center", columnGap: "12", borderBottom: true, cx: css$G.container },
|
|
2373
2357
|
React__default.createElement(FlexCell, { width: "100%" },
|
|
2374
2358
|
React__default.createElement(NumericInput, { value: (_a = value === null || value === void 0 ? void 0 : value.from) !== null && _a !== void 0 ? _a : null, onValueChange: rangeValueHandler('from'), size: "36", placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
|
|
2375
2359
|
React__default.createElement(FlexCell, { width: "100%" },
|
|
@@ -2400,7 +2384,24 @@ function FilterItemBody(props) {
|
|
|
2400
2384
|
}
|
|
2401
2385
|
}
|
|
2402
2386
|
|
|
2403
|
-
var
|
|
2387
|
+
var _path$p;
|
|
2388
|
+
function _extends$p() { _extends$p = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$p.apply(this, arguments); }
|
|
2389
|
+
var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref) {
|
|
2390
|
+
return /*#__PURE__*/React.createElement("svg", _extends$p({
|
|
2391
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
2392
|
+
width: 24,
|
|
2393
|
+
height: 24,
|
|
2394
|
+
viewBox: "0 0 24 24",
|
|
2395
|
+
ref: ref
|
|
2396
|
+
}, props), _path$p || (_path$p = /*#__PURE__*/React.createElement("path", {
|
|
2397
|
+
fillRule: "evenodd",
|
|
2398
|
+
d: "M7 21c-1.1 0-2-.9-2-2V8h14v11c0 1.1-.9 2-2 2H7zm8-17h5v2H4V4h5V3h6v1zM9.4 18.5l2.6-2.6 2.6 2.6 1.4-1.4-2.6-2.6 2.6-2.6-1.4-1.4-2.6 2.6-2.6-2.6L8 11.9l2.6 2.6L8 17.1l1.4 1.4z",
|
|
2399
|
+
clipRule: "evenodd"
|
|
2400
|
+
})));
|
|
2401
|
+
};
|
|
2402
|
+
var ForwardRef$p = /*#__PURE__*/forwardRef(SvgActionDeleteForeverFill);
|
|
2403
|
+
|
|
2404
|
+
var css$F = {"uui-typography":"VVQV-I","hero-header":"ejETt7","promo-header":"h4u3o1","uui-critical":"NNAp2P","uui-info":"KDJ0BP","uui-success":"LDaq9F","uui-warning":"_2mDWVg","uui-highlight":"Sl2QE4","uui-typography-size-12":"apuKW1","uui-typography-size-14":"vtRiJU","uui-typography-size-16":"HIpEZS","header":"G01Lyy","removeButton":"_7zfO4P","with-search":"Dfoi5y","uuiTypography":"VVQV-I","heroHeader":"ejETt7","promoHeader":"h4u3o1","uuiCritical":"NNAp2P","uuiInfo":"KDJ0BP","uuiSuccess":"LDaq9F","uuiWarning":"_2mDWVg","uuiHighlight":"Sl2QE4","uuiTypographySize12":"apuKW1","uuiTypographySize14":"vtRiJU","uuiTypographySize16":"HIpEZS","withSearch":"Dfoi5y"};
|
|
2404
2405
|
|
|
2405
2406
|
function FiltersToolbarItemImpl(props) {
|
|
2406
2407
|
const { maxCount = 2 } = props;
|
|
@@ -2478,7 +2479,7 @@ function FiltersToolbarItemImpl(props) {
|
|
|
2478
2479
|
var _a;
|
|
2479
2480
|
return (React__default.createElement("div", { className: cx$1(css$F.header, isPickersType && ((_a = props.showSearch) !== null && _a !== void 0 ? _a : css$F.withSearch)) },
|
|
2480
2481
|
props.predicates ? (React__default.createElement(MultiSwitch, { items: props.predicates.map((i) => ({ id: i.predicate, caption: i.name })), value: predicate, onValueChange: changePredicate, size: "24" })) : (!hideTitle && (React__default.createElement(Text, { color: "secondary", size: "24", fontSize: "14" }, props.title))),
|
|
2481
|
-
!(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__default.createElement(LinkButton, { cx: css$F.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$
|
|
2482
|
+
!(props === null || props === void 0 ? void 0 : props.isAlwaysVisible) && (React__default.createElement(LinkButton, { cx: css$F.removeButton, caption: i18n.filterToolbar.datePicker.removeCaption, onClick: removeOnclickHandler, size: "24", icon: ForwardRef$p }))));
|
|
2482
2483
|
};
|
|
2483
2484
|
const renderBody = (dropdownProps) => {
|
|
2484
2485
|
const hideHeaderTitle = isPickersType && isMobileScreen;
|
|
@@ -2701,7 +2702,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2701
2702
|
}
|
|
2702
2703
|
const FiltersPanel = React__default.memo(FiltersToolbarImpl);
|
|
2703
2704
|
|
|
2704
|
-
var css$E = {"divider":"
|
|
2705
|
+
var css$E = {"divider":"-fo5Ac","dropdownDeleteIcon":"t9SLoh","presetsWrapper":"_6vO6Bn","addPresetContainer":"YWi8-B","dropContainer":"AnJKaE"};
|
|
2705
2706
|
|
|
2706
2707
|
var _path$n;
|
|
2707
2708
|
function _extends$n() { _extends$n = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$n.apply(this, arguments); }
|
|
@@ -2814,7 +2815,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
2814
2815
|
};
|
|
2815
2816
|
var ForwardRef$h = /*#__PURE__*/forwardRef(SvgContentLinkOutline);
|
|
2816
2817
|
|
|
2817
|
-
var css$D = {"preset-dropdown-panel":"
|
|
2818
|
+
var css$D = {"preset-dropdown-panel":"ZjxX4H","delete-row":"y8LJ7C","delete-button":"LvPb0X","tab-button":"wuuY2H","targetOpen":"PqNWng","presetDropdownPanel":"ZjxX4H","deleteRow":"y8LJ7C","deleteButton":"LvPb0X","tabButton":"wuuY2H"};
|
|
2818
2819
|
|
|
2819
2820
|
function PresetActionsDropdown(props) {
|
|
2820
2821
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -2866,7 +2867,7 @@ function PresetActionsDropdown(props) {
|
|
|
2866
2867
|
React__default.createElement(FlexRow, { borderBottom: true, key: `${props.preset.id}-copyLink` },
|
|
2867
2868
|
React__default.createElement(DropdownMenuButton, { icon: ForwardRef$h, caption: "Copy Link", onClick: copyUrlToClipboard })),
|
|
2868
2869
|
!isReadonlyPreset && (React__default.createElement(FlexRow, { key: `${props.preset.id}-delete`, cx: css$D.deleteRow },
|
|
2869
|
-
React__default.createElement(DropdownMenuButton, { icon: ForwardRef$
|
|
2870
|
+
React__default.createElement(DropdownMenuButton, { icon: ForwardRef$p, caption: "Delete", cx: css$D.deleteButton, onClick: deleteHandler })))));
|
|
2870
2871
|
};
|
|
2871
2872
|
const renderTarget = useCallback((dropdownProps) => {
|
|
2872
2873
|
return (React__default.createElement(IconButton, Object.assign({ cx: [css$D.tabButton, dropdownProps.isOpen && css$D.targetOpen], color: props.preset.id === props.activePresetId ? 'info' : 'neutral' }, dropdownProps, { icon: ForwardRef$n, isDropdown: false, size: "18" })));
|
|
@@ -2874,7 +2875,7 @@ function PresetActionsDropdown(props) {
|
|
|
2874
2875
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
2875
2876
|
}
|
|
2876
2877
|
|
|
2877
|
-
var css$C = {"preset-input-cell":"
|
|
2878
|
+
var css$C = {"preset-input-cell":"Ofdg5k","preset-input":"jIE-Et","presetInputCell":"Ofdg5k","presetInput":"jIE-Et"};
|
|
2878
2879
|
|
|
2879
2880
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
2880
2881
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -2907,7 +2908,7 @@ function PresetInput(props) {
|
|
|
2907
2908
|
React__default.createElement(TextInput, { cx: css$C.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
2908
2909
|
}
|
|
2909
2910
|
|
|
2910
|
-
var css$B = {"preset":"
|
|
2911
|
+
var css$B = {"preset":"yi1fRS","activePreset":"Mb--rU"};
|
|
2911
2912
|
|
|
2912
2913
|
function Preset(props) {
|
|
2913
2914
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -2950,7 +2951,7 @@ function PresetsPanel(props) {
|
|
|
2950
2951
|
return (React__default.createElement(Dropdown, { key: "more", renderTarget: (props) => (React__default.createElement(FlexRow, null,
|
|
2951
2952
|
React__default.createElement("div", { className: css$E.divider }),
|
|
2952
2953
|
React__default.createElement(Button, Object.assign({ cx: UUI_PRESETS_PANEL_MORE_BUTTON, fill: "ghost", color: "secondary", caption: `${(hiddenItems === null || hiddenItems === void 0 ? void 0 : hiddenItems.length) || ''} more` }, props)))), renderBody: (propsBody) => (React__default.createElement(DropdownContainer, Object.assign({ cx: cx(css$E.dropContainer), width: 230 }, propsBody),
|
|
2953
|
-
React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$
|
|
2954
|
+
React__default.createElement(ScrollBars$1, null, hiddenItems.map((hiddenItem) => (React__default.createElement(DropdownMenuButton, { key: hiddenItem.preset.id, onClick: () => onPresetDropdownSelect(hiddenItem), caption: hiddenItem.preset.name, icon: !hiddenItem.preset.isReadonly && ForwardRef$p, iconPosition: "right", cx: css$E.dropdownDeleteIcon, onIconClick: !hiddenItem.preset.isReadonly && (() => props.deletePreset(hiddenItem.preset)) })))))) }));
|
|
2954
2955
|
};
|
|
2955
2956
|
const getPresetPriority = (preset, index) => {
|
|
2956
2957
|
return preset.id === props.activePresetId ? 100499 : 1000 - index;
|
|
@@ -2968,7 +2969,7 @@ function PresetsPanel(props) {
|
|
|
2968
2969
|
];
|
|
2969
2970
|
};
|
|
2970
2971
|
return (React__default.createElement(FlexCell, { grow: 1, minWidth: 310, rawProps: props.rawProps },
|
|
2971
|
-
React__default.createElement(FlexRow, { size: null,
|
|
2972
|
+
React__default.createElement(FlexRow, { size: null, columnGap: "12", cx: css$E.presetsWrapper },
|
|
2972
2973
|
React__default.createElement(AdaptivePanel, { items: getPanelItems() }))));
|
|
2973
2974
|
}
|
|
2974
2975
|
|
|
@@ -3006,7 +3007,7 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3006
3007
|
return columns;
|
|
3007
3008
|
};
|
|
3008
3009
|
|
|
3009
|
-
var css$A = {"line-height-12":"
|
|
3010
|
+
var css$A = {"line-height-12":"ymxl67","line-height-18":"nUNJL3","line-height-24":"bfYYD3","line-height-30":"GFDaDj","font-size-10":"eOI4kz","font-size-12":"_941X1J","font-size-14":"bBKBaV","font-size-16":"ZjN4cw","font-size-18":"b5z-Sf","font-size-24":"iRGfZq","v-padding-2":"EQZatR","v-padding-3":"_2NCU3n","v-padding-5":"vvkT1M","v-padding-6":"_1zIq5I","v-padding-8":"-WPApT","v-padding-9":"YCJcJr","v-padding-11":"bFTwk3","v-padding-12":"O-1XUb","v-padding-14":"_7kAnjV","v-padding-15":"GnUYBS","v-padding-17":"_5ltMbW","v-padding-18":"ITldNm","v-padding-23":"vuYAYO","v-padding-24":"LPV93X","lineHeight12":"ymxl67","lineHeight18":"nUNJL3","lineHeight24":"bfYYD3","lineHeight30":"GFDaDj","fontSize10":"eOI4kz","fontSize12":"_941X1J","fontSize14":"bBKBaV","fontSize16":"ZjN4cw","fontSize18":"b5z-Sf","fontSize24":"iRGfZq","vPadding2":"EQZatR","vPadding3":"_2NCU3n","vPadding5":"vvkT1M","vPadding6":"_1zIq5I","vPadding8":"-WPApT","vPadding9":"YCJcJr","vPadding11":"bFTwk3","vPadding12":"O-1XUb","vPadding14":"_7kAnjV","vPadding15":"GnUYBS","vPadding17":"_5ltMbW","vPadding18":"ITldNm","vPadding23":"vuYAYO","vPadding24":"LPV93X"};
|
|
3010
3011
|
|
|
3011
3012
|
const defaultTextSettings = {
|
|
3012
3013
|
18: { lineHeight: 12, fontSize: 10 },
|
|
@@ -3032,7 +3033,7 @@ function getTextClasses(props, border) {
|
|
|
3032
3033
|
];
|
|
3033
3034
|
}
|
|
3034
3035
|
|
|
3035
|
-
var css$z = {"root":"
|
|
3036
|
+
var css$z = {"root":"rSWpCk"};
|
|
3036
3037
|
|
|
3037
3038
|
function applyTextMods(mods) {
|
|
3038
3039
|
const textClasses = getTextClasses({
|
|
@@ -3051,7 +3052,7 @@ function applyTextMods(mods) {
|
|
|
3051
3052
|
}
|
|
3052
3053
|
const Text = withMods(uuiComponents.Text, applyTextMods);
|
|
3053
3054
|
|
|
3054
|
-
var css$y = {"root":"
|
|
3055
|
+
var css$y = {"root":"Wt-Uzs","loading-word":"vRLDyd","animated-loading":"GaBLJJ","skeleton_loading":"Cpnri3","loadingWord":"vRLDyd","animatedLoading":"GaBLJJ","skeletonLoading":"Cpnri3"};
|
|
3055
3056
|
|
|
3056
3057
|
const TextPlaceholder = (props) => {
|
|
3057
3058
|
const pattern = ' ';
|
|
@@ -3070,7 +3071,7 @@ const TextPlaceholder = (props) => {
|
|
|
3070
3071
|
|
|
3071
3072
|
const RichTextView = withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3072
3073
|
|
|
3073
|
-
var css$x = {"uui-typography":"
|
|
3074
|
+
var css$x = {"uui-typography":"lHFHSA","hero-header":"_9A-7Bw","promo-header":"H2y-x5","uui-critical":"X4avSk","uui-info":"imU-9X","uui-success":"ocd4xc","uui-warning":"mnUTte","uui-highlight":"CL4uWT","uui-typography-size-12":"KK85Ya","uui-typography-size-14":"wySI2f","uui-typography-size-16":"-hWG0V","root":"DuF-Zu","modal-blocker":"_769--a","animateModalBlocker":"Roi-Xg","modal":"Ek-aen","modal-footer":"FMsLcM","modal-header":"uzjlmo","uuiTypography":"lHFHSA","heroHeader":"_9A-7Bw","promoHeader":"H2y-x5","uuiCritical":"X4avSk","uuiInfo":"imU-9X","uuiSuccess":"ocd4xc","uuiWarning":"mnUTte","uuiHighlight":"CL4uWT","uuiTypographySize12":"KK85Ya","uuiTypographySize14":"wySI2f","uuiTypographySize16":"-hWG0V","modalBlocker":"_769--a","modalFooter":"FMsLcM","modalHeader":"uzjlmo"};
|
|
3074
3075
|
|
|
3075
3076
|
const ModalBlocker = withMods(ModalBlocker$1, () => [css$x.modalBlocker]);
|
|
3076
3077
|
const ModalWindow = withMods(ModalWindow$1, () => [css$x.root, css$x.modal], (props) => {
|
|
@@ -3082,9 +3083,11 @@ const ModalWindow = withMods(ModalWindow$1, () => [css$x.root, css$x.modal], (pr
|
|
|
3082
3083
|
};
|
|
3083
3084
|
const width = normalize(props.width) || '420px';
|
|
3084
3085
|
const height = normalize(props.height) || 'auto';
|
|
3086
|
+
const maxHeight = isMobile() ? '100dvh' : (normalize(props.maxHeight) || '80dvh');
|
|
3085
3087
|
return {
|
|
3086
3088
|
style: Object.assign(Object.assign({}, props.style), { width,
|
|
3087
|
-
height
|
|
3089
|
+
height,
|
|
3090
|
+
maxHeight }),
|
|
3088
3091
|
};
|
|
3089
3092
|
});
|
|
3090
3093
|
class ModalHeader extends React.Component {
|
|
@@ -3107,7 +3110,7 @@ class ModalFooter extends React.Component {
|
|
|
3107
3110
|
}
|
|
3108
3111
|
}
|
|
3109
3112
|
|
|
3110
|
-
var css$w = {"uui-typography":"
|
|
3113
|
+
var css$w = {"uui-typography":"_8jFc1y","hero-header":"P9rrDO","promo-header":"Kjo3Li","uui-critical":"nN-ndL","uui-info":"vI1iOS","uui-success":"A5q--1","uui-warning":"BYrOXP","uui-highlight":"_8X9y62","uui-typography-size-12":"SpW1mg","uui-typography-size-14":"svy6iP","uui-typography-size-16":"WHEO4f","root":"T3JmYJ","icon-wrapper":"xIZsUm","action-wrapper":"ZeuvcZ","action-link":"_1Z4x-V","close-icon":"qtVH0J","main-path":"hk-h2L","content":"uuSrG2","close-wrapper":"_6spU5Z","notification-wrapper":"_4woYVT","clear-button":"ELifDK","uuiTypography":"_8jFc1y","heroHeader":"P9rrDO","promoHeader":"Kjo3Li","uuiCritical":"nN-ndL","uuiInfo":"vI1iOS","uuiSuccess":"A5q--1","uuiWarning":"BYrOXP","uuiHighlight":"_8X9y62","uuiTypographySize12":"SpW1mg","uuiTypographySize14":"svy6iP","uuiTypographySize16":"WHEO4f","iconWrapper":"xIZsUm","actionWrapper":"ZeuvcZ","actionLink":"_1Z4x-V","closeIcon":"qtVH0J","mainPath":"hk-h2L","closeWrapper":"_6spU5Z","notificationWrapper":"_4woYVT","clearButton":"ELifDK"};
|
|
3111
3114
|
|
|
3112
3115
|
const NotificationCard = React__default.forwardRef((props, ref) => {
|
|
3113
3116
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -3157,7 +3160,7 @@ class ConfirmationModal extends React.Component {
|
|
|
3157
3160
|
React.createElement(ModalFooter, null,
|
|
3158
3161
|
React.createElement(FlexSpacer, null),
|
|
3159
3162
|
this.props.hideCancelButton || (React.createElement(Button, { caption: i18n.form.modals.discardButton, onClick: () => this.props.success(false), fill: "outline", color: "secondary" })),
|
|
3160
|
-
React.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: "
|
|
3163
|
+
React.createElement(Button, { caption: i18n.form.modals.saveButton, onClick: () => this.props.success(true), color: "primary" })))));
|
|
3161
3164
|
}
|
|
3162
3165
|
}
|
|
3163
3166
|
|
|
@@ -3227,7 +3230,7 @@ const formatTime = (hours, minutes, meridian, format) => {
|
|
|
3227
3230
|
return meridianResult ? time.concat(` ${meridianResult}`) : time;
|
|
3228
3231
|
};
|
|
3229
3232
|
|
|
3230
|
-
var css$v = {"root":"
|
|
3233
|
+
var css$v = {"root":"ACEOvr","timepicker-input":"ktfhAM","timepickerInput":"ktfhAM"};
|
|
3231
3234
|
|
|
3232
3235
|
dayjs.extend(customParseFormat);
|
|
3233
3236
|
const DEFAULT_MODE = EditMode.FORM;
|
|
@@ -3386,7 +3389,7 @@ function TimePickerBody(props) {
|
|
|
3386
3389
|
React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$O, onClick: onTimeTypeChange })))));
|
|
3387
3390
|
}
|
|
3388
3391
|
|
|
3389
|
-
var css$u = {"root":"
|
|
3392
|
+
var css$u = {"root":"cGcmkh"};
|
|
3390
3393
|
|
|
3391
3394
|
function applyInputAddonMods() {
|
|
3392
3395
|
return [
|
|
@@ -3395,14 +3398,14 @@ function applyInputAddonMods() {
|
|
|
3395
3398
|
}
|
|
3396
3399
|
const InputAddon = withMods(InputAddon$1, applyInputAddonMods);
|
|
3397
3400
|
|
|
3398
|
-
var css$t = {"root":"
|
|
3401
|
+
var css$t = {"root":"XqWmW0"};
|
|
3399
3402
|
|
|
3400
3403
|
function applySliderMods() {
|
|
3401
3404
|
return [css$t.root, 'uui-color-neutral'];
|
|
3402
3405
|
}
|
|
3403
3406
|
const Slider = withMods(Slider$1, applySliderMods);
|
|
3404
3407
|
|
|
3405
|
-
var css$s = {"drag-handle":"
|
|
3408
|
+
var css$s = {"drag-handle":"_9GKV5s","icon-container":"_7fXRNi","dragHandle":"_9GKV5s","iconContainer":"_7fXRNi"};
|
|
3406
3409
|
|
|
3407
3410
|
function DataRowAddons(props) {
|
|
3408
3411
|
var _a, _b;
|
|
@@ -3449,7 +3452,7 @@ function DataRowAddons(props) {
|
|
|
3449
3452
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
3450
3453
|
}
|
|
3451
3454
|
|
|
3452
|
-
var css$r = {"uui-typography":"
|
|
3455
|
+
var css$r = {"uui-typography":"wRW5UB","hero-header":"-IZioU","promo-header":"z8rOK6","uui-critical":"RCp2RL","uui-info":"ooGxBA","uui-success":"M1VqUP","uui-warning":"z48LWe","uui-highlight":"_5lJJa3","uui-typography-size-12":"dvf1Q9","uui-typography-size-14":"e0HC7v","uui-typography-size-16":"Ucpyg5","root":"bR-tbb","withNotify":"nM0H5y","caption-with-notify":"VohcRQ","size-36":"yLHlDX","size-48":"_4Pu9Op","size-60":"oKmneo","uuiTypography":"wRW5UB","heroHeader":"-IZioU","promoHeader":"z8rOK6","uuiCritical":"RCp2RL","uuiInfo":"ooGxBA","uuiSuccess":"M1VqUP","uuiWarning":"z48LWe","uuiHighlight":"_5lJJa3","uuiTypographySize12":"dvf1Q9","uuiTypographySize14":"e0HC7v","uuiTypographySize16":"Ucpyg5","captionWithNotify":"VohcRQ","size36":"yLHlDX","size48":"_4Pu9Op","size60":"oKmneo"};
|
|
3453
3456
|
|
|
3454
3457
|
function applyTabButtonMods(mods) {
|
|
3455
3458
|
return [
|
|
@@ -3476,14 +3479,14 @@ const TabButton = React__default.forwardRef((props, ref) => {
|
|
|
3476
3479
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
3477
3480
|
});
|
|
3478
3481
|
|
|
3479
|
-
var css$q = {"uui-typography":"
|
|
3482
|
+
var css$q = {"uui-typography":"lTFrHV","hero-header":"-ID-D5","promo-header":"LHzI-E","uui-critical":"_3dgb-A","uui-info":"tnSSJy","uui-success":"e-Jc0m","uui-warning":"qCmv-6","uui-highlight":"PebRsB","uui-typography-size-12":"tJ-oYI","uui-typography-size-14":"_3yObzO","uui-typography-size-16":"_7aHuSJ","root":"TGY6rU","uuiTypography":"lTFrHV","heroHeader":"-ID-D5","promoHeader":"LHzI-E","uuiCritical":"_3dgb-A","uuiInfo":"tnSSJy","uuiSuccess":"e-Jc0m","uuiWarning":"qCmv-6","uuiHighlight":"PebRsB","uuiTypographySize12":"tJ-oYI","uuiTypographySize14":"_3yObzO","uuiTypographySize16":"_7aHuSJ"};
|
|
3480
3483
|
|
|
3481
3484
|
function applyVerticalTabButtonMods() {
|
|
3482
3485
|
return [css$q.root];
|
|
3483
3486
|
}
|
|
3484
3487
|
const VerticalTabButton = withMods(TabButton, applyVerticalTabButtonMods);
|
|
3485
3488
|
|
|
3486
|
-
var css$p = {"root":"
|
|
3489
|
+
var css$p = {"root":"zuDt4A","blocker":"fzAJXx","marker":"cxHAZJ","top":"MhQgiL","bottom":"Ql-Ats","left":"rEovz0","right":"_-9aqSw","inside":"RvPmsN"};
|
|
3487
3490
|
|
|
3488
3491
|
function DropMarker(props) {
|
|
3489
3492
|
return props.isDndInProgress
|
|
@@ -3498,7 +3501,7 @@ function DropMarker(props) {
|
|
|
3498
3501
|
: null;
|
|
3499
3502
|
}
|
|
3500
3503
|
|
|
3501
|
-
var css$o = {"uui-typography":"
|
|
3504
|
+
var css$o = {"uui-typography":"c0G53T","hero-header":"ShJxI7","promo-header":"OSXzvN","uui-critical":"Wyo1fg","uui-info":"WJ6uVo","uui-success":"seV-ZQ","uui-warning":"me8bk8","uui-highlight":"D0zlrn","uui-typography-size-12":"PsEJJF","uui-typography-size-14":"H0kQmt","uui-typography-size-16":"saDGCz","cell":"TrXh2o","wrapper":"Qe3BOc","align-widgets-top":"_4-C-hP","size-24":"PiGrsY","size-30":"LZTbUY","size-36":"JTQWuJ","size-42":"Frr7jy","size-48":"E8LDGc","size-60":"mTgCQa","align-widgets-center":"_3rPu0S","padding-12":"_94RGvb","padding-24":"_0cIKvG","padding-left-12":"NDzz-R","padding-left-24":"_8uExYn","padding-right-24":"UE5en2","loading-cell":"_1qpbFB","uuiTypography":"c0G53T","heroHeader":"ShJxI7","promoHeader":"OSXzvN","uuiCritical":"Wyo1fg","uuiInfo":"WJ6uVo","uuiSuccess":"seV-ZQ","uuiWarning":"me8bk8","uuiHighlight":"D0zlrn","uuiTypographySize12":"PsEJJF","uuiTypographySize14":"H0kQmt","uuiTypographySize16":"saDGCz","alignWidgetsTop":"_4-C-hP","size24":"PiGrsY","size30":"LZTbUY","size36":"JTQWuJ","size42":"Frr7jy","size48":"E8LDGc","size60":"mTgCQa","alignWidgetsCenter":"_3rPu0S","padding12":"_94RGvb","padding24":"_0cIKvG","paddingLeft12":"NDzz-R","paddingLeft24":"_8uExYn","paddingRight24":"UE5en2","loadingCell":"_1qpbFB"};
|
|
3502
3505
|
|
|
3503
3506
|
function DataTableCell(props) {
|
|
3504
3507
|
props = Object.assign({}, props);
|
|
@@ -3529,7 +3532,7 @@ function DataTableCell(props) {
|
|
|
3529
3532
|
return React.createElement(DataTableCell$1, Object.assign({}, props));
|
|
3530
3533
|
}
|
|
3531
3534
|
|
|
3532
|
-
var css$n = {"uui-typography":"
|
|
3535
|
+
var css$n = {"uui-typography":"mbqcI7","hero-header":"i1lKrY","promo-header":"AMRPzO","uui-critical":"KWJ8eM","uui-info":"XyGUtr","uui-success":"sgNWpZ","uui-warning":"sQnH-G","uui-highlight":"ndH1G3","uui-typography-size-12":"RdxbST","uui-typography-size-14":"_7Ddmvl","uui-typography-size-16":"mBQsx1","root":"uOf2Wd","size-24":"N8uP0-","size-30":"_6iRYyQ","size-36":"LoTAOp","size-48":"_9-tAmr","size-60":"_8aq9JD","uuiTypography":"mbqcI7","heroHeader":"i1lKrY","promoHeader":"AMRPzO","uuiCritical":"KWJ8eM","uuiInfo":"XyGUtr","uuiSuccess":"sgNWpZ","uuiWarning":"sQnH-G","uuiHighlight":"ndH1G3","uuiTypographySize12":"RdxbST","uuiTypographySize14":"_7Ddmvl","uuiTypographySize16":"mBQsx1","size24":"N8uP0-","size30":"_6iRYyQ","size36":"LoTAOp","size48":"_9-tAmr","size60":"_8aq9JD"};
|
|
3533
3536
|
|
|
3534
3537
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3535
3538
|
// As we need our mods to style the cell properly, we extract them from DataTableCellProps.rowProps, which is a hack, but it's reliable enough.
|
|
@@ -3545,7 +3548,7 @@ const DataTableRow = withMods(DataTableRow$1, ({ borderBottom = true, size }) =>
|
|
|
3545
3548
|
];
|
|
3546
3549
|
}, () => propsMods);
|
|
3547
3550
|
|
|
3548
|
-
var css$m = {"uui-typography":"
|
|
3551
|
+
var css$m = {"uui-typography":"ATVGdO","hero-header":"CZcJKG","promo-header":"_5yAaGE","uui-critical":"xVTyl6","uui-info":"gDY5pf","uui-success":"FUQleL","uui-warning":"JYMiTe","uui-highlight":"xZPhqW","uui-typography-size-12":"y1m-3z","uui-typography-size-14":"nYSShy","uui-typography-size-16":"kLD4xV","sorting-panel-container":"X5U6UB","sort-active":"hAEDU-","uuiTypography":"ATVGdO","heroHeader":"CZcJKG","promoHeader":"_5yAaGE","uuiCritical":"xVTyl6","uuiInfo":"gDY5pf","uuiSuccess":"FUQleL","uuiWarning":"JYMiTe","uuiHighlight":"xZPhqW","uuiTypographySize12":"y1m-3z","uuiTypographySize14":"nYSShy","uuiTypographySize16":"kLD4xV","sortingPanelContainer":"X5U6UB","sortActive":"hAEDU-"};
|
|
3549
3552
|
|
|
3550
3553
|
var _path$g;
|
|
3551
3554
|
function _extends$g() { _extends$g = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$g.apply(this, arguments); }
|
|
@@ -3675,7 +3678,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
3675
3678
|
};
|
|
3676
3679
|
var ForwardRef$a = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
|
|
3677
3680
|
|
|
3678
|
-
var css$l = {"uui-typography":"
|
|
3681
|
+
var css$l = {"uui-typography":"_1ISqxP","hero-header":"pH44c4","promo-header":"vLEqIO","uui-critical":"C-dbVl","uui-info":"VnHzMJ","uui-success":"Dugmho","uui-warning":"_87WqOW","uui-highlight":"_1hWvXZ","uui-typography-size-12":"cjeSpd","uui-typography-size-14":"dCLOOm","uui-typography-size-16":"EKoLjZ","cell":"I4kcfn","first-column":"MwrQq5","last-column":"YKru6V","sort-icon":"Pqycs-","dropdown-icon":"uQWVPp","infoIcon":"_5F0dGN","resizable":"pCayW-","size-24":"_8ZvxQh","size-30":"vlFKGz","size-36":"_5LYvjj","size-42":"dX81w-","size-48":"Pw16ke","padding-left-24":"_5V6Zpx","padding-right-24":"pnJgnP","caption-wrapper":"K910X3","align-right":"_7zMQQD","align-center":"_0A9xfp","caption":"_3xlsVy","checkbox":"_5i1Mlg","icon":"r1ctbH","fold-all-icon":"MQSsUl","cell-tooltip":"c1ngRY","upper-case":"_1Nnzri","font-size-14":"_6aVwfQ","resize-mark":"jHlOLa","pinned-right":"KTcXl7","draggable":"z77oFW","ghost":"Jj6ylU","is-dragged-out":"EgxHrD","dnd-marker-left":"_3a-4Z2","dnd-marker-right":"GbUqXc","cell-tooltip-wrapper":"M8Xpzy","cell-tooltip-text":"mvVIlu","uuiTypography":"_1ISqxP","heroHeader":"pH44c4","promoHeader":"vLEqIO","uuiCritical":"C-dbVl","uuiInfo":"VnHzMJ","uuiSuccess":"Dugmho","uuiWarning":"_87WqOW","uuiHighlight":"_1hWvXZ","uuiTypographySize12":"cjeSpd","uuiTypographySize14":"dCLOOm","uuiTypographySize16":"EKoLjZ","firstColumn":"MwrQq5","lastColumn":"YKru6V","sortIcon":"Pqycs-","dropdownIcon":"uQWVPp","size24":"_8ZvxQh","size30":"vlFKGz","size36":"_5LYvjj","size42":"dX81w-","size48":"Pw16ke","paddingLeft24":"_5V6Zpx","paddingRight24":"pnJgnP","captionWrapper":"K910X3","alignRight":"_7zMQQD","alignCenter":"_0A9xfp","foldAllIcon":"MQSsUl","cellTooltip":"c1ngRY","upperCase":"_1Nnzri","fontSize14":"_6aVwfQ","resizeMark":"jHlOLa","pinnedRight":"KTcXl7","isDraggedOut":"EgxHrD","dndMarkerLeft":"_3a-4Z2","dndMarkerRight":"GbUqXc","cellTooltipWrapper":"M8Xpzy","cellTooltipText":"mvVIlu"};
|
|
3679
3682
|
|
|
3680
3683
|
class DataTableHeaderCell extends React.Component {
|
|
3681
3684
|
constructor() {
|
|
@@ -3717,11 +3720,12 @@ class DataTableHeaderCell extends React.Component {
|
|
|
3717
3720
|
this.renderCellContent = (props, dropdownProps) => {
|
|
3718
3721
|
var _a;
|
|
3719
3722
|
const isResizable = (_a = this.props.column.allowResizing) !== null && _a !== void 0 ? _a : this.props.allowColumnsResizing;
|
|
3723
|
+
const onClickEvent = !props.isResizing && (!this.props.column.renderFilter ? props.toggleSort : dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.onClick);
|
|
3720
3724
|
return (React.createElement(FlexCell, Object.assign({}, this.props.column, { minWidth: this.props.column.width, ref: (ref) => {
|
|
3721
3725
|
var _a;
|
|
3722
3726
|
props.ref(ref);
|
|
3723
3727
|
(_a = dropdownProps === null || dropdownProps === void 0 ? void 0 : dropdownProps.ref) === null || _a === void 0 ? void 0 : _a.call(dropdownProps, ref);
|
|
3724
|
-
}, cx: cx('uui-dt-vars', uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$l.cell, css$l['size-' + (this.props.size || '36')], this.props.isFirstColumn && css$l['first-column'], this.props.isLastColumn && css$l['last-column'], this.props.column.cx, this.props.column.fix && css$l['pinned-' + this.props.column.fix], isResizable && css$l.resizable, props.isDraggable && css$l.draggable, props.isDragGhost && css$l.ghost, props.isDraggedOut && css$l.isDraggedOut, props.isDndInProgress && css$l['dnd-marker-' + props.position]), onClick:
|
|
3728
|
+
}, cx: cx('uui-dt-vars', uuiDataTableHeaderCell.uuiTableHeaderCell, (this.props.column.isSortable || this.props.isDropdown) && uuiMarkers.clickable, css$l.cell, css$l['size-' + (this.props.size || '36')], this.props.isFirstColumn && css$l['first-column'], this.props.isLastColumn && css$l['last-column'], this.props.column.cx, this.props.column.fix && css$l['pinned-' + this.props.column.fix], isResizable && css$l.resizable, props.isDraggable && css$l.draggable, props.isDragGhost && css$l.ghost, props.isDraggedOut && css$l.isDraggedOut, props.isDndInProgress && css$l['dnd-marker-' + props.position]), onClick: onClickEvent, rawProps: Object.assign({ role: 'columnheader', 'aria-sort': this.props.sortDirection === 'asc' ? 'ascending' : this.props.sortDirection ? 'descending' : 'none' }, props.eventHandlers) }),
|
|
3725
3729
|
this.renderHeaderCheckbox(),
|
|
3726
3730
|
this.renderFoldAllIcon(),
|
|
3727
3731
|
this.getColumnCaption(),
|
|
@@ -3749,14 +3753,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
3749
3753
|
};
|
|
3750
3754
|
var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
|
|
3751
3755
|
|
|
3752
|
-
var css$k = {"uui-typography":"
|
|
3756
|
+
var css$k = {"uui-typography":"kep8E3","hero-header":"J-4u5e","promo-header":"YnoFmg","uui-critical":"wXviA9","uui-info":"cR4uEJ","uui-success":"iRNBRs","uui-warning":"kD-BXh","uui-highlight":"_0s8rUT","uui-typography-size-12":"zzThpQ","uui-typography-size-14":"vl3C3A","uui-typography-size-16":"q4YXRO","header-cell":"vpOonQ","uuiTypography":"kep8E3","heroHeader":"J-4u5e","promoHeader":"YnoFmg","uuiCritical":"wXviA9","uuiInfo":"cR4uEJ","uuiSuccess":"iRNBRs","uuiWarning":"kD-BXh","uuiHighlight":"_0s8rUT","uuiTypographySize12":"zzThpQ","uuiTypographySize14":"vl3C3A","uuiTypographySize16":"q4YXRO","headerCell":"vpOonQ"};
|
|
3753
3757
|
|
|
3754
3758
|
const DataTableHeaderRow = withMods(DataTableHeaderRow$1, () => [css$k.root, 'uui-dt-vars'], (mods) => ({
|
|
3755
3759
|
renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key })),
|
|
3756
3760
|
renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
3757
3761
|
}));
|
|
3758
3762
|
|
|
3759
|
-
var styles$1 = {"uui-typography":"
|
|
3763
|
+
var styles$1 = {"uui-typography":"sO0JvO","hero-header":"X4uxv9","promo-header":"tkOd5K","uui-critical":"_5pnjRD","uui-info":"iuUbeA","uui-success":"L0MjBb","uui-warning":"_1kFVbu","uui-highlight":"vq7MxF","uui-typography-size-12":"FsgbMl","uui-typography-size-14":"-U2-XH","uui-typography-size-16":"_4XtpSH","main-panel":"o28Myt","group-title":"-AQ4Bg","group-title-text":"h-5ndh","group-title-badge":"Fk4VPk","group-items":"RmKrn4","no-data":"-nwtfN","h-divider":"_90kzqb","search-area":"_8pLIqC","subgroup-accordion":"_68Qdfq","subgroup-title":"A8UHgQ","uuiTypography":"sO0JvO","heroHeader":"X4uxv9","promoHeader":"tkOd5K","uuiCritical":"_5pnjRD","uuiInfo":"iuUbeA","uuiSuccess":"L0MjBb","uuiWarning":"_1kFVbu","uuiHighlight":"vq7MxF","uuiTypographySize12":"FsgbMl","uuiTypographySize14":"-U2-XH","uuiTypographySize16":"_4XtpSH","mainPanel":"o28Myt","groupTitle":"-AQ4Bg","groupTitleText":"h-5ndh","groupTitleBadge":"Fk4VPk","groupItems":"RmKrn4","noData":"-nwtfN","hDivider":"_90kzqb","searchArea":"_8pLIqC","subgroupAccordion":"_68Qdfq","subgroupTitle":"A8UHgQ"};
|
|
3760
3764
|
|
|
3761
3765
|
var _path$8;
|
|
3762
3766
|
function _extends$8() { _extends$8 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$8.apply(this, arguments); }
|
|
@@ -3813,7 +3817,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
3813
3817
|
};
|
|
3814
3818
|
var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
|
|
3815
3819
|
|
|
3816
|
-
var css$j = {"unpin-icon":"
|
|
3820
|
+
var css$j = {"unpin-icon":"RkUOFZ","pin-toggler-icon":"LizD2p","unpinIcon":"RkUOFZ","pinTogglerIcon":"LizD2p"};
|
|
3817
3821
|
|
|
3818
3822
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
3819
3823
|
function PinIconButton(props) {
|
|
@@ -3872,7 +3876,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
3872
3876
|
};
|
|
3873
3877
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
|
|
3874
3878
|
|
|
3875
|
-
var styles = {"uui-typography":"
|
|
3879
|
+
var styles = {"uui-typography":"_3fLDLv","hero-header":"-k-IqH","promo-header":"xChEHN","uui-critical":"qgXt5p","uui-info":"JxFOCF","uui-success":"GnOlCX","uui-warning":"A1Oi56","uui-highlight":"nl-u5k","uui-typography-size-12":"TD14SA","uui-typography-size-14":"PM0lHT","uui-typography-size-16":"f3wFdg","row-wrapper":"_3TlUzj","not-pinned":"_8VD7bf","pin-icon-button":"h3I-rn","checkbox":"DbBAmg","drag-handle":"dQIqsp","dnd-disabled":"ORQzt1","uuiTypography":"_3fLDLv","heroHeader":"-k-IqH","promoHeader":"xChEHN","uuiCritical":"qgXt5p","uuiInfo":"JxFOCF","uuiSuccess":"GnOlCX","uuiWarning":"A1Oi56","uuiHighlight":"nl-u5k","uuiTypographySize12":"TD14SA","uuiTypographySize14":"PM0lHT","uuiTypographySize16":"f3wFdg","rowWrapper":"_3TlUzj","notPinned":"_8VD7bf","pinIconButton":"h3I-rn","dragHandle":"dQIqsp","dndDisabled":"ORQzt1"};
|
|
3876
3880
|
|
|
3877
3881
|
const ColumnRow = React.memo(function ColumnRow(props) {
|
|
3878
3882
|
const { column } = props;
|
|
@@ -3897,9 +3901,10 @@ const ColumnRow = React.memo(function ColumnRow(props) {
|
|
|
3897
3901
|
return (React.createElement(DndActor, { key: column.key, srcData: data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
3898
3902
|
});
|
|
3899
3903
|
|
|
3900
|
-
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { size: "24", padding: "24",
|
|
3904
|
+
const renderGroupTitle = (title, amount) => (React.createElement(FlexRow, { size: "24", padding: "24", columnGap: "6", cx: styles$1.groupTitle },
|
|
3901
3905
|
React.createElement(Text, { cx: styles$1.groupTitleText, fontWeight: "600", lineHeight: "24", fontSize: "14" }, title),
|
|
3902
|
-
React.createElement(
|
|
3906
|
+
React.createElement(CountIndicator, { caption: amount, color: "neutral", size: "18" }),
|
|
3907
|
+
React.createElement(FlexSpacer, null)));
|
|
3903
3908
|
function ColumnsConfigurationModal(props) {
|
|
3904
3909
|
const i18n$1 = i18n.tables.columnsConfigurationModal;
|
|
3905
3910
|
const { columns, columnsConfig: initialColumnsConfig, defaultConfig } = props, modalProps = __rest(props, ["columns", "columnsConfig", "defaultConfig"]);
|
|
@@ -3942,9 +3947,9 @@ function ColumnsConfigurationModal(props) {
|
|
|
3942
3947
|
};
|
|
3943
3948
|
const applyButton = React.createElement(Button, { caption: i18n$1.applyButton, isDisabled: !hasAnySelectedColumns, color: "primary", onClick: apply });
|
|
3944
3949
|
return (React.createElement(ModalBlocker, Object.assign({}, modalProps),
|
|
3945
|
-
React.createElement(ModalWindow, { cx: styles$1.modal, height: "
|
|
3950
|
+
React.createElement(ModalWindow, { cx: styles$1.modal, height: "95dvh", maxHeight: "95dvh" },
|
|
3946
3951
|
React.createElement(ModalHeader, { title: i18n$1.configureColumnsTitle, onClose: close }),
|
|
3947
|
-
React.createElement(FlexRow, { padding: "24", borderBottom: true,
|
|
3952
|
+
React.createElement(FlexRow, { padding: "24", borderBottom: true, columnGap: "12", cx: styles$1.searchArea },
|
|
3948
3953
|
React.createElement(SearchInput, { size: "30", value: searchValue, onValueChange: setSearchValue, placeholder: i18n$1.searchPlaceholder }),
|
|
3949
3954
|
React.createElement(Dropdown, { closeOnTargetClick: true, renderBody: () => (React.createElement(Panel, { background: "surface-main", shadow: true },
|
|
3950
3955
|
React.createElement(DropdownMenuButton, { caption: i18n$1.clearAllButton, onClick: uncheckAll }),
|
|
@@ -3972,7 +3977,7 @@ function SubGroup(props) {
|
|
|
3972
3977
|
const renderTitle = (isOpened) => {
|
|
3973
3978
|
const toggleIcon = isOpened ? ForwardRef$O : ForwardRef$z;
|
|
3974
3979
|
return (React.createElement("span", { className: cx(styles$1.subgroupTitle) },
|
|
3975
|
-
React.createElement(IconContainer, { icon: toggleIcon, flipY: false }),
|
|
3980
|
+
React.createElement(IconContainer, { size: 18, icon: toggleIcon, flipY: false }),
|
|
3976
3981
|
title));
|
|
3977
3982
|
};
|
|
3978
3983
|
return (React.createElement(Accordion$1, { value: isExpanded, onValueChange: setIsExpanded, renderTitle: renderTitle, cx: styles$1.subgroupAccordion }, content));
|
|
@@ -3982,7 +3987,7 @@ function SubGroup(props) {
|
|
|
3982
3987
|
return null;
|
|
3983
3988
|
}
|
|
3984
3989
|
|
|
3985
|
-
var css$i = {"listContainer":"
|
|
3990
|
+
var css$i = {"listContainer":"PArVhK","header":"zoLpDa","group":"P-2R6H","stickyHeader":"VGyWjA"};
|
|
3986
3991
|
|
|
3987
3992
|
const getChildrenAndRest = (row, rows) => {
|
|
3988
3993
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4048,7 +4053,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4048
4053
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4049
4054
|
ref: ref
|
|
4050
4055
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
4051
|
-
clipPath: "url(#
|
|
4056
|
+
clipPath: "url(#cn6dfe1jxqv3rm7g1_a)"
|
|
4052
4057
|
}, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
|
|
4053
4058
|
d: "M150.585 1.535C49.483-11.495 27.481 61.805 45.725 97.481c10.581 20.69-39.64 70.792 17.744 81.468 27.538 5.123 36-13.341 62.433-10.655 35.4 3.6 148.167-4.73 88.349-78.915-31.713-39.335 1.026-79.506-63.666-87.844Z",
|
|
4054
4059
|
fill: "#F5F6FA"
|
|
@@ -4069,7 +4074,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4069
4074
|
d: "M86.786 22.982c-2.55 0-4.965 2.07-4.965 4.552V120.6c0 2.484 2.4 4.572 4.965 4.572h88.101c2.582 0 4.986-2.089 4.986-4.572V27.534c0-2.464-2.418-4.552-4.986-4.552h-88.1Zm-5.793 4.552c0-3.022 2.874-5.38 5.793-5.38h88.101c2.935 0 5.814 2.374 5.814 5.38V120.6c0 3.021-2.86 5.4-5.814 5.4h-88.1c-2.94 0-5.794-2.381-5.794-5.4V27.534Z",
|
|
4070
4075
|
fill: "#1D1E26"
|
|
4071
4076
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
4072
|
-
id: "
|
|
4077
|
+
id: "cn6dfega1l4rq33ps_b",
|
|
4073
4078
|
style: {
|
|
4074
4079
|
maskType: "alpha"
|
|
4075
4080
|
},
|
|
@@ -4082,7 +4087,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4082
4087
|
d: "M174.887 125.586h-88.1c-2.752 0-5.38-2.234-5.38-4.986V27.534c0-2.752 2.644-4.966 5.38-4.966h88.1c2.752 0 5.4 2.23 5.4 4.966V120.6c0 2.752-2.632 4.986-5.4 4.986Z",
|
|
4083
4088
|
fill: "#9BDEFF"
|
|
4084
4089
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
4085
|
-
mask: "url(#
|
|
4090
|
+
mask: "url(#cn6dfega1l4rq33ps_b)",
|
|
4086
4091
|
fillRule: "evenodd",
|
|
4087
4092
|
clipRule: "evenodd"
|
|
4088
4093
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -4168,7 +4173,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4168
4173
|
d: "M24.73 96.184a.414.414 0 0 1 .581.06l48.646 59.751a.413.413 0 1 1-.642.523L24.67 96.766a.414.414 0 0 1 .06-.582Z",
|
|
4169
4174
|
fill: "#fff"
|
|
4170
4175
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
4171
|
-
id: "
|
|
4176
|
+
id: "cn6dfe1jxqv3rm7g1_a"
|
|
4172
4177
|
}, /*#__PURE__*/React.createElement("path", {
|
|
4173
4178
|
fill: "#fff",
|
|
4174
4179
|
transform: "translate(.552)",
|
|
@@ -4177,7 +4182,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4177
4182
|
};
|
|
4178
4183
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
|
|
4179
4184
|
|
|
4180
|
-
var css$h = {"sticky-header":"
|
|
4185
|
+
var css$h = {"sticky-header":"bviumw","table":"smuR57","no-results":"J4Zq9T","no-results-icon":"SsmCMb","no-results-title":"QOuIrp","stickyHeader":"bviumw","noResults":"J4Zq9T","noResultsIcon":"SsmCMb","noResultsTitle":"QOuIrp"};
|
|
4181
4186
|
|
|
4182
4187
|
function DataTable(props) {
|
|
4183
4188
|
var _a;
|
|
@@ -4228,9 +4233,9 @@ function DataTable(props) {
|
|
|
4228
4233
|
} }))));
|
|
4229
4234
|
}
|
|
4230
4235
|
|
|
4231
|
-
var css$g = {"root":"
|
|
4236
|
+
var css$g = {"root":"KpqptG"};
|
|
4232
4237
|
|
|
4233
|
-
var css$f = {"root":"
|
|
4238
|
+
var css$f = {"root":"SZ840M","burger-content":"e3QYbW","burgerContent":"e3QYbW"};
|
|
4234
4239
|
|
|
4235
4240
|
var _path$3;
|
|
4236
4241
|
function _extends$3() { _extends$3 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
|
|
@@ -4273,7 +4278,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4273
4278
|
};
|
|
4274
4279
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
4275
4280
|
|
|
4276
|
-
var css$e = {"uui-typography":"
|
|
4281
|
+
var css$e = {"uui-typography":"Gn6Hsc","hero-header":"q0LNkr","promo-header":"p6oBFi","uui-critical":"Wj4Lg2","uui-info":"_4fixwo","uui-success":"dgIFfb","uui-warning":"x9FWr3","uui-highlight":"kE9ifI","uui-typography-size-12":"_5EY-Dt","uui-typography-size-14":"PUMQRY","uui-typography-size-16":"_3ATG0V","root":"Ixrmpf","button-primary":"Yr5xge","button-secondary":"_5qWfKj","hasIcon":"N3IbM-","dropdown":"kA98Jg","uuiTypography":"Gn6Hsc","heroHeader":"q0LNkr","promoHeader":"p6oBFi","uuiCritical":"Wj4Lg2","uuiInfo":"_4fixwo","uuiSuccess":"dgIFfb","uuiWarning":"x9FWr3","uuiHighlight":"kE9ifI","uuiTypographySize12":"_5EY-Dt","uuiTypographySize14":"PUMQRY","uuiTypographySize16":"_3ATG0V","buttonPrimary":"Yr5xge","buttonSecondary":"_5qWfKj"};
|
|
4277
4282
|
|
|
4278
4283
|
const BurgerButton = withMods(Button$1, (props) => [
|
|
4279
4284
|
css$e.root,
|
|
@@ -4284,13 +4289,13 @@ const BurgerButton = withMods(Button$1, (props) => [
|
|
|
4284
4289
|
props.icon && css$e.hasIcon,
|
|
4285
4290
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4286
4291
|
|
|
4287
|
-
var css$d = {"search-input":"
|
|
4292
|
+
var css$d = {"search-input":"O7IEkX","searchInput":"O7IEkX"};
|
|
4288
4293
|
|
|
4289
4294
|
function BurgerSearch(props) {
|
|
4290
4295
|
return (React.createElement(TextInput$1, { cx: cx$1(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$M, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$P }));
|
|
4291
4296
|
}
|
|
4292
4297
|
|
|
4293
|
-
var css$c = {"root":"
|
|
4298
|
+
var css$c = {"root":"GLWFh5","group-header":"UB2ZK6","group-name":"_751qrK","line":"CeWehn","groupHeader":"UB2ZK6","groupName":"_751qrK"};
|
|
4294
4299
|
|
|
4295
4300
|
function BurgerGroupHeader(props) {
|
|
4296
4301
|
return (React.createElement("div", { className: cx$1(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4298,7 +4303,7 @@ function BurgerGroupHeader(props) {
|
|
|
4298
4303
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4299
4304
|
}
|
|
4300
4305
|
|
|
4301
|
-
var css$b = {"uui-typography":"
|
|
4306
|
+
var css$b = {"uui-typography":"ljBhBn","hero-header":"ktfgkK","promo-header":"wX-di3","uui-critical":"Gv9deP","uui-info":"hzuwIr","uui-success":"_-5ruWt","uui-warning":"Lvqcdf","uui-highlight":"m2MZ8V","uui-typography-size-12":"Y9xlIl","uui-typography-size-14":"MMoav-","uui-typography-size-16":"IBxjAH","root":"HNr3Tm","type-primary":"LcTtig","type-secondary":"GRq4v-","uuiTypography":"ljBhBn","heroHeader":"ktfgkK","promoHeader":"wX-di3","uuiCritical":"Gv9deP","uuiInfo":"hzuwIr","uuiSuccess":"_-5ruWt","uuiWarning":"Lvqcdf","uuiHighlight":"m2MZ8V","uuiTypographySize12":"Y9xlIl","uuiTypographySize14":"MMoav-","uuiTypographySize16":"IBxjAH","typePrimary":"LcTtig","typeSecondary":"GRq4v-"};
|
|
4302
4307
|
|
|
4303
4308
|
const MainMenuButton = React.forwardRef((props, ref) => {
|
|
4304
4309
|
if (process.env.NODE_ENV !== "production" && props.captionCX) {
|
|
@@ -4317,7 +4322,7 @@ const MainMenuButton = React.forwardRef((props, ref) => {
|
|
|
4317
4322
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$O, flipY: props.isOpen }))));
|
|
4318
4323
|
});
|
|
4319
4324
|
|
|
4320
|
-
var css$a = {"dropdown-body":"
|
|
4325
|
+
var css$a = {"dropdown-body":"fvPAdf","dropdownBody":"fvPAdf"};
|
|
4321
4326
|
|
|
4322
4327
|
class MainMenuDropdown extends React.Component {
|
|
4323
4328
|
render() {
|
|
@@ -4372,12 +4377,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4372
4377
|
};
|
|
4373
4378
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4374
4379
|
|
|
4375
|
-
var css$9 = {"global-menu-btn":"
|
|
4380
|
+
var css$9 = {"global-menu-btn":"dUjpoL","global-menu-icon":"-vjBDh","globalMenuBtn":"dUjpoL","globalMenuIcon":"-vjBDh"};
|
|
4376
4381
|
|
|
4377
4382
|
const GlobalMenu = React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx$1(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
4378
4383
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4379
4384
|
|
|
4380
|
-
var css$8 = {"container":"
|
|
4385
|
+
var css$8 = {"container":"or4utZ","open":"QUUbA6"};
|
|
4381
4386
|
|
|
4382
4387
|
const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx$1(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
4383
4388
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -4385,18 +4390,18 @@ const MainMenuAvatar = React.forwardRef((props, ref) => (React.createElement("bu
|
|
|
4385
4390
|
props.isDropdown && (React.createElement("div", null,
|
|
4386
4391
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$O, flipY: props.isOpen }))))));
|
|
4387
4392
|
|
|
4388
|
-
var css$7 = {"search-input":"
|
|
4393
|
+
var css$7 = {"search-input":"kdHsNu","searchInput":"kdHsNu"};
|
|
4389
4394
|
|
|
4390
4395
|
const MainMenuSearch = React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4391
4396
|
var _a;
|
|
4392
4397
|
return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$M, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$P }, props, iEditable, { ref: ref, cx: cx(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
4393
4398
|
} }))));
|
|
4394
4399
|
|
|
4395
|
-
var css$6 = {"container":"
|
|
4400
|
+
var css$6 = {"container":"QvRfBj"};
|
|
4396
4401
|
|
|
4397
4402
|
const MainMenuIcon = React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx(props.cx, css$6.container) }, props))));
|
|
4398
4403
|
|
|
4399
|
-
var css$5 = {"root":"
|
|
4404
|
+
var css$5 = {"root":"_7A1zTm"};
|
|
4400
4405
|
|
|
4401
4406
|
const Anchor = withMods(Anchor$1, () => [css$5.root]);
|
|
4402
4407
|
|
|
@@ -4454,7 +4459,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4454
4459
|
};
|
|
4455
4460
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
4456
4461
|
|
|
4457
|
-
var css$4 = {"root":"
|
|
4462
|
+
var css$4 = {"root":"u-iKpi","drop-start":"Oqwl4M","drop-over":"V2ZjVZ","link":"qnCIi6","drop-area":"LSbsX2","drop-caption":"HWzl0X","icon-blue":"ejT0hG","dropStart":"Oqwl4M","dropOver":"V2ZjVZ","dropArea":"LSbsX2","dropCaption":"HWzl0X","iconBlue":"ejT0hG"};
|
|
4458
4463
|
|
|
4459
4464
|
function DropSpot(props) {
|
|
4460
4465
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4472,9 +4477,9 @@ function DropSpot(props) {
|
|
|
4472
4477
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4473
4478
|
}
|
|
4474
4479
|
|
|
4475
|
-
var css$3 = {"uui-typography":"
|
|
4480
|
+
var css$3 = {"uui-typography":"qEvfsw","hero-header":"vuXoDQ","promo-header":"Y5f-kK","uui-critical":"WzVuqZ","uui-info":"_2H5kZV","uui-success":"SzDrWx","uui-warning":"Ck5dvK","uui-highlight":"C7oUiW","uui-typography-size-12":"eVGREm","uui-typography-size-14":"eCnpfg","uui-typography-size-16":"_3uYa1P","root":"m9Y3vT","file-name":"ABtYTY","default-color":"_9A0YzZ","doc-color":"kUDsbM","xls-color":"_6BGIHz","pdf-color":"_2-yeoS","movie-color":"PRyeaC","img-color":"aQwkk8","mov-color":"vnqu1L","error-block":"KB2T3E","icons-block":"kcWJdJ","uuiTypography":"qEvfsw","heroHeader":"vuXoDQ","promoHeader":"Y5f-kK","uuiCritical":"WzVuqZ","uuiInfo":"_2H5kZV","uuiSuccess":"SzDrWx","uuiWarning":"Ck5dvK","uuiHighlight":"C7oUiW","uuiTypographySize12":"eVGREm","uuiTypographySize14":"eCnpfg","uuiTypographySize16":"_3uYa1P","fileName":"ABtYTY","defaultColor":"_9A0YzZ","docColor":"kUDsbM","xlsColor":"_6BGIHz","pdfColor":"_2-yeoS","movieColor":"PRyeaC","imgColor":"aQwkk8","movColor":"vnqu1L","errorBlock":"KB2T3E","iconsBlock":"kcWJdJ"};
|
|
4476
4481
|
|
|
4477
|
-
var css$2 = {"root":"
|
|
4482
|
+
var css$2 = {"root":"bsgbW4"};
|
|
4478
4483
|
|
|
4479
4484
|
const SvgCircleProgress = React.forwardRef((props, ref) => {
|
|
4480
4485
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -4540,7 +4545,7 @@ const FileCard = React.forwardRef((props, ref) => {
|
|
|
4540
4545
|
const renderErrorContent = () => (React.createElement(Tooltip, { content: file.error.message, placement: "bottom-start" },
|
|
4541
4546
|
React.createElement("div", { className: css$3.errorBlock },
|
|
4542
4547
|
React.createElement(IconContainer, { icon: ForwardRef$u, size: 12, cx: css$3.defaultColor }),
|
|
4543
|
-
|
|
4548
|
+
i18n.fileCard.failedUploadErrorMessage)));
|
|
4544
4549
|
const renderSuccessfulContent = () => (React.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: "tertiary" },
|
|
4545
4550
|
fileExtension && `${fileExtension.toUpperCase()}, `,
|
|
4546
4551
|
isLoading && formatBytes((size / 100) * progress, 2, false) + i18n.fileCard.fileSizeProgress,
|
|
@@ -4550,7 +4555,7 @@ const FileCard = React.forwardRef((props, ref) => {
|
|
|
4550
4555
|
onClick();
|
|
4551
4556
|
};
|
|
4552
4557
|
return (React.createElement(FlexCell, { ref: ref, cx: cx(css$3.root, 'uui-file_card', (isLoading || (error === null || error === void 0 ? void 0 : error.isError)) && uuiMod.loading, componentCx, (error === null || error === void 0 ? void 0 : error.isError) && uuiMod.error), minWidth: width, width: !width ? '100%' : undefined },
|
|
4553
|
-
React.createElement(FlexRow, { size: "36", alignItems: "top",
|
|
4558
|
+
React.createElement(FlexRow, { size: "36", alignItems: "top", columnGap: "6" },
|
|
4554
4559
|
fileExtension && getIcon(fileExtension),
|
|
4555
4560
|
React.createElement(FlexCell, { width: "100%" },
|
|
4556
4561
|
React.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: (progress < 100 || (error === null || error === void 0 ? void 0 : error.isError)) ? 'tertiary' : 'primary', cx: css$3.fileName }, fileName),
|
|
@@ -4599,7 +4604,7 @@ const getErrorPageConfig = () => ({
|
|
|
4599
4604
|
},
|
|
4600
4605
|
});
|
|
4601
4606
|
|
|
4602
|
-
var css$1 = {"container":"
|
|
4607
|
+
var css$1 = {"container":"MR7KgU"};
|
|
4603
4608
|
|
|
4604
4609
|
const ErrorPage = (props) => {
|
|
4605
4610
|
const isMobileScreen = isMobile();
|
|
@@ -4610,7 +4615,7 @@ const ErrorPage = (props) => {
|
|
|
4610
4615
|
React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
4611
4616
|
};
|
|
4612
4617
|
|
|
4613
|
-
var css = {"recovery-spinner":"
|
|
4618
|
+
var css = {"recovery-spinner":"jtjSdd","recovery-message":"nBJ7o2","modal-blocker":"_5M6-QT","modalFadeIn":"eDYZqu","recoverySpinner":"jtjSdd","recoveryMessage":"nBJ7o2","modalBlocker":"_5M6-QT"};
|
|
4614
4619
|
|
|
4615
4620
|
function ErrorHandler(props) {
|
|
4616
4621
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|