@epam/uui 5.8.1-beta.0 → 5.8.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/effects.scss +2 -2
- package/assets/styles/inputs.scss +4 -0
- package/components/buttons/Button.d.ts +6 -3
- package/components/buttons/Button.d.ts.map +1 -1
- package/components/buttons/IconButton.d.ts +7 -3
- package/components/buttons/IconButton.d.ts.map +1 -1
- package/components/buttons/LinkButton.d.ts +12 -5
- package/components/buttons/LinkButton.d.ts.map +1 -1
- package/components/buttons/TabButton.d.ts +12 -3
- package/components/buttons/TabButton.d.ts.map +1 -1
- package/components/buttons/VerticalTabButton.d.ts +9 -1
- package/components/buttons/VerticalTabButton.d.ts.map +1 -1
- package/components/datePickers/DatePicker.d.ts.map +1 -1
- package/components/datePickers/RangeDatePickerInput.d.ts.map +1 -1
- package/components/inputs/Checkbox.d.ts +2 -3
- package/components/inputs/Checkbox.d.ts.map +1 -1
- package/components/inputs/NumericInput.d.ts +2 -3
- package/components/inputs/NumericInput.d.ts.map +1 -1
- package/components/inputs/RadioInput.d.ts.map +1 -1
- package/components/inputs/Switch.d.ts +2 -3
- package/components/inputs/Switch.d.ts.map +1 -1
- package/components/inputs/TextArea.d.ts +2 -3
- package/components/inputs/TextArea.d.ts.map +1 -1
- package/components/layout/LabeledInput.d.ts +2 -3
- package/components/layout/LabeledInput.d.ts.map +1 -1
- package/components/overlays/DropdownMenu.d.ts.map +1 -1
- package/components/overlays/Modals.d.ts +1 -1
- package/components/overlays/Modals.d.ts.map +1 -1
- package/components/pickers/DataPickerBody.d.ts.map +1 -1
- package/components/pickers/DataPickerCell.d.ts.map +1 -1
- package/components/pickers/DataPickerFooter.d.ts.map +1 -1
- package/components/pickers/DataPickerHeader.d.ts.map +1 -1
- package/components/pickers/DataPickerRow.d.ts.map +1 -1
- package/components/pickers/MobileDropdownWrapper.d.ts.map +1 -1
- package/components/pickers/PickerInput.d.ts.map +1 -1
- package/components/pickers/PickerItem.d.ts.map +1 -1
- package/components/pickers/PickerToggler.d.ts.map +1 -1
- package/components/pickers/PickerTogglerTag.d.ts +1 -1
- package/components/pickers/PickerTogglerTag.d.ts.map +1 -1
- package/components/pickers/highlight.d.ts +0 -1
- package/components/pickers/highlight.d.ts.map +1 -1
- package/components/tables/DataRowsContainer/DataRowsGroups.d.ts.map +1 -1
- package/components/tables/DataRowsContainer/utils.d.ts.map +1 -1
- package/components/typography/RichTextView.d.ts +2 -3
- package/components/typography/RichTextView.d.ts.map +1 -1
- package/components/typography/Text.d.ts.map +1 -1
- package/components/widgets/Badge.d.ts +16 -5
- package/components/widgets/Badge.d.ts.map +1 -1
- package/components/widgets/CountIndicator.d.ts.map +1 -1
- package/components/widgets/DataRowAddons.d.ts.map +1 -1
- package/components/widgets/Tag.d.ts +21 -3
- package/components/widgets/Tag.d.ts.map +1 -1
- package/helpers/textLayout.d.ts.map +1 -1
- package/helpers/useColumnsWithFilters.d.ts +1 -1
- package/helpers/useColumnsWithFilters.d.ts.map +1 -1
- package/icons/icons.d.ts +0 -1
- package/icons/icons.d.ts.map +1 -1
- package/index.d.ts +0 -1
- package/index.d.ts.map +1 -1
- package/index.esm.js +245 -346
- package/index.esm.js.map +1 -1
- package/index.js +243 -345
- package/index.js.map +1 -1
- package/package.json +5 -5
- package/stats.html +19 -1
- package/styles.css +3550 -2948
- package/styles.css.map +1 -1
- package/settings.d.ts +0 -193
- package/settings.d.ts.map +0 -1
package/index.esm.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as uuiComponents from '@epam/uui-components';
|
|
2
|
-
import { Clickable, IconContainer, 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, FlexSpacer,
|
|
2
|
+
import { Clickable, IconContainer, 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, FlexSpacer, Text as Text$1, FlexCell as FlexCell$1, VPanel, ScrollBars as ScrollBars$1, AvatarStack as AvatarStack$1, Spinner as Spinner$1, Paginator as Paginator$1, DragHandle, Blocker as Blocker$1, PickerBodyBase, DataPickerRow as DataPickerRow$1, Avatar, usePickerModal, handleDataSourceKeyboard, PickerToggler as PickerToggler$1, usePickerInput, usePickerList, Calendar as Calendar$1, YearSelection, MonthSelection, AdaptivePanel, ModalBlocker as ModalBlocker$1, ModalWindow as ModalWindow$1, Snackbar as Snackbar$1, InputAddon as InputAddon$1, Slider as Slider$1, CalendarPresets as CalendarPresets$1, Day, uuiDaySelection, 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
4
|
import { withMods, devLogger, uuiElement, cx as cx$1, uuiMarkers, IEditableDebouncer, UuiContext, uuiMod, directionMode, useVirtualList, useScrollShadows, i18n as i18n$1, Lens, isMobile, usePrevious, useUuiContext, useForceUpdate, getSeparatedValue, useArrayDataSource, orderBy, getOrderBetween, 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';
|
|
@@ -281,187 +281,16 @@ const systemIcons = {
|
|
|
281
281
|
info: ForwardRef$L,
|
|
282
282
|
};
|
|
283
283
|
|
|
284
|
-
|
|
285
|
-
sizes: {
|
|
286
|
-
defaults: {
|
|
287
|
-
button: '36',
|
|
288
|
-
checkbox: '18',
|
|
289
|
-
countIndicator: '24',
|
|
290
|
-
dataPickerCell: '36',
|
|
291
|
-
linkButton: '36',
|
|
292
|
-
numericInput: '36',
|
|
293
|
-
pickerToggler: '36',
|
|
294
|
-
pickerItem: '36',
|
|
295
|
-
radioInput: '18',
|
|
296
|
-
switch: '18',
|
|
297
|
-
tabButton: '48',
|
|
298
|
-
tag: '36',
|
|
299
|
-
text: '36',
|
|
300
|
-
textInput: '36',
|
|
301
|
-
rangeDatePicker: '36',
|
|
302
|
-
datePicker: '36',
|
|
303
|
-
},
|
|
304
|
-
tag: {
|
|
305
|
-
countIndicator: {
|
|
306
|
-
18: '12',
|
|
307
|
-
24: '18',
|
|
308
|
-
30: '18',
|
|
309
|
-
36: '18',
|
|
310
|
-
42: '24',
|
|
311
|
-
48: '24',
|
|
312
|
-
},
|
|
313
|
-
},
|
|
314
|
-
mobileDropdownWrapper: {
|
|
315
|
-
linkButton: '48',
|
|
316
|
-
},
|
|
317
|
-
pickerInput: {
|
|
318
|
-
height: 300,
|
|
319
|
-
width: 360,
|
|
320
|
-
rowSize: {
|
|
321
|
-
mobile: '48',
|
|
322
|
-
modal: '36',
|
|
323
|
-
padding: {
|
|
324
|
-
modal: '24',
|
|
325
|
-
default: '12',
|
|
326
|
-
},
|
|
327
|
-
},
|
|
328
|
-
},
|
|
329
|
-
pickerToggler: {
|
|
330
|
-
tag: {
|
|
331
|
-
24: '18',
|
|
332
|
-
30: '24',
|
|
333
|
-
36: '30',
|
|
334
|
-
42: '36',
|
|
335
|
-
48: '42',
|
|
336
|
-
60: '48',
|
|
337
|
-
},
|
|
338
|
-
},
|
|
339
|
-
dataPickerHeader: {
|
|
340
|
-
text: {
|
|
341
|
-
fontWeight: '600',
|
|
342
|
-
size: '48',
|
|
343
|
-
},
|
|
344
|
-
},
|
|
345
|
-
dataPickerBody: {
|
|
346
|
-
flexCell: {
|
|
347
|
-
default: '36',
|
|
348
|
-
},
|
|
349
|
-
searchInput: {
|
|
350
|
-
mobile: '48',
|
|
351
|
-
},
|
|
352
|
-
},
|
|
353
|
-
pickerItem: {
|
|
354
|
-
avatar: {
|
|
355
|
-
rest: {
|
|
356
|
-
24: '18',
|
|
357
|
-
30: '24',
|
|
358
|
-
36: '30',
|
|
359
|
-
42: '36',
|
|
360
|
-
48: '36', // no design
|
|
361
|
-
},
|
|
362
|
-
multiline: {
|
|
363
|
-
24: '30',
|
|
364
|
-
30: '30',
|
|
365
|
-
36: '36',
|
|
366
|
-
42: '42',
|
|
367
|
-
48: '48', // no design
|
|
368
|
-
},
|
|
369
|
-
},
|
|
370
|
-
},
|
|
371
|
-
dataPickerCell: {
|
|
372
|
-
isBoldIcon: {
|
|
373
|
-
24: true,
|
|
374
|
-
},
|
|
375
|
-
padding: {
|
|
376
|
-
default: '12',
|
|
377
|
-
},
|
|
378
|
-
paddingLeft: {
|
|
379
|
-
default: '24',
|
|
380
|
-
},
|
|
381
|
-
text: {
|
|
382
|
-
24: '24',
|
|
383
|
-
30: '30',
|
|
384
|
-
36: '36',
|
|
385
|
-
42: '42',
|
|
386
|
-
48: '48',
|
|
387
|
-
60: '48',
|
|
388
|
-
},
|
|
389
|
-
},
|
|
390
|
-
dataPickerRow: {
|
|
391
|
-
padding: {
|
|
392
|
-
default: '24',
|
|
393
|
-
},
|
|
394
|
-
dataPickerCell: {
|
|
395
|
-
default: '36',
|
|
396
|
-
},
|
|
397
|
-
},
|
|
398
|
-
dataPickerFooter: {
|
|
399
|
-
flexRowPadding: '12',
|
|
400
|
-
switch: {
|
|
401
|
-
24: '12',
|
|
402
|
-
30: '18',
|
|
403
|
-
36: '18',
|
|
404
|
-
42: '24',
|
|
405
|
-
48: '24',
|
|
406
|
-
},
|
|
407
|
-
linkButton: {
|
|
408
|
-
24: '12',
|
|
409
|
-
30: '18',
|
|
410
|
-
36: '18',
|
|
411
|
-
42: '24',
|
|
412
|
-
48: '24',
|
|
413
|
-
mobile: '48',
|
|
414
|
-
},
|
|
415
|
-
},
|
|
416
|
-
rowAddons: {
|
|
417
|
-
checkbox: {
|
|
418
|
-
24: '12',
|
|
419
|
-
30: '18',
|
|
420
|
-
36: '18',
|
|
421
|
-
42: '18',
|
|
422
|
-
48: '18',
|
|
423
|
-
60: '18',
|
|
424
|
-
},
|
|
425
|
-
indentUnit: {
|
|
426
|
-
24: 6,
|
|
427
|
-
30: 12,
|
|
428
|
-
36: 12,
|
|
429
|
-
42: 24,
|
|
430
|
-
48: 24,
|
|
431
|
-
60: 24,
|
|
432
|
-
default: 24,
|
|
433
|
-
},
|
|
434
|
-
indentWidth: {
|
|
435
|
-
24: 12,
|
|
436
|
-
30: 18,
|
|
437
|
-
36: 18,
|
|
438
|
-
42: 24,
|
|
439
|
-
48: 24,
|
|
440
|
-
60: 24,
|
|
441
|
-
default: 12,
|
|
442
|
-
},
|
|
443
|
-
},
|
|
444
|
-
text: {
|
|
445
|
-
18: { lineHeight: 12, fontSize: 10 },
|
|
446
|
-
24: { lineHeight: 18, fontSize: 12 },
|
|
447
|
-
30: { lineHeight: 18, fontSize: 14 },
|
|
448
|
-
36: { lineHeight: 18, fontSize: 14 },
|
|
449
|
-
42: { lineHeight: 24, fontSize: 16 },
|
|
450
|
-
48: { lineHeight: 24, fontSize: 16 },
|
|
451
|
-
60: { lineHeight: 30, fontSize: 24 },
|
|
452
|
-
},
|
|
453
|
-
},
|
|
454
|
-
};
|
|
455
|
-
|
|
456
|
-
var css$1s = {"uui-typography":"vAOb-p","hero-header":"n9Pi6L","promo-header":"-axDU2","uui-critical":"-JHG1y","uui-info":"sYlNWa","uui-success":"lV1AFN","uui-warning":"FTq9Mi","uui-highlight":"_0DO176","uui-typography-size-12":"f1hI1l","uui-typography-size-14":"nNf9R8","uui-typography-size-16":"_0JBPoc","root":"YrD6ge","uuiTypography":"vAOb-p","heroHeader":"n9Pi6L","promoHeader":"-axDU2","uuiCritical":"-JHG1y","uuiInfo":"sYlNWa","uuiSuccess":"lV1AFN","uuiWarning":"FTq9Mi","uuiHighlight":"_0DO176","uuiTypographySize12":"f1hI1l","uuiTypographySize14":"nNf9R8","uuiTypographySize16":"_0JBPoc"};
|
|
284
|
+
var css$1s = {"uui-typography":"dvYXvK","hero-header":"Dcmwip","promo-header":"LFe6l7","uui-critical":"k-GFaP","uui-info":"GyRUio","uui-success":"ctD82b","uui-warning":"CDVTeT","uui-highlight":"Ifb8qf","uui-typography-size-12":"C6BfYa","uui-typography-size-14":"CXKJfF","uui-typography-size-16":"dSAW6B","root":"r-N9Qk","uuiTypography":"dvYXvK","heroHeader":"Dcmwip","promoHeader":"LFe6l7","uuiCritical":"k-GFaP","uuiInfo":"GyRUio","uuiSuccess":"ctD82b","uuiWarning":"CDVTeT","uuiHighlight":"Ifb8qf","uuiTypographySize12":"C6BfYa","uuiTypographySize14":"CXKJfF","uuiTypographySize16":"dSAW6B"};
|
|
457
285
|
|
|
286
|
+
const DEFAULT_SIZE$8 = '36';
|
|
458
287
|
function applyButtonMods(mods) {
|
|
459
288
|
return [
|
|
460
289
|
css$1s.root,
|
|
461
290
|
'uui-button',
|
|
462
291
|
`uui-fill-${mods.fill || 'solid'}`,
|
|
463
292
|
`uui-color-${mods.color || 'primary'}`,
|
|
464
|
-
`uui-size-${mods.size ||
|
|
293
|
+
`uui-size-${mods.size || DEFAULT_SIZE$8}`,
|
|
465
294
|
];
|
|
466
295
|
}
|
|
467
296
|
const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, () => {
|
|
@@ -471,7 +300,7 @@ const Button = /* @__PURE__ */withMods(uuiComponents.Button, applyButtonMods, ()
|
|
|
471
300
|
};
|
|
472
301
|
});
|
|
473
302
|
|
|
474
|
-
var css$1r = {"root":"
|
|
303
|
+
var css$1r = {"root":"rbnZUJ"};
|
|
475
304
|
|
|
476
305
|
function applyIconButtonMods(props) {
|
|
477
306
|
return ['uui-icon_button', `uui-color-${props.color || 'neutral'}`, css$1r.root];
|
|
@@ -488,6 +317,7 @@ const IconButton = /* @__PURE__ */withMods(uuiComponents.IconButton, applyIconBu
|
|
|
488
317
|
}
|
|
489
318
|
return {
|
|
490
319
|
dropdownIcon: props.dropdownIcon || systemIcons.foldingArrow,
|
|
320
|
+
size: props.size && Number(props.size),
|
|
491
321
|
};
|
|
492
322
|
});
|
|
493
323
|
|
|
@@ -508,14 +338,15 @@ function getIconClass(props) {
|
|
|
508
338
|
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'];
|
|
509
339
|
}
|
|
510
340
|
|
|
511
|
-
var css$1q = {"uui-typography":"
|
|
341
|
+
var css$1q = {"uui-typography":"fcFEuI","hero-header":"QuteAQ","promo-header":"scyn0Z","uui-critical":"e31haE","uui-info":"fNjqJU","uui-success":"lmvBQs","uui-warning":"xtbo2u","uui-highlight":"MnAwyr","uui-typography-size-12":"FnMd5C","uui-typography-size-14":"_0eP5AY","uui-typography-size-16":"Na-asq","root":"cPfYKP","uuiTypography":"fcFEuI","heroHeader":"QuteAQ","promoHeader":"scyn0Z","uuiCritical":"e31haE","uuiInfo":"fNjqJU","uuiSuccess":"lmvBQs","uuiWarning":"xtbo2u","uuiHighlight":"MnAwyr","uuiTypographySize12":"FnMd5C","uuiTypographySize14":"_0eP5AY","uuiTypographySize16":"Na-asq"};
|
|
512
342
|
|
|
343
|
+
const DEFAULT_SIZE$7 = '36';
|
|
513
344
|
const DEFAULT_COLOR = 'primary';
|
|
514
345
|
function applyLinkButtonMods(mods) {
|
|
515
346
|
return [
|
|
516
347
|
'uui-link_button',
|
|
517
348
|
css$1q.root,
|
|
518
|
-
`uui-size-${mods.size ||
|
|
349
|
+
`uui-size-${mods.size || DEFAULT_SIZE$7}`,
|
|
519
350
|
...getIconClass(mods),
|
|
520
351
|
`uui-color-${mods.color || DEFAULT_COLOR}`,
|
|
521
352
|
];
|
|
@@ -539,25 +370,25 @@ const LinkButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
539
370
|
props.isDropdown && (React.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
540
371
|
});
|
|
541
372
|
|
|
542
|
-
var css$1p = {"root":"
|
|
373
|
+
var css$1p = {"root":"_7Nw7Rq","size-24":"_2Z-h-M","size-18":"lOoP8a","size-12":"b-Apf6","size24":"_2Z-h-M","size18":"lOoP8a","size12":"b-Apf6"};
|
|
543
374
|
|
|
544
375
|
const CountIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
545
376
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
546
377
|
css$1p.root,
|
|
547
378
|
'uui-count_indicator',
|
|
548
|
-
`
|
|
379
|
+
css$1p[`size-${props.size || 24}`],
|
|
549
380
|
props.color && `uui-color-${props.color}`,
|
|
550
381
|
props.cx,
|
|
551
382
|
]) }, props.caption));
|
|
552
383
|
});
|
|
553
384
|
|
|
554
|
-
var css$1o = {"uui-typography":"
|
|
385
|
+
var css$1o = {"uui-typography":"pXc7Li","hero-header":"AauMo6","promo-header":"bnfSQk","uui-critical":"c3AIFG","uui-info":"_3f7sK-","uui-success":"WcFa88","uui-warning":"flVCaC","uui-highlight":"lO0SiY","uui-typography-size-12":"MU2KxY","uui-typography-size-14":"N3HRQG","uui-typography-size-16":"jY-KZ-","root":"bMrvVl","withNotify":"_0yob5j","caption-with-notify":"oHtrxG","size-36":"CxPh0v","size-48":"n3sUqZ","size-60":"ZGi1lL","uuiTypography":"pXc7Li","heroHeader":"AauMo6","promoHeader":"bnfSQk","uuiCritical":"c3AIFG","uuiInfo":"_3f7sK-","uuiSuccess":"WcFa88","uuiWarning":"flVCaC","uuiHighlight":"lO0SiY","uuiTypographySize12":"MU2KxY","uuiTypographySize14":"N3HRQG","uuiTypographySize16":"jY-KZ-","captionWithNotify":"oHtrxG","size36":"CxPh0v","size48":"n3sUqZ","size60":"ZGi1lL"};
|
|
555
386
|
|
|
556
387
|
const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
557
388
|
const styles = [
|
|
558
389
|
css$1o.root,
|
|
559
390
|
'uui-tab-button',
|
|
560
|
-
|
|
391
|
+
css$1o['size-' + (props.size || '48')],
|
|
561
392
|
props.withNotify && css$1o.withNotify,
|
|
562
393
|
...getIconClass(props),
|
|
563
394
|
props.cx,
|
|
@@ -566,14 +397,14 @@ const TabButton = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
566
397
|
const ClearIcon = props.clearIcon ? props.clearIcon : systemIcons.clear;
|
|
567
398
|
return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ role: 'tab', 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
568
399
|
props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
569
|
-
props.caption && (React__default.createElement("div", { className: cx$1(uuiElement.caption) }, props.caption)),
|
|
400
|
+
props.caption && (React__default.createElement("div", { className: cx$1(uuiElement.caption, props.withNotify && css$1o.captionWithNotify) }, props.caption)),
|
|
570
401
|
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: props.isLinkActive ? 'info' : 'neutral', size: "18", caption: props.count })),
|
|
571
402
|
props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
572
403
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
573
404
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
574
405
|
});
|
|
575
406
|
|
|
576
|
-
var css$1n = {"uui-typography":"
|
|
407
|
+
var css$1n = {"uui-typography":"KP1389","hero-header":"_90iVsu","promo-header":"dvNgg1","uui-critical":"SqbwEI","uui-info":"xR1Bm7","uui-success":"uXL5bC","uui-warning":"TmBCjx","uui-highlight":"_2YFaXD","uui-typography-size-12":"lzIPqv","uui-typography-size-14":"Fn8pV2","uui-typography-size-16":"FZJJoW","root":"yipmY6","uuiTypography":"KP1389","heroHeader":"_90iVsu","promoHeader":"dvNgg1","uuiCritical":"SqbwEI","uuiInfo":"xR1Bm7","uuiSuccess":"uXL5bC","uuiWarning":"TmBCjx","uuiHighlight":"_2YFaXD","uuiTypographySize12":"lzIPqv","uuiTypographySize14":"Fn8pV2","uuiTypographySize16":"FZJJoW"};
|
|
577
408
|
|
|
578
409
|
function applyVerticalTabButtonMods() {
|
|
579
410
|
return [css$1n.root];
|
|
@@ -595,12 +426,12 @@ var SvgContentMinusOutline = function SvgContentMinusOutline(props, ref) {
|
|
|
595
426
|
};
|
|
596
427
|
var ForwardRef$B = /*#__PURE__*/forwardRef(SvgContentMinusOutline);
|
|
597
428
|
|
|
598
|
-
var css$1m = {"uui-typography":"
|
|
429
|
+
var css$1m = {"uui-typography":"_1-oM1z","hero-header":"LwGGf6","promo-header":"cBbWGs","uui-critical":"aqwA9V","uui-info":"kb9sh0","uui-success":"S9D7kZ","uui-warning":"_7-k5cF","uui-highlight":"POyBZF","uui-typography-size-12":"pG6VHE","uui-typography-size-14":"eykh2j","uui-typography-size-16":"_7QFpF1","root":"qGCRm-","size-18":"NbVqd-","size-12":"KLMFUC","mode-cell":"wxrRUi","uuiTypography":"_1-oM1z","heroHeader":"LwGGf6","promoHeader":"cBbWGs","uuiCritical":"aqwA9V","uuiInfo":"kb9sh0","uuiSuccess":"S9D7kZ","uuiWarning":"_7-k5cF","uuiHighlight":"POyBZF","uuiTypographySize12":"pG6VHE","uuiTypographySize14":"eykh2j","uuiTypographySize16":"_7QFpF1","size18":"NbVqd-","size12":"KLMFUC","modeCell":"wxrRUi"};
|
|
599
430
|
|
|
600
431
|
function applyCheckboxMods(mods) {
|
|
601
432
|
return [
|
|
602
433
|
css$1m.root,
|
|
603
|
-
|
|
434
|
+
css$1m['size-' + (mods.size || '18')],
|
|
604
435
|
css$1m['mode-' + (mods.mode || 'form')],
|
|
605
436
|
'uui-color-primary',
|
|
606
437
|
];
|
|
@@ -615,6 +446,8 @@ const applyUUICheckboxProps = (props) => {
|
|
|
615
446
|
};
|
|
616
447
|
const Checkbox = /* @__PURE__ */withMods(uuiComponents.Checkbox, applyCheckboxMods, applyUUICheckboxProps);
|
|
617
448
|
|
|
449
|
+
var css$1l = {"uui-typography":"_7R0jjV","hero-header":"d78dAh","promo-header":"DwzoS-","uui-critical":"O6RJqn","uui-info":"_2ntH2f","uui-success":"BEQ-hZ","uui-warning":"i9ALqx","uui-highlight":"_70hDuG","uui-typography-size-12":"hpkc1P","uui-typography-size-14":"xUyQUh","uui-typography-size-16":"VQhXYY","root":"_2YQlTt","size-18":"EB22NN","size-12":"L20e7v","uuiTypography":"_7R0jjV","heroHeader":"d78dAh","promoHeader":"DwzoS-","uuiCritical":"O6RJqn","uuiInfo":"_2ntH2f","uuiSuccess":"BEQ-hZ","uuiWarning":"i9ALqx","uuiHighlight":"_70hDuG","uuiTypographySize12":"hpkc1P","uuiTypographySize14":"xUyQUh","uuiTypographySize16":"VQhXYY","size18":"EB22NN","size12":"L20e7v"};
|
|
450
|
+
|
|
618
451
|
var _path$A;
|
|
619
452
|
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); }
|
|
620
453
|
var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
@@ -630,25 +463,21 @@ var SvgRadioDotFill = function SvgRadioDotFill(props, ref) {
|
|
|
630
463
|
};
|
|
631
464
|
var ForwardRef$A = /*#__PURE__*/forwardRef(SvgRadioDotFill);
|
|
632
465
|
|
|
633
|
-
var css$1l = {"uui-typography":"YSDnC6","hero-header":"pRufus","promo-header":"jYZL8c","uui-critical":"GL6mM7","uui-info":"BHFIB9","uui-success":"RYeA-q","uui-warning":"rU-sdn","uui-highlight":"AVs1B4","uui-typography-size-12":"VpR1-6","uui-typography-size-14":"JQi8Eu","uui-typography-size-16":"hBfjC3","root":"sMicyC","uuiTypography":"YSDnC6","heroHeader":"pRufus","promoHeader":"jYZL8c","uuiCritical":"GL6mM7","uuiInfo":"BHFIB9","uuiSuccess":"RYeA-q","uuiWarning":"rU-sdn","uuiHighlight":"AVs1B4","uuiTypographySize12":"VpR1-6","uuiTypographySize14":"JQi8Eu","uuiTypographySize16":"hBfjC3"};
|
|
634
|
-
|
|
635
466
|
function applyRadioInputMods(mods) {
|
|
636
467
|
return [
|
|
637
468
|
css$1l.root,
|
|
638
|
-
|
|
469
|
+
css$1l['size-' + (mods.size || '18')],
|
|
639
470
|
'uui-radio-input-container',
|
|
640
471
|
'uui-color-primary',
|
|
641
472
|
];
|
|
642
473
|
}
|
|
643
474
|
const RadioInput = /* @__PURE__ */withMods(RadioInput$1, applyRadioInputMods, (props) => ({ icon: props.icon ? props.icon : ForwardRef$A }));
|
|
644
475
|
|
|
645
|
-
var css$1k = {"root":"
|
|
476
|
+
var css$1k = {"root":"OHF1K8","size-12":"XWLbNi","size-18":"jsfzoM","size-24":"kTNfcU","size12":"XWLbNi","size18":"jsfzoM","size24":"kTNfcU"};
|
|
646
477
|
|
|
647
478
|
function applySwitchMods(mods) {
|
|
648
479
|
return [
|
|
649
|
-
css$1k.root,
|
|
650
|
-
`uui-size-${mods.size || settings.sizes.defaults.switch}`,
|
|
651
|
-
'uui-color-primary',
|
|
480
|
+
css$1k.root, css$1k['size-' + (mods.size || '18')], 'uui-color-primary',
|
|
652
481
|
];
|
|
653
482
|
}
|
|
654
483
|
const Switch = /* @__PURE__ */withMods(uuiComponents.Switch, applySwitchMods);
|
|
@@ -710,13 +539,14 @@ var EditMode;
|
|
|
710
539
|
EditMode["INLINE"] = "inline";
|
|
711
540
|
})(EditMode || (EditMode = {}));
|
|
712
541
|
|
|
713
|
-
var textInputCss = {"uui-typography":"
|
|
542
|
+
var textInputCss = {"uui-typography":"N6N5n2","hero-header":"yfnnMI","promo-header":"uhC26H","uui-critical":"pZ9doZ","uui-info":"_1U-9W8","uui-success":"ZmuDro","uui-warning":"IfBZBF","uui-highlight":"_2MCEHi","uui-typography-size-12":"bDNr0R","uui-typography-size-14":"LQ--Ei","uui-typography-size-16":"_9iQPCt","root":"cB0VJ9","mode-form":"-GFgQD","mode-inline":"KRQH5e","mode-cell":"NPCFZ2","size-24":"o3Kb2z","size-30":"i4VQ-V","size-36":"bBUiNJ","size-42":"ZOTdKO","size-48":"WUxpxn","size-60":"_5gCsoC","uuiTypography":"N6N5n2","heroHeader":"yfnnMI","promoHeader":"uhC26H","uuiCritical":"pZ9doZ","uuiInfo":"_1U-9W8","uuiSuccess":"ZmuDro","uuiWarning":"IfBZBF","uuiHighlight":"_2MCEHi","uuiTypographySize12":"bDNr0R","uuiTypographySize14":"LQ--Ei","uuiTypographySize16":"_9iQPCt","modeForm":"-GFgQD","modeInline":"KRQH5e","modeCell":"NPCFZ2","size24":"o3Kb2z","size30":"i4VQ-V","size36":"bBUiNJ","size42":"ZOTdKO","size48":"WUxpxn","size60":"_5gCsoC"};
|
|
714
543
|
|
|
544
|
+
const DEFAULT_SIZE$6 = '36';
|
|
715
545
|
const DEFAULT_MODE$3 = EditMode.FORM;
|
|
716
546
|
function applyTextInputMods(mods) {
|
|
717
547
|
return [
|
|
718
548
|
textInputCss.root,
|
|
719
|
-
|
|
549
|
+
textInputCss['size-' + (mods.size || DEFAULT_SIZE$6)],
|
|
720
550
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$3)],
|
|
721
551
|
];
|
|
722
552
|
}
|
|
@@ -736,7 +566,7 @@ const SearchInput = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
736
566
|
} })));
|
|
737
567
|
});
|
|
738
568
|
|
|
739
|
-
var css$1j = {"root":"
|
|
569
|
+
var css$1j = {"root":"FHzIej"};
|
|
740
570
|
|
|
741
571
|
const ControlGroup = /* @__PURE__ */withMods(ControlGroup$1, () => [css$1j.root]);
|
|
742
572
|
|
|
@@ -745,14 +575,16 @@ function MultiSwitchComponent(props, ref) {
|
|
|
745
575
|
}
|
|
746
576
|
const MultiSwitch = /* @__PURE__ */React.forwardRef(MultiSwitchComponent);
|
|
747
577
|
|
|
748
|
-
var css$1i = {"uui-typography":"
|
|
578
|
+
var css$1i = {"uui-typography":"gZF-ZO","hero-header":"Su7tsJ","promo-header":"_7IoVQ2","uui-critical":"js141J","uui-info":"a7ZeCT","uui-success":"A2-azR","uui-warning":"qNo-6Q","uui-highlight":"O09MxF","uui-typography-size-12":"VMabZG","uui-typography-size-14":"uC8sl-","uui-typography-size-16":"PR-diV","root":"JMUEsb","size-24":"secakJ","size-30":"GiYDTX","size-36":"UPiGIy","size-42":"PzWLQO","size-48":"n5RfDO","mode-form":"S-lRBS","mode-cell":"HxPh7H","uuiTypography":"gZF-ZO","heroHeader":"Su7tsJ","promoHeader":"_7IoVQ2","uuiCritical":"js141J","uuiInfo":"a7ZeCT","uuiSuccess":"A2-azR","uuiWarning":"qNo-6Q","uuiHighlight":"O09MxF","uuiTypographySize12":"VMabZG","uuiTypographySize14":"uC8sl-","uuiTypographySize16":"PR-diV","size24":"secakJ","size30":"GiYDTX","size36":"UPiGIy","size42":"PzWLQO","size48":"n5RfDO","modeForm":"S-lRBS","modeCell":"HxPh7H"};
|
|
749
579
|
|
|
580
|
+
const DEFAULT_SIZE$5 = '36';
|
|
750
581
|
const DEFAULT_MODE$2 = EditMode.FORM;
|
|
751
582
|
function applyNumericInputMods(mods) {
|
|
752
583
|
return [
|
|
753
584
|
textInputCss.root,
|
|
754
585
|
css$1i.root,
|
|
755
|
-
|
|
586
|
+
css$1i['size-' + (mods.size || DEFAULT_SIZE$5)],
|
|
587
|
+
textInputCss['size-' + (mods.size || DEFAULT_SIZE$5)],
|
|
756
588
|
textInputCss['mode-' + (mods.mode || DEFAULT_MODE$2)],
|
|
757
589
|
];
|
|
758
590
|
}
|
|
@@ -766,14 +598,14 @@ const NumericInput = /* @__PURE__ */withMods(NumericInput$1, applyNumericInputMo
|
|
|
766
598
|
};
|
|
767
599
|
});
|
|
768
600
|
|
|
769
|
-
var css$1h = {"uui-typography":"
|
|
601
|
+
var css$1h = {"uui-typography":"e80hvQ","hero-header":"kmqdhw","promo-header":"e3NLl-","uui-critical":"z--odQ","uui-info":"g2xyzb","uui-success":"rzGSCP","uui-warning":"jUpJv9","uui-highlight":"_9Dpils","uui-typography-size-12":"bSd4hE","uui-typography-size-14":"v-KINR","uui-typography-size-16":"ZHkuT0","root":"zmhE3t","mode-form":"p3pdet","mode-cell":"UuF3FD","mode-inline":"enz7bt","size-24":"PUVIm-","size-30":"_7gDNfw","size-36":"EX8GwX","size-42":"FbxarN","size-48":"x3QGOi","uuiTypography":"e80hvQ","heroHeader":"kmqdhw","promoHeader":"e3NLl-","uuiCritical":"z--odQ","uuiInfo":"g2xyzb","uuiSuccess":"rzGSCP","uuiWarning":"jUpJv9","uuiHighlight":"_9Dpils","uuiTypographySize12":"bSd4hE","uuiTypographySize14":"v-KINR","uuiTypographySize16":"ZHkuT0","modeForm":"p3pdet","modeCell":"UuF3FD","modeInline":"enz7bt","size24":"PUVIm-","size30":"_7gDNfw","size36":"EX8GwX","size42":"FbxarN","size48":"x3QGOi"};
|
|
770
602
|
|
|
771
|
-
const DEFAULT_SIZE$
|
|
603
|
+
const DEFAULT_SIZE$4 = '36';
|
|
772
604
|
const DEFAULT_MODE$1 = EditMode.FORM;
|
|
773
605
|
function applyTextAreaMods(mods) {
|
|
774
606
|
return [
|
|
775
607
|
css$1h.root,
|
|
776
|
-
css$1h['size-' + (mods.size || DEFAULT_SIZE$
|
|
608
|
+
css$1h['size-' + (mods.size || DEFAULT_SIZE$4)],
|
|
777
609
|
css$1h['mode-' + (mods.mode || DEFAULT_MODE$1)],
|
|
778
610
|
];
|
|
779
611
|
}
|
|
@@ -868,7 +700,7 @@ var SvgNotificationInfoFill = function SvgNotificationInfoFill(props, ref) {
|
|
|
868
700
|
};
|
|
869
701
|
var ForwardRef$w = /*#__PURE__*/forwardRef(SvgNotificationInfoFill);
|
|
870
702
|
|
|
871
|
-
var css$1g = {"uui-typography":"
|
|
703
|
+
var css$1g = {"uui-typography":"_9m0GKM","hero-header":"KDV-fZ","promo-header":"_57qTf7","uui-critical":"sw5KDJ","uui-info":"-b6MDI","uui-success":"ksl4eV","uui-warning":"_5nso0e","uui-highlight":"_1ybGvA","uui-typography-size-12":"Fd2tiw","uui-typography-size-14":"qBuGJ2","uui-typography-size-16":"Wik5ii","root":"_7vJS0W","icon-wrapper":"tIu9Pd","alert-wrapper":"ZepYQg","size-48":"ogcMxb","size-36":"fu37CS","action-wrapper":"_3C3TH9","action-icon":"_7feXqF","action-link":"yHPZeW","close-icon":"BP6ssn","main-path":"l999NU","content":"xbHfdO","uuiTypography":"_9m0GKM","heroHeader":"KDV-fZ","promoHeader":"_57qTf7","uuiCritical":"sw5KDJ","uuiInfo":"-b6MDI","uuiSuccess":"ksl4eV","uuiWarning":"_5nso0e","uuiHighlight":"_1ybGvA","uuiTypographySize12":"Fd2tiw","uuiTypographySize14":"qBuGJ2","uuiTypographySize16":"Wik5ii","iconWrapper":"tIu9Pd","alertWrapper":"ZepYQg","size48":"ogcMxb","size36":"fu37CS","actionWrapper":"_3C3TH9","actionIcon":"_7feXqF","actionLink":"yHPZeW","closeIcon":"BP6ssn","mainPath":"l999NU"};
|
|
872
704
|
|
|
873
705
|
const Alert = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("div", Object.assign({ role: "alert", ref: ref, className: cx('uui-alert', css$1g.root, css$1g.alertWrapper, props.color && `uui-color-${props.color}`, props.cx, (props.size === '36' ? css$1g.size36 : css$1g.size48)) }, props.rawProps),
|
|
874
706
|
React.createElement("div", { className: css$1g.mainPath },
|
|
@@ -885,7 +717,7 @@ const ErrorAlert = /* @__PURE__ */React.forwardRef((props, ref) => React.createE
|
|
|
885
717
|
|
|
886
718
|
const Dropdown = /* @__PURE__ */withMods(Dropdown$1);
|
|
887
719
|
|
|
888
|
-
var css$1f = {"root":"
|
|
720
|
+
var css$1f = {"root":"PomL5Y"};
|
|
889
721
|
|
|
890
722
|
function applyDropdownContainerMods(mods) {
|
|
891
723
|
return [
|
|
@@ -896,7 +728,7 @@ function applyDropdownContainerMods(mods) {
|
|
|
896
728
|
}
|
|
897
729
|
const DropdownContainer = /* @__PURE__ */withMods(uuiComponents.DropdownContainer, applyDropdownContainerMods);
|
|
898
730
|
|
|
899
|
-
var css$1e = {"uui-typography":"
|
|
731
|
+
var css$1e = {"uui-typography":"_0IOFna","hero-header":"-l2Ncd","promo-header":"WjAgnM","uui-critical":"miVQTy","uui-info":"a-eYl9","uui-success":"Ni7lpx","uui-warning":"n8WXge","uui-highlight":"HRLBBn","uui-typography-size-12":"CYxSYR","uui-typography-size-14":"vNRis3","uui-typography-size-16":"xeFMnj","submenu-root-item":"uPXADv","icon-after":"e83AGV","icon-check":"BLGs0N","splitter-root":"N5PPm0","splitter":"_1GeZZb","header-root":"_8n3efc","item-root":"CdIaRS","icon":"HiaX06","link":"DGSlKk","indent":"WCAf3W","selected-mark":"rctXAU","uuiTypography":"_0IOFna","heroHeader":"-l2Ncd","promoHeader":"WjAgnM","uuiCritical":"miVQTy","uuiInfo":"a-eYl9","uuiSuccess":"Ni7lpx","uuiWarning":"n8WXge","uuiHighlight":"HRLBBn","uuiTypographySize12":"CYxSYR","uuiTypographySize14":"vNRis3","uuiTypographySize16":"xeFMnj","submenuRootItem":"uPXADv","iconAfter":"e83AGV","iconCheck":"BLGs0N","splitterRoot":"N5PPm0","headerRoot":"_8n3efc","itemRoot":"CdIaRS","selectedMark":"rctXAU"};
|
|
900
732
|
|
|
901
733
|
var IDropdownControlKeys;
|
|
902
734
|
(function (IDropdownControlKeys) {
|
|
@@ -1001,8 +833,7 @@ function DropdownSubMenu(props) {
|
|
|
1001
833
|
},
|
|
1002
834
|
},
|
|
1003
835
|
];
|
|
1004
|
-
|
|
1005
|
-
return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: dir === 'rtl' ? 'left-start' : 'right-start', modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
|
|
836
|
+
return (React__default.createElement(Dropdown$1, { openOnHover: props.openOnHover || true, closeOnMouseLeave: "boundary", openDelay: 400, closeDelay: 400, placement: "right-start", modifiers: subMenuModifiers, renderBody: (dropdownProps) => React__default.createElement(DropdownMenuBody, Object.assign({ closeOnKey: IDropdownControlKeys.LEFT_ARROW }, props, dropdownProps)), renderTarget: (_a) => {
|
|
1006
837
|
var { toggleDropdownOpening } = _a, targetProps = __rest(_a, ["toggleDropdownOpening"]);
|
|
1007
838
|
return (React__default.createElement(DropdownMenuButton, Object.assign({ cx: cx$1(css$1e.submenuRootItem), icon: systemIcons.foldingArrow, iconPosition: "right", isDropdown: true, toggleDropdownOpening: toggleDropdownOpening }, props, targetProps)));
|
|
1008
839
|
} }));
|
|
@@ -1028,7 +859,7 @@ function DropdownMenuSwitchButton(props) {
|
|
|
1028
859
|
React__default.createElement(Switch, { value: isSelected, tabIndex: -1, onValueChange: onHandleValueChange })));
|
|
1029
860
|
}
|
|
1030
861
|
|
|
1031
|
-
var css$1d = {"uui-typography":"
|
|
862
|
+
var css$1d = {"uui-typography":"XCQj17","hero-header":"v-1te-","promo-header":"kGsgrn","uui-critical":"_8ENMUl","uui-info":"_2Gu3xK","uui-success":"_1QQomL","uui-warning":"rHhRki","uui-highlight":"_6zimb9","uui-typography-size-12":"psVFW3","uui-typography-size-14":"L7uIx9","uui-typography-size-16":"v-d99J","root":"DNpvWj","mode-block":"J27CJE","mode-inline":"sKhDgX","padding-0":"NaTIsD","padding-6":"_8DXQca","padding-12":"hf1fmG","padding-18":"otFEp-","uuiTypography":"XCQj17","heroHeader":"v-1te-","promoHeader":"kGsgrn","uuiCritical":"_8ENMUl","uuiInfo":"_2Gu3xK","uuiSuccess":"_1QQomL","uuiWarning":"rHhRki","uuiHighlight":"_6zimb9","uuiTypographySize12":"psVFW3","uuiTypographySize14":"L7uIx9","uuiTypographySize16":"v-d99J","modeBlock":"J27CJE","modeInline":"sKhDgX","padding0":"NaTIsD","padding6":"_8DXQca","padding12":"hf1fmG","padding18":"otFEp-"};
|
|
1032
863
|
|
|
1033
864
|
const getMode = (mode) => {
|
|
1034
865
|
return mode || 'block';
|
|
@@ -1044,7 +875,7 @@ const Accordion = /* @__PURE__ */withMods(uuiComponents.Accordion, applyAccordio
|
|
|
1044
875
|
dropdownIcon: mods.dropdownIcon !== null && systemIcons.foldingArrow,
|
|
1045
876
|
}));
|
|
1046
877
|
|
|
1047
|
-
var css$1c = {"uui-typography":"
|
|
878
|
+
var css$1c = {"uui-typography":"PLEhtv","hero-header":"sqZGhS","promo-header":"Kovs64","uui-critical":"_4eqbxr","uui-info":"_0ZPRDB","uui-success":"_5TVOu7","uui-warning":"acoEe0","uui-highlight":"-mj-hx","uui-typography-size-12":"BASeSi","uui-typography-size-14":"eG33Vx","uui-typography-size-16":"nzjiir","root":"GNWAQd","border-top":"xAzwvn","border-bottom":"c789vL","top-shadow":"tV1Ki9","size-24":"MnrbPY","size-30":"s0CW6A","size-36":"EJileU","size-42":"Aa7iCx","size-48":"IKSdKE","padding-6":"Rh8oYL","padding-12":"vPh4Dt","padding-18":"A9yJck","padding-24":"XBln57","margin-24":"B6I0QL","margin-12":"nIrYEK","vPadding-12":"KfDK5Y","vPadding-18":"M0lVO-","vPadding-24":"eryOGv","vPadding-36":"ZYDHws","vPadding-48":"jNm-Bl","spacing-6":"UmePFX","spacing-12":"_7OPhVv","spacing-18":"lE1i6P","uui-surface-main":"IeS3hu","uuiTypography":"PLEhtv","heroHeader":"sqZGhS","promoHeader":"Kovs64","uuiCritical":"_4eqbxr","uuiInfo":"_0ZPRDB","uuiSuccess":"_5TVOu7","uuiWarning":"acoEe0","uuiHighlight":"-mj-hx","uuiTypographySize12":"BASeSi","uuiTypographySize14":"eG33Vx","uuiTypographySize16":"nzjiir","borderTop":"xAzwvn","borderBottom":"c789vL","topShadow":"tV1Ki9","size24":"MnrbPY","size30":"s0CW6A","size36":"EJileU","size42":"Aa7iCx","size48":"IKSdKE","padding6":"Rh8oYL","padding12":"vPh4Dt","padding18":"A9yJck","padding24":"XBln57","margin24":"B6I0QL","margin12":"nIrYEK","vPadding12":"KfDK5Y","vPadding18":"M0lVO-","vPadding24":"eryOGv","vPadding36":"ZYDHws","vPadding48":"jNm-Bl","spacing6":"UmePFX","spacing12":"_7OPhVv","spacing18":"lE1i6P","uuiSurfaceMain":"IeS3hu"};
|
|
1048
879
|
|
|
1049
880
|
const FlexCell = /* @__PURE__ */withMods(FlexCell$1, () => [css$1c.flexCell]);
|
|
1050
881
|
|
|
@@ -1068,7 +899,7 @@ const FlexRow = /* @__PURE__ */withMods(FlexRow$1, (props) => {
|
|
|
1068
899
|
];
|
|
1069
900
|
});
|
|
1070
901
|
|
|
1071
|
-
var css$1b = {"root":"
|
|
902
|
+
var css$1b = {"root":"PWq1Lp","margin-24":"EnZK-b","padding-12":"hICx2I","padding-24":"zDsFXj","shadow":"-OOFB-","uui-surface-main":"sroUk-","margin24":"EnZK-b","padding12":"hICx2I","padding24":"zDsFXj","uuiSurfaceMain":"sroUk-"};
|
|
1072
903
|
|
|
1073
904
|
const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
1074
905
|
'uui-panel',
|
|
@@ -1078,7 +909,7 @@ const Panel = /* @__PURE__ */withMods(VPanel, (props) => [
|
|
|
1078
909
|
props.background && css$1b[`uui-${props.background}`],
|
|
1079
910
|
]);
|
|
1080
911
|
|
|
1081
|
-
var css$1a = {"root":"
|
|
912
|
+
var css$1a = {"root":"YRxreG"};
|
|
1082
913
|
|
|
1083
914
|
function applyTooltipMods(mods) {
|
|
1084
915
|
return [
|
|
@@ -1088,18 +919,18 @@ function applyTooltipMods(mods) {
|
|
|
1088
919
|
}
|
|
1089
920
|
const Tooltip = /* @__PURE__ */withMods(uuiComponents.Tooltip, applyTooltipMods);
|
|
1090
921
|
|
|
1091
|
-
var css$19 = {"uui-typography":"
|
|
922
|
+
var css$19 = {"uui-typography":"FnUozz","hero-header":"T39nfy","promo-header":"VtjPN4","uui-critical":"Fkx-OU","uui-info":"_8UDMHu","uui-success":"p-GMJx","uui-warning":"-VYjur","uui-highlight":"_2orzUJ","uui-typography-size-12":"_9lS84f","uui-typography-size-14":"EpG98N","uui-typography-size-16":"B7iFym","root":"sxLALj","size-24":"GjQcdY","size-30":"xMk-Zi","size-36":"yqe5Rk","size-42":"Mf4PXL","size-48":"MUlElN","uuiTypography":"FnUozz","heroHeader":"T39nfy","promoHeader":"VtjPN4","uuiCritical":"Fkx-OU","uuiInfo":"_8UDMHu","uuiSuccess":"p-GMJx","uuiWarning":"-VYjur","uuiHighlight":"_2orzUJ","uuiTypographySize12":"_9lS84f","uuiTypographySize14":"EpG98N","uuiTypographySize16":"B7iFym","size24":"GjQcdY","size30":"xMk-Zi","size36":"yqe5Rk","size42":"Mf4PXL","size48":"MUlElN"};
|
|
1092
923
|
|
|
1093
|
-
const DEFAULT_SIZE$
|
|
924
|
+
const DEFAULT_SIZE$3 = '36';
|
|
1094
925
|
function applyLabeledInputMods(mods) {
|
|
1095
|
-
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$
|
|
926
|
+
return [css$19.root, css$19['size-' + (mods.size || DEFAULT_SIZE$3)]];
|
|
1096
927
|
}
|
|
1097
928
|
const LabeledInput = /* @__PURE__ */withMods(uuiComponents.LabeledInput, applyLabeledInputMods, (props) => ({
|
|
1098
929
|
Tooltip: props.Tooltip || Tooltip,
|
|
1099
930
|
infoIcon: props.infoIcon || (['24', '30'].includes(props.size) ? ForwardRef$w : ForwardRef$L),
|
|
1100
931
|
}));
|
|
1101
932
|
|
|
1102
|
-
var css$18 = {"root":"
|
|
933
|
+
var css$18 = {"root":"PCaa3E"};
|
|
1103
934
|
|
|
1104
935
|
function RadioGroup(props) {
|
|
1105
936
|
const direction = props.direction || 'vertical';
|
|
@@ -1114,7 +945,7 @@ function RadioGroup(props) {
|
|
|
1114
945
|
})));
|
|
1115
946
|
}
|
|
1116
947
|
|
|
1117
|
-
var css$17 = {"root":"
|
|
948
|
+
var css$17 = {"root":"_5GnkCl"};
|
|
1118
949
|
|
|
1119
950
|
function applyScrollBarsMods() {
|
|
1120
951
|
return [
|
|
@@ -1123,27 +954,27 @@ function applyScrollBarsMods() {
|
|
|
1123
954
|
}
|
|
1124
955
|
const ScrollBars = /* @__PURE__ */withMods(ScrollBars$1, applyScrollBarsMods);
|
|
1125
956
|
|
|
1126
|
-
var css$16 = {"scroll-container":"
|
|
957
|
+
var css$16 = {"scroll-container":"FVOmrU","list-container":"cjMMoz","scrollContainer":"FVOmrU","listContainer":"cjMMoz"};
|
|
1127
958
|
|
|
1128
|
-
var css$15 = {"root":"
|
|
959
|
+
var css$15 = {"root":"qjaXKG"};
|
|
1129
960
|
|
|
1130
961
|
const AvatarStack = /* @__PURE__ */withMods(AvatarStack$1, () => [css$15.root]);
|
|
1131
962
|
|
|
1132
|
-
var css$14 = {"uui-typography":"
|
|
963
|
+
var css$14 = {"uui-typography":"rKw0YS","hero-header":"qb-kvq","promo-header":"_9qncYV","uui-critical":"F-V-OB","uui-info":"xQas3z","uui-success":"_8yNerc","uui-warning":"ETjeQl","uui-highlight":"yqY5ec","uui-typography-size-12":"aX80dG","uui-typography-size-14":"kyJUDJ","uui-typography-size-16":"-We3GK","root":"Stmscs","size-18":"AK3VMh","size-24":"OYGRwb","size-30":"WAgLIF","size-36":"JaZJlR","size-42":"deByeA","size-48":"mUUYAA","uuiTypography":"rKw0YS","heroHeader":"qb-kvq","promoHeader":"_9qncYV","uuiCritical":"F-V-OB","uuiInfo":"xQas3z","uuiSuccess":"_8yNerc","uuiWarning":"ETjeQl","uuiHighlight":"yqY5ec","uuiTypographySize12":"aX80dG","uuiTypographySize14":"kyJUDJ","uuiTypographySize16":"-We3GK","size18":"AK3VMh","size24":"OYGRwb","size30":"WAgLIF","size36":"JaZJlR","size42":"deByeA","size48":"mUUYAA"};
|
|
1133
964
|
|
|
1134
|
-
const DEFAULT_SIZE$
|
|
965
|
+
const DEFAULT_SIZE$2 = '36';
|
|
1135
966
|
const DEFAULT_FILL = 'solid';
|
|
1136
967
|
function applyBadgeMods(mods) {
|
|
1137
968
|
return [
|
|
1138
969
|
'uui-badge',
|
|
1139
970
|
css$14.root,
|
|
1140
|
-
css$14['size-' + (mods.size || DEFAULT_SIZE$
|
|
971
|
+
css$14['size-' + (mods.size || DEFAULT_SIZE$2)],
|
|
1141
972
|
`uui-fill-${mods.fill || DEFAULT_FILL}`,
|
|
1142
973
|
`uui-color-${mods.color || 'info'}`,
|
|
1143
974
|
mods.indicator && mods.fill === 'outline' && 'uui-indicator',
|
|
1144
975
|
];
|
|
1145
976
|
}
|
|
1146
|
-
const mapCountIndicatorSizes = {
|
|
977
|
+
const mapCountIndicatorSizes$1 = {
|
|
1147
978
|
18: '12',
|
|
1148
979
|
24: '18',
|
|
1149
980
|
30: '18',
|
|
@@ -1157,17 +988,26 @@ const Badge = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1157
988
|
return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1158
989
|
props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1159
990
|
props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
|
|
1160
|
-
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$
|
|
991
|
+
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { key: "count-indicator", color: null, size: mapCountIndicatorSizes$1[props.size || DEFAULT_SIZE$2], caption: props.count })),
|
|
1161
992
|
props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1162
993
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen }))));
|
|
1163
994
|
});
|
|
1164
995
|
|
|
1165
|
-
var css$13 = {"uui-typography":"
|
|
996
|
+
var css$13 = {"uui-typography":"Ym8nf0","hero-header":"z2CWJH","promo-header":"muGFwq","uui-critical":"pZ9kNa","uui-info":"KIldAL","uui-success":"JfbkvL","uui-warning":"_6tLRdV","uui-highlight":"AEu5-m","uui-typography-size-12":"-VsCeq","uui-typography-size-14":"_3ewdeD","uui-typography-size-16":"OJznlg","root":"_38-HPq","size-18":"bVm8Dy","size-24":"JsKc3r","size-30":"Wif-Hd","size-36":"DNwLvd","size-42":"NtXd70","size-48":"_2ae3zz","uuiTypography":"Ym8nf0","heroHeader":"z2CWJH","promoHeader":"muGFwq","uuiCritical":"pZ9kNa","uuiInfo":"KIldAL","uuiSuccess":"JfbkvL","uuiWarning":"_6tLRdV","uuiHighlight":"AEu5-m","uuiTypographySize12":"-VsCeq","uuiTypographySize14":"_3ewdeD","uuiTypographySize16":"OJznlg","size18":"bVm8Dy","size24":"JsKc3r","size30":"Wif-Hd","size36":"DNwLvd","size42":"NtXd70","size48":"_2ae3zz"};
|
|
1166
997
|
|
|
998
|
+
const DEFAULT_SIZE$1 = '36';
|
|
999
|
+
const mapCountIndicatorSizes = {
|
|
1000
|
+
18: '12',
|
|
1001
|
+
24: '18',
|
|
1002
|
+
30: '18',
|
|
1003
|
+
36: '18',
|
|
1004
|
+
42: '24',
|
|
1005
|
+
48: '24',
|
|
1006
|
+
};
|
|
1167
1007
|
function applyTagMods(props) {
|
|
1168
1008
|
return [
|
|
1009
|
+
css$13['size-' + (props.size || DEFAULT_SIZE$1)],
|
|
1169
1010
|
css$13.root,
|
|
1170
|
-
`uui-size-${props.size || settings.sizes.defaults.tag}`,
|
|
1171
1011
|
`uui-color-${props.color || 'neutral'}`,
|
|
1172
1012
|
`uui-fill-${props.fill || 'solid'}`,
|
|
1173
1013
|
'uui-tag',
|
|
@@ -1180,20 +1020,20 @@ const Tag = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
|
1180
1020
|
return (React__default.createElement(Clickable, Object.assign({}, props, { rawProps: Object.assign({ 'aria-haspopup': props.isDropdown, 'aria-expanded': props.isOpen }, props.rawProps), cx: styles, ref: ref }),
|
|
1181
1021
|
props.icon && props.iconPosition !== 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1182
1022
|
props.caption && (React__default.createElement("div", { className: uuiElement.caption }, props.caption)),
|
|
1183
|
-
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size:
|
|
1023
|
+
props.count !== undefined && props.count !== null && (React__default.createElement(CountIndicator, { color: (!props.color || props.color === 'neutral') ? 'white' : props.color, size: mapCountIndicatorSizes[props.size || DEFAULT_SIZE$1], caption: props.count })),
|
|
1184
1024
|
props.icon && props.iconPosition === 'right' && (React__default.createElement(IconContainer, { icon: props.icon, onClick: !props.isDisabled ? props.onIconClick : undefined })),
|
|
1185
1025
|
props.isDropdown && (React__default.createElement(IconContainer, { icon: DropdownIcon, flipY: props.isOpen })),
|
|
1186
1026
|
props.onClear && !props.isDisabled && (React__default.createElement(IconContainer, { cx: uuiMarkers.clickable, icon: ClearIcon, onClick: props.onClear }))));
|
|
1187
1027
|
});
|
|
1188
1028
|
|
|
1189
|
-
var css$12 = {"root":"
|
|
1029
|
+
var css$12 = {"root":"EjLe4f","uui-spinner":"dSVdiD","uuiSpinner":"dSVdiD"};
|
|
1190
1030
|
|
|
1191
1031
|
function applySpinnerMods() {
|
|
1192
1032
|
return [css$12.root, 'uui-spinner'];
|
|
1193
1033
|
}
|
|
1194
1034
|
const Spinner = /* @__PURE__ */withMods(Spinner$1, applySpinnerMods);
|
|
1195
1035
|
|
|
1196
|
-
var css$11 = {"root":"
|
|
1036
|
+
var css$11 = {"root":"SkeR0R","spacer":"GTXxLF","mode-ghost":"ZRp7gM","size-24":"Zkqur5","size-30":"W7hiLE","navigation-size-24":"A0nN3B","navigation-size-30":"Hp7o1w","modeGhost":"ZRp7gM","size24":"Zkqur5","size30":"W7hiLE","navigationSize24":"A0nN3B","navigationSize30":"Hp7o1w"};
|
|
1197
1037
|
|
|
1198
1038
|
var _path$v;
|
|
1199
1039
|
function _extends$v() { _extends$v = 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$v.apply(this, arguments); }
|
|
@@ -1244,14 +1084,14 @@ function Paginator(props) {
|
|
|
1244
1084
|
return React__default.createElement(Paginator$1, Object.assign({}, props, { render: renderPaginator }));
|
|
1245
1085
|
}
|
|
1246
1086
|
|
|
1247
|
-
var css$10 = {"root":"
|
|
1087
|
+
var css$10 = {"root":"Z8eUmW","progress-bar":"pOuD13","progressBar-indeterminate":"p7TQ7U","size-12":"GaJfZN","size-18":"clpZ8s","size-24":"EFG57o","progressBar":"pOuD13","progressBarIndeterminate":"p7TQ7U","size12":"GaJfZN","size18":"clpZ8s","size24":"EFG57o"};
|
|
1248
1088
|
|
|
1249
1089
|
const IndeterminateBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1250
1090
|
return (React.createElement("div", { ref: ref, className: cx('uui-indeterminate_bar', props.cx, css$10.root, css$10[`size-${props.size || 12}`]) },
|
|
1251
1091
|
React.createElement("div", { className: cx(css$10.progressBar) })));
|
|
1252
1092
|
});
|
|
1253
1093
|
|
|
1254
|
-
var css$$ = {"root":"
|
|
1094
|
+
var css$$ = {"root":"HKAx1b","striped":"SbhpQP","animate-stripes":"MXvhPH","size-12":"ajKwqe","size-18":"d2svhU","size-24":"DjWuz1","animateStripes":"MXvhPH","size12":"ajKwqe","size18":"d2svhU","size24":"DjWuz1"};
|
|
1255
1095
|
|
|
1256
1096
|
const DEFAULT_SIZE = '12';
|
|
1257
1097
|
function applyProgressBarMods(mods) {
|
|
@@ -1266,14 +1106,14 @@ const ProgressBar = /* @__PURE__ */withMods(uuiComponents.ProgressBar, applyProg
|
|
|
1266
1106
|
hideLabel: props.hideLabel || props.striped,
|
|
1267
1107
|
}));
|
|
1268
1108
|
|
|
1269
|
-
var css$_ = {"root":"
|
|
1109
|
+
var css$_ = {"root":"_9iIsSg"};
|
|
1270
1110
|
|
|
1271
1111
|
const IndicatorBar = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1272
1112
|
const { progress } = props;
|
|
1273
1113
|
return progress || progress === 0 ? (React.createElement(ProgressBar, { ref: ref, progress: progress, cx: cx(css$_.root, props.cx), hideLabel: true })) : (React.createElement(IndeterminateBar, { ref: ref, cx: cx(css$_.root, props.cx) }));
|
|
1274
1114
|
});
|
|
1275
1115
|
|
|
1276
|
-
var css$Z = {"root":"
|
|
1116
|
+
var css$Z = {"root":"hxH-Qu","size-12":"qoSVTP","size-18":"SGTf8-","size-24":"_1G2KUL","size12":"qoSVTP","size18":"SGTf8-","size24":"_1G2KUL"};
|
|
1277
1117
|
|
|
1278
1118
|
const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
1279
1119
|
return (React__default.createElement("div", { ref: ref, className: cx([
|
|
@@ -1288,21 +1128,46 @@ const StatusIndicator = /* @__PURE__ */forwardRef((props, ref) => {
|
|
|
1288
1128
|
React__default.createElement("p", { className: "uui-status_indicator_caption" }, props.caption)));
|
|
1289
1129
|
});
|
|
1290
1130
|
|
|
1291
|
-
var css$Y = {"drag-handle":"
|
|
1131
|
+
var css$Y = {"drag-handle":"_2tiyFS","icon-container":"_2eq-yS","dragHandle":"_2tiyFS","iconContainer":"_2eq-yS"};
|
|
1292
1132
|
|
|
1293
1133
|
function DataRowAddons(props) {
|
|
1294
1134
|
var _a, _b;
|
|
1295
1135
|
const row = props.rowProps;
|
|
1136
|
+
const additionalItemSize = +props.size < 30 ? '12' : '18';
|
|
1296
1137
|
const getIndent = () => {
|
|
1297
|
-
|
|
1138
|
+
switch (props.size) {
|
|
1139
|
+
case '24':
|
|
1140
|
+
return (row.indent - 1) * 6;
|
|
1141
|
+
case '30':
|
|
1142
|
+
case '36':
|
|
1143
|
+
return (row.indent - 1) * 12;
|
|
1144
|
+
case '42':
|
|
1145
|
+
case '48':
|
|
1146
|
+
case '60':
|
|
1147
|
+
return (row.indent - 1) * 24;
|
|
1148
|
+
default:
|
|
1149
|
+
return (row.indent - 1) * 24;
|
|
1150
|
+
}
|
|
1298
1151
|
};
|
|
1299
1152
|
const getWidth = () => {
|
|
1300
|
-
|
|
1153
|
+
switch (props.size) {
|
|
1154
|
+
case '24':
|
|
1155
|
+
return '12px';
|
|
1156
|
+
case '30':
|
|
1157
|
+
case '36':
|
|
1158
|
+
return '18px';
|
|
1159
|
+
case '42':
|
|
1160
|
+
case '48':
|
|
1161
|
+
case '60':
|
|
1162
|
+
return '24px';
|
|
1163
|
+
default:
|
|
1164
|
+
return '12px';
|
|
1165
|
+
}
|
|
1301
1166
|
};
|
|
1302
1167
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1303
1168
|
((_a = row.dnd) === null || _a === void 0 ? void 0 : _a.srcData) && React__default.createElement(DragHandle, { key: "dh", cx: css$Y.dragHandle }),
|
|
1304
|
-
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size:
|
|
1305
|
-
row.indent > 0 && (React__default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: {
|
|
1169
|
+
((_b = row === null || row === void 0 ? void 0 : row.checkbox) === null || _b === void 0 ? void 0 : _b.isVisible) && (React__default.createElement(Checkbox, { key: "cb", cx: "uui-dr_addons-checkbox", tabIndex: props.tabIndex, size: additionalItemSize, value: row.isChecked, indeterminate: !row.isChecked && row.isChildrenChecked, onValueChange: () => { var _a; return (_a = row.onCheck) === null || _a === void 0 ? void 0 : _a.call(row, row); }, isDisabled: row.checkbox.isDisabled, isInvalid: row.checkbox.isInvalid })),
|
|
1170
|
+
row.indent > 0 && (React__default.createElement("div", { key: "fold", className: "uui-dr_addons-indent", style: { marginLeft: getIndent(), width: getWidth() } }, row.isFoldable && (React__default.createElement(IconContainer, { rawProps: {
|
|
1306
1171
|
'aria-label': row.isFolded ? 'Unfold' : 'Fold',
|
|
1307
1172
|
role: 'button',
|
|
1308
1173
|
}, key: "icon", icon: ForwardRef$P, cx: [
|
|
@@ -1310,7 +1175,7 @@ function DataRowAddons(props) {
|
|
|
1310
1175
|
], rotate: row.isFolded ? '90ccw' : '0', onClick: () => row.onFold(row) }))))));
|
|
1311
1176
|
}
|
|
1312
1177
|
|
|
1313
|
-
var css$X = {"root":"
|
|
1178
|
+
var css$X = {"root":"YcRQdy"};
|
|
1314
1179
|
|
|
1315
1180
|
const Blocker = /* @__PURE__ */withMods(Blocker$1, () => [css$X.root], (cmpProps) => ({ renderSpinner: cmpProps.renderSpinner || (() => React__default.createElement(Spinner, null)) }));
|
|
1316
1181
|
|
|
@@ -1351,7 +1216,7 @@ const VirtualListView = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1351
1216
|
React.createElement(Blocker, { isEnabled: props.isLoading })));
|
|
1352
1217
|
});
|
|
1353
1218
|
|
|
1354
|
-
var css$W = {"root":"
|
|
1219
|
+
var css$W = {"root":"TudQHP"};
|
|
1355
1220
|
|
|
1356
1221
|
function CheckboxGroup(props) {
|
|
1357
1222
|
const currentValue = props.value || [];
|
|
@@ -1513,7 +1378,7 @@ const TREE_SHAKEABLE_INIT = () => (Object.assign(Object.assign({}, i18n$1), { da
|
|
|
1513
1378
|
} }));
|
|
1514
1379
|
const i18n = /* @__PURE__ */TREE_SHAKEABLE_INIT();
|
|
1515
1380
|
|
|
1516
|
-
var css$V = {"uui-typography":"
|
|
1381
|
+
var css$V = {"uui-typography":"_6Y4igj","hero-header":"-Gxz5Y","promo-header":"k8GJG1","uui-critical":"_1SUu8W","uui-info":"egywqu","uui-success":"XHxVtl","uui-warning":"WZRJ5E","uui-highlight":"jDQOVy","uui-typography-size-12":"_91tLPU","uui-typography-size-14":"DQsssM","uui-typography-size-16":"f3dOxD","modal":"_1NrD-8","search-wrapper":"j0YQ1J","body":"_9JDiJK","checkbox":"mi9tAG","no-found-size-24":"_6gV0HZ","no-found-size-30":"nkGvcl","no-found-size-36":"kTZteG","no-found-size-42":"_5HHkji","uuiTypography":"_6Y4igj","heroHeader":"-Gxz5Y","promoHeader":"k8GJG1","uuiCritical":"_1SUu8W","uuiInfo":"egywqu","uuiSuccess":"XHxVtl","uuiWarning":"WZRJ5E","uuiHighlight":"jDQOVy","uuiTypographySize12":"_91tLPU","uuiTypographySize14":"DQsssM","uuiTypographySize16":"f3dOxD","searchWrapper":"j0YQ1J","noFoundSize24":"_6gV0HZ","noFoundSize30":"nkGvcl","noFoundSize36":"kTZteG","noFoundSize42":"_5HHkji"};
|
|
1517
1382
|
|
|
1518
1383
|
class DataPickerBody extends PickerBodyBase {
|
|
1519
1384
|
constructor() {
|
|
@@ -1525,12 +1390,11 @@ class DataPickerBody extends PickerBodyBase {
|
|
|
1525
1390
|
if (this.props.renderNotFound) {
|
|
1526
1391
|
return this.props.renderNotFound();
|
|
1527
1392
|
}
|
|
1528
|
-
|
|
1529
|
-
|
|
1530
|
-
React__default.createElement(Text, { size: this.props.searchSize }, i18n.dataPickerBody.noRecordsMessage)));
|
|
1393
|
+
return (React__default.createElement(FlexCell$1, { cx: css$V[`no-found-size-${this.props.searchSize || 36}`], grow: 1, textAlign: "center" },
|
|
1394
|
+
React__default.createElement(Text, { size: this.props.searchSize || '36' }, i18n.dataPickerBody.noRecordsMessage)));
|
|
1531
1395
|
}
|
|
1532
1396
|
render() {
|
|
1533
|
-
const searchSize =
|
|
1397
|
+
const searchSize = isMobile() ? '48' : this.props.searchSize || '36';
|
|
1534
1398
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1535
1399
|
this.showSearch() && (React__default.createElement("div", { key: "search", className: css$V.searchWrapper },
|
|
1536
1400
|
React__default.createElement(FlexCell$1, { grow: 1 },
|
|
@@ -1539,9 +1403,16 @@ class DataPickerBody extends PickerBodyBase {
|
|
|
1539
1403
|
}
|
|
1540
1404
|
}
|
|
1541
1405
|
|
|
1406
|
+
const switchSizes = {
|
|
1407
|
+
24: '12',
|
|
1408
|
+
36: '18',
|
|
1409
|
+
42: '24',
|
|
1410
|
+
48: '24',
|
|
1411
|
+
};
|
|
1542
1412
|
function DataPickerFooterImpl(props) {
|
|
1543
1413
|
const { clearSelection, view, showSelected, selectionMode, } = props;
|
|
1544
|
-
const size =
|
|
1414
|
+
const size = isMobile() ? '48' : props.size || '36';
|
|
1415
|
+
const switchSize = switchSizes[size];
|
|
1545
1416
|
const hasSelection = view.getSelectedRowsCount() > 0;
|
|
1546
1417
|
const rowsCount = view.getListProps().rowsCount;
|
|
1547
1418
|
const isEmptyRowsAndHasNoSelection = (rowsCount === 0 && !hasSelection);
|
|
@@ -1551,8 +1422,8 @@ function DataPickerFooterImpl(props) {
|
|
|
1551
1422
|
const selectAllText = i18n.pickerInput.selectAllButton;
|
|
1552
1423
|
// show always for multi picker and for single only in case if search not disabled.
|
|
1553
1424
|
const shouldShowFooter = isSinglePicker ? !props.disableClear : true;
|
|
1554
|
-
return shouldShowFooter && (React__default.createElement(FlexRow, { padding:
|
|
1555
|
-
!isSinglePicker && (React__default.createElement(Switch, { size:
|
|
1425
|
+
return shouldShowFooter && (React__default.createElement(FlexRow, { padding: "12" },
|
|
1426
|
+
!isSinglePicker && (React__default.createElement(Switch, { size: switchSize, value: showSelected.value, isDisabled: !hasSelection, onValueChange: showSelected.onValueChange, label: i18n.pickerInput.showOnlySelectedLabel })),
|
|
1556
1427
|
React__default.createElement(FlexSpacer, null),
|
|
1557
1428
|
React__default.createElement(FlexCell, { width: "auto", alignSelf: "center" },
|
|
1558
1429
|
view.selectAll && (React__default.createElement(LinkButton, { size: size, caption: hasSelection ? clearAllText : selectAllText, onClick: hasSelection ? clearSelection : () => view.selectAll.onValueChange(true), rawProps: {
|
|
@@ -1564,12 +1435,12 @@ function DataPickerFooterImpl(props) {
|
|
|
1564
1435
|
}
|
|
1565
1436
|
const DataPickerFooter = /* @__PURE__ */React__default.memo(DataPickerFooterImpl);
|
|
1566
1437
|
|
|
1567
|
-
var css$U = {"header":"
|
|
1438
|
+
var css$U = {"header":"_1CCeEU","close":"nTEhvP"};
|
|
1568
1439
|
|
|
1569
1440
|
const DataPickerHeaderImpl = (props) => {
|
|
1570
1441
|
const title = props.title && typeof props.title === 'string' ? props.title.charAt(0).toUpperCase() + props.title.slice(1) : '';
|
|
1571
1442
|
return (React__default.createElement(FlexRow, { alignItems: "center", borderBottom: true, cx: css$U.header },
|
|
1572
|
-
React__default.createElement(Text, { size:
|
|
1443
|
+
React__default.createElement(Text, { size: "48", fontWeight: "600" }, title),
|
|
1573
1444
|
React__default.createElement(IconButton, { icon: ForwardRef$Q, onClick: () => { var _a; return (_a = props.close) === null || _a === void 0 ? void 0 : _a.call(props); }, cx: css$U.close })));
|
|
1574
1445
|
};
|
|
1575
1446
|
const DataPickerHeader = /* @__PURE__ */React__default.memo(DataPickerHeaderImpl);
|
|
@@ -1589,7 +1460,7 @@ var SvgNotificationDoneFill = function SvgNotificationDoneFill(props, ref) {
|
|
|
1589
1460
|
};
|
|
1590
1461
|
var ForwardRef$t = /*#__PURE__*/forwardRef(SvgNotificationDoneFill);
|
|
1591
1462
|
|
|
1592
|
-
var css$T = {"uui-typography":"
|
|
1463
|
+
var css$T = {"uui-typography":"JJ-Cu5","hero-header":"PXDg11","promo-header":"RZvebr","uui-critical":"zKmKd-","uui-info":"YGVK5J","uui-success":"kwUfTo","uui-warning":"rf3IKA","uui-highlight":"bZj1wv","uui-typography-size-12":"yvTpUi","uui-typography-size-14":"cvGeSy","uui-typography-size-16":"_6-yNsc","root":"xkVEci","align-widgets-top":"SA7EWo","size-24":"dnnAJw","size-30":"FCxFAP","size-36":"YrKcqR","size-42":"n-S27-","size-48":"XkbB0O","size-60":"AAWpMl","align-widgets-center":"y6vsri","icon-wrapper":"VQiNo8","padding-12":"_0V83yK","padding-24":"ZPvlDL","padding-left-12":"_6jjOFS","padding-left-24":"ryioUv","icon-container":"QrN-rV","loading-cell":"gKM4Ip","content-wrapper":"qJ6QUz","render-item":"ZvS-mH","icon-default":"ONK9WL","selected-mark":"oyPj-W","uuiTypography":"JJ-Cu5","heroHeader":"PXDg11","promoHeader":"RZvebr","uuiCritical":"zKmKd-","uuiInfo":"YGVK5J","uuiSuccess":"kwUfTo","uuiWarning":"rf3IKA","uuiHighlight":"bZj1wv","uuiTypographySize12":"yvTpUi","uuiTypographySize14":"cvGeSy","uuiTypographySize16":"_6-yNsc","alignWidgetsTop":"SA7EWo","size24":"dnnAJw","size30":"FCxFAP","size36":"YrKcqR","size42":"n-S27-","size48":"XkbB0O","size60":"AAWpMl","alignWidgetsCenter":"y6vsri","iconWrapper":"VQiNo8","padding12":"_0V83yK","padding24":"ZPvlDL","paddingLeft12":"_6jjOFS","paddingLeft24":"ryioUv","iconContainer":"QrN-rV","loadingCell":"gKM4Ip","contentWrapper":"qJ6QUz","renderItem":"ZvS-mH","iconDefault":"ONK9WL","selectedMark":"oyPj-W"};
|
|
1593
1464
|
|
|
1594
1465
|
function DataPickerCell(props) {
|
|
1595
1466
|
const ref = React.useRef();
|
|
@@ -1597,18 +1468,18 @@ function DataPickerCell(props) {
|
|
|
1597
1468
|
if (props.rowProps.isLoading) {
|
|
1598
1469
|
content = (
|
|
1599
1470
|
// remove `css.loadingCell` after` removing `margin: 0 3px 3px 0` from `TextPlaceholder` `loadingWord` class styles.
|
|
1600
|
-
React.createElement(Text, { key: "t", size:
|
|
1471
|
+
React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48', cx: css$T.loadingCell },
|
|
1601
1472
|
React.createElement(TextPlaceholder, null)));
|
|
1602
1473
|
}
|
|
1603
1474
|
else if (props.rowProps.isUnknown) {
|
|
1604
|
-
content = (React.createElement(Text, { key: "t", size:
|
|
1475
|
+
content = (React.createElement(Text, { key: "t", size: props.size !== '60' ? props.size : '48' }, "Unknown"));
|
|
1605
1476
|
}
|
|
1606
1477
|
else {
|
|
1607
1478
|
content = (React.createElement("div", { key: `${props.rowProps.id}`, className: css$T.renderItem },
|
|
1608
1479
|
props.renderItem(props.rowProps.value, props.rowProps),
|
|
1609
1480
|
React.createElement(FlexSpacer, null),
|
|
1610
1481
|
(props.rowProps.isChildrenSelected || props.rowProps.isSelected) && (React.createElement("div", { className: cx$1(css$T.iconWrapper, uuiMod.selected) },
|
|
1611
|
-
React.createElement(IconContainer, { icon:
|
|
1482
|
+
React.createElement(IconContainer, { icon: props.size === '24' ? ForwardRef$t : ForwardRef$O, cx: cx$1(props.rowProps.isChildrenSelected ? css$T.iconDefault : css$T.selectedMark), rawProps: { 'aria-label': props.rowProps.isChildrenSelected
|
|
1612
1483
|
? 'Child is selected'
|
|
1613
1484
|
: 'Selected' } })))));
|
|
1614
1485
|
}
|
|
@@ -1617,22 +1488,22 @@ function DataPickerCell(props) {
|
|
|
1617
1488
|
css$T.root,
|
|
1618
1489
|
props.cx,
|
|
1619
1490
|
'data-picker-cell',
|
|
1620
|
-
css$T['size-' + (props.size ||
|
|
1621
|
-
css$T[`padding-${props.padding ||
|
|
1622
|
-
css$T[`padding-left-${props.padding ||
|
|
1491
|
+
css$T['size-' + (props.size || '36')],
|
|
1492
|
+
css$T[`padding-${props.padding || '12'}`],
|
|
1493
|
+
css$T[`padding-left-${props.padding || '24'}`],
|
|
1623
1494
|
css$T[`align-widgets-${props.alignActions || 'top'}`],
|
|
1624
1495
|
] },
|
|
1625
1496
|
React.createElement(DataRowAddons, Object.assign({}, props)),
|
|
1626
1497
|
getWrappedContent()));
|
|
1627
1498
|
}
|
|
1628
1499
|
|
|
1629
|
-
var css$S = {"uui-typography":"
|
|
1500
|
+
var css$S = {"uui-typography":"eTA8qL","hero-header":"ZXkOJr","promo-header":"ZBRjKA","uui-critical":"uBgd5B","uui-info":"-oYYQ2","uui-success":"VpbMwB","uui-warning":"f21ltV","uui-highlight":"_4XbMrg","uui-typography-size-12":"x4nt-S","uui-typography-size-14":"I-EAeM","uui-typography-size-16":"la-PqF","picker-row":"_4-13u6","uuiTypography":"eTA8qL","heroHeader":"ZXkOJr","promoHeader":"ZBRjKA","uuiCritical":"uBgd5B","uuiInfo":"-oYYQ2","uuiSuccess":"VpbMwB","uuiWarning":"f21ltV","uuiHighlight":"_4XbMrg","uuiTypographySize12":"x4nt-S","uuiTypographySize14":"I-EAeM","uuiTypographySize16":"la-PqF","pickerRow":"_4-13u6"};
|
|
1630
1501
|
|
|
1631
1502
|
class DataPickerRow extends React.Component {
|
|
1632
1503
|
constructor() {
|
|
1633
1504
|
super(...arguments);
|
|
1634
1505
|
this.renderContent = () => {
|
|
1635
|
-
return (React.createElement(DataPickerCell, { key: "name", size: this.props.size ||
|
|
1506
|
+
return (React.createElement(DataPickerCell, { key: "name", size: this.props.size || '36', padding: this.props.padding || '24', rowProps: this.props, alignActions: this.props.alignActions || 'top', renderItem: this.props.renderItem }));
|
|
1636
1507
|
};
|
|
1637
1508
|
}
|
|
1638
1509
|
render() {
|
|
@@ -1640,7 +1511,7 @@ class DataPickerRow extends React.Component {
|
|
|
1640
1511
|
}
|
|
1641
1512
|
}
|
|
1642
1513
|
|
|
1643
|
-
var css$R = {"uui-typography":"
|
|
1514
|
+
var css$R = {"uui-typography":"c9ZswD","hero-header":"CPT6Zs","promo-header":"nGEW21","uui-critical":"kN-RM3","uui-info":"_8o1mzX","uui-success":"PCYC2-","uui-warning":"hCNLfv","uui-highlight":"tJdqfA","uui-typography-size-12":"J-8gDY","uui-typography-size-14":"Qh9L4r","uui-typography-size-16":"DvzEEO","done":"FgVBbs","container":"alFuu5","uuiTypography":"c9ZswD","heroHeader":"CPT6Zs","promoHeader":"nGEW21","uuiCritical":"kN-RM3","uuiInfo":"_8o1mzX","uuiSuccess":"PCYC2-","uuiWarning":"hCNLfv","uuiHighlight":"tJdqfA","uuiTypographySize12":"J-8gDY","uuiTypographySize14":"Qh9L4r","uuiTypographySize16":"DvzEEO"};
|
|
1644
1515
|
|
|
1645
1516
|
const MobileDropdownWrapper = (props) => {
|
|
1646
1517
|
const isMobileView = isMobile();
|
|
@@ -1649,7 +1520,7 @@ const MobileDropdownWrapper = (props) => {
|
|
|
1649
1520
|
return (React__default.createElement(DropdownContainer, Object.assign({}, props, { maxWidth: maxWidth, maxHeight: maxHeight, cx: [css$R.container, props.cx] }),
|
|
1650
1521
|
isMobileView && React__default.createElement(DataPickerHeader, { title: props.title, close: props.onClose }),
|
|
1651
1522
|
props.children,
|
|
1652
|
-
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$R.done, size:
|
|
1523
|
+
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$R.done, size: "48" })));
|
|
1653
1524
|
};
|
|
1654
1525
|
|
|
1655
1526
|
var _path$s, _path2$4;
|
|
@@ -1674,7 +1545,9 @@ var SvgSearchWithBackground = function SvgSearchWithBackground(props, ref) {
|
|
|
1674
1545
|
};
|
|
1675
1546
|
var ForwardRef$s = /*#__PURE__*/forwardRef(SvgSearchWithBackground);
|
|
1676
1547
|
|
|
1677
|
-
var css$Q = {"uui-typography":"
|
|
1548
|
+
var css$Q = {"uui-typography":"wWobP5","hero-header":"mca-7x","promo-header":"p0AHHs","uui-critical":"yEVanI","uui-info":"iO2ntj","uui-success":"DCjiR8","uui-warning":"qNAGXE","uui-highlight":"-GqQLn","uui-typography-size-12":"lPY141","uui-typography-size-14":"sRG2iR","uui-typography-size-16":"CRIEC2","sub-header-wrapper":"-hCePX","switch":"mE7OEu","no-found-modal-container":"YtQllj","no-found-modal-container-icon":"tWGcBN","no-found-modal-container-text":"z--pkx","uuiTypography":"wWobP5","heroHeader":"mca-7x","promoHeader":"p0AHHs","uuiCritical":"yEVanI","uuiInfo":"iO2ntj","uuiSuccess":"DCjiR8","uuiWarning":"qNAGXE","uuiHighlight":"-GqQLn","uuiTypographySize12":"lPY141","uuiTypographySize14":"sRG2iR","uuiTypographySize16":"CRIEC2","subHeaderWrapper":"-hCePX","$switch$":"mE7OEu","noFoundModalContainer":"YtQllj","noFoundModalContainerIcon":"tWGcBN","noFoundModalContainerText":"z--pkx"};
|
|
1549
|
+
|
|
1550
|
+
var css$P = {"root":"TC66y3","multiline":"kZoRp1","vertical-padding-24":"-B6FX9","vertical-padding-30":"ErfYor","vertical-padding-36":"Ia-BnH","vertical-padding-42":"UFucnT","vertical-padding-48":"f0fi33","text":"yfLZxM","verticalPadding24":"-B6FX9","verticalPadding30":"ErfYor","verticalPadding36":"Ia-BnH","verticalPadding42":"UFucnT","verticalPadding48":"f0fi33"};
|
|
1678
1551
|
|
|
1679
1552
|
const mergeHighlightRanges = (ranges) => {
|
|
1680
1553
|
const mergedRanges = [];
|
|
@@ -1741,12 +1614,11 @@ const getHighlightedSearchMatches = (str, search) => {
|
|
|
1741
1614
|
return getDecoratedText(str, ranges);
|
|
1742
1615
|
};
|
|
1743
1616
|
|
|
1744
|
-
|
|
1745
|
-
|
|
1617
|
+
const defaultSize$2 = '36';
|
|
1746
1618
|
function PickerItem(props) {
|
|
1747
1619
|
var _a;
|
|
1748
1620
|
const { highlightSearchMatches = true, size, avatarUrl, isLoading, isDisabled, icon, cx, } = props;
|
|
1749
|
-
const itemSize = size ||
|
|
1621
|
+
const itemSize = size || defaultSize$2;
|
|
1750
1622
|
const isMultiline = !!(props.title && props.subtitle);
|
|
1751
1623
|
const { search } = (_a = props.dataSourceState) !== null && _a !== void 0 ? _a : {};
|
|
1752
1624
|
const title = highlightSearchMatches ? getHighlightedSearchMatches(props.title, search) : props.title;
|
|
@@ -1760,7 +1632,7 @@ function PickerItem(props) {
|
|
|
1760
1632
|
subtitle && (React.createElement(Text, { size: itemSize, color: isDisabled ? 'disabled' : 'secondary', cx: css$P.text }, isLoading ? React.createElement(TextPlaceholder, { wordsCount: 2 }) : subtitle))))));
|
|
1761
1633
|
}
|
|
1762
1634
|
function getAvatarSize(size, isMultiline) {
|
|
1763
|
-
return
|
|
1635
|
+
return isMultiline ? size : +size - 6;
|
|
1764
1636
|
}
|
|
1765
1637
|
|
|
1766
1638
|
function PickerModal(props) {
|
|
@@ -1816,11 +1688,27 @@ function PickerModal(props) {
|
|
|
1816
1688
|
React__default.createElement(ModalFooter, { padding: "24", vPadding: "24" }, props.renderFooter ? props.renderFooter(getFooterProps()) : renderFooter()))));
|
|
1817
1689
|
}
|
|
1818
1690
|
|
|
1819
|
-
var css$O = {"tooltip":"
|
|
1820
|
-
|
|
1691
|
+
var css$O = {"tooltip":"RXFQqc"};
|
|
1692
|
+
|
|
1693
|
+
const getPickerTogglerButtonSize = (propSize) => {
|
|
1694
|
+
switch (propSize) {
|
|
1695
|
+
case '48':
|
|
1696
|
+
return '42';
|
|
1697
|
+
case '42':
|
|
1698
|
+
return '36';
|
|
1699
|
+
case '36':
|
|
1700
|
+
return '30';
|
|
1701
|
+
case '30':
|
|
1702
|
+
return '24';
|
|
1703
|
+
case '24':
|
|
1704
|
+
return '18';
|
|
1705
|
+
default:
|
|
1706
|
+
return '30';
|
|
1707
|
+
}
|
|
1708
|
+
};
|
|
1821
1709
|
const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
1822
1710
|
var _a;
|
|
1823
|
-
const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size:
|
|
1711
|
+
const tagProps = Object.assign(Object.assign({}, props), { tabIndex: -1, size: getPickerTogglerButtonSize(props.size), caption: ((_a = props.rowProps) === null || _a === void 0 ? void 0 : _a.isLoading) ? React.createElement(TextPlaceholder, null) : props.caption });
|
|
1824
1712
|
if (props.isCollapsed) {
|
|
1825
1713
|
const collapsedRows = props.collapsedRows.map((row) => { var _a; return (_a = row.value) === null || _a === void 0 ? void 0 : _a.name; }).join(', ');
|
|
1826
1714
|
return (React.createElement(Tooltip, { key: "selected", content: collapsedRows, closeDelay: 150, closeOnMouseLeave: "boundary", cx: css$O.tooltip },
|
|
@@ -1831,20 +1719,20 @@ const PickerTogglerTag = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
1831
1719
|
}
|
|
1832
1720
|
});
|
|
1833
1721
|
|
|
1834
|
-
var css$N = {"uui-typography":"
|
|
1722
|
+
var css$N = {"uui-typography":"nxeb2B","hero-header":"iVQk6V","promo-header":"YQovuX","uui-critical":"L-3jXi","uui-info":"_3J1n8r","uui-success":"lh4V96","uui-warning":"_8d-VGb","uui-highlight":"_--4aeH","uui-typography-size-12":"S-5G3e","uui-typography-size-14":"a1GEUA","uui-typography-size-16":"Y88LAd","root":"d-R-8M","mode-form":"OM62nz","mode-cell":"ulciYm","mode-inline":"Zy84P2","size-24":"_68rkjZ","size-30":"ZEHJ2-","size-36":"pQV-kR","size-42":"EzBXGt","size-48":"rUEUYi","uuiTypography":"nxeb2B","heroHeader":"iVQk6V","promoHeader":"YQovuX","uuiCritical":"L-3jXi","uuiInfo":"_3J1n8r","uuiSuccess":"lh4V96","uuiWarning":"_8d-VGb","uuiHighlight":"_--4aeH","uuiTypographySize12":"S-5G3e","uuiTypographySize14":"a1GEUA","uuiTypographySize16":"Y88LAd","modeForm":"OM62nz","modeCell":"ulciYm","modeInline":"Zy84P2","size24":"_68rkjZ","size30":"ZEHJ2-","size36":"pQV-kR","size42":"EzBXGt","size48":"rUEUYi"};
|
|
1835
1723
|
|
|
1724
|
+
const defaultSize$1 = '36';
|
|
1836
1725
|
const defaultMode$1 = EditMode.FORM;
|
|
1837
1726
|
function applyPickerTogglerMods(mods) {
|
|
1838
1727
|
return [
|
|
1839
1728
|
css$N.root,
|
|
1840
|
-
'
|
|
1841
|
-
`uui-size-${mods.size || settings.sizes.defaults.pickerToggler}`,
|
|
1729
|
+
css$N['size-' + (mods.size || defaultSize$1)],
|
|
1842
1730
|
css$N['mode-' + (mods.mode || defaultMode$1)],
|
|
1843
1731
|
];
|
|
1844
1732
|
}
|
|
1845
1733
|
function PickerTogglerComponent(props, ref) {
|
|
1846
1734
|
const renderItem = (itemProps) => {
|
|
1847
|
-
const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size:
|
|
1735
|
+
const itemPropsWithSize = Object.assign(Object.assign({}, itemProps), { size: props.size });
|
|
1848
1736
|
if (!!props.renderItem) {
|
|
1849
1737
|
return props.renderItem(itemPropsWithSize);
|
|
1850
1738
|
}
|
|
@@ -1854,6 +1742,8 @@ function PickerTogglerComponent(props, ref) {
|
|
|
1854
1742
|
}
|
|
1855
1743
|
const PickerToggler = /* @__PURE__ */React.forwardRef(PickerTogglerComponent);
|
|
1856
1744
|
|
|
1745
|
+
const pickerHeight$1 = 300;
|
|
1746
|
+
const pickerWidth = 360;
|
|
1857
1747
|
function PickerInputComponent(_a, ref) {
|
|
1858
1748
|
var { highlightSearchMatches = true } = _a, props = __rest(_a, ["highlightSearchMatches"]);
|
|
1859
1749
|
const toggleModalOpening = () => {
|
|
@@ -1890,9 +1780,9 @@ function PickerInputComponent(_a, ref) {
|
|
|
1890
1780
|
};
|
|
1891
1781
|
const getRowSize = () => {
|
|
1892
1782
|
if (isMobile()) {
|
|
1893
|
-
return
|
|
1783
|
+
return '48';
|
|
1894
1784
|
}
|
|
1895
|
-
return props.editMode === 'modal' ?
|
|
1785
|
+
return props.editMode === 'modal' ? '36' : props.size;
|
|
1896
1786
|
};
|
|
1897
1787
|
const getSubtitle = ({ path }, { search }) => {
|
|
1898
1788
|
if (!search)
|
|
@@ -1907,12 +1797,12 @@ function PickerInputComponent(_a, ref) {
|
|
|
1907
1797
|
return (React__default.createElement(PickerItem, Object.assign({ title: getName(item), size: getRowSize(), dataSourceState: dsState, highlightSearchMatches: highlightSearchMatches }, (flattenSearchResults ? { subtitle: getSubtitle(rowProps, dataSourceState) } : {}), rowProps)));
|
|
1908
1798
|
};
|
|
1909
1799
|
const renderRow = (rowProps, dsState) => {
|
|
1910
|
-
return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding:
|
|
1800
|
+
return props.renderRow ? (props.renderRow(rowProps, dsState)) : (React__default.createElement(DataPickerRow, Object.assign({}, rowProps, { key: rowProps.rowKey, size: getRowSize(), padding: props.editMode === 'modal' ? '24' : '12', renderItem: (item, itemProps) => renderRowItem(item, itemProps, dsState) })));
|
|
1911
1801
|
};
|
|
1912
1802
|
const renderBody = (bodyProps, rows) => {
|
|
1913
1803
|
const renderedDataRows = rows.map((row) => renderRow(row, dataSourceState));
|
|
1914
|
-
const bodyHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight ||
|
|
1915
|
-
const minBodyWidth = props.minBodyWidth ||
|
|
1804
|
+
const bodyHeight = isMobile() ? document.documentElement.clientHeight : props.dropdownHeight || pickerHeight$1;
|
|
1805
|
+
const minBodyWidth = props.minBodyWidth || pickerWidth;
|
|
1916
1806
|
return (React__default.createElement(MobileDropdownWrapper, { title: props.entityName, onClose: () => toggleBodyOpening(false), cx: [props.bodyCx], onKeyDown: bodyProps.onKeyDown, width: bodyProps.togglerWidth > minBodyWidth ? bodyProps.togglerWidth : minBodyWidth, focusLock: getSearchPosition() === 'body' },
|
|
1917
1807
|
React__default.createElement(DataPickerBody, Object.assign({}, bodyProps, { rows: renderedDataRows, maxHeight: bodyHeight, searchSize: props.size, editMode: "dropdown", selectionMode: props.selectionMode, renderNotFound: props.renderNotFound
|
|
1918
1808
|
? () => props.renderNotFound({
|
|
@@ -1931,7 +1821,7 @@ function PickerInputComponent(_a, ref) {
|
|
|
1931
1821
|
}
|
|
1932
1822
|
const PickerInput = /* @__PURE__ */React__default.forwardRef(PickerInputComponent);
|
|
1933
1823
|
|
|
1934
|
-
var css$M = {"row":"
|
|
1824
|
+
var css$M = {"row":"pIcFVr"};
|
|
1935
1825
|
|
|
1936
1826
|
function PickerListItem(props) {
|
|
1937
1827
|
var _a;
|
|
@@ -1952,7 +1842,7 @@ function PickerListItem(props) {
|
|
|
1952
1842
|
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$M.row }), component));
|
|
1953
1843
|
}
|
|
1954
1844
|
|
|
1955
|
-
var css$L = {"root":"
|
|
1845
|
+
var css$L = {"root":"AuYlLG"};
|
|
1956
1846
|
|
|
1957
1847
|
function PickerList(props) {
|
|
1958
1848
|
const { context, view, onlySelectedView, getName, getEntityName, appendLastSelected, getSelectedIdsArray, buildRowsList, getMaxDefaultItems, dataSourceState, getModalTogglerCaption, } = usePickerList(props);
|
|
@@ -1992,7 +1882,7 @@ const UUI_FILTERS_PANEL_ADD_BUTTON_BODY = 'uui-filters-panel-add-button-body';
|
|
|
1992
1882
|
const UUI_FILTERS_PANEL_ITEM_BODY = 'uui-filters-panel-item-body';
|
|
1993
1883
|
const UUI_FILTERS_PANEL_ITEM_TOGGLER = 'uui-filters-panel-item-toggler';
|
|
1994
1884
|
|
|
1995
|
-
var css$K = {"uui-typography":"
|
|
1885
|
+
var css$K = {"uui-typography":"W593iF","hero-header":"l20e4K","promo-header":"u-0YSE","uui-critical":"g0Of-C","uui-info":"QBZetr","uui-success":"tf8OTz","uui-warning":"bDgh-B","uui-highlight":"bbnZfQ","uui-typography-size-12":"xLx-hn","uui-typography-size-14":"q-Yksa","uui-typography-size-16":"K8sZYS","root":"kFtLMs","title-wrapper":"d3clAQ","title":"nFCBSs","text-wrapper":"_563b2k","selection":"AGQ1zE","postfix":"_3xm7Sg","selected":"_5g-1of","uuiTypography":"W593iF","heroHeader":"l20e4K","promoHeader":"u-0YSE","uuiCritical":"g0Of-C","uuiInfo":"QBZetr","uuiSuccess":"tf8OTz","uuiWarning":"bDgh-B","uuiHighlight":"bbnZfQ","uuiTypographySize12":"xLx-hn","uuiTypographySize14":"q-Yksa","uuiTypographySize16":"K8sZYS","titleWrapper":"d3clAQ","textWrapper":"_563b2k"};
|
|
1996
1886
|
|
|
1997
1887
|
const defaultSize = '36';
|
|
1998
1888
|
const FilterPanelItemToggler = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
@@ -2085,7 +1975,7 @@ function FilterPickerBody(_a) {
|
|
|
2085
1975
|
return renderBody(Object.assign(Object.assign(Object.assign({}, getPickerBodyProps(rows)), getListProps()), { showSearch: (_b = props.showSearch) !== null && _b !== void 0 ? _b : true }), rows);
|
|
2086
1976
|
}
|
|
2087
1977
|
|
|
2088
|
-
var css$J = {"container":"
|
|
1978
|
+
var css$J = {"container":"_6fZOnv"};
|
|
2089
1979
|
|
|
2090
1980
|
const defaultFormat = 'MMM D, YYYY';
|
|
2091
1981
|
const valueFormat = 'YYYY-MM-DD';
|
|
@@ -2294,14 +2184,14 @@ function DatePickerHeader({ navIconLeft, navIconRight, value: { month, view }, o
|
|
|
2294
2184
|
React.createElement(Button, { icon: navIconRight || ForwardRef$u, color: "secondary", fill: "ghost", cx: uuiHeader.navIconRight, onClick: () => onRightNavigationArrow(), isDisabled: disableNext }))));
|
|
2295
2185
|
}
|
|
2296
2186
|
|
|
2297
|
-
var css$I = {"uui-typography":"
|
|
2187
|
+
var css$I = {"uui-typography":"zQDHvx","hero-header":"_657f0L","promo-header":"XooKcy","uui-critical":"IDVBg-","uui-info":"_3itZRX","uui-success":"iuOGFe","uui-warning":"sgEFhS","uui-highlight":"_1VBFun","uui-typography-size-12":"AK2dpo","uui-typography-size-14":"nEvuVq","uui-typography-size-16":"l5id5e","root":"upgjrV","uuiTypography":"zQDHvx","heroHeader":"_657f0L","promoHeader":"XooKcy","uuiCritical":"IDVBg-","uuiInfo":"_3itZRX","uuiSuccess":"iuOGFe","uuiWarning":"sgEFhS","uuiHighlight":"_1VBFun","uuiTypographySize12":"AK2dpo","uuiTypographySize14":"nEvuVq","uuiTypographySize16":"l5id5e"};
|
|
2298
2188
|
|
|
2299
2189
|
function applyDateSelectionMods() {
|
|
2300
2190
|
return [css$I.root];
|
|
2301
2191
|
}
|
|
2302
2192
|
const Calendar = /* @__PURE__ */withMods(Calendar$1, applyDateSelectionMods);
|
|
2303
2193
|
|
|
2304
|
-
var css$H = {"uui-typography":"
|
|
2194
|
+
var css$H = {"uui-typography":"w5fXCx","hero-header":"-IE4S6","promo-header":"FHr-LX","uui-critical":"_8FwaqT","uui-info":"RW31KC","uui-success":"QACM4p","uui-warning":"FuzjWb","uui-highlight":"uwbHEX","uui-typography-size-12":"wqnU2S","uui-typography-size-14":"QBj-Qn","uui-typography-size-16":"tXZnWB","root":"rzTQhi","uuiTypography":"w5fXCx","heroHeader":"-IE4S6","promoHeader":"FHr-LX","uuiCritical":"_8FwaqT","uuiInfo":"RW31KC","uuiSuccess":"QACM4p","uuiWarning":"FuzjWb","uuiHighlight":"uwbHEX","uuiTypographySize12":"wqnU2S","uuiTypographySize14":"QBj-Qn","uuiTypographySize16":"tXZnWB"};
|
|
2305
2195
|
|
|
2306
2196
|
const uuiDatePickerBody = {
|
|
2307
2197
|
wrapper: 'uui-datepickerBody-wrapper',
|
|
@@ -2389,7 +2279,7 @@ function FilterDatePickerBody(props) {
|
|
|
2389
2279
|
} })))));
|
|
2390
2280
|
}
|
|
2391
2281
|
|
|
2392
|
-
var css$G = {"uui-typography":"
|
|
2282
|
+
var css$G = {"uui-typography":"lcxKRM","hero-header":"kXsrJ6","promo-header":"Bi2aec","uui-critical":"GIrFzb","uui-info":"tZwrg-","uui-success":"iaDn9w","uui-warning":"OkHx5R","uui-highlight":"j-j5VJ","uui-typography-size-12":"ZnICKl","uui-typography-size-14":"u7U6w6","uui-typography-size-16":"oMWvx2","dropdown-container":"UZZlBs","date-input":"_4G-v-v","size-24":"k9twRf","size-30":"CmzpfG","size-36":"Grpu2v","size-42":"I3M9tr","size-48":"UArMOU","date-input-group":"YOLKyI","separator":"L9rqoY","mode-form":"g9Nhaz","mode-cell":"rFYWEB","uuiTypography":"lcxKRM","heroHeader":"kXsrJ6","promoHeader":"Bi2aec","uuiCritical":"GIrFzb","uuiInfo":"tZwrg-","uuiSuccess":"iaDn9w","uuiWarning":"OkHx5R","uuiHighlight":"j-j5VJ","uuiTypographySize12":"ZnICKl","uuiTypographySize14":"u7U6w6","uuiTypographySize16":"oMWvx2","dropdownContainer":"UZZlBs","dateInput":"_4G-v-v","size24":"k9twRf","size30":"CmzpfG","size36":"Grpu2v","size42":"I3M9tr","size48":"UArMOU","dateInputGroup":"YOLKyI","modeForm":"g9Nhaz","modeCell":"rFYWEB"};
|
|
2393
2283
|
|
|
2394
2284
|
const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid, isReadonly, size, disableClear, rawProps, value, inFocus, format, onValueChange, onBlur, onFocusInput, onBlurInput, onClick, getPlaceholder, filter, id, cx: classes, }, ref) => {
|
|
2395
2285
|
const [inputValue, setInputValue] = useState(toCustomDateRangeFormat(value, format));
|
|
@@ -2420,9 +2310,9 @@ const RangeDatePickerInput = /* @__PURE__ */forwardRef(({ isDisabled, isInvalid,
|
|
|
2420
2310
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
2421
2311
|
}
|
|
2422
2312
|
}, onBlur: onBlur },
|
|
2423
|
-
React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, inFocus === 'from' && uuiMod.focus), size: size ||
|
|
2313
|
+
React__default.createElement(TextInput, { icon: systemIcons.calendar, cx: cx$1(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'from' && uuiMod.focus), size: size || '36', placeholder: getPlaceholder ? getPlaceholder('from') : i18n.rangeDatePicker.pickerPlaceholderFrom, value: inputValue.from || undefined, onValueChange: (v) => onInputChange(v || '', 'from'), onFocus: (event) => handleFocus(event, 'from'), onBlur: (event) => handleBlur(event, 'from'), isInvalid: isInvalid, isDisabled: isDisabled, isReadonly: isReadonly, isDropdown: false, rawProps: rawProps === null || rawProps === void 0 ? void 0 : rawProps.from, id: id }),
|
|
2424
2314
|
React__default.createElement("div", { className: css$G.separator }),
|
|
2425
|
-
React__default.createElement(TextInput, { cx: cx$1(css$G.dateInput, inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size ||
|
|
2315
|
+
React__default.createElement(TextInput, { cx: cx$1(css$G.dateInput, css$G['size-' + (size || 36)], inFocus === 'to' && uuiMod.focus), placeholder: getPlaceholder ? getPlaceholder('to') : i18n.rangeDatePicker.pickerPlaceholderTo, size: size || '36', value: inputValue.to || undefined, onCancel: clearAllowed ? () => {
|
|
2426
2316
|
onValueChange(defaultRangeValue);
|
|
2427
2317
|
} : 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 === null || rawProps === void 0 ? void 0 : rawProps.to })));
|
|
2428
2318
|
});
|
|
@@ -2480,7 +2370,7 @@ function FilterRangeDatePickerBody(props) {
|
|
|
2480
2370
|
React__default.createElement(LinkButton, { isDisabled: !value.from && !value.to, caption: i18n.pickerModal.clearAllButton, onClick: () => onValueChange(defaultRangeValue) })))));
|
|
2481
2371
|
}
|
|
2482
2372
|
|
|
2483
|
-
var css$F = {"container":"
|
|
2373
|
+
var css$F = {"container":"WaWKkZ"};
|
|
2484
2374
|
|
|
2485
2375
|
function FilterNumericBody(props) {
|
|
2486
2376
|
var _a, _b;
|
|
@@ -2580,7 +2470,7 @@ var SvgActionDeleteForeverFill = function SvgActionDeleteForeverFill(props, ref)
|
|
|
2580
2470
|
};
|
|
2581
2471
|
var ForwardRef$r = /*#__PURE__*/forwardRef(SvgActionDeleteForeverFill);
|
|
2582
2472
|
|
|
2583
|
-
var css$E = {"uui-typography":"
|
|
2473
|
+
var css$E = {"uui-typography":"_4evYd2","hero-header":"_8wPeDY","promo-header":"tA4ccU","uui-critical":"XwalNm","uui-info":"bxgywW","uui-success":"BPv-et","uui-warning":"V1BKej","uui-highlight":"bct6Jj","uui-typography-size-12":"P6erVZ","uui-typography-size-14":"_45pvig","uui-typography-size-16":"VHORO1","header":"G2x52-","removeButton":"rsj20L","with-search":"l9atMw","uuiTypography":"_4evYd2","heroHeader":"_8wPeDY","promoHeader":"tA4ccU","uuiCritical":"XwalNm","uuiInfo":"bxgywW","uuiSuccess":"BPv-et","uuiWarning":"V1BKej","uuiHighlight":"bct6Jj","uuiTypographySize12":"P6erVZ","uuiTypographySize14":"_45pvig","uuiTypographySize16":"VHORO1","withSearch":"l9atMw"};
|
|
2584
2474
|
|
|
2585
2475
|
function useView(props, value) {
|
|
2586
2476
|
const forceUpdate = useForceUpdate();
|
|
@@ -2902,7 +2792,7 @@ function FiltersToolbarImpl(props) {
|
|
|
2902
2792
|
}
|
|
2903
2793
|
const FiltersPanel = /* @__PURE__ */React__default.memo(FiltersToolbarImpl);
|
|
2904
2794
|
|
|
2905
|
-
var css$D = {"divider":"
|
|
2795
|
+
var css$D = {"divider":"-VU1jB","dropdownDeleteIcon":"dhlpHc","presetsWrapper":"M-xZyc","addPresetContainer":"_5mV3fS","dropContainer":"RL6Fpf"};
|
|
2906
2796
|
|
|
2907
2797
|
var _path$p;
|
|
2908
2798
|
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); }
|
|
@@ -3030,7 +2920,7 @@ var SvgActionDeleteOutline = function SvgActionDeleteOutline(props, ref) {
|
|
|
3030
2920
|
};
|
|
3031
2921
|
var ForwardRef$i = /*#__PURE__*/forwardRef(SvgActionDeleteOutline);
|
|
3032
2922
|
|
|
3033
|
-
var css$C = {"delete-button":"
|
|
2923
|
+
var css$C = {"delete-button":"V609Tt","tab-button":"fzjDwT","targetOpen":"FRmgAg","deleteButton":"V609Tt","tabButton":"fzjDwT"};
|
|
3034
2924
|
|
|
3035
2925
|
function PresetActionsDropdown(props) {
|
|
3036
2926
|
const { uuiNotifications } = useUuiContext();
|
|
@@ -3088,7 +2978,7 @@ function PresetActionsDropdown(props) {
|
|
|
3088
2978
|
return (React__default.createElement(Dropdown, { renderBody: renderBody, renderTarget: renderTarget, placement: "bottom-end", modifiers: [{ name: 'offset', options: { offset: [0, 22] } }] }));
|
|
3089
2979
|
}
|
|
3090
2980
|
|
|
3091
|
-
var css$B = {"preset-input-cell":"
|
|
2981
|
+
var css$B = {"preset-input-cell":"JlR-IO","preset-input":"q-LReA","presetInputCell":"JlR-IO","presetInput":"q-LReA"};
|
|
3092
2982
|
|
|
3093
2983
|
const UUI_PRESETS_PANEL_ADD_BUTTON = 'uui-presets-panel-add-button';
|
|
3094
2984
|
const UUI_PRESETS_PANEL_MORE_BUTTON = 'uui-presets-panel-more-button';
|
|
@@ -3121,7 +3011,7 @@ function PresetInput(props) {
|
|
|
3121
3011
|
React__default.createElement(TextInput, { cx: css$B.presetInput, onValueChange: setPresetCaption, value: presetCaption, onCancel: cancelActionHandler, onAccept: acceptActionHandler, onBlur: newPresetOnBlurHandler, autoFocus: true, maxLength: 50, isReadonly: readonly })));
|
|
3122
3012
|
}
|
|
3123
3013
|
|
|
3124
|
-
var css$A = {"preset":"
|
|
3014
|
+
var css$A = {"preset":"_8gnk0c","activePreset":"LEXI0w"};
|
|
3125
3015
|
|
|
3126
3016
|
function Preset(props) {
|
|
3127
3017
|
const [isRenamePreset, setIsRenamePreset] = useState(false);
|
|
@@ -3223,16 +3113,25 @@ const useColumnsWithFilters = (initialColumns, filters) => {
|
|
|
3223
3113
|
return columns;
|
|
3224
3114
|
};
|
|
3225
3115
|
|
|
3226
|
-
var css$z = {"line-height-12":"
|
|
3116
|
+
var css$z = {"line-height-12":"PCNWs-","line-height-18":"pvW8l5","line-height-24":"_0sP0Jj","line-height-30":"x0swjy","font-size-10":"Rf8QyL","font-size-12":"caqImT","font-size-14":"UiNd6h","font-size-16":"T348EX","font-size-18":"mSTko5","font-size-24":"zX217r","v-padding-2":"pR9KOj","v-padding-3":"PE6cSm","v-padding-5":"_47nwCd","v-padding-6":"IbAmtw","v-padding-8":"_7kKjqa","v-padding-9":"J-PY5X","v-padding-11":"_4n3jmS","v-padding-12":"_36hC7Y","v-padding-14":"L08Us9","v-padding-15":"EauJ-Z","v-padding-17":"EU1Ne8","v-padding-18":"OwGnKR","v-padding-23":"z1vLhh","v-padding-24":"hrMK5N","lineHeight12":"PCNWs-","lineHeight18":"pvW8l5","lineHeight24":"_0sP0Jj","lineHeight30":"x0swjy","fontSize10":"Rf8QyL","fontSize12":"caqImT","fontSize14":"UiNd6h","fontSize16":"T348EX","fontSize18":"mSTko5","fontSize24":"zX217r","vPadding2":"pR9KOj","vPadding3":"PE6cSm","vPadding5":"_47nwCd","vPadding6":"IbAmtw","vPadding8":"_7kKjqa","vPadding9":"J-PY5X","vPadding11":"_4n3jmS","vPadding12":"_36hC7Y","vPadding14":"L08Us9","vPadding15":"EauJ-Z","vPadding17":"EU1Ne8","vPadding18":"OwGnKR","vPadding23":"z1vLhh","vPadding24":"hrMK5N"};
|
|
3227
3117
|
|
|
3118
|
+
const defaultTextSettings = {
|
|
3119
|
+
18: { lineHeight: 12, fontSize: 10 },
|
|
3120
|
+
24: { lineHeight: 18, fontSize: 12 },
|
|
3121
|
+
30: { lineHeight: 18, fontSize: 14 },
|
|
3122
|
+
36: { lineHeight: 18, fontSize: 14 },
|
|
3123
|
+
42: { lineHeight: 24, fontSize: 16 },
|
|
3124
|
+
48: { lineHeight: 24, fontSize: 16 },
|
|
3125
|
+
60: { lineHeight: 30, fontSize: 24 },
|
|
3126
|
+
};
|
|
3228
3127
|
function getTextClasses(props, border) {
|
|
3229
3128
|
if (props.size === 'none') {
|
|
3230
3129
|
return [css$z['line-height-' + props.lineHeight], css$z['font-size-' + props.fontSize]];
|
|
3231
3130
|
}
|
|
3232
3131
|
const setting = {
|
|
3233
3132
|
size: props.size,
|
|
3234
|
-
lineHeight: props.lineHeight ||
|
|
3235
|
-
fontSize: props.fontSize ||
|
|
3133
|
+
lineHeight: props.lineHeight || defaultTextSettings[props.size].lineHeight,
|
|
3134
|
+
fontSize: props.fontSize || defaultTextSettings[props.size].fontSize,
|
|
3236
3135
|
};
|
|
3237
3136
|
const vPadding = (+setting.size - +setting.lineHeight - (border ? 2 : 0)) / 2;
|
|
3238
3137
|
return [
|
|
@@ -3240,11 +3139,11 @@ function getTextClasses(props, border) {
|
|
|
3240
3139
|
];
|
|
3241
3140
|
}
|
|
3242
3141
|
|
|
3243
|
-
var css$y = {"root":"
|
|
3142
|
+
var css$y = {"root":"LKdhpo"};
|
|
3244
3143
|
|
|
3245
3144
|
function applyTextMods(mods) {
|
|
3246
3145
|
const textClasses = getTextClasses({
|
|
3247
|
-
size: mods.size ||
|
|
3146
|
+
size: mods.size || '36',
|
|
3248
3147
|
lineHeight: mods.lineHeight,
|
|
3249
3148
|
fontSize: mods.fontSize,
|
|
3250
3149
|
}, false);
|
|
@@ -3259,7 +3158,7 @@ function applyTextMods(mods) {
|
|
|
3259
3158
|
}
|
|
3260
3159
|
const Text = /* @__PURE__ */withMods(uuiComponents.Text, applyTextMods);
|
|
3261
3160
|
|
|
3262
|
-
var css$x = {"root":"
|
|
3161
|
+
var css$x = {"root":"WUCsoD","loading-word":"djHAUL","animated-loading":"pL15Q4","skeleton_loading":"g4yk-G","loadingWord":"djHAUL","animatedLoading":"pL15Q4","skeletonLoading":"g4yk-G"};
|
|
3263
3162
|
|
|
3264
3163
|
const TextPlaceholder = (props) => {
|
|
3265
3164
|
const pattern = ' ';
|
|
@@ -3278,7 +3177,7 @@ const TextPlaceholder = (props) => {
|
|
|
3278
3177
|
|
|
3279
3178
|
const RichTextView = /* @__PURE__ */withMods(uuiComponents.RichTextView, (mods) => ['uui-typography', `uui-typography-size-${mods.size || '14'}`]);
|
|
3280
3179
|
|
|
3281
|
-
var css$w = {"uui-typography":"
|
|
3180
|
+
var css$w = {"uui-typography":"NCOA-N","hero-header":"lou10l","promo-header":"IrlxKK","uui-critical":"MarD0C","uui-info":"CwmxoD","uui-success":"TFMHpe","uui-warning":"_5eiXZc","uui-highlight":"_2mBH1X","uui-typography-size-12":"YhN27r","uui-typography-size-14":"e4Lbaw","uui-typography-size-16":"_7xN4W9","root":"Z2mlOa","modal-blocker":"ktZo3f","animateModalBlocker":"fVjz4W","modal":"JsMcS0","modal-footer":"anVEFI","modal-header":"g7V3WS","uuiTypography":"NCOA-N","heroHeader":"lou10l","promoHeader":"IrlxKK","uuiCritical":"MarD0C","uuiInfo":"CwmxoD","uuiSuccess":"TFMHpe","uuiWarning":"_5eiXZc","uuiHighlight":"_2mBH1X","uuiTypographySize12":"YhN27r","uuiTypographySize14":"e4Lbaw","uuiTypographySize16":"_7xN4W9","modalBlocker":"ktZo3f","modalFooter":"anVEFI","modalHeader":"g7V3WS"};
|
|
3282
3181
|
|
|
3283
3182
|
const ModalBlocker = /* @__PURE__ */withMods(ModalBlocker$1, () => [css$w.modalBlocker]);
|
|
3284
3183
|
const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, css$w.modal], (props) => {
|
|
@@ -3297,19 +3196,19 @@ const ModalWindow = /* @__PURE__ */withMods(ModalWindow$1, () => [css$w.root, cs
|
|
|
3297
3196
|
maxHeight }),
|
|
3298
3197
|
};
|
|
3299
3198
|
});
|
|
3300
|
-
class ModalHeader extends
|
|
3199
|
+
class ModalHeader extends React.Component {
|
|
3301
3200
|
render() {
|
|
3302
|
-
return (
|
|
3303
|
-
this.props.title && (
|
|
3201
|
+
return (React.createElement(FlexRow, { padding: this.props.padding || '24', vPadding: "12", borderBottom: this.props.borderBottom, cx: [css$w.root, css$w.modalHeader, this.props.cx], columnGap: "12", rawProps: this.props.rawProps },
|
|
3202
|
+
this.props.title && (React.createElement(Text, { size: "48", fontSize: "18", fontWeight: "600" }, this.props.title)),
|
|
3304
3203
|
this.props.children,
|
|
3305
|
-
this.props.onClose &&
|
|
3306
|
-
this.props.onClose && (
|
|
3307
|
-
|
|
3204
|
+
this.props.onClose && React.createElement(FlexSpacer, null),
|
|
3205
|
+
this.props.onClose && (React.createElement(FlexCell, { shrink: 0, width: "auto" },
|
|
3206
|
+
React.createElement(IconButton, { rawProps: { 'aria-label': 'Close modal' }, icon: ForwardRef$Q, onClick: this.props.onClose })))));
|
|
3308
3207
|
}
|
|
3309
3208
|
}
|
|
3310
|
-
class ModalFooter extends
|
|
3209
|
+
class ModalFooter extends React.Component {
|
|
3311
3210
|
render() {
|
|
3312
|
-
return (
|
|
3211
|
+
return (React.createElement(FlexRow, { columnGap: this.props.columnGap || '12', cx: [
|
|
3313
3212
|
css$w.root,
|
|
3314
3213
|
css$w.modalFooter,
|
|
3315
3214
|
this.props.cx,
|
|
@@ -3332,7 +3231,7 @@ var SvgNotificationHelpFill = function SvgNotificationHelpFill(props, ref) {
|
|
|
3332
3231
|
};
|
|
3333
3232
|
var ForwardRef$h = /*#__PURE__*/forwardRef(SvgNotificationHelpFill);
|
|
3334
3233
|
|
|
3335
|
-
var css$v = {"uui-typography":"
|
|
3234
|
+
var css$v = {"uui-typography":"afcoWr","hero-header":"_92QbMf","promo-header":"_3RNkok","uui-critical":"wzGtmy","uui-info":"Zxbk5E","uui-success":"e7Ef6Z","uui-warning":"_5QK9Jo","uui-highlight":"qD9HwM","uui-typography-size-12":"GcZfav","uui-typography-size-14":"T8RQlX","uui-typography-size-16":"m1xzue","root":"OhpMlk","icon-wrapper":"Rqt6V6","action-wrapper":"BA7kDv","action-link":"_48idh-","close-icon":"fLL22H","main-path":"IA81EK","content":"paRNso","close-wrapper":"d8GGV7","notification-wrapper":"PVCz5p","clear-button":"ngsT9Q","uuiTypography":"afcoWr","heroHeader":"_92QbMf","promoHeader":"_3RNkok","uuiCritical":"wzGtmy","uuiInfo":"Zxbk5E","uuiSuccess":"e7Ef6Z","uuiWarning":"_5QK9Jo","uuiHighlight":"qD9HwM","uuiTypographySize12":"GcZfav","uuiTypographySize14":"T8RQlX","uuiTypographySize16":"m1xzue","iconWrapper":"Rqt6V6","actionWrapper":"BA7kDv","actionLink":"_48idh-","closeIcon":"fLL22H","mainPath":"IA81EK","closeWrapper":"d8GGV7","notificationWrapper":"PVCz5p","clearButton":"ngsT9Q"};
|
|
3336
3235
|
|
|
3337
3236
|
const NotificationCard = /* @__PURE__ */React__default.forwardRef((props, ref) => {
|
|
3338
3237
|
const notificationCardNode = React__default.useRef(null);
|
|
@@ -3454,7 +3353,7 @@ const formatTime = (hours, minutes, meridian, format) => {
|
|
|
3454
3353
|
return meridianResult ? time.concat(` ${meridianResult}`) : time;
|
|
3455
3354
|
};
|
|
3456
3355
|
|
|
3457
|
-
var css$u = {"root":"
|
|
3356
|
+
var css$u = {"root":"_1a2pjz","timepicker-input":"skdcbb","timepickerInput":"skdcbb"};
|
|
3458
3357
|
|
|
3459
3358
|
const DEFAULT_MODE = EditMode.FORM;
|
|
3460
3359
|
const valueToTimeString = (value, format) => {
|
|
@@ -3600,7 +3499,7 @@ function TimePickerBody(props) {
|
|
|
3600
3499
|
React.createElement(IconContainer, { size: 18, cx: uuiTimePicker.iconDown, icon: ForwardRef$P, onClick: onTimeTypeChange })))));
|
|
3601
3500
|
}
|
|
3602
3501
|
|
|
3603
|
-
var css$t = {"root":"
|
|
3502
|
+
var css$t = {"root":"_1tTUIl"};
|
|
3604
3503
|
|
|
3605
3504
|
function applyInputAddonMods() {
|
|
3606
3505
|
return [
|
|
@@ -3609,7 +3508,7 @@ function applyInputAddonMods() {
|
|
|
3609
3508
|
}
|
|
3610
3509
|
const InputAddon = /* @__PURE__ */withMods(InputAddon$1, applyInputAddonMods);
|
|
3611
3510
|
|
|
3612
|
-
var css$s = {"root":"
|
|
3511
|
+
var css$s = {"root":"_0gQFBI"};
|
|
3613
3512
|
|
|
3614
3513
|
function applySliderMods() {
|
|
3615
3514
|
return [css$s.root, 'uui-color-neutral'];
|
|
@@ -3663,7 +3562,7 @@ function DatePickerComponent(props, ref) {
|
|
|
3663
3562
|
const allowClear = !props.disableClear && !!inputValue;
|
|
3664
3563
|
return (React__default.createElement(TextInput, Object.assign({}, renderProps, {
|
|
3665
3564
|
// fixes a bug with body open, it skips unwanted prevent default
|
|
3666
|
-
onClick: () => { }, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size ||
|
|
3565
|
+
onClick: () => { }, isDropdown: false, cx: cx$1(props.inputCx, isBodyOpen && uuiMod.focus), icon: props.mode !== EditMode.CELL && systemIcons.calendar ? systemIcons.calendar : undefined, iconPosition: props.iconPosition || 'left', placeholder: props.placeholder ? props.placeholder : format, size: props.size || '36', value: inputValue || undefined, onValueChange: (v) => {
|
|
3667
3566
|
setInputValue(v || '');
|
|
3668
3567
|
}, onCancel: allowClear ? () => {
|
|
3669
3568
|
if (!props.disableClear && !!inputValue) {
|
|
@@ -3692,14 +3591,14 @@ function DatePickerComponent(props, ref) {
|
|
|
3692
3591
|
}
|
|
3693
3592
|
const DatePicker = /* @__PURE__ */React__default.forwardRef(DatePickerComponent);
|
|
3694
3593
|
|
|
3695
|
-
var css$r = {"uui-typography":"
|
|
3594
|
+
var css$r = {"uui-typography":"y7jRm8","hero-header":"ca2fbo","promo-header":"v1hKUU","uui-critical":"lvhrLB","uui-info":"_3-Ea0z","uui-success":"Her1Yq","uui-warning":"mLoZpB","uui-highlight":"wTGSwk","uui-typography-size-12":"JXmyAd","uui-typography-size-14":"_1Moq2a","uui-typography-size-16":"_0CeObo","root":"uVnbvZ","uuiTypography":"y7jRm8","heroHeader":"ca2fbo","promoHeader":"v1hKUU","uuiCritical":"lvhrLB","uuiInfo":"_3-Ea0z","uuiSuccess":"Her1Yq","uuiWarning":"mLoZpB","uuiHighlight":"wTGSwk","uuiTypographySize12":"JXmyAd","uuiTypographySize14":"_1Moq2a","uuiTypographySize16":"_0CeObo"};
|
|
3696
3595
|
|
|
3697
3596
|
function applyCalendarPresetsMods() {
|
|
3698
3597
|
return [css$r.root];
|
|
3699
3598
|
}
|
|
3700
3599
|
const CalendarPresets = /* @__PURE__ */withMods(CalendarPresets$1, applyCalendarPresetsMods, () => ({}));
|
|
3701
3600
|
|
|
3702
|
-
var css$q = {"uui-typography":"
|
|
3601
|
+
var css$q = {"uui-typography":"-YX9MR","hero-header":"yj5y-G","promo-header":"KtUYQQ","uui-critical":"WwY6-R","uui-info":"FinH6N","uui-success":"CP0-oK","uui-warning":"wnaMwh","uui-highlight":"yBW8gG","uui-typography-size-12":"Kwj9SW","uui-typography-size-14":"lPxa2P","uui-typography-size-16":"_14I6PW","root":"DAZiTx","container":"-VzZpM","day-selection":"_0u635d","from-picker":"_2g59AE","to-picker":"-fIYbu","bodes-wrapper":"w-uH6i","blocker":"_6G9kLj","uuiTypography":"-YX9MR","heroHeader":"yj5y-G","promoHeader":"KtUYQQ","uuiCritical":"WwY6-R","uuiInfo":"FinH6N","uuiSuccess":"CP0-oK","uuiWarning":"wnaMwh","uuiHighlight":"yBW8gG","uuiTypographySize12":"Kwj9SW","uuiTypographySize14":"lPxa2P","uuiTypographySize16":"_14I6PW","daySelection":"_0u635d","fromPicker":"_2g59AE","toPicker":"-fIYbu","bodesWrapper":"w-uH6i"};
|
|
3703
3602
|
|
|
3704
3603
|
const uuiRangeDatePickerBody = {
|
|
3705
3604
|
inRange: 'uui-range-datepicker-in-range',
|
|
@@ -3943,7 +3842,7 @@ function RangeDatePickerComponent(props, ref) {
|
|
|
3943
3842
|
}
|
|
3944
3843
|
const RangeDatePicker = /* @__PURE__ */React__default.forwardRef(RangeDatePickerComponent);
|
|
3945
3844
|
|
|
3946
|
-
var css$p = {"root":"
|
|
3845
|
+
var css$p = {"root":"rcAz2x","blocker":"bfTiWy","marker":"D1Uz26","top":"ApwVqC","bottom":"Qdpx27","left":"_6nFVaX","right":"_0G2Tgx","inside":"ZVWVf2"};
|
|
3947
3846
|
|
|
3948
3847
|
function DropMarker(props) {
|
|
3949
3848
|
return props.isDndInProgress
|
|
@@ -3958,7 +3857,7 @@ function DropMarker(props) {
|
|
|
3958
3857
|
: null;
|
|
3959
3858
|
}
|
|
3960
3859
|
|
|
3961
|
-
var css$o = {"uui-typography":"
|
|
3860
|
+
var css$o = {"uui-typography":"FX4HUh","hero-header":"vcTtCR","promo-header":"I7uMpY","uui-critical":"ucrS0A","uui-info":"_93xHSc","uui-success":"CgzBnS","uui-warning":"_6Hej-L","uui-highlight":"H2uDL7","uui-typography-size-12":"_9AQWGS","uui-typography-size-14":"iiuGpw","uui-typography-size-16":"mSGCLT","cell":"lfvs2l","wrapper":"-s955d","align-widgets-top":"_6fSb-0","size-24":"Jcvypr","size-30":"z8bth-","size-36":"IJJBAx","size-42":"uMysCG","size-48":"_3b8ya8","size-60":"Hzo87p","align-widgets-center":"V5RV8A","padding-6":"wb9Inw","padding-12":"erH7u-","padding-24":"PpCpwh","padding-left-12":"yGldgJ","padding-left-24":"PvWm4t","padding-right-12":"YqCL1x","padding-right-24":"zDycgN","loading-cell":"mpzzvL","uuiTypography":"FX4HUh","heroHeader":"vcTtCR","promoHeader":"I7uMpY","uuiCritical":"ucrS0A","uuiInfo":"_93xHSc","uuiSuccess":"CgzBnS","uuiWarning":"_6Hej-L","uuiHighlight":"H2uDL7","uuiTypographySize12":"_9AQWGS","uuiTypographySize14":"iiuGpw","uuiTypographySize16":"mSGCLT","alignWidgetsTop":"_6fSb-0","size24":"Jcvypr","size30":"z8bth-","size36":"IJJBAx","size42":"uMysCG","size48":"_3b8ya8","size60":"Hzo87p","alignWidgetsCenter":"V5RV8A","padding6":"wb9Inw","padding12":"erH7u-","padding24":"PpCpwh","paddingLeft12":"yGldgJ","paddingLeft24":"PvWm4t","paddingRight12":"YqCL1x","paddingRight24":"zDycgN","loadingCell":"mpzzvL"};
|
|
3962
3861
|
|
|
3963
3862
|
function DataTableCell(props) {
|
|
3964
3863
|
props = Object.assign({}, props);
|
|
@@ -4006,7 +3905,7 @@ function DataTableCell(props) {
|
|
|
4006
3905
|
return React.createElement(DataTableCell$1, Object.assign({}, props));
|
|
4007
3906
|
}
|
|
4008
3907
|
|
|
4009
|
-
var css$n = {"uui-typography":"
|
|
3908
|
+
var css$n = {"uui-typography":"uidgjl","hero-header":"cRiFYr","promo-header":"NULVjX","uui-critical":"YRQw7M","uui-info":"_7S781c","uui-success":"kLldcw","uui-warning":"CangXi","uui-highlight":"Sx9Tnm","uui-typography-size-12":"O0type","uui-typography-size-14":"HMJxQ0","uui-typography-size-16":"TOcKuX","root":"fry7PU","size-24":"_2UqnpC","size-30":"i-p5Ik","size-36":"KaVKCU","size-48":"CsYgcr","size-60":"tdbdRe","uuiTypography":"uidgjl","heroHeader":"cRiFYr","promoHeader":"NULVjX","uuiCritical":"YRQw7M","uuiInfo":"_7S781c","uuiSuccess":"kLldcw","uuiWarning":"CangXi","uuiHighlight":"Sx9Tnm","uuiTypographySize12":"O0type","uuiTypographySize14":"HMJxQ0","uuiTypographySize16":"TOcKuX","size24":"_2UqnpC","size30":"i-p5Ik","size36":"KaVKCU","size48":"CsYgcr","size60":"tdbdRe"};
|
|
4010
3909
|
|
|
4011
3910
|
// Here we define a single instance of the renderCell function to make DataTableRow#shouldComponentUpdate work.
|
|
4012
3911
|
// 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.
|
|
@@ -4022,7 +3921,7 @@ const DataTableRow = /* @__PURE__ */withMods(DataTableRow$1, ({ borderBottom = t
|
|
|
4022
3921
|
];
|
|
4023
3922
|
}, () => propsMods);
|
|
4024
3923
|
|
|
4025
|
-
var css$m = {"uui-typography":"
|
|
3924
|
+
var css$m = {"uui-typography":"TcNA92","hero-header":"A4IM0U","promo-header":"AsCBvy","uui-critical":"ip5sET","uui-info":"yN0GEM","uui-success":"x4i3w1","uui-warning":"_0KdahR","uui-highlight":"d1Wxt1","uui-typography-size-12":"nusfRu","uui-typography-size-14":"Jlb7Em","uui-typography-size-16":"Gk79Rx","sorting-panel-container":"FHvbN8","sort-active":"kvoZKo","uuiTypography":"TcNA92","heroHeader":"A4IM0U","promoHeader":"AsCBvy","uuiCritical":"ip5sET","uuiInfo":"yN0GEM","uuiSuccess":"x4i3w1","uuiWarning":"_0KdahR","uuiHighlight":"d1Wxt1","uuiTypographySize12":"nusfRu","uuiTypographySize14":"Jlb7Em","uuiTypographySize16":"Gk79Rx","sortingPanelContainer":"FHvbN8","sortActive":"kvoZKo"};
|
|
4026
3925
|
|
|
4027
3926
|
var _path$g;
|
|
4028
3927
|
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); }
|
|
@@ -4152,7 +4051,7 @@ var SvgNavigationExpandAllOutline = function SvgNavigationExpandAllOutline(props
|
|
|
4152
4051
|
};
|
|
4153
4052
|
var ForwardRef$a = /*#__PURE__*/forwardRef(SvgNavigationExpandAllOutline);
|
|
4154
4053
|
|
|
4155
|
-
var css$l = {"uui-typography":"
|
|
4054
|
+
var css$l = {"uui-typography":"tdc2s6","hero-header":"Wtpo-Q","promo-header":"p3t2z7","uui-critical":"_4MjZdS","uui-info":"E5EIcO","uui-success":"OdXG85","uui-warning":"SYJEsB","uui-highlight":"K-izYO","uui-typography-size-12":"E3jkQx","uui-typography-size-14":"un5W-7","uui-typography-size-16":"rMYyI1","cell":"XR5TIN","column-gap-12":"PCOJqB","caption-wrapper":"pNdFPX","column-gap-24":"aG22b8","first-column-12":"S4anih","last-column-12":"_8qv7b3","first-column-24":"uuIBhH","last-column-24":"MSoK7W","sort-icon":"TIBQDP","dropdown-icon":"VrOwX8","infoIcon":"Hs8OxI","resizable":"FQ-UMs","size-24":"x-U6GW","size-30":"_34yT9R","size-36":"fOiLdp","size-42":"TQimFl","size-48":"p0v7wI","padding-left-24":"qyiOlv","padding-right-24":"_4KLGR2","align-right":"_0dkT91","align-center":"qO4xrV","caption":"ZGItTw","checkbox":"OX-SJ6","icon":"toHKuT","fold-all-icon":"iWQaCs","cell-tooltip":"NQE0Lm","upper-case":"M549H1","font-size-14":"qnFYwm","resize-mark":"g4zi9G","resize-mark-6":"XL3ny8","resize-mark-12":"spMTWX","pinned-right":"v5fF86","draggable":"SQfhV3","ghost":"qJryVm","is-dragged-out":"VnmnnV","dnd-marker-left":"nAm7Q2","dnd-marker-right":"iKDewh","cell-tooltip-wrapper":"_9oJcSl","cell-tooltip-text":"ttGlgo","uuiTypography":"tdc2s6","heroHeader":"Wtpo-Q","promoHeader":"p3t2z7","uuiCritical":"_4MjZdS","uuiInfo":"E5EIcO","uuiSuccess":"OdXG85","uuiWarning":"SYJEsB","uuiHighlight":"K-izYO","uuiTypographySize12":"E3jkQx","uuiTypographySize14":"un5W-7","uuiTypographySize16":"rMYyI1","columnGap12":"PCOJqB","captionWrapper":"pNdFPX","columnGap24":"aG22b8","firstColumn12":"S4anih","lastColumn12":"_8qv7b3","firstColumn24":"uuIBhH","lastColumn24":"MSoK7W","sortIcon":"TIBQDP","dropdownIcon":"VrOwX8","size24":"x-U6GW","size30":"_34yT9R","size36":"fOiLdp","size42":"TQimFl","size48":"p0v7wI","paddingLeft24":"qyiOlv","paddingRight24":"_4KLGR2","alignRight":"_0dkT91","alignCenter":"qO4xrV","foldAllIcon":"iWQaCs","cellTooltip":"NQE0Lm","upperCase":"M549H1","fontSize14":"qnFYwm","resizeMark":"g4zi9G","resizeMark6":"XL3ny8","resizeMark12":"spMTWX","pinnedRight":"v5fF86","isDraggedOut":"VnmnnV","dndMarkerLeft":"nAm7Q2","dndMarkerRight":"iKDewh","cellTooltipWrapper":"_9oJcSl","cellTooltipText":"ttGlgo"};
|
|
4156
4055
|
|
|
4157
4056
|
class DataTableHeaderCell extends React.Component {
|
|
4158
4057
|
constructor() {
|
|
@@ -4234,14 +4133,14 @@ var SvgActionSettingsFill = function SvgActionSettingsFill(props, ref) {
|
|
|
4234
4133
|
};
|
|
4235
4134
|
var ForwardRef$9 = /*#__PURE__*/forwardRef(SvgActionSettingsFill);
|
|
4236
4135
|
|
|
4237
|
-
var css$k = {"uui-typography":"
|
|
4136
|
+
var css$k = {"uui-typography":"_5Gdlnl","hero-header":"FnXgPH","promo-header":"iX68gn","uui-critical":"Q0SCWi","uui-info":"R4dieO","uui-success":"cq6ewY","uui-warning":"_541mcF","uui-highlight":"npOONo","uui-typography-size-12":"sgNPF5","uui-typography-size-14":"oLccsS","uui-typography-size-16":"sLxgmX","header-cell":"_0vpF1F","truncate":"_7xYkoF","uuiTypography":"_5Gdlnl","heroHeader":"FnXgPH","promoHeader":"iX68gn","uuiCritical":"Q0SCWi","uuiInfo":"R4dieO","uuiSuccess":"cq6ewY","uuiWarning":"_541mcF","uuiHighlight":"npOONo","uuiTypographySize12":"sgNPF5","uuiTypographySize14":"oLccsS","uuiTypographySize16":"sLxgmX","headerCell":"_0vpF1F"};
|
|
4238
4137
|
|
|
4239
4138
|
const DataTableHeaderRow = /* @__PURE__ */withMods(DataTableHeaderRow$1, (props) => [css$k.root, 'uui-dt-vars', props.size === '48' && css$k.truncate], (mods) => ({
|
|
4240
4139
|
renderCell: (props) => React.createElement(DataTableHeaderCell, Object.assign({}, props, { size: mods.size, textCase: mods.textCase || 'normal', key: props.column.key, columnsGap: mods.columnsGap })),
|
|
4241
4140
|
renderConfigButton: () => React.createElement(IconButton, { key: "configuration", onClick: mods.onConfigButtonClick, cx: "config-icon", color: "neutral", icon: ForwardRef$9 }),
|
|
4242
4141
|
}));
|
|
4243
4142
|
|
|
4244
|
-
var styles$1 = {"uui-typography":"
|
|
4143
|
+
var styles$1 = {"uui-typography":"ofBM1-","hero-header":"xocunm","promo-header":"T1eSvY","uui-critical":"X6hW5d","uui-info":"_7BO8ok","uui-success":"v47COk","uui-warning":"_18kIXy","uui-highlight":"QZR0pz","uui-typography-size-12":"kVxCKw","uui-typography-size-14":"ywibJR","uui-typography-size-16":"o-k3u2","main-panel":"Cw776O","group-title":"fiTZXo","group-title-text":"XkOZAY","group-title-badge":"m6hJs1","group-items":"UNUeNA","no-data":"_26NeY1","h-divider":"_3y2-Pg","search-area":"OULjdL","subgroup-accordion":"_5N4KY8","subgroup-title":"hkxmJ5","uuiTypography":"ofBM1-","heroHeader":"xocunm","promoHeader":"T1eSvY","uuiCritical":"X6hW5d","uuiInfo":"_7BO8ok","uuiSuccess":"v47COk","uuiWarning":"_18kIXy","uuiHighlight":"QZR0pz","uuiTypographySize12":"kVxCKw","uuiTypographySize14":"ywibJR","uuiTypographySize16":"o-k3u2","mainPanel":"Cw776O","groupTitle":"fiTZXo","groupTitleText":"XkOZAY","groupTitleBadge":"m6hJs1","groupItems":"UNUeNA","noData":"_26NeY1","hDivider":"_3y2-Pg","searchArea":"OULjdL","subgroupAccordion":"_5N4KY8","subgroupTitle":"hkxmJ5"};
|
|
4245
4144
|
|
|
4246
4145
|
var _path$8;
|
|
4247
4146
|
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); }
|
|
@@ -4298,7 +4197,7 @@ var SvgTableGroupColumnRightFill = function SvgTableGroupColumnRightFill(props,
|
|
|
4298
4197
|
};
|
|
4299
4198
|
var ForwardRef$6 = /*#__PURE__*/forwardRef(SvgTableGroupColumnRightFill);
|
|
4300
4199
|
|
|
4301
|
-
var css$j = {"unpin-icon":"
|
|
4200
|
+
var css$j = {"unpin-icon":"_1339To","pin-toggler-icon":"yAcesw","unpinIcon":"_1339To","pinTogglerIcon":"yAcesw"};
|
|
4302
4201
|
|
|
4303
4202
|
function PinIconButton(props) {
|
|
4304
4203
|
const i18nLocal = i18n.tables.columnsConfigurationModal;
|
|
@@ -4357,7 +4256,7 @@ var SvgActionDragIndicator18 = function SvgActionDragIndicator18(props, ref) {
|
|
|
4357
4256
|
};
|
|
4358
4257
|
var ForwardRef$5 = /*#__PURE__*/forwardRef(SvgActionDragIndicator18);
|
|
4359
4258
|
|
|
4360
|
-
var styles = {"uui-typography":"
|
|
4259
|
+
var styles = {"uui-typography":"Ukve-K","hero-header":"_784Dlz","promo-header":"j0JkmE","uui-critical":"_9RpeXP","uui-info":"Goy33o","uui-success":"gUSLsq","uui-warning":"_8tAxAj","uui-highlight":"CHEVw4","uui-typography-size-12":"p6WDz0","uui-typography-size-14":"bBGc-X","uui-typography-size-16":"zLHmj9","row-wrapper":"yoq7u-","not-pinned":"z-CgTl","pin-icon-button":"P16KDH","checkbox":"-jcBGf","drag-handle":"GPcaHb","dnd-disabled":"TCER2e","uuiTypography":"Ukve-K","heroHeader":"_784Dlz","promoHeader":"j0JkmE","uuiCritical":"_9RpeXP","uuiInfo":"Goy33o","uuiSuccess":"gUSLsq","uuiWarning":"_8tAxAj","uuiHighlight":"CHEVw4","uuiTypographySize12":"p6WDz0","uuiTypographySize14":"bBGc-X","uuiTypographySize16":"zLHmj9","rowWrapper":"yoq7u-","notPinned":"z-CgTl","pinIconButton":"P16KDH","dragHandle":"GPcaHb","dndDisabled":"TCER2e"};
|
|
4361
4260
|
|
|
4362
4261
|
const ColumnRow = /* @__PURE__ */React.memo(function ColumnRow(props) {
|
|
4363
4262
|
const { column } = props;
|
|
@@ -4466,7 +4365,7 @@ function SubGroup(props) {
|
|
|
4466
4365
|
return null;
|
|
4467
4366
|
}
|
|
4468
4367
|
|
|
4469
|
-
var css$i = {"listContainer":"
|
|
4368
|
+
var css$i = {"listContainer":"_5Ug05V","header":"faLhCL","group":"nHHIXQ","stickyHeader":"BhAxHk"};
|
|
4470
4369
|
|
|
4471
4370
|
const getChildrenAndRest = (row, rows) => {
|
|
4472
4371
|
const firstNotChildIndex = rows.findIndex((other) => other.depth < row.depth || (row.depth === other.depth && other.isPinned));
|
|
@@ -4532,7 +4431,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4532
4431
|
xmlns: "http://www.w3.org/2000/svg",
|
|
4533
4432
|
ref: ref
|
|
4534
4433
|
}, props), /*#__PURE__*/React.createElement("g", {
|
|
4535
|
-
clipPath: "url(#
|
|
4434
|
+
clipPath: "url(#oud3bez3wwsq1kf2e_a)"
|
|
4536
4435
|
}, _path$4 || (_path$4 = /*#__PURE__*/React.createElement("path", {
|
|
4537
4436
|
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",
|
|
4538
4437
|
fill: "#F5F6FA"
|
|
@@ -4553,7 +4452,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4553
4452
|
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",
|
|
4554
4453
|
fill: "#1D1E26"
|
|
4555
4454
|
})), /*#__PURE__*/React.createElement("mask", {
|
|
4556
|
-
id: "
|
|
4455
|
+
id: "oud3be4qsrbtiabdx_b",
|
|
4557
4456
|
style: {
|
|
4558
4457
|
maskType: "alpha"
|
|
4559
4458
|
},
|
|
@@ -4566,7 +4465,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4566
4465
|
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",
|
|
4567
4466
|
fill: "#9BDEFF"
|
|
4568
4467
|
}))), _g || (_g = /*#__PURE__*/React.createElement("g", {
|
|
4569
|
-
mask: "url(#
|
|
4468
|
+
mask: "url(#oud3be4qsrbtiabdx_b)",
|
|
4570
4469
|
fillRule: "evenodd",
|
|
4571
4470
|
clipRule: "evenodd"
|
|
4572
4471
|
}, /*#__PURE__*/React.createElement("path", {
|
|
@@ -4652,7 +4551,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4652
4551
|
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",
|
|
4653
4552
|
fill: "#fff"
|
|
4654
4553
|
}))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
|
|
4655
|
-
id: "
|
|
4554
|
+
id: "oud3bez3wwsq1kf2e_a"
|
|
4656
4555
|
}, /*#__PURE__*/React.createElement("path", {
|
|
4657
4556
|
fill: "#fff",
|
|
4658
4557
|
transform: "translate(.552)",
|
|
@@ -4661,7 +4560,7 @@ var SvgEmptyTable = function SvgEmptyTable(props, ref) {
|
|
|
4661
4560
|
};
|
|
4662
4561
|
var ForwardRef$4 = /*#__PURE__*/forwardRef(SvgEmptyTable);
|
|
4663
4562
|
|
|
4664
|
-
var css$h = {"sticky-header":"
|
|
4563
|
+
var css$h = {"sticky-header":"pShpo1","table":"AO0OhS","no-results":"_0Xgw1z","no-results-icon":"_16IWXd","no-results-title":"VkSwyF","stickyHeader":"pShpo1","noResults":"_0Xgw1z","noResultsIcon":"_16IWXd","noResultsTitle":"VkSwyF"};
|
|
4665
4564
|
|
|
4666
4565
|
const DEFAULT_HEADER_SIZE = '36';
|
|
4667
4566
|
const DEFAULT_COLUMN_GAP = '24';
|
|
@@ -4714,9 +4613,9 @@ function DataTable(props) {
|
|
|
4714
4613
|
} }))));
|
|
4715
4614
|
}
|
|
4716
4615
|
|
|
4717
|
-
var css$g = {"root":"
|
|
4616
|
+
var css$g = {"root":"NwFtrf"};
|
|
4718
4617
|
|
|
4719
|
-
var css$f = {"root":"
|
|
4618
|
+
var css$f = {"root":"_9X4g7Y","burger-content":"_3zTLho","burgerContent":"_3zTLho"};
|
|
4720
4619
|
|
|
4721
4620
|
var _path$3;
|
|
4722
4621
|
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); }
|
|
@@ -4759,7 +4658,7 @@ var SvgNavigationArrowDownOutline = function SvgNavigationArrowDownOutline(props
|
|
|
4759
4658
|
};
|
|
4760
4659
|
var ForwardRef$2 = /*#__PURE__*/forwardRef(SvgNavigationArrowDownOutline);
|
|
4761
4660
|
|
|
4762
|
-
var css$e = {"uui-typography":"
|
|
4661
|
+
var css$e = {"uui-typography":"jQ9kDs","hero-header":"vPqcW4","promo-header":"_6Rzldc","uui-critical":"sf4epo","uui-info":"zY8IaD","uui-success":"L-TFTX","uui-warning":"QcbghS","uui-highlight":"E7fmE5","uui-typography-size-12":"ICy6sB","uui-typography-size-14":"KvbItu","uui-typography-size-16":"tJBEEA","root":"BnJ-qE","button-primary":"xHPROz","button-secondary":"LyXNWZ","hasIcon":"_5LhBL7","dropdown":"CcIDvC","uuiTypography":"jQ9kDs","heroHeader":"vPqcW4","promoHeader":"_6Rzldc","uuiCritical":"sf4epo","uuiInfo":"zY8IaD","uuiSuccess":"L-TFTX","uuiWarning":"QcbghS","uuiHighlight":"E7fmE5","uuiTypographySize12":"ICy6sB","uuiTypographySize14":"KvbItu","uuiTypographySize16":"tJBEEA","buttonPrimary":"xHPROz","buttonSecondary":"LyXNWZ"};
|
|
4763
4662
|
|
|
4764
4663
|
const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
4765
4664
|
css$e.root,
|
|
@@ -4770,13 +4669,13 @@ const BurgerButton = /* @__PURE__ */withMods(Button$1, (props) => [
|
|
|
4770
4669
|
props.icon && css$e.hasIcon,
|
|
4771
4670
|
], () => ({ dropdownIcon: ForwardRef$2, dropdownIconPosition: 'left', role: 'menuitem' }));
|
|
4772
4671
|
|
|
4773
|
-
var css$d = {"search-input":"
|
|
4672
|
+
var css$d = {"search-input":"EuPLlY","searchInput":"EuPLlY"};
|
|
4774
4673
|
|
|
4775
4674
|
function BurgerSearch(props) {
|
|
4776
4675
|
return (React.createElement(TextInput$1, { cx: cx(css$d.searchInput, 'uui-main_menu-burger-search'), iconPosition: "left", icon: ForwardRef$N, placeholder: props.placeholder, value: props.value, onValueChange: props.onValueChange, onCancel: props.onCancel, cancelIcon: props.value && ForwardRef$Q }));
|
|
4777
4676
|
}
|
|
4778
4677
|
|
|
4779
|
-
var css$c = {"root":"
|
|
4678
|
+
var css$c = {"root":"dfvBaZ","group-header":"ErXbA9","group-name":"lPUjKa","line":"-ow5Fm","groupHeader":"ErXbA9","groupName":"lPUjKa"};
|
|
4780
4679
|
|
|
4781
4680
|
function BurgerGroupHeader(props) {
|
|
4782
4681
|
return (React.createElement("div", { className: cx(css$c.root, css$c.groupHeader, 'uui-burger-group-header') },
|
|
@@ -4784,7 +4683,7 @@ function BurgerGroupHeader(props) {
|
|
|
4784
4683
|
React.createElement("span", { className: css$c.groupName }, props.caption)));
|
|
4785
4684
|
}
|
|
4786
4685
|
|
|
4787
|
-
var css$b = {"uui-typography":"
|
|
4686
|
+
var css$b = {"uui-typography":"b-zbP3","hero-header":"fBpzRJ","promo-header":"aaFv87","uui-critical":"OJGiHH","uui-info":"BzqyLi","uui-success":"l3h21W","uui-warning":"RRGAos","uui-highlight":"sd3etA","uui-typography-size-12":"dWHgLt","uui-typography-size-14":"n6FmZ7","uui-typography-size-16":"uaP0gT","root":"-avp31","type-primary":"uLGqaQ","type-secondary":"kF4STp","uuiTypography":"b-zbP3","heroHeader":"fBpzRJ","promoHeader":"aaFv87","uuiCritical":"OJGiHH","uuiInfo":"BzqyLi","uuiSuccess":"l3h21W","uuiWarning":"RRGAos","uuiHighlight":"sd3etA","uuiTypographySize12":"dWHgLt","uuiTypographySize14":"n6FmZ7","uuiTypographySize16":"uaP0gT","typePrimary":"uLGqaQ","typeSecondary":"kF4STp"};
|
|
4788
4687
|
|
|
4789
4688
|
const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4790
4689
|
const { type } = props, clickableProps = __rest(props, ["type"]);
|
|
@@ -4800,7 +4699,7 @@ const MainMenuButton = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
|
4800
4699
|
props.isDropdown && (React.createElement(IconContainer, { icon: ForwardRef$P, flipY: props.isOpen }))));
|
|
4801
4700
|
});
|
|
4802
4701
|
|
|
4803
|
-
var css$a = {"dropdown-body":"
|
|
4702
|
+
var css$a = {"dropdown-body":"Eqejoo","dropdownBody":"Eqejoo"};
|
|
4804
4703
|
|
|
4805
4704
|
class MainMenuDropdown extends React.Component {
|
|
4806
4705
|
render() {
|
|
@@ -4855,12 +4754,12 @@ var SvgNavigationGlobalMenuOutlineOutline = function SvgNavigationGlobalMenuOutl
|
|
|
4855
4754
|
};
|
|
4856
4755
|
var ForwardRef$1 = /*#__PURE__*/forwardRef(SvgNavigationGlobalMenuOutlineOutline);
|
|
4857
4756
|
|
|
4858
|
-
var css$9 = {"global-menu-btn":"
|
|
4757
|
+
var css$9 = {"global-menu-btn":"-oW-jm","global-menu-icon":"TVwzdZ","globalMenuBtn":"-oW-jm","globalMenuIcon":"TVwzdZ"};
|
|
4859
4758
|
|
|
4860
4759
|
const GlobalMenu = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", Object.assign({ ref: ref, id: "global_menu_toggle", className: cx(css$9.globalMenuBtn, props.cx) }, props.rawProps),
|
|
4861
4760
|
React.createElement(IconContainer, { size: 36, icon: ForwardRef$1, cx: css$9.globalMenuIcon }))));
|
|
4862
4761
|
|
|
4863
|
-
var css$8 = {"container":"
|
|
4762
|
+
var css$8 = {"container":"GwVVf0","open":"gojqhk"};
|
|
4864
4763
|
|
|
4865
4764
|
const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement("button", { ref: ref, className: cx(css$8.container, props.isDropdown && css$8.dropdown, props.isOpen && css$8.open, props.onClick && uuiMarkers.clickable, props.cx), onClick: props.onClick },
|
|
4866
4765
|
React.createElement(Avatar, { size: "36", img: props.avatarUrl }),
|
|
@@ -4868,18 +4767,18 @@ const MainMenuAvatar = /* @__PURE__ */React.forwardRef((props, ref) => (React.cr
|
|
|
4868
4767
|
props.isDropdown && (React.createElement("div", null,
|
|
4869
4768
|
React.createElement(IconContainer, { size: 18, icon: ForwardRef$P, flipY: props.isOpen }))))));
|
|
4870
4769
|
|
|
4871
|
-
var css$7 = {"search-input":"
|
|
4770
|
+
var css$7 = {"search-input":"akNA5i","searchInput":"akNA5i"};
|
|
4872
4771
|
|
|
4873
4772
|
const MainMenuSearch = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IEditableDebouncer, Object.assign({}, props, { render: (iEditable) => {
|
|
4874
4773
|
var _a;
|
|
4875
4774
|
return (React.createElement(TextInput$1, Object.assign({ iconPosition: "left", icon: ForwardRef$N, cancelIcon: ((_a = props.value) === null || _a === void 0 ? void 0 : _a.length) > 0 && ForwardRef$Q }, props, iEditable, { ref: ref, cx: cx$1(css$7.searchInput, props.cx) }, props.rawProps)));
|
|
4876
4775
|
} }))));
|
|
4877
4776
|
|
|
4878
|
-
var css$6 = {"container":"
|
|
4777
|
+
var css$6 = {"container":"DEYDSt"};
|
|
4879
4778
|
|
|
4880
4779
|
const MainMenuIcon = /* @__PURE__ */React.forwardRef((props, ref) => (React.createElement(IconButton, Object.assign({ ref: ref, icon: props.icon, cx: cx$1(props.cx, css$6.container) }, props))));
|
|
4881
4780
|
|
|
4882
|
-
var css$5 = {"root":"
|
|
4781
|
+
var css$5 = {"root":"IKaqUH"};
|
|
4883
4782
|
|
|
4884
4783
|
const Anchor = /* @__PURE__ */withMods(Anchor$1, () => [css$5.root]);
|
|
4885
4784
|
|
|
@@ -4937,7 +4836,7 @@ var SvgFileCloudUploadFill = function SvgFileCloudUploadFill(props, ref) {
|
|
|
4937
4836
|
};
|
|
4938
4837
|
var ForwardRef = /*#__PURE__*/forwardRef(SvgFileCloudUploadFill);
|
|
4939
4838
|
|
|
4940
|
-
var css$4 = {"root":"
|
|
4839
|
+
var css$4 = {"root":"nxPhR-","drop-start":"i7ScKc","drop-over":"hxYrG2","link":"xDIoxi","drop-area":"ELfINl","drop-caption":"QuVetq","icon-blue":"_5sO-P2","dropStart":"i7ScKc","dropOver":"hxYrG2","dropArea":"ELfINl","dropCaption":"QuVetq","iconBlue":"_5sO-P2"};
|
|
4941
4840
|
|
|
4942
4841
|
function DropSpot(props) {
|
|
4943
4842
|
const getInfoText = typeof props.infoText === 'string'
|
|
@@ -4955,9 +4854,9 @@ function DropSpot(props) {
|
|
|
4955
4854
|
return React.createElement(DropSpot$1, { render: renderAttachmentArea, onFilesDropped: props.onUploadFiles });
|
|
4956
4855
|
}
|
|
4957
4856
|
|
|
4958
|
-
var css$3 = {"uui-typography":"
|
|
4857
|
+
var css$3 = {"uui-typography":"SMB7Z4","hero-header":"_0wXrkf","promo-header":"M4yH2r","uui-critical":"fEOxi2","uui-info":"AJ5Og-","uui-success":"XNcg7C","uui-warning":"r--Xs5","uui-highlight":"YZSHEO","uui-typography-size-12":"_1hhz1e","uui-typography-size-14":"SOVIfy","uui-typography-size-16":"b-MLbb","root":"_9SOrWV","file-name":"BLb0Vq","default-color":"F5bTjI","doc-color":"_46uC69","xls-color":"_7nqoCR","pdf-color":"k-Cxpk","movie-color":"sPS-Av","img-color":"r-PXsu","mov-color":"nzmAJ3","error-block":"pDMR7M","icons-block":"Xu9l3K","uuiTypography":"SMB7Z4","heroHeader":"_0wXrkf","promoHeader":"M4yH2r","uuiCritical":"fEOxi2","uuiInfo":"AJ5Og-","uuiSuccess":"XNcg7C","uuiWarning":"r--Xs5","uuiHighlight":"YZSHEO","uuiTypographySize12":"_1hhz1e","uuiTypographySize14":"SOVIfy","uuiTypographySize16":"b-MLbb","fileName":"BLb0Vq","defaultColor":"F5bTjI","docColor":"_46uC69","xlsColor":"_7nqoCR","pdfColor":"k-Cxpk","movieColor":"sPS-Av","imgColor":"r-PXsu","movColor":"nzmAJ3","errorBlock":"pDMR7M","iconsBlock":"Xu9l3K"};
|
|
4959
4858
|
|
|
4960
|
-
var css$2 = {"root":"
|
|
4859
|
+
var css$2 = {"root":"VI9lCI"};
|
|
4961
4860
|
|
|
4962
4861
|
const SvgCircleProgress = /* @__PURE__ */React.forwardRef((props, ref) => {
|
|
4963
4862
|
const outsetRadius = props.size / 2 - 1;
|
|
@@ -5082,7 +4981,7 @@ const getErrorPageConfig = () => ({
|
|
|
5082
4981
|
},
|
|
5083
4982
|
});
|
|
5084
4983
|
|
|
5085
|
-
var css$1 = {"container":"
|
|
4984
|
+
var css$1 = {"container":"I4yjoV"};
|
|
5086
4985
|
|
|
5087
4986
|
const ErrorPage = (props) => {
|
|
5088
4987
|
const isMobileScreen = isMobile();
|
|
@@ -5093,7 +4992,7 @@ const ErrorPage = (props) => {
|
|
|
5093
4992
|
React__default.createElement("div", { className: "uui-error-subtitle" }, props.subtitle))));
|
|
5094
4993
|
};
|
|
5095
4994
|
|
|
5096
|
-
var css = {"recovery-spinner":"
|
|
4995
|
+
var css = {"recovery-spinner":"x8hwiH","recovery-message":"DlznQr","modal-blocker":"_7opvLj","modalFadeIn":"vUy1rC","recoverySpinner":"x8hwiH","recoveryMessage":"DlznQr","modalBlocker":"_7opvLj"};
|
|
5097
4996
|
|
|
5098
4997
|
function ErrorHandler(props) {
|
|
5099
4998
|
const { uuiNotifications, uuiModals, uuiApi } = useUuiContext();
|
|
@@ -5144,5 +5043,5 @@ function ErrorHandler(props) {
|
|
|
5144
5043
|
errorType === 'recovery' && renderRecoveryBlocker(errorInfo)));
|
|
5145
5044
|
}
|
|
5146
5045
|
|
|
5147
|
-
export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers,
|
|
5046
|
+
export { Accordion, Alert, Anchor, AvatarStack, Badge, Blocker, Burger, BurgerButton, BurgerGroupHeader, BurgerSearch, Button, Calendar, Checkbox, CheckboxGroup, ClearNotification, ColumnHeaderDropdown, ColumnsConfigurationModal, ConfirmationModal, ControlGroup, CountIndicator, DataPickerBody, DataPickerFooter, DataPickerHeader, DataPickerRow, DataRowAddons, DataRowsContainer, DataTable, DataTableCell, DataTableHeaderCell, DataTableHeaderRow, DataTableRow, DatePicker, DatePickerBody, DatePickerComponent, DropMarker, DropSpot, Dropdown, DropdownContainer, DropdownMenuBody, DropdownMenuButton, DropdownMenuHeader, DropdownMenuSplitter, DropdownMenuSwitchButton, DropdownSubMenu, ErrorAlert, ErrorHandler, ErrorNotification, ErrorPage, FileCard, FilterItemBody, FiltersPanel, FlexCell, FlexRow, Form, GlobalMenu, HintAlert, HintNotification, IDropdownControlKeys, IconButton, IndeterminateBar, IndicatorBar, InputAddon, LabeledInput, LinkButton, MainMenu, MainMenuAvatar, MainMenuButton, MainMenuDropdown, MainMenuIcon, MainMenuSearch, MobileDropdownWrapper, ModalBlocker, ModalFooter, ModalHeader, ModalWindow, MultiSwitch, NotificationCard, NumericInput, Paginator, Panel, PickerInput, PickerItem, PickerList, PickerListItem, PickerModal, PickerToggler, PickerTogglerTag, PresetsPanel, ProgressBar, RadioGroup, RadioInput, RangeDatePicker, RangeDatePickerBody, RangeDatePickerInput, RichTextView, ScrollBars, SearchInput, Slider, Snackbar, Spinner, StatusIndicator, SuccessAlert, SuccessNotification, SvgCircleProgress, Switch, TabButton, Tag, Text, TextArea, TextInput, TextPlaceholder, TimePicker, TimePickerBody, Tooltip, VerticalTabButton, VirtualList, WarningAlert, WarningNotification, applyDateSelectionMods, defaultPredicates, getErrorPageConfig, getHighlightRanges, getHighlightedSearchMatches, getRecoveryMessageConfig, getTextClasses, i18n, propsMods, rangeDatePickerPresets, renderCell, renderDropMarkers, useColumnsWithFilters, useForm, uuiDatePickerBody, uuiRangeDatePickerBody, uuiTimePicker };
|
|
5148
5047
|
//# sourceMappingURL=index.esm.js.map
|