@epam/uui 5.13.1 → 5.13.2
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/helpers.scss +4 -0
- package/assets/styles/index.scss +2 -5
- package/assets/styles/typography.scss +12 -9
- package/components/buttons/IconButton.d.ts +3 -4
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/buttons/LinkButton.d.ts +5 -5
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/datePickers/Calendar.d.ts.map +1 -1
- package/components/datePickers/RangeDatePicker.d.ts.map +1 -1
- package/components/datePickers/types.d.ts +1 -0
- package/components/datePickers/types.d.ts.map +1 -1
- package/components/filters/FilterNumericBody.d.ts.map +1 -1
- package/components/filters/FiltersPanel.d.ts +4 -1
- package/components/filters/FiltersPanel.d.ts.map +1 -1
- package/components/layout/FlexItems/FlexRow.d.ts.map +1 -1
- package/components/pickers/DataPickerBody.d.ts.map +1 -1
- package/components/pickers/PickerInput.d.ts +4 -1
- package/components/pickers/PickerInput.d.ts.map +1 -1
- package/components/pickers/PickerToggler.d.ts +6 -1
- package/components/pickers/PickerToggler.d.ts.map +1 -1
- package/components/tables/DataTableRow.d.ts +3 -3
- package/components/tables/DataTableRow.d.ts.map +1 -1
- package/components/typography/RichTextView.d.ts.map +1 -1
- package/components/widgets/CountIndicator.d.ts +2 -9
- package/components/widgets/CountIndicator.d.ts.map +1 -1
- package/index.esm.js +133 -127
- package/index.esm.js.map +1 -1
- package/index.js +133 -127
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/settings.d.ts.map +1 -1
- package/settings.types.d.ts +3 -0
- package/settings.types.d.ts.map +1 -1
- package/stats.html +1 -1
- package/styles.css +2090 -8052
- package/styles.css.map +1 -1
- package/assets/styles/buttonLayout.scss +0 -70
- package/assets/styles/controlLayout.scss +0 -28
- package/assets/styles/icons.scss +0 -55
- package/assets/styles/text-size.scss +0 -42
package/index.js
CHANGED
|
@@ -322,9 +322,12 @@ const settings = {
|
|
|
322
322
|
button: '36',
|
|
323
323
|
checkbox: '18',
|
|
324
324
|
countIndicator: '24',
|
|
325
|
+
flexRow: '36',
|
|
326
|
+
filtersPanel: '36',
|
|
325
327
|
linkButton: '36',
|
|
326
328
|
numericInput: '36',
|
|
327
329
|
radioInput: '18',
|
|
330
|
+
richTextView: '14',
|
|
328
331
|
switch: '18',
|
|
329
332
|
tabButton: '48',
|
|
330
333
|
tag: '36',
|
|
@@ -625,7 +628,7 @@ const settings = {
|
|
|
625
628
|
},
|
|
626
629
|
};
|
|
627
630
|
|
|
628
|
-
var css$1y = {"
|
|
631
|
+
var css$1y = {"root":"QSR4oU"};
|
|
629
632
|
|
|
630
633
|
function applyButtonMods(mods) {
|
|
631
634
|
return [
|
|
@@ -643,7 +646,7 @@ const Button = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Button,
|
|
|
643
646
|
};
|
|
644
647
|
});
|
|
645
648
|
|
|
646
|
-
var css$1x = {"root":"
|
|
649
|
+
var css$1x = {"root":"jvnTri"};
|
|
647
650
|
|
|
648
651
|
function applyIconButtonMods(props) {
|
|
649
652
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1x.root];
|
|
@@ -680,7 +683,7 @@ function getIconClass(props) {
|
|
|
680
683
|
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'];
|
|
681
684
|
}
|
|
682
685
|
|
|
683
|
-
var css$1w = {"
|
|
686
|
+
var css$1w = {"root":"YBF7SX"};
|
|
684
687
|
|
|
685
688
|
const DEFAULT_COLOR = 'primary';
|
|
686
689
|
const DEFAULT_WEIGHT = 'semibold';
|
|
@@ -711,7 +714,7 @@ const LinkButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
711
714
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
712
715
|
});
|
|
713
716
|
|
|
714
|
-
var css$1v = {"root":"
|
|
717
|
+
var css$1v = {"root":"pF3LLf"};
|
|
715
718
|
|
|
716
719
|
const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
717
720
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -723,7 +726,7 @@ const CountIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
723
726
|
]) }, props.caption));
|
|
724
727
|
});
|
|
725
728
|
|
|
726
|
-
var css$1u = {"
|
|
729
|
+
var css$1u = {"root":"hjs03n","withNotify":"K6ac8E"};
|
|
727
730
|
|
|
728
731
|
const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
729
732
|
const styles = [
|
|
@@ -751,7 +754,7 @@ const TabButton = /* @__PURE__ */React__namespace.default.forwardRef((props, ref
|
|
|
751
754
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
752
755
|
});
|
|
753
756
|
|
|
754
|
-
var css$1t = {"
|
|
757
|
+
var css$1t = {"root":"CQJU-T"};
|
|
755
758
|
|
|
756
759
|
function applyVerticalTabButtonMods() {
|
|
757
760
|
return [css$1t.root, 'uui-vertical-tab-button'];
|
|
@@ -773,7 +776,7 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
773
776
|
};
|
|
774
777
|
var ForwardRef$C = /*#__PURE__*/React.forwardRef(SvgContentMinusOutline);
|
|
775
778
|
|
|
776
|
-
var css$1s = {"
|
|
779
|
+
var css$1s = {"root":"a8I78W","mode-cell":"dNAMTo","modeCell":"dNAMTo"};
|
|
777
780
|
|
|
778
781
|
function applyCheckboxMods(mods) {
|
|
779
782
|
return [
|
|
@@ -808,7 +811,7 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
808
811
|
};
|
|
809
812
|
var ForwardRef$B = /*#__PURE__*/React.forwardRef(SvgRadioDotFill);
|
|
810
813
|
|
|
811
|
-
var css$1r = {"
|
|
814
|
+
var css$1r = {"root":"R64O52"};
|
|
812
815
|
|
|
813
816
|
function applyRadioInputMods(mods) {
|
|
814
817
|
return [
|
|
@@ -820,7 +823,7 @@ function applyRadioInputMods(mods) {
|
|
|
820
823
|
}
|
|
821
824
|
const RadioInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.RadioInput, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$B }));
|
|
822
825
|
|
|
823
|
-
var css$1q = {"root":"
|
|
826
|
+
var css$1q = {"root":"Dvdp8D"};
|
|
824
827
|
|
|
825
828
|
function applySwitchMods(mods) {
|
|
826
829
|
return [
|
|
@@ -844,7 +847,7 @@ var EditMode;
|
|
|
844
847
|
EditMode["INLINE"] = "inline";
|
|
845
848
|
})(EditMode || (EditMode = {}));
|
|
846
849
|
|
|
847
|
-
var textInputCss = {"
|
|
850
|
+
var textInputCss = {"root":"to97Tw","mode-form":"MNm67V","modeForm":"MNm67V","mode-inline":"A-SFpg","modeInline":"A-SFpg","mode-cell":"LR8puL","modeCell":"LR8puL"};
|
|
848
851
|
|
|
849
852
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
850
853
|
function applyTextInputMods(mods) {
|
|
@@ -869,7 +872,7 @@ const SearchInput = /* @__PURE__ */React__namespace.default.forwardRef((props, r
|
|
|
869
872
|
} }));
|
|
870
873
|
});
|
|
871
874
|
|
|
872
|
-
var css$1p = {"root":"
|
|
875
|
+
var css$1p = {"root":"V-JlZM"};
|
|
873
876
|
|
|
874
877
|
const ControlGroup = /* @__PURE__ */uuiCore.withMods(uuiComponents.ControlGroup, () => [css$1p.root, 'uui-control-group']);
|
|
875
878
|
|
|
@@ -885,7 +888,7 @@ function MultiSwitchComponent(props, ref) {
|
|
|
885
888
|
}
|
|
886
889
|
const MultiSwitch = /* @__PURE__ */React__namespace.forwardRef(MultiSwitchComponent);
|
|
887
890
|
|
|
888
|
-
var css$1o = {"
|
|
891
|
+
var css$1o = {"root":"Jm2ZIs","mode-form":"AV6TUg","modeForm":"AV6TUg","mode-cell":"PmNN5C","modeCell":"PmNN5C"};
|
|
889
892
|
|
|
890
893
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
891
894
|
function applyNumericInputMods(mods) {
|
|
@@ -905,7 +908,7 @@ const NumericInput = /* @__PURE__ */uuiCore.withMods(uuiComponents.NumericInput,
|
|
|
905
908
|
};
|
|
906
909
|
});
|
|
907
910
|
|
|
908
|
-
var css$1n = {"
|
|
911
|
+
var css$1n = {"root":"V7sKOK","mode-form":"Bx-XHz","modeForm":"Bx-XHz","mode-cell":"XjgkM4","modeCell":"XjgkM4","mode-inline":"G93570","modeInline":"G93570"};
|
|
909
912
|
|
|
910
913
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
911
914
|
function applyTextAreaMods(mods) {
|
|
@@ -1006,7 +1009,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
1006
1009
|
};
|
|
1007
1010
|
var ForwardRef$x = /*#__PURE__*/React.forwardRef(SvgNotificationInfoFill);
|
|
1008
1011
|
|
|
1009
|
-
var css$1m = {"
|
|
1012
|
+
var css$1m = {"root":"VrQhCb","main-path":"d-ygX3","mainPath":"d-ygX3","content-wrapper":"v9g4lL","contentWrapper":"v9g4lL","content":"h3I1E9","action-wrapper":"GiryMB","actionWrapper":"GiryMB","icon-wrapper":"_3ij4QT","iconWrapper":"_3ij4QT","icon":"FI-A5A","close-icon":"dC9pjw","closeIcon":"dC9pjw"};
|
|
1010
1013
|
|
|
1011
1014
|
const Alert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("div", { role: "alert", ref: ref, className: cx__default.default('uui-alert', css$1m.root, props.color && `uui-color-${props.color}`, props.cx, `uui-size-${props.size || settings.sizes.defaults.alert}`), ...props.rawProps },
|
|
1012
1015
|
React__namespace.createElement("div", { className: css$1m.mainPath },
|
|
@@ -1024,7 +1027,7 @@ const ErrorAlert = /* @__PURE__ */React__namespace.forwardRef((props, ref) => Re
|
|
|
1024
1027
|
|
|
1025
1028
|
const Dropdown = /* @__PURE__ */uuiCore.withMods(uuiComponents.Dropdown);
|
|
1026
1029
|
|
|
1027
|
-
var css$1l = {"root":"
|
|
1030
|
+
var css$1l = {"root":"gisgJG"};
|
|
1028
1031
|
|
|
1029
1032
|
function applyDropdownContainerMods(mods) {
|
|
1030
1033
|
return [
|
|
@@ -1035,7 +1038,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
1035
1038
|
}
|
|
1036
1039
|
const DropdownContainer = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.DropdownContainer, applyDropdownContainerMods);
|
|
1037
1040
|
|
|
1038
|
-
var css$1k = {"
|
|
1041
|
+
var css$1k = {"submenu-root-item-rtl":"sXS-va","submenuRootItemRtl":"sXS-va","icon-after":"_8TOGsB","iconAfter":"_8TOGsB","submenu-root-item":"SjLiLV","submenuRootItem":"SjLiLV","icon-check":"B-iZ9Y","iconCheck":"B-iZ9Y","splitter-root":"ck4OnD","splitterRoot":"ck4OnD","splitter":"ZneSX-","header-root":"r92v0P","headerRoot":"r92v0P","item-root":"NJ0wVW","itemRoot":"NJ0wVW","icon":"t-k27O","link":"m0MntC","indent":"yhP0wW","selected-mark":"yJSMGY","selectedMark":"yJSMGY"};
|
|
1039
1042
|
|
|
1040
1043
|
exports.IDropdownControlKeys = void 0;
|
|
1041
1044
|
(function (IDropdownControlKeys) {
|
|
@@ -1169,7 +1172,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1169
1172
|
React__namespace.default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1170
1173
|
}
|
|
1171
1174
|
|
|
1172
|
-
var css$1j = {"
|
|
1175
|
+
var css$1j = {"root":"m8V6uo","mode-block":"mYtYTr","modeBlock":"mYtYTr","mode-inline":"ItOdRc","modeInline":"ItOdRc","padding-0":"_3ylD68","padding0":"_3ylD68","padding-6":"voQfuf","padding6":"voQfuf","padding-12":"G2mP1y","padding12":"G2mP1y","padding-18":"HO9eM6","padding18":"HO9eM6"};
|
|
1173
1176
|
|
|
1174
1177
|
function applyAccordionMods(mods) {
|
|
1175
1178
|
return [
|
|
@@ -1182,7 +1185,7 @@ const Accordion = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Accor
|
|
|
1182
1185
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1183
1186
|
}));
|
|
1184
1187
|
|
|
1185
|
-
var css$1i = {"
|
|
1188
|
+
var css$1i = {"root":"XC8PvU","border-top":"u26Rwf","borderTop":"u26Rwf","border-bottom":"TnFBOj","borderBottom":"TnFBOj","top-shadow":"f0Js4k","topShadow":"f0Js4k","padding-6":"a--H3F","padding6":"a--H3F","padding-12":"lvGN-M","padding12":"lvGN-M","padding-18":"PlQ2Kw","padding18":"PlQ2Kw","padding-24":"pLJ7jw","padding24":"pLJ7jw","margin-24":"gBC3G1","margin24":"gBC3G1","margin-12":"rDld9P","margin12":"rDld9P","vPadding-12":"a3Df7U","vPadding12":"a3Df7U","vPadding-18":"vgwMCi","vPadding18":"vgwMCi","vPadding-24":"HtjLwg","vPadding24":"HtjLwg","vPadding-36":"IqVT27","vPadding36":"IqVT27","vPadding-48":"Paj9iV","vPadding48":"Paj9iV","spacing-6":"M0dJd5","spacing6":"M0dJd5","spacing-12":"IPjL3K","spacing12":"IPjL3K","spacing-18":"fEYmEx","spacing18":"fEYmEx","uui-surface-main":"jT3V3U","uuiSurfaceMain":"jT3V3U"};
|
|
1186
1189
|
|
|
1187
1190
|
const FlexCell = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexCell, () => [css$1i.flexCell]);
|
|
1188
1191
|
|
|
@@ -1194,7 +1197,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
|
|
|
1194
1197
|
}
|
|
1195
1198
|
return [
|
|
1196
1199
|
css$1i.root,
|
|
1197
|
-
props.size !== null && 'uui-size-' + (props.size ||
|
|
1200
|
+
props.size !== null && 'uui-size-' + (props.size || settings.sizes.defaults.flexRow),
|
|
1198
1201
|
props.padding && css$1i['padding-' + props.padding],
|
|
1199
1202
|
props.vPadding && css$1i['vPadding-' + props.vPadding],
|
|
1200
1203
|
props.margin && css$1i['margin-' + props.margin],
|
|
@@ -1206,7 +1209,7 @@ const FlexRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.FlexRow, (props) =
|
|
|
1206
1209
|
];
|
|
1207
1210
|
});
|
|
1208
1211
|
|
|
1209
|
-
var css$1h = {"root":"
|
|
1212
|
+
var css$1h = {"root":"-OtOdq","margin-24":"b9QkOx","margin24":"b9QkOx","padding-12":"ostEg6","padding12":"ostEg6","padding-24":"_9Q7mcx","padding24":"_9Q7mcx","shadow":"pvlA-X","uui-surface-main":"bL019v","uuiSurfaceMain":"bL019v"};
|
|
1210
1213
|
|
|
1211
1214
|
const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
1212
1215
|
'uui-panel',
|
|
@@ -1216,7 +1219,7 @@ const Panel = /* @__PURE__ */uuiCore.withMods(uuiComponents.VPanel, (props) => [
|
|
|
1216
1219
|
props.background && css$1h[`uui-${props.background}`],
|
|
1217
1220
|
]);
|
|
1218
1221
|
|
|
1219
|
-
var css$1g = {"root":"
|
|
1222
|
+
var css$1g = {"root":"G2Zset"};
|
|
1220
1223
|
|
|
1221
1224
|
function applyTooltipMods(mods) {
|
|
1222
1225
|
return [
|
|
@@ -1226,7 +1229,7 @@ function applyTooltipMods(mods) {
|
|
|
1226
1229
|
}
|
|
1227
1230
|
const Tooltip = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Tooltip, applyTooltipMods);
|
|
1228
1231
|
|
|
1229
|
-
var css$1f = {"
|
|
1232
|
+
var css$1f = {"root":"NxERgG"};
|
|
1230
1233
|
|
|
1231
1234
|
function applyLabeledInputMods(mods) {
|
|
1232
1235
|
return [
|
|
@@ -1240,7 +1243,7 @@ const LabeledInput = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.La
|
|
|
1240
1243
|
infoIcon: props.infoIcon || (settings.sizes.labeledInput.fillIcon.includes(props.size) ? ForwardRef$x : ForwardRef$M),
|
|
1241
1244
|
}));
|
|
1242
1245
|
|
|
1243
|
-
var css$1e = {"root":"
|
|
1246
|
+
var css$1e = {"root":"broC2K"};
|
|
1244
1247
|
|
|
1245
1248
|
function RadioGroup(props) {
|
|
1246
1249
|
const direction = props.direction || 'vertical';
|
|
@@ -1255,7 +1258,7 @@ function RadioGroup(props) {
|
|
|
1255
1258
|
})));
|
|
1256
1259
|
}
|
|
1257
1260
|
|
|
1258
|
-
var css$1d = {"root":"
|
|
1261
|
+
var css$1d = {"root":"e8lYUP"};
|
|
1259
1262
|
|
|
1260
1263
|
function applyScrollBarsMods() {
|
|
1261
1264
|
return [
|
|
@@ -1264,13 +1267,13 @@ function applyScrollBarsMods() {
|
|
|
1264
1267
|
}
|
|
1265
1268
|
const ScrollBars = /* @__PURE__ */uuiCore.withMods(uuiComponents.ScrollBars, applyScrollBarsMods);
|
|
1266
1269
|
|
|
1267
|
-
var css$1c = {"scroll-container":"
|
|
1270
|
+
var css$1c = {"scroll-container":"f61LEC","scrollContainer":"f61LEC","list-container":"lFVAeX","listContainer":"lFVAeX"};
|
|
1268
1271
|
|
|
1269
|
-
var css$1b = {"root":"
|
|
1272
|
+
var css$1b = {"root":"PVtRPG"};
|
|
1270
1273
|
|
|
1271
1274
|
const AvatarStack = /* @__PURE__ */uuiCore.withMods(uuiComponents.AvatarStack, () => [css$1b.root]);
|
|
1272
1275
|
|
|
1273
|
-
var css$1a = {"
|
|
1276
|
+
var css$1a = {"root":"d4vdZj"};
|
|
1274
1277
|
|
|
1275
1278
|
const DEFAULT_FILL = 'solid';
|
|
1276
1279
|
function applyBadgeMods(mods) {
|
|
@@ -1298,7 +1301,7 @@ const Badge = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) =>
|
|
|
1298
1301
|
props.isDropdown && (React__namespace.default.createElement(uuiComponents.IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1299
1302
|
});
|
|
1300
1303
|
|
|
1301
|
-
var css$19 = {"
|
|
1304
|
+
var css$19 = {"root":"wQBQLF"};
|
|
1302
1305
|
|
|
1303
1306
|
function applyTagMods(props) {
|
|
1304
1307
|
return [
|
|
@@ -1326,7 +1329,7 @@ const Tag = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
|
1326
1329
|
props.onClear && !props.isDisabled && (React__namespace.default.createElement(uuiComponents.IconContainer, { cx: uuiCore.uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1327
1330
|
});
|
|
1328
1331
|
|
|
1329
|
-
var css$18 = {"root":"
|
|
1332
|
+
var css$18 = {"root":"Yefd2r","uui-spinner":"-ll9YV","uuiSpinner":"-ll9YV"};
|
|
1330
1333
|
|
|
1331
1334
|
function applySpinnerMods() {
|
|
1332
1335
|
return [css$18.root, 'uui-spinner'];
|
|
@@ -1363,7 +1366,7 @@ var SvgNavigationChevronRightOutline = function SvgNavigationChevronRightOutline
|
|
|
1363
1366
|
};
|
|
1364
1367
|
var ForwardRef$v = /*#__PURE__*/React.forwardRef(SvgNavigationChevronRightOutline);
|
|
1365
1368
|
|
|
1366
|
-
var css$17 = {"root":"
|
|
1369
|
+
var css$17 = {"root":"LxKlHO","page":"c-zdDL","spacer":"xiT7NH","mode-ghost":"TOn93Q","modeGhost":"TOn93Q"};
|
|
1367
1370
|
|
|
1368
1371
|
function Paginator(props) {
|
|
1369
1372
|
const renderPaginator = (params) => (React__namespace.default.createElement("nav", { role: "navigation", className: cx__default.default(css$17.root, 'uui-paginator', `uui-size-${props.size || settings.sizes.defaults.paginator}`), ...params.rawProps },
|
|
@@ -1380,14 +1383,14 @@ function Paginator(props) {
|
|
|
1380
1383
|
return React__namespace.default.createElement(uuiComponents.Paginator, { ...props, render: renderPaginator });
|
|
1381
1384
|
}
|
|
1382
1385
|
|
|
1383
|
-
var css$16 = {"root":"
|
|
1386
|
+
var css$16 = {"root":"_5I5Y1R","progress-bar":"yGkT-C","progressBar":"yGkT-C","progressBar-indeterminate":"h6q4P8","progressBarIndeterminate":"h6q4P8","size-12":"nGsY0z","size12":"nGsY0z","size-18":"-kKH2p","size18":"-kKH2p","size-24":"b5tw8r","size24":"b5tw8r"};
|
|
1384
1387
|
|
|
1385
1388
|
const IndeterminateBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1386
1389
|
return (React__namespace.createElement("div", { ref: ref, className: cx__default.default('uui-indeterminate_bar', props.cx, css$16.root, css$16[`size-${props.size || 12}`]) },
|
|
1387
1390
|
React__namespace.createElement("div", { className: cx__default.default(css$16.progressBar) })));
|
|
1388
1391
|
});
|
|
1389
1392
|
|
|
1390
|
-
var css$15 = {"root":"
|
|
1393
|
+
var css$15 = {"root":"p9d4oA","striped":"t8wDLx","animate-stripes":"A9qV3D","animateStripes":"A9qV3D","size-12":"_-25wvu","size12":"_-25wvu","size-18":"TZxHUV","size18":"TZxHUV","size-24":"D9j8pp","size24":"D9j8pp"};
|
|
1391
1394
|
|
|
1392
1395
|
const DEFAULT_SIZE = '12';
|
|
1393
1396
|
function applyProgressBarMods(mods) {
|
|
@@ -1402,14 +1405,14 @@ const ProgressBar = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Pro
|
|
|
1402
1405
|
hideLabel: props.hideLabel || props.striped,
|
|
1403
1406
|
}));
|
|
1404
1407
|
|
|
1405
|
-
var css$14 = {"root":"
|
|
1408
|
+
var css$14 = {"root":"_7uCHwz"};
|
|
1406
1409
|
|
|
1407
1410
|
const IndicatorBar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
1408
1411
|
const { progress } = props;
|
|
1409
1412
|
return progress || progress === 0 ? (React__namespace.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx__default.default(css$14.root, props.cx), hideLabel: true })) : (React__namespace.createElement(IndeterminateBar, { ref: ref, cx: cx__default.default(css$14.root, props.cx) }));
|
|
1410
1413
|
});
|
|
1411
1414
|
|
|
1412
|
-
var css$13 = {"root":"
|
|
1415
|
+
var css$13 = {"root":"jfgUlc"};
|
|
1413
1416
|
|
|
1414
1417
|
const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1415
1418
|
return (React__namespace.default.createElement("div", { ref: ref, className: cx__default.default([
|
|
@@ -1424,7 +1427,7 @@ const StatusIndicator = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1424
1427
|
React__namespace.default.createElement("p", { className: "uui-status_indicator-caption" }, props.caption)));
|
|
1425
1428
|
});
|
|
1426
1429
|
|
|
1427
|
-
var css$12 = {"drag-handle":"
|
|
1430
|
+
var css$12 = {"drag-handle":"O-JuLw","dragHandle":"O-JuLw","icon-container":"KQ-hGd","iconContainer":"KQ-hGd"};
|
|
1428
1431
|
|
|
1429
1432
|
function DataRowAddons(props) {
|
|
1430
1433
|
const row = props.rowProps;
|
|
@@ -1445,7 +1448,7 @@ function DataRowAddons(props) {
|
|
|
1445
1448
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row), size: settings.sizes.rowAddons.icon[props.size] || settings.sizes.rowAddons.defaults.icon }))))));
|
|
1446
1449
|
}
|
|
1447
1450
|
|
|
1448
|
-
var css$11 = {"root":"
|
|
1451
|
+
var css$11 = {"root":"eRrnjQ"};
|
|
1449
1452
|
|
|
1450
1453
|
const Blocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.Blocker, () => [css$11.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__namespace.default.createElement(Spinner, null)) }));
|
|
1451
1454
|
|
|
@@ -1491,7 +1494,7 @@ const VirtualListView = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
1491
1494
|
React__namespace.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1492
1495
|
});
|
|
1493
1496
|
|
|
1494
|
-
var css$10 = {"root":"
|
|
1497
|
+
var css$10 = {"root":"Z40E8g"};
|
|
1495
1498
|
|
|
1496
1499
|
function CheckboxGroup(props) {
|
|
1497
1500
|
const currentValue = props.value || [];
|
|
@@ -1513,7 +1516,7 @@ function CheckboxGroup(props) {
|
|
|
1513
1516
|
})));
|
|
1514
1517
|
}
|
|
1515
1518
|
|
|
1516
|
-
var css$$ = {"
|
|
1519
|
+
var css$$ = {"root":"kB1xeP","modal-blocker":"YbhskA","modalBlocker":"YbhskA","animateModalBlocker":"ISlK9F","modal":"_-2IL6X","modal-footer":"c09T35","modalFooter":"c09T35","modal-header":"G-OC40","modalHeader":"G-OC40"};
|
|
1517
1520
|
|
|
1518
1521
|
const ModalBlocker = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalBlocker, () => [css$$.modalBlocker]);
|
|
1519
1522
|
const ModalWindow = /* @__PURE__ */uuiCore.withMods(uuiComponents.ModalWindow, () => [css$$.root, css$$.modal], (props) => {
|
|
@@ -1722,7 +1725,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
1722
1725
|
};
|
|
1723
1726
|
var ForwardRef$u = /*#__PURE__*/React.forwardRef(SvgNotificationHelpFill);
|
|
1724
1727
|
|
|
1725
|
-
var css$_ = {"
|
|
1728
|
+
var css$_ = {"root":"gsox9r","icon-wrapper":"yiiLqg","iconWrapper":"yiiLqg","action-wrapper":"EAKV7X","actionWrapper":"EAKV7X","action-link":"Xxa0Nj","actionLink":"Xxa0Nj","close-icon":"gtT9lQ","closeIcon":"gtT9lQ","main-path":"_9Glotl","mainPath":"_9Glotl","content":"itsRD7","close-wrapper":"_7F4SlE","closeWrapper":"_7F4SlE","notification-wrapper":"_7u3jhc","notificationWrapper":"_7u3jhc","clear-button":"rhM1wT","clearButton":"rhM1wT"};
|
|
1726
1729
|
|
|
1727
1730
|
const NotificationCard = /* @__PURE__ */React__namespace.default.forwardRef((props, ref) => {
|
|
1728
1731
|
const notificationCardNode = React__namespace.default.useRef(null);
|
|
@@ -1755,7 +1758,7 @@ function ClearNotification() {
|
|
|
1755
1758
|
React__namespace.default.createElement(LinkButton, { caption: i18n.notificationCard.closeAllNotificationsButton, onClick: () => uuiCtx.uuiNotifications.clearAll() })));
|
|
1756
1759
|
}
|
|
1757
1760
|
|
|
1758
|
-
var css$Z = {"footer":"
|
|
1761
|
+
var css$Z = {"footer":"BcYdsk"};
|
|
1759
1762
|
|
|
1760
1763
|
class ConfirmationModal extends React__namespace.Component {
|
|
1761
1764
|
render() {
|
|
@@ -1797,7 +1800,7 @@ function useReliableForceUpdate() {
|
|
|
1797
1800
|
return red[1];
|
|
1798
1801
|
}
|
|
1799
1802
|
|
|
1800
|
-
var css$Y = {"root":"
|
|
1803
|
+
var css$Y = {"root":"gtRd5k","timepicker-input":"DrIt0T","timepickerInput":"DrIt0T","ltr-always":"iTe8mJ","ltrAlways":"iTe8mJ"};
|
|
1801
1804
|
|
|
1802
1805
|
const uuiTimePicker = {
|
|
1803
1806
|
container: 'uui-timepicker-container',
|
|
@@ -1990,7 +1993,7 @@ function TimePicker(props) {
|
|
|
1990
1993
|
return (React__namespace.default.createElement(Dropdown, { renderTarget: (targetProps) => (props.renderTarget ? props.renderTarget(targetProps) : renderInput(targetProps)), renderBody: (bodyProps) => !props.isDisabled && !props.isReadonly && renderBody(bodyProps), onValueChange: !props.isDisabled && !props.isReadonly ? onToggle : null, value: state.isOpen, modifiers: [{ name: 'offset', options: { offset: [0, 6] } }], forwardedRef: props.forwardedRef }));
|
|
1991
1994
|
}
|
|
1992
1995
|
|
|
1993
|
-
var css$X = {"root":"
|
|
1996
|
+
var css$X = {"root":"Ff-Md8"};
|
|
1994
1997
|
|
|
1995
1998
|
function applyInputAddonMods() {
|
|
1996
1999
|
return [
|
|
@@ -1999,7 +2002,7 @@ function applyInputAddonMods() {
|
|
|
1999
2002
|
}
|
|
2000
2003
|
const InputAddon = /* @__PURE__ */uuiCore.withMods(uuiComponents.InputAddon, applyInputAddonMods);
|
|
2001
2004
|
|
|
2002
|
-
var css$W = {"root":"
|
|
2005
|
+
var css$W = {"root":"MLN6Wr"};
|
|
2003
2006
|
|
|
2004
2007
|
function applySliderMods() {
|
|
2005
2008
|
return [css$W.root, 'uui-color-neutral'];
|
|
@@ -2022,7 +2025,7 @@ var SvgStarFilled = function SvgStarFilled(props, ref) {
|
|
|
2022
2025
|
};
|
|
2023
2026
|
var ForwardRef$t = /*#__PURE__*/React.forwardRef(SvgStarFilled);
|
|
2024
2027
|
|
|
2025
|
-
var css$V = {"root":"
|
|
2028
|
+
var css$V = {"root":"Xp4Y-1","tooltip":"MkecJN"};
|
|
2026
2029
|
|
|
2027
2030
|
function applyRatingMods(mods) {
|
|
2028
2031
|
return [
|
|
@@ -2163,7 +2166,7 @@ const getNextYearsList = (currentDate) => {
|
|
|
2163
2166
|
return currentDate.add(16, 'year');
|
|
2164
2167
|
};
|
|
2165
2168
|
|
|
2166
|
-
var css$U = {"root":"
|
|
2169
|
+
var css$U = {"root":"_600tri","container":"rBv322"};
|
|
2167
2170
|
|
|
2168
2171
|
const uuiHeader = {
|
|
2169
2172
|
container: 'uui-datepicker-header-container',
|
|
@@ -2247,14 +2250,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2247
2250
|
React__namespace.createElement(Button, { icon: navIconRight || ForwardRef$v, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: !isDisabled && (() => onRightNavigationArrow()), isDisabled: disableNext }))));
|
|
2248
2251
|
}
|
|
2249
2252
|
|
|
2250
|
-
var css$T = {"
|
|
2253
|
+
var css$T = {"root":"_27nU7X"};
|
|
2251
2254
|
|
|
2252
2255
|
function applyDateSelectionMods() {
|
|
2253
2256
|
return [css$T.root, `uui-size-${settings.sizes.defaults.datePicker}`];
|
|
2254
2257
|
}
|
|
2255
2258
|
const Calendar = /* @__PURE__ */uuiCore.withMods(uuiComponents.Calendar, applyDateSelectionMods);
|
|
2256
2259
|
|
|
2257
|
-
var css$S = {"
|
|
2260
|
+
var css$S = {"root":"najTvH"};
|
|
2258
2261
|
|
|
2259
2262
|
const uuiDatePickerBody = {
|
|
2260
2263
|
wrapper: 'uui-datepicker-body-wrapper',
|
|
@@ -2315,7 +2318,7 @@ const modifiers$1 = [{
|
|
|
2315
2318
|
options: { offset: [0, 6] },
|
|
2316
2319
|
}];
|
|
2317
2320
|
function DatePickerComponent(props, ref) {
|
|
2318
|
-
const { format = defaultFormat, value } = props;
|
|
2321
|
+
const { format = defaultFormat, value, size = settings.sizes.defaults.datePicker } = props;
|
|
2319
2322
|
const context = uuiCore.useUuiContext();
|
|
2320
2323
|
const [inputValue, setInputValue] = React.useState(toCustomDateFormat(value, format));
|
|
2321
2324
|
const [isBodyOpen, setBodyIsOpen] = React.useState(false);
|
|
@@ -2355,7 +2358,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2355
2358
|
};
|
|
2356
2359
|
const renderInput = (renderProps) => {
|
|
2357
2360
|
const allowClear = !props.disableClear && !!inputValue;
|
|
2358
|
-
return (React__namespace.default.createElement(TextInput, { ...renderProps, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size:
|
|
2361
|
+
return (React__namespace.default.createElement(TextInput, { ...renderProps, isDropdown: false, cx: uuiCore.cx(props.inputCx, isBodyOpen && uuiCore.uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: size, value: inputValue || undefined, onValueChange: (v) => {
|
|
2359
2362
|
setInputValue(v || '');
|
|
2360
2363
|
}, onCancel: allowClear ? () => {
|
|
2361
2364
|
if (!props.disableClear && !!inputValue) {
|
|
@@ -2380,7 +2383,7 @@ function DatePickerComponent(props, ref) {
|
|
|
2380
2383
|
}
|
|
2381
2384
|
const DatePicker = /* @__PURE__ */React__namespace.default.forwardRef(DatePickerComponent);
|
|
2382
2385
|
|
|
2383
|
-
var css$R = {"
|
|
2386
|
+
var css$R = {"date-input":"rsM8Mm","dateInput":"rsM8Mm","root":"_1UPLtY","separator":"ZVsvRD","mode-form":"P66vMX","modeForm":"P66vMX","mode-cell":"_3AeBts","modeCell":"_3AeBts"};
|
|
2384
2387
|
|
|
2385
2388
|
const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, onKeyDown, id, cx: classes, }, ref) => {
|
|
2386
2389
|
const [inputValue, setInputValue] = React.useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2431,7 +2434,7 @@ const RangeDatePickerInput = /* @__PURE__ */React.forwardRef(({ isDisabled, isIn
|
|
|
2431
2434
|
} : undefined, onValueChange: (v) => onInputChange(v || '', 'to'), onFocus: (e) => handleFocus(e, 'to'), onBlur: (e) => handleBlur(e, 'to'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps?.to, onClick: onClick, onKeyDown: onInputKeyDown })));
|
|
2432
2435
|
});
|
|
2433
2436
|
|
|
2434
|
-
var css$Q = {"
|
|
2437
|
+
var css$Q = {"root":"RRWJNF"};
|
|
2435
2438
|
|
|
2436
2439
|
const uuiPresets = {
|
|
2437
2440
|
container: 'uui-presets-container',
|
|
@@ -2451,7 +2454,7 @@ function CalendarPresets(props) {
|
|
|
2451
2454
|
getPresets(props.presets).map((item) => (React__namespace.createElement(LinkButton, { key: item.key, caption: item.name, onClick: () => props.onPresetSet(item), size: "24" })))));
|
|
2452
2455
|
}
|
|
2453
2456
|
|
|
2454
|
-
var css$P = {"
|
|
2457
|
+
var css$P = {"root":"lsZRKd","container":"TUeaKh","day-selection":"_65yCc9","daySelection":"_65yCc9","from-picker":"OQcWfb","fromPicker":"OQcWfb","to-picker":"_8u5qpd","toPicker":"_8u5qpd","bodes-wrapper":"Pt0ZoG","bodesWrapper":"Pt0ZoG","blocker":"OoIGjt"};
|
|
2455
2458
|
|
|
2456
2459
|
const uuiRangeDatePickerBody = {
|
|
2457
2460
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -2626,14 +2629,14 @@ const getDayCX = (day, selectedDate) => {
|
|
|
2626
2629
|
return [uuiCore.cx(inRange && uuiRangeDatePickerBody.inRange, isFirst && uuiRangeDatePickerBody.firstDayInRangeWrapper, !inRange && isFirst && uuiRangeDatePickerBody.lastDayInRangeWrapper, isLast && uuiRangeDatePickerBody.lastDayInRangeWrapper, !inRange && isLast && uuiRangeDatePickerBody.firstDayInRangeWrapper, (dayValue === fromValue || dayValue === toValue) && uuiComponents.uuiDaySelection.selectedDay)];
|
|
2627
2630
|
};
|
|
2628
2631
|
|
|
2629
|
-
var css$O = {"dropdown-container":"
|
|
2632
|
+
var css$O = {"dropdown-container":"PDOh3y","dropdownContainer":"PDOh3y"};
|
|
2630
2633
|
|
|
2631
2634
|
const modifiers = [{
|
|
2632
2635
|
name: 'offset',
|
|
2633
2636
|
options: { offset: [0, 6] },
|
|
2634
2637
|
}];
|
|
2635
2638
|
function RangeDatePickerComponent(props, ref) {
|
|
2636
|
-
const { value: _value, format = defaultFormat } = props;
|
|
2639
|
+
const { value: _value, format = defaultFormat, size = settings.sizes.defaults.rangeDatePicker } = props;
|
|
2637
2640
|
const value = _value || defaultRangeValue; // also handles null in comparison to default value
|
|
2638
2641
|
const context = uuiCore.useUuiContext();
|
|
2639
2642
|
const [isOpen, setIsOpen] = React.useState(false);
|
|
@@ -2686,7 +2689,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2686
2689
|
}
|
|
2687
2690
|
};
|
|
2688
2691
|
return (React__namespace.default.createElement(uuiComponents.Dropdown, { renderTarget: (renderProps) => {
|
|
2689
|
-
return props.renderTarget?.(renderProps) || (React__namespace.default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size:
|
|
2692
|
+
return props.renderTarget?.(renderProps) || (React__namespace.default.createElement(RangeDatePickerInput, { id: props.id, ref: (node) => { renderProps.ref(node); targetRef.current = node; }, cx: props.inputCx, onClick: () => renderProps.toggleDropdownOpening(true), isDisabled: props.isDisabled, isInvalid: props.isInvalid, isReadonly: props.isReadonly, size: size, getPlaceholder: props.getPlaceholder, disableClear: props.disableClear, rawProps: props.rawProps, inFocus: inFocus, value: value, format: format, onValueChange: onValueChange, onFocusInput: (e, type) => {
|
|
2690
2693
|
props.onFocus?.(e, type);
|
|
2691
2694
|
setInFocus(type);
|
|
2692
2695
|
}, onBlurInput: (e, type) => { props.onBlur?.(e, type); !isOpen && setInFocus(null); }, onKeyDown: handleEscape }));
|
|
@@ -2694,7 +2697,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
2694
2697
|
}
|
|
2695
2698
|
const RangeDatePicker = /* @__PURE__ */React__namespace.default.forwardRef(RangeDatePickerComponent);
|
|
2696
2699
|
|
|
2697
|
-
var css$N = {"root":"
|
|
2700
|
+
var css$N = {"root":"L1jcOY","blocker":"i8iQOX","marker":"_6b7v2O","top":"N7QsMo","bottom":"YDlIp2","left":"NlnW7E","right":"AtQaSJ","inside":"ko-aqq"};
|
|
2698
2701
|
|
|
2699
2702
|
function DropMarker(props) {
|
|
2700
2703
|
return props.isDndInProgress
|
|
@@ -2709,7 +2712,7 @@ function DropMarker(props) {
|
|
|
2709
2712
|
: null;
|
|
2710
2713
|
}
|
|
2711
2714
|
|
|
2712
|
-
var css$M = {"root":"
|
|
2715
|
+
var css$M = {"root":"_7EnJI-","line-height":"YsJL0i","lineHeight":"YsJL0i","font-size":"uHcJve","fontSize":"uHcJve"};
|
|
2713
2716
|
|
|
2714
2717
|
function applyTextMods(mods) {
|
|
2715
2718
|
return [
|
|
@@ -2721,7 +2724,7 @@ function applyTextMods(mods) {
|
|
|
2721
2724
|
`uui-color-${mods.color || 'primary'}`,
|
|
2722
2725
|
`uui-font-weight-${mods.fontWeight || '400'}`,
|
|
2723
2726
|
`uui-font-style-${mods.fontStyle || 'normal'}`,
|
|
2724
|
-
'uui-typography',
|
|
2727
|
+
'uui-typography-inline',
|
|
2725
2728
|
];
|
|
2726
2729
|
}
|
|
2727
2730
|
const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, applyTextMods, (props) => {
|
|
@@ -2736,7 +2739,7 @@ const Text = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.Text, appl
|
|
|
2736
2739
|
};
|
|
2737
2740
|
});
|
|
2738
2741
|
|
|
2739
|
-
var css$L = {"root":"-
|
|
2742
|
+
var css$L = {"root":"-DD56p","loading-word":"Xd3rfs","loadingWord":"Xd3rfs","animated-loading":"QY43Je","animatedLoading":"QY43Je","skeleton_loading":"-bIPQ5","skeletonLoading":"-bIPQ5"};
|
|
2740
2743
|
|
|
2741
2744
|
const TextPlaceholder = (props) => {
|
|
2742
2745
|
const pattern = ' ';
|
|
@@ -2753,9 +2756,9 @@ const TextPlaceholder = (props) => {
|
|
|
2753
2756
|
]), dangerouslySetInnerHTML: { __html: it } })))));
|
|
2754
2757
|
};
|
|
2755
2758
|
|
|
2756
|
-
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size ||
|
|
2759
|
+
const RichTextView = /* @__PURE__ */uuiCore.withMods(uuiComponents__namespace.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || settings.sizes.defaults.richTextView}`]);
|
|
2757
2760
|
|
|
2758
|
-
var css$K = {"
|
|
2761
|
+
var css$K = {"modal":"_91AJIK","search-wrapper":"T-8-RB","searchWrapper":"T-8-RB","no-data":"BbzuTl","noData":"BbzuTl","type-search-to-load-size-24":"_4XQM2X","typeSearchToLoadSize24":"_4XQM2X"};
|
|
2759
2762
|
|
|
2760
2763
|
class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
2761
2764
|
constructor() {
|
|
@@ -2799,11 +2802,14 @@ class DataPickerBody extends uuiComponents.PickerBodyBase {
|
|
|
2799
2802
|
this.showSearch() && (React__namespace.default.createElement("div", { key: "search", className: css$K.searchWrapper },
|
|
2800
2803
|
React__namespace.default.createElement(uuiComponents.FlexCell, { grow: 1 },
|
|
2801
2804
|
React__namespace.default.createElement(SearchInput, { ref: this.searchRef, placeholder: i18n.dataPickerBody.searchPlaceholder, ...this.searchLens.toProps(), onKeyDown: this.searchKeyDown, size: searchSize, debounceDelay: this.props.searchDebounceDelay, rawProps: { dir: 'auto' } })))),
|
|
2802
|
-
React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length
|
|
2805
|
+
React__namespace.default.createElement(FlexRow, { key: "body", cx: uuiCore.cx('uui-picker_input-body', css$K[this.props.editMode], css$K[this.props.selectionMode]), rawProps: { style: { maxHeight: this.props.maxHeight, maxWidth: this.props.maxWidth } } }, this.props.rows.length === 0 && this.props.value.topIndex === 0
|
|
2806
|
+
// We need to also ensure that topIndex === 0, because we can have state were there is no rows but topIndex > 0, in case when we scrolled lover than we have rows
|
|
2807
|
+
// we fix this state on next render and shouldn't show empty state.
|
|
2808
|
+
? this.renderEmpty() : (React__namespace.default.createElement(VirtualList, { ...this.lens.toProps(), rows: this.props.rows, rawProps: this.props.rawProps, rowsCount: this.props.rowsCount, isLoading: this.props.isReloading })))));
|
|
2803
2809
|
}
|
|
2804
2810
|
}
|
|
2805
2811
|
|
|
2806
|
-
var css$J = {"footer":"
|
|
2812
|
+
var css$J = {"footer":"Lcs8CI"};
|
|
2807
2813
|
|
|
2808
2814
|
function DataPickerFooterImpl(props) {
|
|
2809
2815
|
const { search, clearSelection, view, showSelected, selectionMode, isSearchTooShort, } = props;
|
|
@@ -2829,7 +2835,7 @@ function DataPickerFooterImpl(props) {
|
|
|
2829
2835
|
}
|
|
2830
2836
|
const DataPickerFooter = /* @__PURE__ */React__namespace.default.memo(DataPickerFooterImpl);
|
|
2831
2837
|
|
|
2832
|
-
var css$I = {"header":"
|
|
2838
|
+
var css$I = {"header":"_1STOx4","title":"_1jQJh0","close":"H6NdRG"};
|
|
2833
2839
|
|
|
2834
2840
|
const DataPickerHeaderImpl = (props) => {
|
|
2835
2841
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
@@ -2854,7 +2860,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
2854
2860
|
};
|
|
2855
2861
|
var ForwardRef$s = /*#__PURE__*/React.forwardRef(SvgNotificationDoneFill);
|
|
2856
2862
|
|
|
2857
|
-
var css$H = {"
|
|
2863
|
+
var css$H = {"root":"_1h6hYa","align-widgets-top":"MhDDlA","alignWidgetsTop":"MhDDlA","align-widgets-center":"xec-wJ","alignWidgetsCenter":"xec-wJ","icon-container":"DGsFai","iconContainer":"DGsFai","loading-cell":"pTiZui","loadingCell":"pTiZui","content-wrapper":"ejVFVc","contentWrapper":"ejVFVc","render-item":"Smm29D","renderItem":"Smm29D","icon-wrapper":"dJZulN","iconWrapper":"dJZulN","icon-default":"fgAwJs","iconDefault":"fgAwJs","selected-mark":"Cwy1BO","selectedMark":"Cwy1BO"};
|
|
2858
2864
|
|
|
2859
2865
|
function DataPickerCell(props) {
|
|
2860
2866
|
const ref = React__namespace.useRef();
|
|
@@ -2891,7 +2897,7 @@ function DataPickerCell(props) {
|
|
|
2891
2897
|
getWrappedContent()));
|
|
2892
2898
|
}
|
|
2893
2899
|
|
|
2894
|
-
var css$G = {"
|
|
2900
|
+
var css$G = {"picker-row":"HAX13Y","pickerRow":"HAX13Y"};
|
|
2895
2901
|
|
|
2896
2902
|
class DataPickerRow extends React__namespace.Component {
|
|
2897
2903
|
constructor() {
|
|
@@ -2905,7 +2911,7 @@ class DataPickerRow extends React__namespace.Component {
|
|
|
2905
2911
|
}
|
|
2906
2912
|
}
|
|
2907
2913
|
|
|
2908
|
-
var css$F = {"
|
|
2914
|
+
var css$F = {"done":"_3oLJh5","container":"Fk2HoJ"};
|
|
2909
2915
|
|
|
2910
2916
|
const PickerBodyMobileView = (props) => {
|
|
2911
2917
|
const isMobileView = uuiCore.isMobile();
|
|
@@ -2939,7 +2945,7 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
2939
2945
|
};
|
|
2940
2946
|
var ForwardRef$r = /*#__PURE__*/React.forwardRef(SvgSearchWithBackground);
|
|
2941
2947
|
|
|
2942
|
-
var css$E = {"
|
|
2948
|
+
var css$E = {"sub-header-wrapper":"EKHfcq","subHeaderWrapper":"EKHfcq","switch":"sbjyKx","no-found-modal-container":"_1rk25I","noFoundModalContainer":"_1rk25I","no-found-modal-container-icon":"GU5nBI","noFoundModalContainerIcon":"GU5nBI","no-found-modal-container-text":"QX9EXW","noFoundModalContainerText":"QX9EXW"};
|
|
2943
2949
|
|
|
2944
2950
|
const mergeHighlightRanges = (ranges) => {
|
|
2945
2951
|
const mergedRanges = [];
|
|
@@ -3006,7 +3012,7 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
3006
3012
|
return getDecoratedText(str, ranges);
|
|
3007
3013
|
};
|
|
3008
3014
|
|
|
3009
|
-
var css$D = {"root":"
|
|
3015
|
+
var css$D = {"root":"rmIAMV","column-gap":"HHUTCl","columnGap":"HHUTCl","multiline":"FaX4it","text":"NGUfFT"};
|
|
3010
3016
|
|
|
3011
3017
|
function PickerItem(props) {
|
|
3012
3018
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
|
|
@@ -3080,7 +3086,7 @@ function PickerModal(props) {
|
|
|
3080
3086
|
React__namespace.default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
3081
3087
|
}
|
|
3082
3088
|
|
|
3083
|
-
var css$C = {"tooltip":"
|
|
3089
|
+
var css$C = {"tooltip":"c0UAS6"};
|
|
3084
3090
|
|
|
3085
3091
|
const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
3086
3092
|
const tagProps = {
|
|
@@ -3099,7 +3105,7 @@ const PickerTogglerTag = /* @__PURE__ */React__namespace.forwardRef((props, ref)
|
|
|
3099
3105
|
}
|
|
3100
3106
|
});
|
|
3101
3107
|
|
|
3102
|
-
var css$B = {"
|
|
3108
|
+
var css$B = {"root":"Oa-UbH","mode-form":"idn1FV","modeForm":"idn1FV","mode-cell":"LjCQg3","modeCell":"LjCQg3","mode-inline":"trQ9zS","modeInline":"trQ9zS"};
|
|
3103
3109
|
|
|
3104
3110
|
const defaultMode = EditMode.FORM;
|
|
3105
3111
|
function applyPickerTogglerMods(mods) {
|
|
@@ -3200,7 +3206,7 @@ function PickerInputComponent({ highlightSearchMatches = true, ...props }, ref)
|
|
|
3200
3206
|
}
|
|
3201
3207
|
const PickerInput = /* @__PURE__ */React__namespace.default.forwardRef(PickerInputComponent);
|
|
3202
3208
|
|
|
3203
|
-
var css$A = {"row":"
|
|
3209
|
+
var css$A = {"row":"G0qSEo"};
|
|
3204
3210
|
|
|
3205
3211
|
function PickerListItem(props) {
|
|
3206
3212
|
let label;
|
|
@@ -3220,7 +3226,7 @@ function PickerListItem(props) {
|
|
|
3220
3226
|
return (React__namespace.default.createElement("div", { role: "option", "aria-selected": props.isSelectable ? props.isSelected : undefined, "aria-busy": props.isLoading, "aria-posinset": props.index + 1, ...(props.checkbox?.isVisible && { 'aria-checked': props.isChecked }), className: css$A.row }, component));
|
|
3221
3227
|
}
|
|
3222
3228
|
|
|
3223
|
-
var css$z = {"root":"
|
|
3229
|
+
var css$z = {"root":"hadufp"};
|
|
3224
3230
|
|
|
3225
3231
|
function PickerList(props) {
|
|
3226
3232
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = uuiComponents.usePickerList(props);
|
|
@@ -3255,7 +3261,7 @@ function PickerList(props) {
|
|
|
3255
3261
|
}, selectedRows)));
|
|
3256
3262
|
}
|
|
3257
3263
|
|
|
3258
|
-
var css$y = {"
|
|
3264
|
+
var css$y = {"root":"J2oNjb","wrapper":"fnLIqq","align-widgets-top":"mjxRPp","alignWidgetsTop":"mjxRPp","align-widgets-center":"gTcLPA","alignWidgetsCenter":"gTcLPA"};
|
|
3259
3265
|
|
|
3260
3266
|
function DataTableCell(initialProps) {
|
|
3261
3267
|
const props = { ...initialProps };
|
|
@@ -3304,7 +3310,7 @@ function DataTableCell(initialProps) {
|
|
|
3304
3310
|
return React__namespace.createElement(uuiComponents.DataTableCell, { ...props });
|
|
3305
3311
|
}
|
|
3306
3312
|
|
|
3307
|
-
var css$x = {"
|
|
3313
|
+
var css$x = {"root":"hZZdB8"};
|
|
3308
3314
|
|
|
3309
3315
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
3310
3316
|
// 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.
|
|
@@ -3312,7 +3318,7 @@ const renderCell = (props) => {
|
|
|
3312
3318
|
const mods = props.rowProps;
|
|
3313
3319
|
return React__namespace.createElement(DataTableCell, { ...props, key: props.key, size: mods.size, columnsGap: mods.columnsGap });
|
|
3314
3320
|
};
|
|
3315
|
-
const renderDropMarkers = (props) => React__namespace.createElement(DropMarker, { ...props, enableBlocker: true });
|
|
3321
|
+
const renderDropMarkers = ({ ref, ...props }) => React__namespace.createElement(DropMarker, { ...props, enableBlocker: true });
|
|
3316
3322
|
const propsMods = { renderCell, renderDropMarkers };
|
|
3317
3323
|
const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow, ({ borderBottom = true, size }) => {
|
|
3318
3324
|
return [
|
|
@@ -3320,7 +3326,7 @@ const DataTableRow = /* @__PURE__ */uuiCore.withMods(uuiComponents.DataTableRow,
|
|
|
3320
3326
|
];
|
|
3321
3327
|
}, () => propsMods);
|
|
3322
3328
|
|
|
3323
|
-
var css$w = {"
|
|
3329
|
+
var css$w = {"sorting-panel-container":"WKx2Kn","sortingPanelContainer":"WKx2Kn"};
|
|
3324
3330
|
|
|
3325
3331
|
var _path$q;
|
|
3326
3332
|
function _extends$q() { return _extends$q = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$q.apply(null, arguments); }
|
|
@@ -3450,7 +3456,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
3450
3456
|
};
|
|
3451
3457
|
var ForwardRef$k = /*#__PURE__*/React.forwardRef(SvgNavigationExpandAllOutline);
|
|
3452
3458
|
|
|
3453
|
-
var css$v = {"
|
|
3459
|
+
var css$v = {"root":"_7Vfg2P","caption-wrapper":"KQoiQt","captionWrapper":"KQoiQt","sort-icon":"msyKMt","sortIcon":"msyKMt","dropdown-icon":"_6UHrRy","dropdownIcon":"_6UHrRy","infoIcon":"segMLZ","resizable":"oSnigd","align-right":"sdCB39","alignRight":"sdCB39","align-center":"szENV8","alignCenter":"szENV8","caption":"_94V2Oy","truncate":"_1FIucA","checkbox":"I3VulH","icon":"l-rwIs","fold-all-icon":"Wj6vzc","foldAllIcon":"Wj6vzc","cell-tooltip":"uVPbhK","cellTooltip":"uVPbhK","upper-case":"-MDYrj","upperCase":"-MDYrj","resizing-marker":"_5NA14B","resizingMarker":"_5NA14B","pinned-right":"mibPoD","pinnedRight":"mibPoD","draggable":"XbYbAo","ghost":"NsX2ub","is-dragged-out":"_9IkSo6","isDraggedOut":"_9IkSo6","dnd-marker-left":"_9jkea0","dndMarkerLeft":"_9jkea0","dnd-marker-right":"NUkqZ5","dndMarkerRight":"NUkqZ5","cell-tooltip-wrapper":"NwrDBI","cellTooltipWrapper":"NwrDBI","cell-tooltip-text":"-zMpPT","cellTooltipText":"-zMpPT","tooltip-caption":"_7c9W7N","tooltipCaption":"_7c9W7N","tooltip-info":"bruX73","tooltipInfo":"bruX73"};
|
|
3454
3460
|
|
|
3455
3461
|
class DataTableHeaderCell extends React__namespace.Component {
|
|
3456
3462
|
constructor() {
|
|
@@ -3558,9 +3564,9 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
3558
3564
|
};
|
|
3559
3565
|
var ForwardRef$j = /*#__PURE__*/React.forwardRef(SvgActionSettingsFill);
|
|
3560
3566
|
|
|
3561
|
-
var css$u = {"
|
|
3567
|
+
var css$u = {"root":"_7G-aol"};
|
|
3562
3568
|
|
|
3563
|
-
var css$t = {"
|
|
3569
|
+
var css$t = {"root":"orSNlT","caption-wrapper":"Mvvde7","captionWrapper":"Mvvde7","align-center":"xh7e4K","alignCenter":"xh7e4K","caption":"MibKUx","truncate":"gc499d","group-cell-tooltip":"y53S0v","groupCellTooltip":"y53S0v","upper-case":"lGTyaD","upperCase":"lGTyaD","group-cell-tooltip-wrapper":"fE8qGT","groupCellTooltipWrapper":"fE8qGT","group-cell-tooltip-text":"rgdXwu","groupCellTooltipText":"rgdXwu","tooltip-caption":"_6Thokg","tooltipCaption":"_6Thokg","tooltip-info":"fFlp-1","tooltipInfo":"fFlp-1"};
|
|
3564
3570
|
|
|
3565
3571
|
class DataTableHeaderGroupCell extends React__namespace.Component {
|
|
3566
3572
|
constructor() {
|
|
@@ -3628,7 +3634,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
3628
3634
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
3629
3635
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
3630
3636
|
|
|
3631
|
-
var css$s = {"
|
|
3637
|
+
var css$s = {"root":"C64e-b","title-wrapper":"pEQgEO","titleWrapper":"pEQgEO","title":"-P0wVc","text-wrapper":"gUG2Hi","textWrapper":"gUG2Hi","selection":"Rp1B8x","postfix":"Ux1Zbe","selected":"ZcDAkC"};
|
|
3632
3638
|
|
|
3633
3639
|
const defaultSize = '36';
|
|
3634
3640
|
const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
@@ -3659,7 +3665,7 @@ const FilterPanelItemToggler = /* @__PURE__ */React__namespace.forwardRef((props
|
|
|
3659
3665
|
role: 'button',
|
|
3660
3666
|
tabIndex: props.isDisabled ? -1 : 0,
|
|
3661
3667
|
onKeyDown: onKeyDownHandler,
|
|
3662
|
-
}, cx: cx__default.default(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.root, uuiCore.uuiElement.inputBox, uuiCore.uuiMarkers.clickable, props.isOpen && uuiCore.uuiMod.opened, `size-${props.size || defaultSize}`, props.cx), onClick: togglerPickerOpened, ref: ref },
|
|
3668
|
+
}, cx: cx__default.default(UUI_FILTERS_PANEL_ITEM_TOGGLER, css$s.root, uuiCore.uuiElement.inputBox, uuiCore.uuiMarkers.clickable, props.isOpen && uuiCore.uuiMod.opened, `uui-size-${props.size || defaultSize}`, props.cx), onClick: togglerPickerOpened, ref: ref },
|
|
3663
3669
|
React__namespace.createElement(uuiComponents.FlexRow, { cx: css$s.titleWrapper },
|
|
3664
3670
|
React__namespace.createElement(Text, { size: props.size, cx: css$s.title }, getTitle),
|
|
3665
3671
|
props.selection && (React__namespace.createElement("div", { className: css$s.textWrapper },
|
|
@@ -3800,7 +3806,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
3800
3806
|
React__namespace.default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
3801
3807
|
}
|
|
3802
3808
|
|
|
3803
|
-
var css$r = {"container":"
|
|
3809
|
+
var css$r = {"container":"_83NsYD"};
|
|
3804
3810
|
|
|
3805
3811
|
function FilterNumericBody(props) {
|
|
3806
3812
|
const isInRangePredicate = props?.selectedPredicate === 'inRange' || props?.selectedPredicate === 'notInRange';
|
|
@@ -3852,15 +3858,15 @@ function FilterNumericBody(props) {
|
|
|
3852
3858
|
return (React__namespace.default.createElement("div", null,
|
|
3853
3859
|
React__namespace.default.createElement(FlexRow, { padding: "12", alignItems: "center", spacing: "12", borderBottom: true, cx: css$r.container },
|
|
3854
3860
|
React__namespace.default.createElement(FlexCell, { width: "100%" },
|
|
3855
|
-
React__namespace.default.createElement(NumericInput, { value: value?.from ?? null, onValueChange: rangeValueHandler('from'),
|
|
3861
|
+
React__namespace.default.createElement(NumericInput, { value: value?.from ?? null, onValueChange: rangeValueHandler('from'), placeholder: "Min", formatOptions: { maximumFractionDigits: 2 } })),
|
|
3856
3862
|
React__namespace.default.createElement(FlexCell, { width: "100%" },
|
|
3857
|
-
React__namespace.default.createElement(NumericInput, { value: value?.to ?? null, onValueChange: rangeValueHandler('to'),
|
|
3863
|
+
React__namespace.default.createElement(NumericInput, { value: value?.to ?? null, onValueChange: rangeValueHandler('to'), placeholder: "Max", formatOptions: { maximumFractionDigits: 2 }, isInvalid: isWrongRange(value?.from, value?.to) }))),
|
|
3858
3864
|
renderFooter()));
|
|
3859
3865
|
}
|
|
3860
3866
|
return (React__namespace.default.createElement("div", null,
|
|
3861
3867
|
React__namespace.default.createElement(FlexRow, { padding: "12", alignItems: "center", borderBottom: true, cx: css$r.container },
|
|
3862
3868
|
React__namespace.default.createElement(FlexCell, { width: 130 },
|
|
3863
|
-
React__namespace.default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange,
|
|
3869
|
+
React__namespace.default.createElement(NumericInput, { value: typeof props.value === 'number' ? props.value : null, onValueChange: props.onValueChange, placeholder: "Enter a number", formatOptions: { maximumFractionDigits: 2 } }))),
|
|
3864
3870
|
renderFooter()));
|
|
3865
3871
|
}
|
|
3866
3872
|
|
|
@@ -3896,7 +3902,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
3896
3902
|
};
|
|
3897
3903
|
var ForwardRef$i = /*#__PURE__*/React.forwardRef(SvgActionDeleteOutline);
|
|
3898
3904
|
|
|
3899
|
-
var css$q = {"
|
|
3905
|
+
var css$q = {"header":"_2zDeM3","removeButton":"U-4ZU3","with-search":"YNVaVJ","withSearch":"YNVaVJ"};
|
|
3900
3906
|
|
|
3901
3907
|
function useView(props, value) {
|
|
3902
3908
|
const forceUpdate = uuiCore.useForceUpdate();
|
|
@@ -4128,7 +4134,7 @@ const normalizeFilterWithPredicates = (filter) => {
|
|
|
4128
4134
|
return result;
|
|
4129
4135
|
};
|
|
4130
4136
|
function FiltersToolbarImpl(props) {
|
|
4131
|
-
const { filters, tableState, setTableState } = props;
|
|
4137
|
+
const { filters, tableState, setTableState, size = settings.sizes.defaults.filtersPanel } = props;
|
|
4132
4138
|
const [newFilterId, setNewFilterId] = React.useState(null);
|
|
4133
4139
|
const pickerInputRef = React.useRef(null);
|
|
4134
4140
|
const dataSource = uuiCore.useArrayDataSource({
|
|
@@ -4188,7 +4194,7 @@ function FiltersToolbarImpl(props) {
|
|
|
4188
4194
|
return uuiCore.orderBy(selectedFilters, (f) => tableState.filtersConfig?.[f.field]?.order);
|
|
4189
4195
|
}, [filters, tableState.filtersConfig]);
|
|
4190
4196
|
const renderAddFilterToggler = React.useCallback((togglerProps) => {
|
|
4191
|
-
return (React__namespace.default.createElement(Button, { size:
|
|
4197
|
+
return (React__namespace.default.createElement(Button, { size: size, onClick: togglerProps.onClick, ref: togglerProps.ref, caption: i18n.filterToolbar.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary", cx: UUI_FILTERS_PANEL_ADD_BUTTON }));
|
|
4192
4198
|
}, []);
|
|
4193
4199
|
const getRowOptions = React.useCallback((item) => ({
|
|
4194
4200
|
isDisabled: item.isAlwaysVisible,
|
|
@@ -4209,15 +4215,15 @@ function FiltersToolbarImpl(props) {
|
|
|
4209
4215
|
}, [newFilterId, sortedActiveFilters]);
|
|
4210
4216
|
return (React__namespace.default.createElement(React__namespace.default.Fragment, null,
|
|
4211
4217
|
sortedActiveFilters.map((f) => (React__namespace.default.createElement(uuiComponents.FlexCell, { width: "auto", key: f.field },
|
|
4212
|
-
React__namespace.default.createElement(FiltersPanelItem, { ...f, value: tableState.filter?.[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size:
|
|
4218
|
+
React__namespace.default.createElement(FiltersPanelItem, { ...f, value: tableState.filter?.[f.field], onValueChange: handleFilterChange, key: f.field, autoFocus: newFilterId === f.field, removeFilter: removeFilter, size: size })))),
|
|
4213
4219
|
!isAllFiltersAlwaysVisible && (React__namespace.default.createElement(PickerInput, { dataSource: dataSource, value: selectedFilters, onValueChange: onFiltersChange, selectionMode: "multi", valueType: "entity", renderRow: (props) => (React__namespace.default.createElement(DataPickerRow, { ...props, padding: "12", key: props.key, onCheck: (row) => {
|
|
4214
4220
|
props.onCheck && props.onCheck(row);
|
|
4215
4221
|
setNewFilterId(row.value.field);
|
|
4216
|
-
}, renderItem: (item, rowProps) => React__namespace.default.createElement(PickerItem, { ...rowProps, title: item.title }) })), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size:
|
|
4222
|
+
}, renderItem: (item, rowProps) => React__namespace.default.createElement(PickerItem, { ...rowProps, title: item.title }) })), getName: (i) => i.title, renderToggler: renderAddFilterToggler, emptyValue: [], getRowOptions: getRowOptions, fixedBodyPosition: true, size: size, bodyCx: UUI_FILTERS_PANEL_ADD_BUTTON_BODY, ref: pickerInputRef }))));
|
|
4217
4223
|
}
|
|
4218
4224
|
const FiltersPanel = /* @__PURE__ */React__namespace.default.memo(FiltersToolbarImpl);
|
|
4219
4225
|
|
|
4220
|
-
var css$p = {"divider":"
|
|
4226
|
+
var css$p = {"divider":"Yk71gJ","dropdownDeleteIcon":"YOVnyc","presetsWrapper":"vP8Ge5","addPresetContainer":"ssnA78","dropContainer":"aiUq04"};
|
|
4221
4227
|
|
|
4222
4228
|
var _path$g;
|
|
4223
4229
|
function _extends$g() { return _extends$g = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$g.apply(null, arguments); }
|
|
@@ -4330,7 +4336,7 @@ var SvgContentLinkOutline = function SvgContentLinkOutline(props, ref) {
|
|
|
4330
4336
|
};
|
|
4331
4337
|
var ForwardRef$a = /*#__PURE__*/React.forwardRef(SvgContentLinkOutline);
|
|
4332
4338
|
|
|
4333
|
-
var css$o = {"delete-button":"
|
|
4339
|
+
var css$o = {"delete-button":"bSgP-j","deleteButton":"bSgP-j","tab-button":"aRGW-T","tabButton":"aRGW-T","targetOpen":"FCtTUh"};
|
|
4334
4340
|
|
|
4335
4341
|
function PresetActionsDropdown(props) {
|
|
4336
4342
|
const { uuiNotifications } = uuiCore.useUuiContext();
|
|
@@ -4397,7 +4403,7 @@ function PresetActionsDropdown(props) {
|
|
|
4397
4403
|
return (React__namespace.default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
4398
4404
|
}
|
|
4399
4405
|
|
|
4400
|
-
var css$n = {"preset-input-cell":"
|
|
4406
|
+
var css$n = {"preset-input-cell":"aRpkq5","presetInputCell":"aRpkq5","preset-input":"W1Pjj5","presetInput":"W1Pjj5"};
|
|
4401
4407
|
|
|
4402
4408
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
4403
4409
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -4429,7 +4435,7 @@ function PresetInput(props) {
|
|
|
4429
4435
|
React__namespace.default.createElement(TextInput, { cx: css$n.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
4430
4436
|
}
|
|
4431
4437
|
|
|
4432
|
-
var css$m = {"preset":"
|
|
4438
|
+
var css$m = {"preset":"pqIPK6","activePreset":"EqjkKT"};
|
|
4433
4439
|
|
|
4434
4440
|
function Preset(props) {
|
|
4435
4441
|
const [isRenamePreset, setIsRenamePreset] = React.useState(false);
|
|
@@ -4484,7 +4490,7 @@ function PresetsPanel(props) {
|
|
|
4484
4490
|
return React__namespace.default.createElement(Preset, { key: preset.id, preset: preset, addPreset: setAddingPreset, ...presetApi });
|
|
4485
4491
|
};
|
|
4486
4492
|
const renderAddPresetButton = React.useCallback(() => {
|
|
4487
|
-
return (React__namespace.default.createElement("div", { key: "addingPresetBlock", className: css$p.addPresetContainer }, !isAddingPreset ? (React__namespace.default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON,
|
|
4493
|
+
return (React__namespace.default.createElement("div", { key: "addingPresetBlock", className: css$p.addPresetContainer }, !isAddingPreset ? (React__namespace.default.createElement(Button, { cx: UUI_PRESETS_PANEL_ADD_BUTTON, onClick: setAddingPreset, caption: i18n.presetPanel.addCaption, icon: ForwardRef$h, iconPosition: "left", fill: "ghost", color: "primary" })) : (React__namespace.default.createElement(PresetInput, { onCancel: cancelAddingPreset, onSuccess: props.createNewPreset }))));
|
|
4488
4494
|
}, [isAddingPreset]);
|
|
4489
4495
|
const onPresetDropdownSelect = (preset) => {
|
|
4490
4496
|
props.choosePreset(preset.preset);
|
|
@@ -4610,7 +4616,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4610
4616
|
};
|
|
4611
4617
|
var ForwardRef$6 = /*#__PURE__*/React.forwardRef(SvgTableGroupColumnRightFill);
|
|
4612
4618
|
|
|
4613
|
-
var css$l = {"unpin-icon":"
|
|
4619
|
+
var css$l = {"unpin-icon":"_85FnOD","unpinIcon":"_85FnOD","pin-toggler-icon":"_96FQli","pinTogglerIcon":"_96FQli"};
|
|
4614
4620
|
|
|
4615
4621
|
function PinIconButton(props) {
|
|
4616
4622
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4669,7 +4675,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4669
4675
|
};
|
|
4670
4676
|
var ForwardRef$5 = /*#__PURE__*/React.forwardRef(SvgActionDragIndicator18);
|
|
4671
4677
|
|
|
4672
|
-
var css$k = {"
|
|
4678
|
+
var css$k = {"row-wrapper":"qnxzLP","rowWrapper":"qnxzLP","pin-icon-button":"SC8GS4","pinIconButton":"SC8GS4","not-pinned":"g46j1h","notPinned":"g46j1h","checkbox":"ugUK-4","drag-handle":"HXYO-8","dragHandle":"HXYO-8","dnd-disabled":"_5CvVv0","dndDisabled":"_5CvVv0"};
|
|
4673
4679
|
|
|
4674
4680
|
const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props) {
|
|
4675
4681
|
const { column } = props;
|
|
@@ -4692,7 +4698,7 @@ const ColumnRow = /* @__PURE__ */React__namespace.memo(function ColumnRow(props)
|
|
|
4692
4698
|
return (React__namespace.createElement(uuiCore.DndActor, { key: column.key, srcData: isDndAllowed && data, dstData: data, canAcceptDrop: onCanAcceptDrop, onDrop: onDrop, render: renderContent }));
|
|
4693
4699
|
});
|
|
4694
4700
|
|
|
4695
|
-
var css$j = {"
|
|
4701
|
+
var css$j = {"root":"gCav-U","main-panel":"_0fXcOs","mainPanel":"_0fXcOs","group":"_43jszA","group-title":"_1eHeYN","groupTitle":"_1eHeYN","group-items":"qrrLNn","groupItems":"qrrLNn","no-data":"ZJZyaF","noData":"ZJZyaF","no-data-title":"KzZir7","noDataTitle":"KzZir7","no-data-sub-title":"_6r36vR","noDataSubTitle":"_6r36vR","h-divider":"_490NyC","hDivider":"_490NyC","search-area":"XG-TEp","searchArea":"XG-TEp","subgroup-accordion":"kxwucb","subgroupAccordion":"kxwucb","subgroup":"O7kjf2","subgroup-title":"ioJahS","subgroupTitle":"ioJahS"};
|
|
4696
4702
|
|
|
4697
4703
|
const renderGroupTitle = (title, amount) => (React__namespace.createElement(FlexRow, { cx: css$j.group },
|
|
4698
4704
|
React__namespace.createElement(Text, { size: "none", cx: css$j.groupTitle }, title),
|
|
@@ -4781,7 +4787,7 @@ function SubGroup(props) {
|
|
|
4781
4787
|
return null;
|
|
4782
4788
|
}
|
|
4783
4789
|
|
|
4784
|
-
var css$i = {"listContainer":"
|
|
4790
|
+
var css$i = {"listContainer":"TAGA8J","header":"ZRooRZ","group":"zlLPEf","stickyHeader":"Ip-fvE"};
|
|
4785
4791
|
|
|
4786
4792
|
const getChildrenAndRest = (row, rows) => {
|
|
4787
4793
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4845,7 +4851,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4845
4851
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4846
4852
|
ref: ref
|
|
4847
4853
|
}, props), /*#__PURE__*/React__namespace.createElement("g", {
|
|
4848
|
-
clipPath: "url(#
|
|
4854
|
+
clipPath: "url(#upoqav6dlx0k3kfhr_a)"
|
|
4849
4855
|
}, _path$4 || (_path$4 = /*#__PURE__*/React__namespace.createElement("path", {
|
|
4850
4856
|
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",
|
|
4851
4857
|
fill: "#F5F6FA"
|
|
@@ -4866,7 +4872,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4866
4872
|
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",
|
|
4867
4873
|
fill: "#1D1E26"
|
|
4868
4874
|
})), /*#__PURE__*/React__namespace.createElement("mask", {
|
|
4869
|
-
id: "
|
|
4875
|
+
id: "upoqavaqvlvzl1j0o_b",
|
|
4870
4876
|
style: {
|
|
4871
4877
|
maskType: "alpha"
|
|
4872
4878
|
},
|
|
@@ -4879,7 +4885,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4879
4885
|
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",
|
|
4880
4886
|
fill: "#9BDEFF"
|
|
4881
4887
|
}))), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
|
|
4882
|
-
mask: "url(#
|
|
4888
|
+
mask: "url(#upoqavaqvlvzl1j0o_b)",
|
|
4883
4889
|
fillRule: "evenodd",
|
|
4884
4890
|
clipRule: "evenodd"
|
|
4885
4891
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
@@ -4965,7 +4971,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4965
4971
|
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",
|
|
4966
4972
|
fill: "#fff"
|
|
4967
4973
|
}))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("clipPath", {
|
|
4968
|
-
id: "
|
|
4974
|
+
id: "upoqav6dlx0k3kfhr_a"
|
|
4969
4975
|
}, /*#__PURE__*/React__namespace.createElement("path", {
|
|
4970
4976
|
fill: "#fff",
|
|
4971
4977
|
transform: "translate(.552)",
|
|
@@ -4974,7 +4980,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4974
4980
|
};
|
|
4975
4981
|
var ForwardRef$4 = /*#__PURE__*/React.forwardRef(SvgEmptyTable);
|
|
4976
4982
|
|
|
4977
|
-
var css$h = {"root":"
|
|
4983
|
+
var css$h = {"root":"-Wsx-o","sticky-header":"VVVx-t","stickyHeader":"VVVx-t","no-results":"q05n7h","noResults":"q05n7h","icon":"th6CT5","title":"InW1ks"};
|
|
4978
4984
|
|
|
4979
4985
|
function DataTable(props) {
|
|
4980
4986
|
const { uuiModals } = uuiCore.useUuiContext();
|
|
@@ -5023,9 +5029,9 @@ function DataTable(props) {
|
|
|
5023
5029
|
} }))));
|
|
5024
5030
|
}
|
|
5025
5031
|
|
|
5026
|
-
var css$g = {"root":"
|
|
5032
|
+
var css$g = {"root":"Fv8a0i"};
|
|
5027
5033
|
|
|
5028
|
-
var css$f = {"root":"
|
|
5034
|
+
var css$f = {"root":"_3M1cyW","burger-content":"JhJ70o","burgerContent":"JhJ70o"};
|
|
5029
5035
|
|
|
5030
5036
|
var _path$3;
|
|
5031
5037
|
function _extends$3() { return _extends$3 = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends$3.apply(null, arguments); }
|
|
@@ -5068,7 +5074,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
5068
5074
|
};
|
|
5069
5075
|
var ForwardRef$2 = /*#__PURE__*/React.forwardRef(SvgNavigationArrowDownOutline);
|
|
5070
5076
|
|
|
5071
|
-
var css$e = {"
|
|
5077
|
+
var css$e = {"root":"V-PEkP","button-primary":"R-ZpjN","buttonPrimary":"R-ZpjN","button-secondary":"S5F1bc","buttonSecondary":"S5F1bc","hasIcon":"pMNLn9","dropdown":"M-r24o"};
|
|
5072
5078
|
|
|
5073
5079
|
const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (props) => [
|
|
5074
5080
|
css$e.root,
|
|
@@ -5079,13 +5085,13 @@ const BurgerButton = /* @__PURE__ */uuiCore.withMods(uuiComponents.Button, (prop
|
|
|
5079
5085
|
props.icon && css$e.hasIcon,
|
|
5080
5086
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
5081
5087
|
|
|
5082
|
-
var css$d = {"search-input":"
|
|
5088
|
+
var css$d = {"search-input":"dSu2-S","searchInput":"dSu2-S"};
|
|
5083
5089
|
|
|
5084
5090
|
function BurgerSearch(props) {
|
|
5085
5091
|
return (React__namespace.createElement(uuiComponents.TextInput, { cx: cx__default.default(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$O, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$R }));
|
|
5086
5092
|
}
|
|
5087
5093
|
|
|
5088
|
-
var css$c = {"root":"
|
|
5094
|
+
var css$c = {"root":"aouls7","group-header":"_5oJ6QY","groupHeader":"_5oJ6QY","group-name":"uxEDJz","groupName":"uxEDJz","line":"D2M3zb"};
|
|
5089
5095
|
|
|
5090
5096
|
function BurgerGroupHeader(props) {
|
|
5091
5097
|
return (React__namespace.createElement("div", { className: cx__default.default(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -5093,7 +5099,7 @@ function BurgerGroupHeader(props) {
|
|
|
5093
5099
|
React__namespace.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
5094
5100
|
}
|
|
5095
5101
|
|
|
5096
|
-
var css$b = {"
|
|
5102
|
+
var css$b = {"root":"rNt2eI","type-primary":"HxHWoa","typePrimary":"HxHWoa","type-secondary":"SRXvwy","typeSecondary":"SRXvwy"};
|
|
5097
5103
|
|
|
5098
5104
|
const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5099
5105
|
const { type, ...clickableProps } = props;
|
|
@@ -5115,7 +5121,7 @@ const MainMenuButton = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5115
5121
|
props.isDropdown && (React__namespace.createElement(uuiComponents.IconContainer, { icon: ForwardRef$Q, flipY: props.isOpen }))));
|
|
5116
5122
|
});
|
|
5117
5123
|
|
|
5118
|
-
var css$a = {"dropdown-body":"
|
|
5124
|
+
var css$a = {"dropdown-body":"OlG0t6","dropdownBody":"OlG0t6"};
|
|
5119
5125
|
|
|
5120
5126
|
class MainMenuDropdown extends React__namespace.Component {
|
|
5121
5127
|
render() {
|
|
@@ -5173,12 +5179,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
5173
5179
|
};
|
|
5174
5180
|
var ForwardRef$1 = /*#__PURE__*/React.forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
5175
5181
|
|
|
5176
|
-
var css$9 = {"global-menu-btn":"
|
|
5182
|
+
var css$9 = {"global-menu-btn":"TcKBbH","globalMenuBtn":"TcKBbH","global-menu-icon":"k2dxyB","globalMenuIcon":"k2dxyB"};
|
|
5177
5183
|
|
|
5178
5184
|
const GlobalMenu = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, id: "global_menu_toggle", className: cx__default.default(css$9.globalMenuBtn, props.cx), ...props.rawProps },
|
|
5179
5185
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
5180
5186
|
|
|
5181
|
-
var css$8 = {"container":"
|
|
5187
|
+
var css$8 = {"container":"krCV6I","open":"SOaoRN","folding-arrow":"bFHzHw","foldingArrow":"bFHzHw"};
|
|
5182
5188
|
|
|
5183
5189
|
const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement("button", { ref: ref, className: cx__default.default(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiCore.uuiMarkers.clickable, props.cx), onClick: props.onClick, ...props.rawProps },
|
|
5184
5190
|
React__namespace.createElement(uuiComponents.Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -5186,15 +5192,15 @@ const MainMenuAvatar = /* @__PURE__ */React__namespace.forwardRef((props, ref) =
|
|
|
5186
5192
|
props.isDropdown && (React__namespace.createElement("div", null,
|
|
5187
5193
|
React__namespace.createElement(uuiComponents.IconContainer, { size: 18, icon: ForwardRef$Q, flipY: props.isOpen, cx: css$8.foldingArrow }))))));
|
|
5188
5194
|
|
|
5189
|
-
var css$7 = {"search-input":"-
|
|
5195
|
+
var css$7 = {"search-input":"f-2w7y","searchInput":"f-2w7y"};
|
|
5190
5196
|
|
|
5191
5197
|
const MainMenuSearch = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(uuiCore.IEditableDebouncer, { ...props, render: (iEditable) => (React__namespace.createElement(uuiComponents.TextInput, { iconPosition: "left", icon: ForwardRef$O, cancelIcon: props.value?.length > 0 && ForwardRef$R, ...props, ...iEditable, ref: ref, cx: uuiCore.cx(css$7.searchInput, props.cx), ...props.rawProps })) })));
|
|
5192
5198
|
|
|
5193
|
-
var css$6 = {"container":"
|
|
5199
|
+
var css$6 = {"container":"FS1ziC"};
|
|
5194
5200
|
|
|
5195
5201
|
const MainMenuIcon = /* @__PURE__ */React__namespace.forwardRef((props, ref) => (React__namespace.createElement(IconButton, { ref: ref, icon: props.icon, cx: uuiCore.cx(props.cx, css$6.container), ...props })));
|
|
5196
5202
|
|
|
5197
|
-
var css$5 = {"root":"
|
|
5203
|
+
var css$5 = {"root":"Y9V9YU"};
|
|
5198
5204
|
|
|
5199
5205
|
const Anchor = /* @__PURE__ */uuiCore.withMods(uuiComponents.Anchor, () => [css$5.root]);
|
|
5200
5206
|
|
|
@@ -5212,7 +5218,7 @@ function Form(props) {
|
|
|
5212
5218
|
},
|
|
5213
5219
|
] },
|
|
5214
5220
|
React__namespace.createElement(RichTextView, null,
|
|
5215
|
-
React__namespace.createElement(Text,
|
|
5221
|
+
React__namespace.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
|
|
5216
5222
|
};
|
|
5217
5223
|
return React__namespace.createElement(uuiCore.Form, { loadUnsavedChanges: loadUnsavedChanges, beforeLeave: beforeLeave, ...props });
|
|
5218
5224
|
}
|
|
@@ -5230,7 +5236,7 @@ function useForm(props) {
|
|
|
5230
5236
|
},
|
|
5231
5237
|
] },
|
|
5232
5238
|
React__namespace.default.createElement(RichTextView, null,
|
|
5233
|
-
React__namespace.default.createElement(Text,
|
|
5239
|
+
React__namespace.default.createElement(Text, null, i18n.form.notifications.unsavedChangesMessage)))), { duration: 5, position: 'bot-left' });
|
|
5234
5240
|
};
|
|
5235
5241
|
return uuiCore.useForm({ beforeLeave, loadUnsavedChanges, ...props });
|
|
5236
5242
|
}
|
|
@@ -5252,7 +5258,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
5252
5258
|
};
|
|
5253
5259
|
var ForwardRef = /*#__PURE__*/React.forwardRef(SvgFileCloudUploadFill);
|
|
5254
5260
|
|
|
5255
|
-
var css$4 = {"root":"
|
|
5261
|
+
var css$4 = {"root":"NH-gIi","drop-start":"Uu6HFG","dropStart":"Uu6HFG","drop-over":"KuV25T","dropOver":"KuV25T","link":"Lcy7g5","drop-area":"ZJU9Pi","dropArea":"ZJU9Pi","drop-caption":"kcZjcC","dropCaption":"kcZjcC","icon-blue":"JiJAim","iconBlue":"JiJAim"};
|
|
5256
5262
|
|
|
5257
5263
|
function DropSpot(props) {
|
|
5258
5264
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -5270,9 +5276,9 @@ function DropSpot(props) {
|
|
|
5270
5276
|
return React__namespace.createElement(uuiComponents.DropSpot, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
5271
5277
|
}
|
|
5272
5278
|
|
|
5273
|
-
var css$3 = {"
|
|
5279
|
+
var css$3 = {"root":"_4GU78u","file-name":"fdnQFO","fileName":"fdnQFO","default-color":"BQRZDm","defaultColor":"BQRZDm","doc-color":"yZFCfs","docColor":"yZFCfs","xls-color":"EYCqa-","xlsColor":"EYCqa-","pdf-color":"_5KxLS5","pdfColor":"_5KxLS5","movie-color":"eK5RDd","movieColor":"eK5RDd","img-color":"bZAjoj","imgColor":"bZAjoj","mov-color":"hA3Fz7","movColor":"hA3Fz7","error-block":"g7Vrkd","errorBlock":"g7Vrkd","icons-block":"h0sflS","iconsBlock":"h0sflS"};
|
|
5274
5280
|
|
|
5275
|
-
var css$2 = {"root":"
|
|
5281
|
+
var css$2 = {"root":"_6Q0-FW"};
|
|
5276
5282
|
|
|
5277
5283
|
const SvgCircleProgress = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
5278
5284
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5348,7 +5354,7 @@ const FileCard = /* @__PURE__ */React__namespace.forwardRef((props, ref) => {
|
|
|
5348
5354
|
onClick();
|
|
5349
5355
|
};
|
|
5350
5356
|
return (React__namespace.createElement(FlexCell, { ref: ref, cx: uuiCore.cx(css$3.root, 'uui-file_card', (isLoading || error?.isError) && uuiCore.uuiMod.loading, componentCx, error?.isError && uuiCore.uuiMod.error), minWidth: width, width: !width ? '100%' : undefined },
|
|
5351
|
-
React__namespace.createElement(FlexRow, {
|
|
5357
|
+
React__namespace.createElement(FlexRow, { alignItems: "top", columnGap: "6" },
|
|
5352
5358
|
fileExtension && getIcon(fileExtension),
|
|
5353
5359
|
React__namespace.createElement(FlexCell, { width: "100%" },
|
|
5354
5360
|
React__namespace.createElement(Text, { size: "18", fontSize: "14", lineHeight: "18", color: (progress < 100 || error?.isError) ? 'tertiary' : 'primary', cx: css$3.fileName }, fileName),
|
|
@@ -5400,7 +5406,7 @@ const getErrorPageConfig = () => ({
|
|
|
5400
5406
|
},
|
|
5401
5407
|
});
|
|
5402
5408
|
|
|
5403
|
-
var css$1 = {"container":"
|
|
5409
|
+
var css$1 = {"container":"kzzEgD"};
|
|
5404
5410
|
|
|
5405
5411
|
const ErrorPage = (props) => {
|
|
5406
5412
|
const isMobileScreen = uuiCore.isMobile();
|
|
@@ -5412,7 +5418,7 @@ const ErrorPage = (props) => {
|
|
|
5412
5418
|
props?.supportLink && React__namespace.default.createElement("div", { className: "uui-error-support-link" }, props?.supportLink))));
|
|
5413
5419
|
};
|
|
5414
5420
|
|
|
5415
|
-
var css = {"recovery-spinner":"
|
|
5421
|
+
var css = {"recovery-spinner":"BAsWwf","recoverySpinner":"BAsWwf","recovery-message":"k-WYea","recoveryMessage":"k-WYea","modal-blocker":"U4zMV9","modalBlocker":"U4zMV9","modalFadeIn":"x2hKDO"};
|
|
5416
5422
|
|
|
5417
5423
|
function ErrorHandler(props) {
|
|
5418
5424
|
const { uuiNotifications, uuiModals, uuiApi } = uuiCore.useUuiContext();
|
|
@@ -5428,7 +5434,7 @@ function ErrorHandler(props) {
|
|
|
5428
5434
|
}
|
|
5429
5435
|
else {
|
|
5430
5436
|
uuiNotifications.show((notificationProps) => (React__namespace.default.createElement(ErrorNotification, { ...notificationProps },
|
|
5431
|
-
React__namespace.default.createElement(Text,
|
|
5437
|
+
React__namespace.default.createElement(Text, null, c.responseData && c.responseData.errorMessage))));
|
|
5432
5438
|
}
|
|
5433
5439
|
c.dismissError();
|
|
5434
5440
|
});
|
|
@@ -5439,7 +5445,7 @@ function ErrorHandler(props) {
|
|
|
5439
5445
|
React__namespace.default.createElement(ModalWindow, null,
|
|
5440
5446
|
React__namespace.default.createElement(ModalHeader, { borderBottom: true, title: title }),
|
|
5441
5447
|
React__namespace.default.createElement(Spinner, { cx: css.recoverySpinner }),
|
|
5442
|
-
React__namespace.default.createElement(FlexRow, {
|
|
5448
|
+
React__namespace.default.createElement(FlexRow, { cx: css.recoveryMessage },
|
|
5443
5449
|
React__namespace.default.createElement(FlexCell, { grow: 1 },
|
|
5444
5450
|
React__namespace.default.createElement(RichTextView, null, subtitle),
|
|
5445
5451
|
isAuthLost && (React__namespace.default.createElement(Text, { color: "tertiary" },
|