xmlui 0.10.15 → 0.10.16
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/dist/lib/{index-axjeT2uJ.mjs → index-D4RYJasT.mjs} +2251 -575
- package/dist/lib/index.css +1 -1
- package/dist/lib/{initMock-BoTWMs19.mjs → initMock-qzTZlH-6.mjs} +1 -1
- package/dist/lib/xmlui-parser.d.ts +1 -1
- package/dist/lib/xmlui.d.ts +4 -6
- package/dist/lib/xmlui.mjs +1 -1
- package/dist/metadata/{collectedComponentMetadata-CQywuPDB.mjs → collectedComponentMetadata-BQaefK3f.mjs} +2536 -861
- package/dist/metadata/{initMock-Bi5kF5Af.mjs → initMock-Cz6QssI3.mjs} +1 -1
- package/dist/metadata/style.css +1 -1
- package/dist/metadata/xmlui-metadata.mjs +1 -1
- package/dist/metadata/xmlui-metadata.umd.js +3 -3
- package/dist/scripts/package.json +1 -1
- package/dist/scripts/src/components/Animation/AnimationNative.js +5 -1
- package/dist/scripts/src/components/AutoComplete/AutoComplete.js +1 -5
- package/dist/scripts/src/components/AutoComplete/AutoCompleteContext.js +2 -0
- package/dist/scripts/src/components/AutoComplete/AutoCompleteNative.js +263 -82
- package/dist/scripts/src/components/Form/FormNative.js +33 -25
- package/dist/scripts/src/components/Icon/IconNative.js +18 -15
- package/dist/scripts/src/components/NestedApp/AppWithCodeViewNative.js +1 -1
- package/dist/scripts/src/components/NumberBox/NumberBox.js +4 -4
- package/dist/scripts/src/components/NumberBox/NumberBox.spec.js +109 -426
- package/dist/scripts/src/components/NumberBox/NumberBoxNative.js +18 -4
- package/dist/scripts/src/components/Option/Option.js +3 -1
- package/dist/scripts/src/components/Select/HiddenOption.js +1 -1
- package/dist/scripts/src/components/Slider/Slider.spec.js +46 -13
- package/dist/scripts/src/components/Slider/SliderNative.js +19 -9
- package/dist/scripts/src/components/Tree/Tree-dynamic.spec.js +2894 -0
- package/dist/scripts/src/components/Tree/Tree.spec.js +2932 -0
- package/dist/scripts/src/components/Tree/TreeComponent.js +266 -10
- package/dist/scripts/src/components/Tree/TreeNative.js +1048 -23
- package/dist/scripts/src/components/Tree/testData.js +272 -0
- package/dist/scripts/src/components-core/behaviors/CoreBehaviors.js +1 -0
- package/dist/scripts/src/components-core/rendering/ComponentAdapter.js +13 -14
- package/dist/scripts/src/components-core/utils/treeUtils.js +187 -12
- package/dist/scripts/src/testing/ComponentDrivers.js +77 -3
- package/dist/scripts/src/testing/drivers/NumberBoxDriver.js +2 -2
- package/dist/scripts/src/testing/drivers/TreeDriver.js +13 -0
- package/dist/scripts/src/testing/fixtures.js +7 -2
- package/dist/standalone/xmlui-standalone.es.d.ts +4 -6
- package/dist/standalone/xmlui-standalone.umd.js +34 -34
- package/package.json +1 -1
- package/dist/scripts/src/components/Animation/Animation.js +0 -50
- package/dist/scripts/src/testing/drivers/SliderDriver.js +0 -20
|
@@ -33,7 +33,7 @@ import { Virtualizer } from "virtua";
|
|
|
33
33
|
import memoizeOne from "memoize-one";
|
|
34
34
|
import { Item as Item$1, ItemText, ItemIndicator, Root, Trigger, Icon as Icon$1, Portal as Portal$1, Content, ScrollUpButton, SelectViewport, ScrollDownButton, SelectItemText } from "@radix-ui/react-select";
|
|
35
35
|
import { Popover, PopoverTrigger, Portal, PopoverContent, PopoverPortal } from "@radix-ui/react-popover";
|
|
36
|
-
import { Command, CommandInput, CommandList, CommandEmpty, CommandItem
|
|
36
|
+
import { Command, CommandInput, CommandList, CommandEmpty, CommandItem } from "cmdk";
|
|
37
37
|
import { FocusScope } from "@radix-ui/react-focus-scope";
|
|
38
38
|
import * as InnerRadioGroup from "@radix-ui/react-radio-group";
|
|
39
39
|
import { DayPicker } from "react-day-picker";
|
|
@@ -185,7 +185,7 @@ ${error2.errorObject}`;
|
|
|
185
185
|
}
|
|
186
186
|
throw errorToThrow ?? error2;
|
|
187
187
|
}
|
|
188
|
-
const themeVars$
|
|
188
|
+
const themeVars$13 = '"[]"';
|
|
189
189
|
const base$2 = "_base_wpc1d_14";
|
|
190
190
|
const hoverContainer = "_hoverContainer_wpc1d_23";
|
|
191
191
|
const handlesClick = "_handlesClick_wpc1d_36";
|
|
@@ -202,7 +202,7 @@ const alignItemsStretch = "_alignItemsStretch_wpc1d_72";
|
|
|
202
202
|
const alignItemsEnd = "_alignItemsEnd_wpc1d_75";
|
|
203
203
|
const alignItemsBaseline = "_alignItemsBaseline_wpc1d_78";
|
|
204
204
|
const styles$1l = {
|
|
205
|
-
themeVars: themeVars$
|
|
205
|
+
themeVars: themeVars$13,
|
|
206
206
|
base: base$2,
|
|
207
207
|
hoverContainer,
|
|
208
208
|
handlesClick,
|
|
@@ -602,10 +602,10 @@ function asyncThrottle(func, wait, options2) {
|
|
|
602
602
|
});
|
|
603
603
|
}
|
|
604
604
|
const keyPrefix$1 = "xmlui";
|
|
605
|
-
const themeVars$
|
|
606
|
-
const themeVars$
|
|
605
|
+
const themeVars$11 = '"[]"';
|
|
606
|
+
const themeVars$12 = {
|
|
607
607
|
keyPrefix: keyPrefix$1,
|
|
608
|
-
themeVars: themeVars$
|
|
608
|
+
themeVars: themeVars$11
|
|
609
609
|
};
|
|
610
610
|
function parseScssVar(scssStr) {
|
|
611
611
|
if (!scssStr || typeof scssStr !== "string") {
|
|
@@ -624,8 +624,8 @@ function parseScssVar(scssStr) {
|
|
|
624
624
|
}
|
|
625
625
|
}
|
|
626
626
|
}
|
|
627
|
-
let keyPrefix = parseScssVar(themeVars$
|
|
628
|
-
let vars = parseScssVar(themeVars$
|
|
627
|
+
let keyPrefix = parseScssVar(themeVars$12.keyPrefix) || "";
|
|
628
|
+
let vars = parseScssVar(themeVars$12.themeVars);
|
|
629
629
|
const theme = {
|
|
630
630
|
keyPrefix,
|
|
631
631
|
themeVars: vars
|
|
@@ -750,7 +750,7 @@ function getElementRef(element) {
|
|
|
750
750
|
}
|
|
751
751
|
return element.props.ref || element.ref;
|
|
752
752
|
}
|
|
753
|
-
const themeVars
|
|
753
|
+
const themeVars$10 = `'{"textColor-FormItemLabel": "var(--xmlui-textColor-FormItemLabel)", "fontFamily-FormItemLabel": "var(--xmlui-fontFamily-FormItemLabel)", "fontSize-FormItemLabel": "var(--xmlui-fontSize-FormItemLabel)", "fontWeight-FormItemLabel": "var(--xmlui-fontWeight-FormItemLabel)", "fontStyle-FormItemLabel": "var(--xmlui-fontStyle-FormItemLabel)", "textTransform-FormItemLabel": "var(--xmlui-textTransform-FormItemLabel)", "textColor-FormItemLabel-required": "var(--xmlui-textColor-FormItemLabel-required)", "fontSize-FormItemLabel-required": "var(--xmlui-fontSize-FormItemLabel-required)", "fontWeight-FormItemLabel-required": "var(--xmlui-fontWeight-FormItemLabel-required)", "fontStyle-FormItemLabel-required": "var(--xmlui-fontStyle-FormItemLabel-required)", "textTransform-FormItemLabel-required": "var(--xmlui-textTransform-FormItemLabel-required)", "textColor-FormItemLabel-requiredMark": "var(--xmlui-textColor-FormItemLabel-requiredMark)"}'`;
|
|
754
754
|
const container$3 = "_container_1tt0f_14";
|
|
755
755
|
const top$1 = "_top_1tt0f_21";
|
|
756
756
|
const end = "_end_1tt0f_26";
|
|
@@ -764,7 +764,7 @@ const required = "_required_1tt0f_68";
|
|
|
764
764
|
const requiredMark = "_requiredMark_1tt0f_75";
|
|
765
765
|
const itemWithLabel = "_itemWithLabel_1tt0f_79";
|
|
766
766
|
const styles$1k = {
|
|
767
|
-
themeVars: themeVars
|
|
767
|
+
themeVars: themeVars$10,
|
|
768
768
|
container: container$3,
|
|
769
769
|
top: top$1,
|
|
770
770
|
end,
|
|
@@ -778,21 +778,21 @@ const styles$1k = {
|
|
|
778
778
|
requiredMark,
|
|
779
779
|
itemWithLabel
|
|
780
780
|
};
|
|
781
|
-
const themeVars
|
|
781
|
+
const themeVars$$ = `'{"size-Spinner": "var(--xmlui-size-Spinner)", "thickness-Spinner": "var(--xmlui-thickness-Spinner)", "borderColor-Spinner": "var(--xmlui-borderColor-Spinner)"}'`;
|
|
782
782
|
const fullScreenSpinnerWrapper = "_fullScreenSpinnerWrapper_b1pgc_50";
|
|
783
783
|
const styles$1j = {
|
|
784
|
-
themeVars: themeVars
|
|
784
|
+
themeVars: themeVars$$,
|
|
785
785
|
"lds-ring": "_lds-ring_b1pgc_14",
|
|
786
786
|
fullScreenSpinnerWrapper
|
|
787
787
|
};
|
|
788
788
|
const PART_RING = "ring";
|
|
789
|
-
const defaultProps$
|
|
789
|
+
const defaultProps$1h = {
|
|
790
790
|
delay: 400,
|
|
791
791
|
fullScreen: false
|
|
792
792
|
};
|
|
793
793
|
const Spinner = forwardRef(function Spinner2({
|
|
794
|
-
delay: delay2 = defaultProps$
|
|
795
|
-
fullScreen: fullScreen2 = defaultProps$
|
|
794
|
+
delay: delay2 = defaultProps$1h.delay,
|
|
795
|
+
fullScreen: fullScreen2 = defaultProps$1h.fullScreen,
|
|
796
796
|
style: style2,
|
|
797
797
|
className,
|
|
798
798
|
...rest
|
|
@@ -858,7 +858,7 @@ const PART_LABELED_ITEM = "labeledItem";
|
|
|
858
858
|
const PART_INPUT = "input";
|
|
859
859
|
const PART_START_ADORNMENT = "startAdornment";
|
|
860
860
|
const PART_END_ADORNMENT = "endAdornment";
|
|
861
|
-
const defaultProps$
|
|
861
|
+
const defaultProps$1g = {
|
|
862
862
|
labelBreak: true
|
|
863
863
|
};
|
|
864
864
|
const numberRegex = /^[0-9]+$/;
|
|
@@ -869,7 +869,7 @@ const ItemWithLabel = forwardRef(function ItemWithLabel2({
|
|
|
869
869
|
style: style2 = {},
|
|
870
870
|
className,
|
|
871
871
|
label: label2,
|
|
872
|
-
labelBreak: labelBreak2 = defaultProps$
|
|
872
|
+
labelBreak: labelBreak2 = defaultProps$1g.labelBreak,
|
|
873
873
|
labelWidth,
|
|
874
874
|
enabled: enabled2 = true,
|
|
875
875
|
required: required2 = false,
|
|
@@ -1014,7 +1014,7 @@ function dLabelBreak(comp) {
|
|
|
1014
1014
|
return {
|
|
1015
1015
|
description: `This boolean value indicates whether the \`${comp}\` label can be split into multiple lines if it would overflow the available label width.`,
|
|
1016
1016
|
valueType: "boolean",
|
|
1017
|
-
defaultValue: defaultProps$
|
|
1017
|
+
defaultValue: defaultProps$1g.labelBreak
|
|
1018
1018
|
};
|
|
1019
1019
|
}
|
|
1020
1020
|
function dAutoFocus() {
|
|
@@ -1436,7 +1436,7 @@ function useHasExplicitHeight(parentRef) {
|
|
|
1436
1436
|
return hasHeight;
|
|
1437
1437
|
}
|
|
1438
1438
|
const DEFAULT_ORIENTATION$1 = "vertical";
|
|
1439
|
-
const defaultProps$
|
|
1439
|
+
const defaultProps$1f = {
|
|
1440
1440
|
orientation: DEFAULT_ORIENTATION$1,
|
|
1441
1441
|
reverse: false,
|
|
1442
1442
|
hoverContainer: false,
|
|
@@ -1445,13 +1445,13 @@ const defaultProps$1e = {
|
|
|
1445
1445
|
const Stack = forwardRef(function Stack2({
|
|
1446
1446
|
uid,
|
|
1447
1447
|
children,
|
|
1448
|
-
orientation = defaultProps$
|
|
1448
|
+
orientation = defaultProps$1f.orientation,
|
|
1449
1449
|
horizontalAlignment,
|
|
1450
1450
|
verticalAlignment,
|
|
1451
1451
|
style: style2,
|
|
1452
|
-
reverse: reverse2 = defaultProps$
|
|
1453
|
-
hoverContainer: hoverContainer2 = defaultProps$
|
|
1454
|
-
visibleOnHover: visibleOnHover2 = defaultProps$
|
|
1452
|
+
reverse: reverse2 = defaultProps$1f.reverse,
|
|
1453
|
+
hoverContainer: hoverContainer2 = defaultProps$1f.hoverContainer,
|
|
1454
|
+
visibleOnHover: visibleOnHover2 = defaultProps$1f.visibleOnHover,
|
|
1455
1455
|
onClick,
|
|
1456
1456
|
onMount,
|
|
1457
1457
|
className,
|
|
@@ -1513,7 +1513,7 @@ const stackMd = createMetadata({
|
|
|
1513
1513
|
reverse: {
|
|
1514
1514
|
description: "Optional boolean property to reverse the order of child elements.",
|
|
1515
1515
|
valueType: "boolean",
|
|
1516
|
-
defaultValue: defaultProps$
|
|
1516
|
+
defaultValue: defaultProps$1f.reverse
|
|
1517
1517
|
},
|
|
1518
1518
|
wrapContent: {
|
|
1519
1519
|
description: "Optional boolean which wraps the content if set to true and the available space is not big enough. Works only with horizontal orientations.",
|
|
@@ -1524,17 +1524,17 @@ const stackMd = createMetadata({
|
|
|
1524
1524
|
description: "An optional property that governs the Stack's orientation (whether the Stack lays out its children in a row or a column).",
|
|
1525
1525
|
availableValues: ["horizontal", "vertical"],
|
|
1526
1526
|
valueType: "string",
|
|
1527
|
-
defaultValue: defaultProps$
|
|
1527
|
+
defaultValue: defaultProps$1f.orientation
|
|
1528
1528
|
},
|
|
1529
1529
|
horizontalAlignment: HORIZONTAL_ALIGNMENT,
|
|
1530
1530
|
verticalAlignment: VERTICAL_ALIGNMENT,
|
|
1531
1531
|
hoverContainer: {
|
|
1532
1532
|
...dInternal("Reserved for future use"),
|
|
1533
|
-
defaultValue: defaultProps$
|
|
1533
|
+
defaultValue: defaultProps$1f.hoverContainer
|
|
1534
1534
|
},
|
|
1535
1535
|
visibleOnHover: {
|
|
1536
1536
|
...dInternal("Reserved for future use"),
|
|
1537
|
-
defaultValue: defaultProps$
|
|
1537
|
+
defaultValue: defaultProps$1f.visibleOnHover
|
|
1538
1538
|
}
|
|
1539
1539
|
},
|
|
1540
1540
|
events: {
|
|
@@ -1697,21 +1697,21 @@ const chStackComponentRenderer = createComponentRenderer(
|
|
|
1697
1697
|
});
|
|
1698
1698
|
}
|
|
1699
1699
|
);
|
|
1700
|
-
const themeVars$
|
|
1700
|
+
const themeVars$_ = `'{"backgroundColor-ResponsiveBar": "var(--xmlui-backgroundColor-ResponsiveBar)", "padding-ResponsiveBar": "var(--xmlui-padding-ResponsiveBar)", "margin-ResponsiveBar": "var(--xmlui-margin-ResponsiveBar)"}'`;
|
|
1701
1701
|
const responsiveBar = "_responsiveBar_9ttfw_14";
|
|
1702
1702
|
const vertical$7 = "_vertical_9ttfw_26";
|
|
1703
1703
|
const horizontal$6 = "_horizontal_9ttfw_33";
|
|
1704
1704
|
const visibleItems = "_visibleItems_9ttfw_39";
|
|
1705
1705
|
const overflowDropdown = "_overflowDropdown_9ttfw_65";
|
|
1706
1706
|
const styles$1i = {
|
|
1707
|
-
themeVars: themeVars$
|
|
1707
|
+
themeVars: themeVars$_,
|
|
1708
1708
|
responsiveBar,
|
|
1709
1709
|
vertical: vertical$7,
|
|
1710
1710
|
horizontal: horizontal$6,
|
|
1711
1711
|
visibleItems,
|
|
1712
1712
|
overflowDropdown
|
|
1713
1713
|
};
|
|
1714
|
-
const themeVars$
|
|
1714
|
+
const themeVars$Z = `'{"backgroundColor-DropdownMenu": "var(--xmlui-backgroundColor-DropdownMenu)", "borderRadius-DropdownMenu": "var(--xmlui-borderRadius-DropdownMenu)", "boxShadow-DropdownMenu": "var(--xmlui-boxShadow-DropdownMenu)", "borderColor-DropdownMenu-content": "var(--xmlui-borderColor-DropdownMenu-content)", "borderWidth-DropdownMenu-content": "var(--xmlui-borderWidth-DropdownMenu-content)", "borderStyle-DropdownMenu-content": "var(--xmlui-borderStyle-DropdownMenu-content)", "minWidth-DropdownMenu": "var(--xmlui-minWidth-DropdownMenu)", "backgroundColor-MenuItem": "var(--xmlui-backgroundColor-MenuItem)", "color-MenuItem": "var(--xmlui-color-MenuItem)", "fontFamily-MenuItem": "var(--xmlui-fontFamily-MenuItem)", "gap-MenuItem": "var(--xmlui-gap-MenuItem)", "fontSize-MenuItem": "var(--xmlui-fontSize-MenuItem)", "paddingVertical-MenuItem": "var(--xmlui-paddingVertical-MenuItem)", "paddingHorizontal-MenuItem": "var(--xmlui-paddingHorizontal-MenuItem)", "backgroundColor-MenuItem--hover": "var(--xmlui-backgroundColor-MenuItem--hover)", "backgroundColor-MenuItem--active": "var(--xmlui-backgroundColor-MenuItem--active)", "backgroundColor-MenuItem--active--hover": "var(--xmlui-backgroundColor-MenuItem--active--hover)", "color-MenuItem--hover": "var(--xmlui-color-MenuItem--hover)", "color-MenuItem--active": "var(--xmlui-color-MenuItem--active)", "color-MenuItem--active--hover": "var(--xmlui-color-MenuItem--active--hover)", "color-MenuItem--disabled": "var(--xmlui-color-MenuItem--disabled)", "marginTop-MenuSeparator": "var(--xmlui-marginTop-MenuSeparator)", "marginBottom-MenuSeparator": "var(--xmlui-marginBottom-MenuSeparator)", "width-MenuSeparator": "var(--xmlui-width-MenuSeparator)", "height-MenuSeparator": "var(--xmlui-height-MenuSeparator)", "color-MenuSeparator": "var(--xmlui-color-MenuSeparator)"}'`;
|
|
1715
1715
|
const DropdownMenuContent = "_DropdownMenuContent_iu9k6_14";
|
|
1716
1716
|
const DropdownMenuSubContent = "_DropdownMenuSubContent_iu9k6_19";
|
|
1717
1717
|
const DropdownMenuItem = "_DropdownMenuItem_iu9k6_29";
|
|
@@ -1721,7 +1721,7 @@ const disabled$a = "_disabled_iu9k6_63";
|
|
|
1721
1721
|
const wrapper$m = "_wrapper_iu9k6_74";
|
|
1722
1722
|
const DropdownMenuSeparator = "_DropdownMenuSeparator_iu9k6_78";
|
|
1723
1723
|
const styles$1h = {
|
|
1724
|
-
themeVars: themeVars$
|
|
1724
|
+
themeVars: themeVars$Z,
|
|
1725
1725
|
DropdownMenuContent,
|
|
1726
1726
|
DropdownMenuSubContent,
|
|
1727
1727
|
DropdownMenuItem,
|
|
@@ -1731,7 +1731,7 @@ const styles$1h = {
|
|
|
1731
1731
|
wrapper: wrapper$m,
|
|
1732
1732
|
DropdownMenuSeparator
|
|
1733
1733
|
};
|
|
1734
|
-
const themeVars$X = `'{"padding-Button": "var(--xmlui-padding-Button)", "paddingHorizontal-Button": "var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button))", "paddingVertical-Button": "var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button))", "paddingLeft-Button": "var(--xmlui-paddingLeft-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingRight-Button": "var(--xmlui-paddingRight-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingTop-Button": "var(--xmlui-paddingTop-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "paddingBottom-Button": "var(--xmlui-paddingBottom-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "padding-Button-xs": "var(--xmlui-padding-Button-xs)", "paddingHorizontal-Button-xs": "var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs))", "paddingVertical-Button-xs": "var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs))", "paddingLeft-Button-xs": "var(--xmlui-paddingLeft-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingRight-Button-xs": "var(--xmlui-paddingRight-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingTop-Button-xs": "var(--xmlui-paddingTop-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingBottom-Button-xs": "var(--xmlui-paddingBottom-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "padding-Button-sm": "var(--xmlui-padding-Button-sm)", "paddingHorizontal-Button-sm": "var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm))", "paddingVertical-Button-sm": "var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm))", "paddingLeft-Button-sm": "var(--xmlui-paddingLeft-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingRight-Button-sm": "var(--xmlui-paddingRight-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingTop-Button-sm": "var(--xmlui-paddingTop-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingBottom-Button-sm": "var(--xmlui-paddingBottom-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "padding-Button-md": "var(--xmlui-padding-Button-md)", "paddingHorizontal-Button-md": "var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md))", "paddingVertical-Button-md": "var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md))", "paddingLeft-Button-md": "var(--xmlui-paddingLeft-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingRight-Button-md": "var(--xmlui-paddingRight-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingTop-Button-md": "var(--xmlui-paddingTop-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "paddingBottom-Button-md": "var(--xmlui-paddingBottom-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "padding-Button-lg": "var(--xmlui-padding-Button-lg)", "paddingHorizontal-Button-lg": "var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg))", "paddingVertical-Button-lg": "var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg))", "paddingLeft-Button-lg": "var(--xmlui-paddingLeft-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingRight-Button-lg": "var(--xmlui-paddingRight-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingTop-Button-lg": "var(--xmlui-paddingTop-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingBottom-Button-lg": "var(--xmlui-paddingBottom-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "fontFamily-Button-primary-solid": "var(--xmlui-fontFamily-Button-primary-solid)", "fontSize-Button-primary-solid": "var(--xmlui-fontSize-Button-primary-solid)", "fontWeight-Button-primary-solid": "var(--xmlui-fontWeight-Button-primary-solid)", "borderRadius-Button-primary-solid": "var(--xmlui-borderRadius-Button-primary-solid)", "borderWidth-Button-primary-solid": "var(--xmlui-borderWidth-Button-primary-solid)", "borderColor-Button-primary-solid": "var(--xmlui-borderColor-Button-primary-solid)", "borderStyle-Button-primary-solid": "var(--xmlui-borderStyle-Button-primary-solid)", "backgroundColor-Button-primary-solid": "var(--xmlui-backgroundColor-Button-primary-solid)", "textColor-Button-primary-solid": "var(--xmlui-textColor-Button-primary-solid)", "boxShadow-Button-primary-solid": "var(--xmlui-boxShadow-Button-primary-solid)", "outlineWidth-Button-primary-solid--focus": "var(--xmlui-outlineWidth-Button-primary-solid--focus)", "outlineColor-Button-primary-solid--focus": "var(--xmlui-outlineColor-Button-primary-solid--focus)", "outlineStyle-Button-primary-solid--focus": "var(--xmlui-outlineStyle-Button-primary-solid--focus)", "outlineOffset-Button-primary-solid--focus": "var(--xmlui-outlineOffset-Button-primary-solid--focus)", "borderColor-Button-primary-solid--hover": "var(--xmlui-borderColor-Button-primary-solid--hover)", "textColor-Button-primary-solid--hover": "var(--xmlui-textColor-Button-primary-solid--hover)", "backgroundColor-Button-primary-solid--hover": "var(--xmlui-backgroundColor-Button-primary-solid--hover)", "borderColor-Button-primary-solid--active": "var(--xmlui-borderColor-Button-primary-solid--active)", "textColor-Button-primary-solid--active": "var(--xmlui-textColor-Button-primary-solid--active)", "boxShadow-Button-primary-solid--active": "var(--xmlui-boxShadow-Button-primary-solid--active)", "backgroundColor-Button-primary-solid--active": "var(--xmlui-backgroundColor-Button-primary-solid--active)", "backgroundColor-Button--disabled": "var(--xmlui-backgroundColor-Button--disabled)", "textColor-Button--disabled": "var(--xmlui-textColor-Button--disabled)", "borderColor-Button--disabled": "var(--xmlui-borderColor-Button--disabled)", "fontFamily-Button-secondary-solid": "var(--xmlui-fontFamily-Button-secondary-solid)", "fontSize-Button-secondary-solid": "var(--xmlui-fontSize-Button-secondary-solid)", "fontWeight-Button-secondary-solid": "var(--xmlui-fontWeight-Button-secondary-solid)", "borderRadius-Button-secondary-solid": "var(--xmlui-borderRadius-Button-secondary-solid)", "borderWidth-Button-secondary-solid": "var(--xmlui-borderWidth-Button-secondary-solid)", "borderColor-Button-secondary-solid": "var(--xmlui-borderColor-Button-secondary-solid)", "borderStyle-Button-secondary-solid": "var(--xmlui-borderStyle-Button-secondary-solid)", "backgroundColor-Button-secondary-solid": "var(--xmlui-backgroundColor-Button-secondary-solid)", "textColor-Button-secondary-solid": "var(--xmlui-textColor-Button-secondary-solid)", "boxShadow-Button-secondary-solid": "var(--xmlui-boxShadow-Button-secondary-solid)", "outlineWidth-Button-secondary-solid--focus": "var(--xmlui-outlineWidth-Button-secondary-solid--focus)", "outlineColor-Button-secondary-solid--focus": "var(--xmlui-outlineColor-Button-secondary-solid--focus)", "outlineStyle-Button-secondary-solid--focus": "var(--xmlui-outlineStyle-Button-secondary-solid--focus)", "outlineOffset-Button-secondary-solid--focus": "var(--xmlui-outlineOffset-Button-secondary-solid--focus)", "borderColor-Button-secondary-solid--hover": "var(--xmlui-borderColor-Button-secondary-solid--hover)", "textColor-Button-secondary-solid--hover": "var(--xmlui-textColor-Button-secondary-solid--hover)", "backgroundColor-Button-secondary-solid--hover": "var(--xmlui-backgroundColor-Button-secondary-solid--hover)", "borderColor-Button-secondary-solid--active": "var(--xmlui-borderColor-Button-secondary-solid--active)", "textColor-Button-secondary-solid--active": "var(--xmlui-textColor-Button-secondary-solid--active)", "boxShadow-Button-secondary-solid--active": "var(--xmlui-boxShadow-Button-secondary-solid--active)", "backgroundColor-Button-secondary-solid--active": "var(--xmlui-backgroundColor-Button-secondary-solid--active)", "fontFamily-Button-attention-solid": "var(--xmlui-fontFamily-Button-attention-solid)", "fontSize-Button-attention-solid": "var(--xmlui-fontSize-Button-attention-solid)", "fontWeight-Button-attention-solid": "var(--xmlui-fontWeight-Button-attention-solid)", "borderRadius-Button-attention-solid": "var(--xmlui-borderRadius-Button-attention-solid)", "borderWidth-Button-attention-solid": "var(--xmlui-borderWidth-Button-attention-solid)", "borderColor-Button-attention-solid": "var(--xmlui-borderColor-Button-attention-solid)", "borderStyle-Button-attention-solid": "var(--xmlui-borderStyle-Button-attention-solid)", "backgroundColor-Button-attention-solid": "var(--xmlui-backgroundColor-Button-attention-solid)", "textColor-Button-attention-solid": "var(--xmlui-textColor-Button-attention-solid)", "boxShadow-Button-attention-solid": "var(--xmlui-boxShadow-Button-attention-solid)", "outlineWidth-Button-attention-solid--focus": "var(--xmlui-outlineWidth-Button-attention-solid--focus)", "outlineColor-Button-attention-solid--focus": "var(--xmlui-outlineColor-Button-attention-solid--focus)", "outlineStyle-Button-attention-solid--focus": "var(--xmlui-outlineStyle-Button-attention-solid--focus)", "outlineOffset-Button-attention-solid--focus": "var(--xmlui-outlineOffset-Button-attention-solid--focus)", "borderColor-Button-attention-solid--hover": "var(--xmlui-borderColor-Button-attention-solid--hover)", "textColor-Button-attention-solid--hover": "var(--xmlui-textColor-Button-attention-solid--hover)", "backgroundColor-Button-attention-solid--hover": "var(--xmlui-backgroundColor-Button-attention-solid--hover)", "borderColor-Button-attention-solid--active": "var(--xmlui-borderColor-Button-attention-solid--active)", "textColor-Button-attention-solid--active": "var(--xmlui-textColor-Button-attention-solid--active)", "boxShadow-Button-attention-solid--active": "var(--xmlui-boxShadow-Button-attention-solid--active)", "backgroundColor-Button-attention-solid--active": "var(--xmlui-backgroundColor-Button-attention-solid--active)", "fontFamily-Button-primary-outlined": "var(--xmlui-fontFamily-Button-primary-outlined)", "fontSize-Button-primary-outlined": "var(--xmlui-fontSize-Button-primary-outlined)", "fontWeight-Button-primary-outlined": "var(--xmlui-fontWeight-Button-primary-outlined)", "borderRadius-Button-primary-outlined": "var(--xmlui-borderRadius-Button-primary-outlined)", "borderWidth-Button-primary-outlined": "var(--xmlui-borderWidth-Button-primary-outlined)", "borderColor-Button-primary-outlined": "var(--xmlui-borderColor-Button-primary-outlined)", "borderStyle-Button-primary-outlined": "var(--xmlui-borderStyle-Button-primary-outlined)", "textColor-Button-primary-outlined": "var(--xmlui-textColor-Button-primary-outlined)", "boxShadow-Button-primary-outlined": "var(--xmlui-boxShadow-Button-primary-outlined)", "outlineWidth-Button-primary-outlined--focus": "var(--xmlui-outlineWidth-Button-primary-outlined--focus)", "outlineColor-Button-primary-outlined--focus": "var(--xmlui-outlineColor-Button-primary-outlined--focus)", "outlineStyle-Button-primary-outlined--focus": "var(--xmlui-outlineStyle-Button-primary-outlined--focus)", "outlineOffset-Button-primary-outlined--focus": "var(--xmlui-outlineOffset-Button-primary-outlined--focus)", "borderColor-Button-primary-outlined--hover": "var(--xmlui-borderColor-Button-primary-outlined--hover)", "backgroundColor-Button-primary-outlined--hover": "var(--xmlui-backgroundColor-Button-primary-outlined--hover)", "textColor-Button-primary-outlined--hover": "var(--xmlui-textColor-Button-primary-outlined--hover)", "borderColor-Button-primary-outlined--active": "var(--xmlui-borderColor-Button-primary-outlined--active)", "backgroundColor-Button-primary-outlined--active": "var(--xmlui-backgroundColor-Button-primary-outlined--active)", "textColor-Button-primary-outlined--active": "var(--xmlui-textColor-Button-primary-outlined--active)", "fontFamily-Button-secondary-outlined": "var(--xmlui-fontFamily-Button-secondary-outlined)", "fontSize-Button-secondary-outlined": "var(--xmlui-fontSize-Button-secondary-outlined)", "fontWeight-Button-secondary-outlined": "var(--xmlui-fontWeight-Button-secondary-outlined)", "borderRadius-Button-secondary-outlined": "var(--xmlui-borderRadius-Button-secondary-outlined)", "borderWidth-Button-secondary-outlined": "var(--xmlui-borderWidth-Button-secondary-outlined)", "borderColor-Button-secondary-outlined": "var(--xmlui-borderColor-Button-secondary-outlined)", "borderStyle-Button-secondary-outlined": "var(--xmlui-borderStyle-Button-secondary-outlined)", "textColor-Button-secondary-outlined": "var(--xmlui-textColor-Button-secondary-outlined)", "boxShadow-Button-secondary-outlined": "var(--xmlui-boxShadow-Button-secondary-outlined)", "outlineWidth-Button-secondary-outlined--focus": "var(--xmlui-outlineWidth-Button-secondary-outlined--focus)", "outlineColor-Button-secondary-outlined--focus": "var(--xmlui-outlineColor-Button-secondary-outlined--focus)", "outlineStyle-Button-secondary-outlined--focus": "var(--xmlui-outlineStyle-Button-secondary-outlined--focus)", "outlineOffset-Button-secondary-outlined--focus": "var(--xmlui-outlineOffset-Button-secondary-outlined--focus)", "borderColor-Button-secondary-outlined--hover": "var(--xmlui-borderColor-Button-secondary-outlined--hover)", "backgroundColor-Button-secondary-outlined--hover": "var(--xmlui-backgroundColor-Button-secondary-outlined--hover)", "textColor-Button-secondary-outlined--hover": "var(--xmlui-textColor-Button-secondary-outlined--hover)", "borderColor-Button-secondary-outlined--active": "var(--xmlui-borderColor-Button-secondary-outlined--active)", "backgroundColor-Button-secondary-outlined--active": "var(--xmlui-backgroundColor-Button-secondary-outlined--active)", "textColor-Button-secondary-outlined--active": "var(--xmlui-textColor-Button-secondary-outlined--active)", "fontFamily-Button-attention-outlined": "var(--xmlui-fontFamily-Button-attention-outlined)", "fontSize-Button-attention-outlined": "var(--xmlui-fontSize-Button-attention-outlined)", "fontWeight-Button-attention-outlined": "var(--xmlui-fontWeight-Button-attention-outlined)", "borderRadius-Button-attention-outlined": "var(--xmlui-borderRadius-Button-attention-outlined)", "borderWidth-Button-attention-outlined": "var(--xmlui-borderWidth-Button-attention-outlined)", "borderColor-Button-attention-outlined": "var(--xmlui-borderColor-Button-attention-outlined)", "borderStyle-Button-attention-outlined": "var(--xmlui-borderStyle-Button-attention-outlined)", "textColor-Button-attention-outlined": "var(--xmlui-textColor-Button-attention-outlined)", "boxShadow-Button-attention-outlined": "var(--xmlui-boxShadow-Button-attention-outlined)", "outlineWidth-Button-attention-outlined--focus": "var(--xmlui-outlineWidth-Button-attention-outlined--focus)", "outlineColor-Button-attention-outlined--focus": "var(--xmlui-outlineColor-Button-attention-outlined--focus)", "outlineStyle-Button-attention-outlined--focus": "var(--xmlui-outlineStyle-Button-attention-outlined--focus)", "outlineOffset-Button-attention-outlined--focus": "var(--xmlui-outlineOffset-Button-attention-outlined--focus)", "borderColor-Button-attention-outlined--hover": "var(--xmlui-borderColor-Button-attention-outlined--hover)", "backgroundColor-Button-attention-outlined--hover": "var(--xmlui-backgroundColor-Button-attention-outlined--hover)", "textColor-Button-attention-outlined--hover": "var(--xmlui-textColor-Button-attention-outlined--hover)", "borderColor-Button-attention-outlined--active": "var(--xmlui-borderColor-Button-attention-outlined--active)", "backgroundColor-Button-attention-outlined--active": "var(--xmlui-backgroundColor-Button-attention-outlined--active)", "textColor-Button-attention-outlined--active": "var(--xmlui-textColor-Button-attention-outlined--active)", "fontFamily-Button-primary-ghost": "var(--xmlui-fontFamily-Button-primary-ghost)", "fontSize-Button-primary-ghost": "var(--xmlui-fontSize-Button-primary-ghost)", "fontWeight-Button-primary-ghost": "var(--xmlui-fontWeight-Button-primary-ghost)", "borderRadius-Button-primary-ghost": "var(--xmlui-borderRadius-Button-primary-ghost)", "borderWidth-Button-primary-ghost": "var(--xmlui-borderWidth-Button-primary-ghost)", "textColor-Button-primary-ghost": "var(--xmlui-textColor-Button-primary-ghost)", "outlineWidth-Button-primary-ghost--focus": "var(--xmlui-outlineWidth-Button-primary-ghost--focus)", "outlineColor-Button-primary-ghost--focus": "var(--xmlui-outlineColor-Button-primary-ghost--focus)", "outlineStyle-Button-primary-ghost--focus": "var(--xmlui-outlineStyle-Button-primary-ghost--focus)", "outlineOffset-Button-primary-ghost--focus": "var(--xmlui-outlineOffset-Button-primary-ghost--focus)", "backgroundColor-Button-primary-ghost--hover": "var(--xmlui-backgroundColor-Button-primary-ghost--hover)", "textColor-Button-primary-ghost--hover": "var(--xmlui-textColor-Button-primary-ghost--hover)", "backgroundColor-Button-primary-ghost--active": "var(--xmlui-backgroundColor-Button-primary-ghost--active)", "textColor-Button-primary-ghost--active": "var(--xmlui-textColor-Button-primary-ghost--active)", "fontFamily-Button-secondary-ghost": "var(--xmlui-fontFamily-Button-secondary-ghost)", "fontSize-Button-secondary-ghost": "var(--xmlui-fontSize-Button-secondary-ghost)", "fontWeight-Button-secondary-ghost": "var(--xmlui-fontWeight-Button-secondary-ghost)", "borderRadius-Button-secondary-ghost": "var(--xmlui-borderRadius-Button-secondary-ghost)", "borderWidth-Button-secondary-ghost": "var(--xmlui-borderWidth-Button-secondary-ghost)", "textColor-Button-secondary-ghost": "var(--xmlui-textColor-Button-secondary-ghost)", "outlineWidth-Button-secondary-ghost--focus": "var(--xmlui-outlineWidth-Button-secondary-ghost--focus)", "outlineColor-Button-secondary-ghost--focus": "var(--xmlui-outlineColor-Button-secondary-ghost--focus)", "outlineStyle-Button-secondary-ghost--focus": "var(--xmlui-outlineStyle-Button-secondary-ghost--focus)", "outlineOffset-Button-secondary-ghost--focus": "var(--xmlui-outlineOffset-Button-secondary-ghost--focus)", "backgroundColor-Button-secondary-ghost--hover": "var(--xmlui-backgroundColor-Button-secondary-ghost--hover)", "textColor-Button-secondary-ghost--hover": "var(--xmlui-textColor-Button-secondary-ghost--hover)", "backgroundColor-Button-secondary-ghost--active": "var(--xmlui-backgroundColor-Button-secondary-ghost--active)", "textColor-Button-secondary-ghost--active": "var(--xmlui-textColor-Button-secondary-ghost--active)", "fontFamily-Button-attention-ghost": "var(--xmlui-fontFamily-Button-attention-ghost)", "fontSize-Button-attention-ghost": "var(--xmlui-fontSize-Button-attention-ghost)", "fontWeight-Button-attention-ghost": "var(--xmlui-fontWeight-Button-attention-ghost)", "borderRadius-Button-attention-ghost": "var(--xmlui-borderRadius-Button-attention-ghost)", "borderWidth-Button-attention-ghost": "var(--xmlui-borderWidth-Button-attention-ghost)", "textColor-Button-attention-ghost": "var(--xmlui-textColor-Button-attention-ghost)", "outlineWidth-Button-attention-ghost--focus": "var(--xmlui-outlineWidth-Button-attention-ghost--focus)", "outlineColor-Button-attention-ghost--focus": "var(--xmlui-outlineColor-Button-attention-ghost--focus)", "outlineStyle-Button-attention-ghost--focus": "var(--xmlui-outlineStyle-Button-attention-ghost--focus)", "outlineOffset-Button-attention-ghost--focus": "var(--xmlui-outlineOffset-Button-attention-ghost--focus)", "backgroundColor-Button-attention-ghost--hover": "var(--xmlui-backgroundColor-Button-attention-ghost--hover)", "textColor-Button-attention-ghost--hover": "var(--xmlui-textColor-Button-attention-ghost--hover)", "backgroundColor-Button-attention-ghost--active": "var(--xmlui-backgroundColor-Button-attention-ghost--active)", "textColor-Button-attention-ghost--active": "var(--xmlui-textColor-Button-attention-ghost--active)"}'`;
|
|
1734
|
+
const themeVars$Y = `'{"padding-Button": "var(--xmlui-padding-Button)", "paddingHorizontal-Button": "var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button))", "paddingVertical-Button": "var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button))", "paddingLeft-Button": "var(--xmlui-paddingLeft-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingRight-Button": "var(--xmlui-paddingRight-Button, var(--xmlui-paddingHorizontal-Button, var(--xmlui-padding-Button)))", "paddingTop-Button": "var(--xmlui-paddingTop-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "paddingBottom-Button": "var(--xmlui-paddingBottom-Button, var(--xmlui-paddingVertical-Button, var(--xmlui-padding-Button)))", "padding-Button-xs": "var(--xmlui-padding-Button-xs)", "paddingHorizontal-Button-xs": "var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs))", "paddingVertical-Button-xs": "var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs))", "paddingLeft-Button-xs": "var(--xmlui-paddingLeft-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingRight-Button-xs": "var(--xmlui-paddingRight-Button-xs, var(--xmlui-paddingHorizontal-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingTop-Button-xs": "var(--xmlui-paddingTop-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "paddingBottom-Button-xs": "var(--xmlui-paddingBottom-Button-xs, var(--xmlui-paddingVertical-Button-xs, var(--xmlui-padding-Button-xs)))", "padding-Button-sm": "var(--xmlui-padding-Button-sm)", "paddingHorizontal-Button-sm": "var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm))", "paddingVertical-Button-sm": "var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm))", "paddingLeft-Button-sm": "var(--xmlui-paddingLeft-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingRight-Button-sm": "var(--xmlui-paddingRight-Button-sm, var(--xmlui-paddingHorizontal-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingTop-Button-sm": "var(--xmlui-paddingTop-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "paddingBottom-Button-sm": "var(--xmlui-paddingBottom-Button-sm, var(--xmlui-paddingVertical-Button-sm, var(--xmlui-padding-Button-sm)))", "padding-Button-md": "var(--xmlui-padding-Button-md)", "paddingHorizontal-Button-md": "var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md))", "paddingVertical-Button-md": "var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md))", "paddingLeft-Button-md": "var(--xmlui-paddingLeft-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingRight-Button-md": "var(--xmlui-paddingRight-Button-md, var(--xmlui-paddingHorizontal-Button-md, var(--xmlui-padding-Button-md)))", "paddingTop-Button-md": "var(--xmlui-paddingTop-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "paddingBottom-Button-md": "var(--xmlui-paddingBottom-Button-md, var(--xmlui-paddingVertical-Button-md, var(--xmlui-padding-Button-md)))", "padding-Button-lg": "var(--xmlui-padding-Button-lg)", "paddingHorizontal-Button-lg": "var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg))", "paddingVertical-Button-lg": "var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg))", "paddingLeft-Button-lg": "var(--xmlui-paddingLeft-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingRight-Button-lg": "var(--xmlui-paddingRight-Button-lg, var(--xmlui-paddingHorizontal-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingTop-Button-lg": "var(--xmlui-paddingTop-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "paddingBottom-Button-lg": "var(--xmlui-paddingBottom-Button-lg, var(--xmlui-paddingVertical-Button-lg, var(--xmlui-padding-Button-lg)))", "width-Button": "var(--xmlui-width-Button)", "height-Button": "var(--xmlui-height-Button)", "fontFamily-Button-primary-solid": "var(--xmlui-fontFamily-Button-primary-solid)", "fontSize-Button-primary-solid": "var(--xmlui-fontSize-Button-primary-solid)", "fontWeight-Button-primary-solid": "var(--xmlui-fontWeight-Button-primary-solid)", "borderRadius-Button-primary-solid": "var(--xmlui-borderRadius-Button-primary-solid)", "borderWidth-Button-primary-solid": "var(--xmlui-borderWidth-Button-primary-solid)", "borderColor-Button-primary-solid": "var(--xmlui-borderColor-Button-primary-solid)", "borderStyle-Button-primary-solid": "var(--xmlui-borderStyle-Button-primary-solid)", "backgroundColor-Button-primary-solid": "var(--xmlui-backgroundColor-Button-primary-solid)", "textColor-Button-primary-solid": "var(--xmlui-textColor-Button-primary-solid)", "boxShadow-Button-primary-solid": "var(--xmlui-boxShadow-Button-primary-solid)", "outlineWidth-Button-primary-solid--focus": "var(--xmlui-outlineWidth-Button-primary-solid--focus)", "outlineColor-Button-primary-solid--focus": "var(--xmlui-outlineColor-Button-primary-solid--focus)", "outlineStyle-Button-primary-solid--focus": "var(--xmlui-outlineStyle-Button-primary-solid--focus)", "outlineOffset-Button-primary-solid--focus": "var(--xmlui-outlineOffset-Button-primary-solid--focus)", "borderColor-Button-primary-solid--hover": "var(--xmlui-borderColor-Button-primary-solid--hover)", "textColor-Button-primary-solid--hover": "var(--xmlui-textColor-Button-primary-solid--hover)", "backgroundColor-Button-primary-solid--hover": "var(--xmlui-backgroundColor-Button-primary-solid--hover)", "borderColor-Button-primary-solid--active": "var(--xmlui-borderColor-Button-primary-solid--active)", "textColor-Button-primary-solid--active": "var(--xmlui-textColor-Button-primary-solid--active)", "boxShadow-Button-primary-solid--active": "var(--xmlui-boxShadow-Button-primary-solid--active)", "backgroundColor-Button-primary-solid--active": "var(--xmlui-backgroundColor-Button-primary-solid--active)", "backgroundColor-Button--disabled": "var(--xmlui-backgroundColor-Button--disabled)", "textColor-Button--disabled": "var(--xmlui-textColor-Button--disabled)", "borderColor-Button--disabled": "var(--xmlui-borderColor-Button--disabled)", "fontFamily-Button-secondary-solid": "var(--xmlui-fontFamily-Button-secondary-solid)", "fontSize-Button-secondary-solid": "var(--xmlui-fontSize-Button-secondary-solid)", "fontWeight-Button-secondary-solid": "var(--xmlui-fontWeight-Button-secondary-solid)", "borderRadius-Button-secondary-solid": "var(--xmlui-borderRadius-Button-secondary-solid)", "borderWidth-Button-secondary-solid": "var(--xmlui-borderWidth-Button-secondary-solid)", "borderColor-Button-secondary-solid": "var(--xmlui-borderColor-Button-secondary-solid)", "borderStyle-Button-secondary-solid": "var(--xmlui-borderStyle-Button-secondary-solid)", "backgroundColor-Button-secondary-solid": "var(--xmlui-backgroundColor-Button-secondary-solid)", "textColor-Button-secondary-solid": "var(--xmlui-textColor-Button-secondary-solid)", "boxShadow-Button-secondary-solid": "var(--xmlui-boxShadow-Button-secondary-solid)", "outlineWidth-Button-secondary-solid--focus": "var(--xmlui-outlineWidth-Button-secondary-solid--focus)", "outlineColor-Button-secondary-solid--focus": "var(--xmlui-outlineColor-Button-secondary-solid--focus)", "outlineStyle-Button-secondary-solid--focus": "var(--xmlui-outlineStyle-Button-secondary-solid--focus)", "outlineOffset-Button-secondary-solid--focus": "var(--xmlui-outlineOffset-Button-secondary-solid--focus)", "borderColor-Button-secondary-solid--hover": "var(--xmlui-borderColor-Button-secondary-solid--hover)", "textColor-Button-secondary-solid--hover": "var(--xmlui-textColor-Button-secondary-solid--hover)", "backgroundColor-Button-secondary-solid--hover": "var(--xmlui-backgroundColor-Button-secondary-solid--hover)", "borderColor-Button-secondary-solid--active": "var(--xmlui-borderColor-Button-secondary-solid--active)", "textColor-Button-secondary-solid--active": "var(--xmlui-textColor-Button-secondary-solid--active)", "boxShadow-Button-secondary-solid--active": "var(--xmlui-boxShadow-Button-secondary-solid--active)", "backgroundColor-Button-secondary-solid--active": "var(--xmlui-backgroundColor-Button-secondary-solid--active)", "fontFamily-Button-attention-solid": "var(--xmlui-fontFamily-Button-attention-solid)", "fontSize-Button-attention-solid": "var(--xmlui-fontSize-Button-attention-solid)", "fontWeight-Button-attention-solid": "var(--xmlui-fontWeight-Button-attention-solid)", "borderRadius-Button-attention-solid": "var(--xmlui-borderRadius-Button-attention-solid)", "borderWidth-Button-attention-solid": "var(--xmlui-borderWidth-Button-attention-solid)", "borderColor-Button-attention-solid": "var(--xmlui-borderColor-Button-attention-solid)", "borderStyle-Button-attention-solid": "var(--xmlui-borderStyle-Button-attention-solid)", "backgroundColor-Button-attention-solid": "var(--xmlui-backgroundColor-Button-attention-solid)", "textColor-Button-attention-solid": "var(--xmlui-textColor-Button-attention-solid)", "boxShadow-Button-attention-solid": "var(--xmlui-boxShadow-Button-attention-solid)", "outlineWidth-Button-attention-solid--focus": "var(--xmlui-outlineWidth-Button-attention-solid--focus)", "outlineColor-Button-attention-solid--focus": "var(--xmlui-outlineColor-Button-attention-solid--focus)", "outlineStyle-Button-attention-solid--focus": "var(--xmlui-outlineStyle-Button-attention-solid--focus)", "outlineOffset-Button-attention-solid--focus": "var(--xmlui-outlineOffset-Button-attention-solid--focus)", "borderColor-Button-attention-solid--hover": "var(--xmlui-borderColor-Button-attention-solid--hover)", "textColor-Button-attention-solid--hover": "var(--xmlui-textColor-Button-attention-solid--hover)", "backgroundColor-Button-attention-solid--hover": "var(--xmlui-backgroundColor-Button-attention-solid--hover)", "borderColor-Button-attention-solid--active": "var(--xmlui-borderColor-Button-attention-solid--active)", "textColor-Button-attention-solid--active": "var(--xmlui-textColor-Button-attention-solid--active)", "boxShadow-Button-attention-solid--active": "var(--xmlui-boxShadow-Button-attention-solid--active)", "backgroundColor-Button-attention-solid--active": "var(--xmlui-backgroundColor-Button-attention-solid--active)", "fontFamily-Button-primary-outlined": "var(--xmlui-fontFamily-Button-primary-outlined)", "fontSize-Button-primary-outlined": "var(--xmlui-fontSize-Button-primary-outlined)", "fontWeight-Button-primary-outlined": "var(--xmlui-fontWeight-Button-primary-outlined)", "borderRadius-Button-primary-outlined": "var(--xmlui-borderRadius-Button-primary-outlined)", "borderWidth-Button-primary-outlined": "var(--xmlui-borderWidth-Button-primary-outlined)", "borderColor-Button-primary-outlined": "var(--xmlui-borderColor-Button-primary-outlined)", "borderStyle-Button-primary-outlined": "var(--xmlui-borderStyle-Button-primary-outlined)", "textColor-Button-primary-outlined": "var(--xmlui-textColor-Button-primary-outlined)", "boxShadow-Button-primary-outlined": "var(--xmlui-boxShadow-Button-primary-outlined)", "outlineWidth-Button-primary-outlined--focus": "var(--xmlui-outlineWidth-Button-primary-outlined--focus)", "outlineColor-Button-primary-outlined--focus": "var(--xmlui-outlineColor-Button-primary-outlined--focus)", "outlineStyle-Button-primary-outlined--focus": "var(--xmlui-outlineStyle-Button-primary-outlined--focus)", "outlineOffset-Button-primary-outlined--focus": "var(--xmlui-outlineOffset-Button-primary-outlined--focus)", "borderColor-Button-primary-outlined--hover": "var(--xmlui-borderColor-Button-primary-outlined--hover)", "backgroundColor-Button-primary-outlined--hover": "var(--xmlui-backgroundColor-Button-primary-outlined--hover)", "textColor-Button-primary-outlined--hover": "var(--xmlui-textColor-Button-primary-outlined--hover)", "borderColor-Button-primary-outlined--active": "var(--xmlui-borderColor-Button-primary-outlined--active)", "backgroundColor-Button-primary-outlined--active": "var(--xmlui-backgroundColor-Button-primary-outlined--active)", "textColor-Button-primary-outlined--active": "var(--xmlui-textColor-Button-primary-outlined--active)", "fontFamily-Button-secondary-outlined": "var(--xmlui-fontFamily-Button-secondary-outlined)", "fontSize-Button-secondary-outlined": "var(--xmlui-fontSize-Button-secondary-outlined)", "fontWeight-Button-secondary-outlined": "var(--xmlui-fontWeight-Button-secondary-outlined)", "borderRadius-Button-secondary-outlined": "var(--xmlui-borderRadius-Button-secondary-outlined)", "borderWidth-Button-secondary-outlined": "var(--xmlui-borderWidth-Button-secondary-outlined)", "borderColor-Button-secondary-outlined": "var(--xmlui-borderColor-Button-secondary-outlined)", "borderStyle-Button-secondary-outlined": "var(--xmlui-borderStyle-Button-secondary-outlined)", "textColor-Button-secondary-outlined": "var(--xmlui-textColor-Button-secondary-outlined)", "boxShadow-Button-secondary-outlined": "var(--xmlui-boxShadow-Button-secondary-outlined)", "outlineWidth-Button-secondary-outlined--focus": "var(--xmlui-outlineWidth-Button-secondary-outlined--focus)", "outlineColor-Button-secondary-outlined--focus": "var(--xmlui-outlineColor-Button-secondary-outlined--focus)", "outlineStyle-Button-secondary-outlined--focus": "var(--xmlui-outlineStyle-Button-secondary-outlined--focus)", "outlineOffset-Button-secondary-outlined--focus": "var(--xmlui-outlineOffset-Button-secondary-outlined--focus)", "borderColor-Button-secondary-outlined--hover": "var(--xmlui-borderColor-Button-secondary-outlined--hover)", "backgroundColor-Button-secondary-outlined--hover": "var(--xmlui-backgroundColor-Button-secondary-outlined--hover)", "textColor-Button-secondary-outlined--hover": "var(--xmlui-textColor-Button-secondary-outlined--hover)", "borderColor-Button-secondary-outlined--active": "var(--xmlui-borderColor-Button-secondary-outlined--active)", "backgroundColor-Button-secondary-outlined--active": "var(--xmlui-backgroundColor-Button-secondary-outlined--active)", "textColor-Button-secondary-outlined--active": "var(--xmlui-textColor-Button-secondary-outlined--active)", "fontFamily-Button-attention-outlined": "var(--xmlui-fontFamily-Button-attention-outlined)", "fontSize-Button-attention-outlined": "var(--xmlui-fontSize-Button-attention-outlined)", "fontWeight-Button-attention-outlined": "var(--xmlui-fontWeight-Button-attention-outlined)", "borderRadius-Button-attention-outlined": "var(--xmlui-borderRadius-Button-attention-outlined)", "borderWidth-Button-attention-outlined": "var(--xmlui-borderWidth-Button-attention-outlined)", "borderColor-Button-attention-outlined": "var(--xmlui-borderColor-Button-attention-outlined)", "borderStyle-Button-attention-outlined": "var(--xmlui-borderStyle-Button-attention-outlined)", "textColor-Button-attention-outlined": "var(--xmlui-textColor-Button-attention-outlined)", "boxShadow-Button-attention-outlined": "var(--xmlui-boxShadow-Button-attention-outlined)", "outlineWidth-Button-attention-outlined--focus": "var(--xmlui-outlineWidth-Button-attention-outlined--focus)", "outlineColor-Button-attention-outlined--focus": "var(--xmlui-outlineColor-Button-attention-outlined--focus)", "outlineStyle-Button-attention-outlined--focus": "var(--xmlui-outlineStyle-Button-attention-outlined--focus)", "outlineOffset-Button-attention-outlined--focus": "var(--xmlui-outlineOffset-Button-attention-outlined--focus)", "borderColor-Button-attention-outlined--hover": "var(--xmlui-borderColor-Button-attention-outlined--hover)", "backgroundColor-Button-attention-outlined--hover": "var(--xmlui-backgroundColor-Button-attention-outlined--hover)", "textColor-Button-attention-outlined--hover": "var(--xmlui-textColor-Button-attention-outlined--hover)", "borderColor-Button-attention-outlined--active": "var(--xmlui-borderColor-Button-attention-outlined--active)", "backgroundColor-Button-attention-outlined--active": "var(--xmlui-backgroundColor-Button-attention-outlined--active)", "textColor-Button-attention-outlined--active": "var(--xmlui-textColor-Button-attention-outlined--active)", "fontFamily-Button-primary-ghost": "var(--xmlui-fontFamily-Button-primary-ghost)", "fontSize-Button-primary-ghost": "var(--xmlui-fontSize-Button-primary-ghost)", "fontWeight-Button-primary-ghost": "var(--xmlui-fontWeight-Button-primary-ghost)", "borderRadius-Button-primary-ghost": "var(--xmlui-borderRadius-Button-primary-ghost)", "borderWidth-Button-primary-ghost": "var(--xmlui-borderWidth-Button-primary-ghost)", "textColor-Button-primary-ghost": "var(--xmlui-textColor-Button-primary-ghost)", "outlineWidth-Button-primary-ghost--focus": "var(--xmlui-outlineWidth-Button-primary-ghost--focus)", "outlineColor-Button-primary-ghost--focus": "var(--xmlui-outlineColor-Button-primary-ghost--focus)", "outlineStyle-Button-primary-ghost--focus": "var(--xmlui-outlineStyle-Button-primary-ghost--focus)", "outlineOffset-Button-primary-ghost--focus": "var(--xmlui-outlineOffset-Button-primary-ghost--focus)", "backgroundColor-Button-primary-ghost--hover": "var(--xmlui-backgroundColor-Button-primary-ghost--hover)", "textColor-Button-primary-ghost--hover": "var(--xmlui-textColor-Button-primary-ghost--hover)", "backgroundColor-Button-primary-ghost--active": "var(--xmlui-backgroundColor-Button-primary-ghost--active)", "textColor-Button-primary-ghost--active": "var(--xmlui-textColor-Button-primary-ghost--active)", "fontFamily-Button-secondary-ghost": "var(--xmlui-fontFamily-Button-secondary-ghost)", "fontSize-Button-secondary-ghost": "var(--xmlui-fontSize-Button-secondary-ghost)", "fontWeight-Button-secondary-ghost": "var(--xmlui-fontWeight-Button-secondary-ghost)", "borderRadius-Button-secondary-ghost": "var(--xmlui-borderRadius-Button-secondary-ghost)", "borderWidth-Button-secondary-ghost": "var(--xmlui-borderWidth-Button-secondary-ghost)", "textColor-Button-secondary-ghost": "var(--xmlui-textColor-Button-secondary-ghost)", "outlineWidth-Button-secondary-ghost--focus": "var(--xmlui-outlineWidth-Button-secondary-ghost--focus)", "outlineColor-Button-secondary-ghost--focus": "var(--xmlui-outlineColor-Button-secondary-ghost--focus)", "outlineStyle-Button-secondary-ghost--focus": "var(--xmlui-outlineStyle-Button-secondary-ghost--focus)", "outlineOffset-Button-secondary-ghost--focus": "var(--xmlui-outlineOffset-Button-secondary-ghost--focus)", "backgroundColor-Button-secondary-ghost--hover": "var(--xmlui-backgroundColor-Button-secondary-ghost--hover)", "textColor-Button-secondary-ghost--hover": "var(--xmlui-textColor-Button-secondary-ghost--hover)", "backgroundColor-Button-secondary-ghost--active": "var(--xmlui-backgroundColor-Button-secondary-ghost--active)", "textColor-Button-secondary-ghost--active": "var(--xmlui-textColor-Button-secondary-ghost--active)", "fontFamily-Button-attention-ghost": "var(--xmlui-fontFamily-Button-attention-ghost)", "fontSize-Button-attention-ghost": "var(--xmlui-fontSize-Button-attention-ghost)", "fontWeight-Button-attention-ghost": "var(--xmlui-fontWeight-Button-attention-ghost)", "borderRadius-Button-attention-ghost": "var(--xmlui-borderRadius-Button-attention-ghost)", "borderWidth-Button-attention-ghost": "var(--xmlui-borderWidth-Button-attention-ghost)", "textColor-Button-attention-ghost": "var(--xmlui-textColor-Button-attention-ghost)", "outlineWidth-Button-attention-ghost--focus": "var(--xmlui-outlineWidth-Button-attention-ghost--focus)", "outlineColor-Button-attention-ghost--focus": "var(--xmlui-outlineColor-Button-attention-ghost--focus)", "outlineStyle-Button-attention-ghost--focus": "var(--xmlui-outlineStyle-Button-attention-ghost--focus)", "outlineOffset-Button-attention-ghost--focus": "var(--xmlui-outlineOffset-Button-attention-ghost--focus)", "backgroundColor-Button-attention-ghost--hover": "var(--xmlui-backgroundColor-Button-attention-ghost--hover)", "textColor-Button-attention-ghost--hover": "var(--xmlui-textColor-Button-attention-ghost--hover)", "backgroundColor-Button-attention-ghost--active": "var(--xmlui-backgroundColor-Button-attention-ghost--active)", "textColor-Button-attention-ghost--active": "var(--xmlui-textColor-Button-attention-ghost--active)"}'`;
|
|
1735
1735
|
const button$2 = "_button_1c10z_14";
|
|
1736
1736
|
const alignStart = "_alignStart_1c10z_30";
|
|
1737
1737
|
const alignEnd = "_alignEnd_1c10z_33";
|
|
@@ -1751,7 +1751,7 @@ const ghostPrimary = "_ghostPrimary_1c10z_308";
|
|
|
1751
1751
|
const ghostSecondary = "_ghostSecondary_1c10z_337";
|
|
1752
1752
|
const ghostAttention = "_ghostAttention_1c10z_366";
|
|
1753
1753
|
const styles$1g = {
|
|
1754
|
-
themeVars: themeVars$
|
|
1754
|
+
themeVars: themeVars$Y,
|
|
1755
1755
|
button: button$2,
|
|
1756
1756
|
alignStart,
|
|
1757
1757
|
alignEnd,
|
|
@@ -1772,7 +1772,7 @@ const styles$1g = {
|
|
|
1772
1772
|
ghostAttention
|
|
1773
1773
|
};
|
|
1774
1774
|
const VisuallyHidden = ({ children, ...props }) => /* @__PURE__ */ jsx(VisuallyHidden$2, { ...props, children });
|
|
1775
|
-
const defaultProps$
|
|
1775
|
+
const defaultProps$1e = {
|
|
1776
1776
|
type: "button",
|
|
1777
1777
|
iconPosition: "start",
|
|
1778
1778
|
contentPosition: "center",
|
|
@@ -1784,14 +1784,14 @@ const defaultProps$1d = {
|
|
|
1784
1784
|
};
|
|
1785
1785
|
const Button = React__default.forwardRef(function Button2({
|
|
1786
1786
|
id,
|
|
1787
|
-
type = defaultProps$
|
|
1787
|
+
type = defaultProps$1e.type,
|
|
1788
1788
|
icon: icon2,
|
|
1789
|
-
iconPosition = defaultProps$
|
|
1790
|
-
contentPosition = defaultProps$
|
|
1791
|
-
orientation = defaultProps$
|
|
1792
|
-
variant = defaultProps$
|
|
1793
|
-
themeColor = defaultProps$
|
|
1794
|
-
size = defaultProps$
|
|
1789
|
+
iconPosition = defaultProps$1e.iconPosition,
|
|
1790
|
+
contentPosition = defaultProps$1e.contentPosition,
|
|
1791
|
+
orientation = defaultProps$1e.orientation,
|
|
1792
|
+
variant = defaultProps$1e.variant,
|
|
1793
|
+
themeColor = defaultProps$1e.themeColor,
|
|
1794
|
+
size = defaultProps$1e.size,
|
|
1795
1795
|
disabled: disabled2,
|
|
1796
1796
|
children,
|
|
1797
1797
|
formId,
|
|
@@ -1801,7 +1801,7 @@ const Button = React__default.forwardRef(function Button2({
|
|
|
1801
1801
|
style: style2,
|
|
1802
1802
|
gap,
|
|
1803
1803
|
className,
|
|
1804
|
-
autoFocus = defaultProps$
|
|
1804
|
+
autoFocus = defaultProps$1e.autoFocus,
|
|
1805
1805
|
contextualLabel,
|
|
1806
1806
|
...rest
|
|
1807
1807
|
}, ref) {
|
|
@@ -1817,7 +1817,7 @@ const Button = React__default.forwardRef(function Button2({
|
|
|
1817
1817
|
}, [autoFocus]);
|
|
1818
1818
|
const iconToLeft = iconPosition === "start";
|
|
1819
1819
|
if (!isSizeType(size)) {
|
|
1820
|
-
size = defaultProps$
|
|
1820
|
+
size = defaultProps$1e.size;
|
|
1821
1821
|
}
|
|
1822
1822
|
return /* @__PURE__ */ jsxs(
|
|
1823
1823
|
"button",
|
|
@@ -1869,11 +1869,11 @@ const IconLabel = ({ icon: icon2, accessibleName = "" }) => {
|
|
|
1869
1869
|
const iconProps = icon2.props;
|
|
1870
1870
|
return /* @__PURE__ */ jsx(VisuallyHidden, { children: /* @__PURE__ */ jsx("span", { children: accessibleName || (iconProps == null ? void 0 : iconProps.name) || (iconProps == null ? void 0 : iconProps.alt) }) });
|
|
1871
1871
|
};
|
|
1872
|
-
const themeVars$
|
|
1872
|
+
const themeVars$X = `'{"size-Icon": "var(--xmlui-size-Icon)"}'`;
|
|
1873
1873
|
const base$1 = "_base_1v93g_14";
|
|
1874
1874
|
const clickable$3 = "_clickable_1v93g_22";
|
|
1875
1875
|
const styles$1f = {
|
|
1876
|
-
themeVars: themeVars$
|
|
1876
|
+
themeVars: themeVars$X,
|
|
1877
1877
|
base: base$1,
|
|
1878
1878
|
clickable: clickable$3
|
|
1879
1879
|
};
|
|
@@ -2156,9 +2156,9 @@ function useCustomSvgIconRenderer(resourceUrl) {
|
|
|
2156
2156
|
return !resourceUrl ? null : iconRenderer;
|
|
2157
2157
|
}
|
|
2158
2158
|
class StyleParserError extends Error {
|
|
2159
|
-
constructor(message,
|
|
2159
|
+
constructor(message, code2) {
|
|
2160
2160
|
super(message);
|
|
2161
|
-
this.code =
|
|
2161
|
+
this.code = code2;
|
|
2162
2162
|
Object.setPrototypeOf(this, StyleParserError.prototype);
|
|
2163
2163
|
}
|
|
2164
2164
|
}
|
|
@@ -3196,9 +3196,19 @@ function toCssVar$1(c) {
|
|
|
3196
3196
|
return `var(--${THEME_VAR_PREFIX$1}-${c.id.substring(1)})`;
|
|
3197
3197
|
}
|
|
3198
3198
|
}
|
|
3199
|
-
const Icon = forwardRef(function Icon2({
|
|
3199
|
+
const Icon = forwardRef(function Icon2({
|
|
3200
|
+
name,
|
|
3201
|
+
fallback,
|
|
3202
|
+
style: style2,
|
|
3203
|
+
className,
|
|
3204
|
+
size,
|
|
3205
|
+
onClick,
|
|
3206
|
+
tabIndex,
|
|
3207
|
+
onKeyDown,
|
|
3208
|
+
...restProps
|
|
3209
|
+
}, ref) {
|
|
3200
3210
|
var _a2;
|
|
3201
|
-
const iconRenderer = useFindIconRenderer(name, fallback);
|
|
3211
|
+
const { iconRenderer, iconName } = useFindIconRenderer(name, fallback);
|
|
3202
3212
|
const handleKeyDown = (event) => {
|
|
3203
3213
|
if (onClick && (event.key === "Enter" || event.key === " ")) {
|
|
3204
3214
|
event.preventDefault();
|
|
@@ -3221,6 +3231,7 @@ const Icon = forwardRef(function Icon2({ name, fallback, style: style2, classNam
|
|
|
3221
3231
|
"--icon-width": width,
|
|
3222
3232
|
"--icon-height": height
|
|
3223
3233
|
},
|
|
3234
|
+
"data-icon-name": iconName,
|
|
3224
3235
|
onClick,
|
|
3225
3236
|
onKeyDown: handleKeyDown,
|
|
3226
3237
|
tabIndex: onClick ? tabIndex ?? 0 : tabIndex
|
|
@@ -3255,6 +3266,7 @@ const CustomIcon = forwardRef(function CustomIcon2(props, ref) {
|
|
|
3255
3266
|
onClick,
|
|
3256
3267
|
onKeyDown: handleKeyDown,
|
|
3257
3268
|
tabIndex: onClick ? tabIndex ?? 0 : tabIndex,
|
|
3269
|
+
"data-icon-name": name,
|
|
3258
3270
|
...rest
|
|
3259
3271
|
});
|
|
3260
3272
|
if (!renderedIcon) {
|
|
@@ -3262,6 +3274,7 @@ const CustomIcon = forwardRef(function CustomIcon2(props, ref) {
|
|
|
3262
3274
|
"span",
|
|
3263
3275
|
{
|
|
3264
3276
|
...rest,
|
|
3277
|
+
"data-icon-name": name,
|
|
3265
3278
|
ref,
|
|
3266
3279
|
style: style2,
|
|
3267
3280
|
className,
|
|
@@ -3278,6 +3291,7 @@ const CustomIcon = forwardRef(function CustomIcon2(props, ref) {
|
|
|
3278
3291
|
{
|
|
3279
3292
|
ref,
|
|
3280
3293
|
src: resourceUrl,
|
|
3294
|
+
"data-icon-name": name,
|
|
3281
3295
|
style: { width, height, ...style2 },
|
|
3282
3296
|
alt: name,
|
|
3283
3297
|
onClick,
|
|
@@ -3314,18 +3328,24 @@ function useFindIconRenderer(name, fallback) {
|
|
|
3314
3328
|
const iconRenderer = iconRegistry.lookupIconRenderer(
|
|
3315
3329
|
`${parts[0].toLowerCase()}${separator2}${parts[1]}`
|
|
3316
3330
|
);
|
|
3317
|
-
if (iconRenderer)
|
|
3331
|
+
if (iconRenderer) {
|
|
3332
|
+
return { iconRenderer, iconName: name };
|
|
3333
|
+
}
|
|
3318
3334
|
}
|
|
3319
3335
|
if (parts.length === 1) {
|
|
3320
3336
|
const iconRenderer = iconRegistry.lookupIconRenderer(parts[0]);
|
|
3321
|
-
if (iconRenderer)
|
|
3337
|
+
if (iconRenderer) {
|
|
3338
|
+
return { iconRenderer, iconName: name };
|
|
3339
|
+
}
|
|
3322
3340
|
}
|
|
3323
3341
|
}
|
|
3324
3342
|
if (fallback && typeof fallback === "string") {
|
|
3325
3343
|
const iconRenderer = iconRegistry.lookupIconRenderer(fallback.toLowerCase());
|
|
3326
|
-
if (iconRenderer)
|
|
3344
|
+
if (iconRenderer) {
|
|
3345
|
+
return { iconRenderer, iconName: fallback };
|
|
3346
|
+
}
|
|
3327
3347
|
}
|
|
3328
|
-
return null;
|
|
3348
|
+
return { iconRenderer: null, iconName: null };
|
|
3329
3349
|
}
|
|
3330
3350
|
const defaultDropdownMenuProps = {
|
|
3331
3351
|
alignment: "start",
|
|
@@ -3821,10 +3841,10 @@ const responsiveBarComponentRenderer = createComponentRenderer(
|
|
|
3821
3841
|
);
|
|
3822
3842
|
}
|
|
3823
3843
|
);
|
|
3824
|
-
const themeVars$
|
|
3844
|
+
const themeVars$W = '"[]"';
|
|
3825
3845
|
const spacer = "_spacer_1t9ku_14";
|
|
3826
3846
|
const styles$1e = {
|
|
3827
|
-
themeVars: themeVars$
|
|
3847
|
+
themeVars: themeVars$W,
|
|
3828
3848
|
spacer
|
|
3829
3849
|
};
|
|
3830
3850
|
const SpaceFiller = () => /* @__PURE__ */ jsx("div", { className: styles$1e.spacer });
|
|
@@ -3835,7 +3855,7 @@ const SpaceFillerMd = createMetadata({
|
|
|
3835
3855
|
themeVars: parseScssVar(styles$1e.themeVars)
|
|
3836
3856
|
});
|
|
3837
3857
|
const spaceFillerComponentRenderer = createComponentRenderer(COMP$1u, SpaceFillerMd, () => /* @__PURE__ */ jsx(SpaceFiller, {}));
|
|
3838
|
-
const themeVars$
|
|
3858
|
+
const themeVars$V = `'{"padding-TextArea": "var(--xmlui-padding-TextArea)", "paddingHorizontal-TextArea": "var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea))", "paddingVertical-TextArea": "var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea))", "paddingLeft-TextArea": "var(--xmlui-paddingLeft-TextArea, var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea)))", "paddingRight-TextArea": "var(--xmlui-paddingRight-TextArea, var(--xmlui-paddingHorizontal-TextArea, var(--xmlui-padding-TextArea)))", "paddingTop-TextArea": "var(--xmlui-paddingTop-TextArea, var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea)))", "paddingBottom-TextArea": "var(--xmlui-paddingBottom-TextArea, var(--xmlui-paddingVertical-TextArea, var(--xmlui-padding-TextArea)))", "Input:borderRadius-TextArea-default": "var(--xmlui-borderRadius-TextArea-default)", "Input:borderColor-TextArea-default": "var(--xmlui-borderColor-TextArea-default)", "Input:borderWidth-TextArea-default": "var(--xmlui-borderWidth-TextArea-default)", "Input:borderStyle-TextArea-default": "var(--xmlui-borderStyle-TextArea-default)", "Input:fontSize-TextArea-default": "var(--xmlui-fontSize-TextArea-default)", "Input:backgroundColor-TextArea-default": "var(--xmlui-backgroundColor-TextArea-default)", "Input:boxShadow-TextArea-default": "var(--xmlui-boxShadow-TextArea-default)", "Input:textColor-TextArea-default": "var(--xmlui-textColor-TextArea-default)", "Input:borderColor-TextArea-default--hover": "var(--xmlui-borderColor-TextArea-default--hover)", "Input:backgroundColor-TextArea-default--hover": "var(--xmlui-backgroundColor-TextArea-default--hover)", "Input:boxShadow-TextArea-default--hover": "var(--xmlui-boxShadow-TextArea-default--hover)", "Input:textColor-TextArea-default--hover": "var(--xmlui-textColor-TextArea-default--hover)", "Input:borderColor-TextArea-default--focus": "var(--xmlui-borderColor-TextArea-default--focus)", "Input:backgroundColor-TextArea-default--focus": "var(--xmlui-backgroundColor-TextArea-default--focus)", "Input:boxShadow-TextArea-default--focus": "var(--xmlui-boxShadow-TextArea-default--focus)", "Input:textColor-TextArea-default--focus": "var(--xmlui-textColor-TextArea-default--focus)", "Input:outlineWidth-TextArea-default--focus": "var(--xmlui-outlineWidth-TextArea-default--focus)", "Input:outlineColor-TextArea-default--focus": "var(--xmlui-outlineColor-TextArea-default--focus)", "Input:outlineStyle-TextArea-default--focus": "var(--xmlui-outlineStyle-TextArea-default--focus)", "Input:outlineOffset-TextArea-default--focus": "var(--xmlui-outlineOffset-TextArea-default--focus)", "Input:textColor-placeholder-TextArea-default": "var(--xmlui-textColor-placeholder-TextArea-default)", "Input:fontSize-placeholder-TextArea-default": "var(--xmlui-fontSize-placeholder-TextArea-default)", "Input:borderRadius-TextArea-error": "var(--xmlui-borderRadius-TextArea-error)", "Input:borderColor-TextArea-error": "var(--xmlui-borderColor-TextArea-error)", "Input:borderWidth-TextArea-error": "var(--xmlui-borderWidth-TextArea-error)", "Input:borderStyle-TextArea-error": "var(--xmlui-borderStyle-TextArea-error)", "Input:fontSize-TextArea-error": "var(--xmlui-fontSize-TextArea-error)", "Input:backgroundColor-TextArea-error": "var(--xmlui-backgroundColor-TextArea-error)", "Input:boxShadow-TextArea-error": "var(--xmlui-boxShadow-TextArea-error)", "Input:textColor-TextArea-error": "var(--xmlui-textColor-TextArea-error)", "Input:borderColor-TextArea-error--hover": "var(--xmlui-borderColor-TextArea-error--hover)", "Input:backgroundColor-TextArea-error--hover": "var(--xmlui-backgroundColor-TextArea-error--hover)", "Input:boxShadow-TextArea-error--hover": "var(--xmlui-boxShadow-TextArea-error--hover)", "Input:textColor-TextArea-error--hover": "var(--xmlui-textColor-TextArea-error--hover)", "Input:borderColor-TextArea-error--focus": "var(--xmlui-borderColor-TextArea-error--focus)", "Input:backgroundColor-TextArea-error--focus": "var(--xmlui-backgroundColor-TextArea-error--focus)", "Input:boxShadow-TextArea-error--focus": "var(--xmlui-boxShadow-TextArea-error--focus)", "Input:textColor-TextArea-error--focus": "var(--xmlui-textColor-TextArea-error--focus)", "Input:outlineWidth-TextArea-error--focus": "var(--xmlui-outlineWidth-TextArea-error--focus)", "Input:outlineColor-TextArea-error--focus": "var(--xmlui-outlineColor-TextArea-error--focus)", "Input:outlineStyle-TextArea-error--focus": "var(--xmlui-outlineStyle-TextArea-error--focus)", "Input:outlineOffset-TextArea-error--focus": "var(--xmlui-outlineOffset-TextArea-error--focus)", "Input:textColor-placeholder-TextArea-error": "var(--xmlui-textColor-placeholder-TextArea-error)", "Input:fontSize-placeholder-TextArea-error": "var(--xmlui-fontSize-placeholder-TextArea-error)", "Input:borderRadius-TextArea-warning": "var(--xmlui-borderRadius-TextArea-warning)", "Input:borderColor-TextArea-warning": "var(--xmlui-borderColor-TextArea-warning)", "Input:borderWidth-TextArea-warning": "var(--xmlui-borderWidth-TextArea-warning)", "Input:borderStyle-TextArea-warning": "var(--xmlui-borderStyle-TextArea-warning)", "Input:fontSize-TextArea-warning": "var(--xmlui-fontSize-TextArea-warning)", "Input:backgroundColor-TextArea-warning": "var(--xmlui-backgroundColor-TextArea-warning)", "Input:boxShadow-TextArea-warning": "var(--xmlui-boxShadow-TextArea-warning)", "Input:textColor-TextArea-warning": "var(--xmlui-textColor-TextArea-warning)", "Input:borderColor-TextArea-warning--hover": "var(--xmlui-borderColor-TextArea-warning--hover)", "Input:backgroundColor-TextArea-warning--hover": "var(--xmlui-backgroundColor-TextArea-warning--hover)", "Input:boxShadow-TextArea-warning--hover": "var(--xmlui-boxShadow-TextArea-warning--hover)", "Input:textColor-TextArea-warning--hover": "var(--xmlui-textColor-TextArea-warning--hover)", "Input:borderColor-TextArea-warning--focus": "var(--xmlui-borderColor-TextArea-warning--focus)", "Input:backgroundColor-TextArea-warning--focus": "var(--xmlui-backgroundColor-TextArea-warning--focus)", "Input:boxShadow-TextArea-warning--focus": "var(--xmlui-boxShadow-TextArea-warning--focus)", "Input:textColor-TextArea-warning--focus": "var(--xmlui-textColor-TextArea-warning--focus)", "Input:outlineWidth-TextArea-warning--focus": "var(--xmlui-outlineWidth-TextArea-warning--focus)", "Input:outlineColor-TextArea-warning--focus": "var(--xmlui-outlineColor-TextArea-warning--focus)", "Input:outlineStyle-TextArea-warning--focus": "var(--xmlui-outlineStyle-TextArea-warning--focus)", "Input:outlineOffset-TextArea-warning--focus": "var(--xmlui-outlineOffset-TextArea-warning--focus)", "Input:textColor-placeholder-TextArea-warning": "var(--xmlui-textColor-placeholder-TextArea-warning)", "Input:fontSize-placeholder-TextArea-warning": "var(--xmlui-fontSize-placeholder-TextArea-warning)", "Input:borderRadius-TextArea-success": "var(--xmlui-borderRadius-TextArea-success)", "Input:borderColor-TextArea-success": "var(--xmlui-borderColor-TextArea-success)", "Input:borderWidth-TextArea-success": "var(--xmlui-borderWidth-TextArea-success)", "Input:borderStyle-TextArea-success": "var(--xmlui-borderStyle-TextArea-success)", "Input:fontSize-TextArea-success": "var(--xmlui-fontSize-TextArea-success)", "Input:backgroundColor-TextArea-success": "var(--xmlui-backgroundColor-TextArea-success)", "Input:boxShadow-TextArea-success": "var(--xmlui-boxShadow-TextArea-success)", "Input:textColor-TextArea-success": "var(--xmlui-textColor-TextArea-success)", "Input:borderColor-TextArea-success--hover": "var(--xmlui-borderColor-TextArea-success--hover)", "Input:backgroundColor-TextArea-success--hover": "var(--xmlui-backgroundColor-TextArea-success--hover)", "Input:boxShadow-TextArea-success--hover": "var(--xmlui-boxShadow-TextArea-success--hover)", "Input:textColor-TextArea-success--hover": "var(--xmlui-textColor-TextArea-success--hover)", "Input:borderColor-TextArea-success--focus": "var(--xmlui-borderColor-TextArea-success--focus)", "Input:backgroundColor-TextArea-success--focus": "var(--xmlui-backgroundColor-TextArea-success--focus)", "Input:boxShadow-TextArea-success--focus": "var(--xmlui-boxShadow-TextArea-success--focus)", "Input:textColor-TextArea-success--focus": "var(--xmlui-textColor-TextArea-success--focus)", "Input:outlineWidth-TextArea-success--focus": "var(--xmlui-outlineWidth-TextArea-success--focus)", "Input:outlineColor-TextArea-success--focus": "var(--xmlui-outlineColor-TextArea-success--focus)", "Input:outlineStyle-TextArea-success--focus": "var(--xmlui-outlineStyle-TextArea-success--focus)", "Input:outlineOffset-TextArea-success--focus": "var(--xmlui-outlineOffset-TextArea-success--focus)", "Input:textColor-placeholder-TextArea-success": "var(--xmlui-textColor-placeholder-TextArea-success)", "Input:fontSize-placeholder-TextArea-success": "var(--xmlui-fontSize-placeholder-TextArea-success)", "Input:backgroundColor-TextArea--disabled": "var(--xmlui-backgroundColor-TextArea--disabled)", "Input:textColor-TextArea--disabled": "var(--xmlui-textColor-TextArea--disabled)", "Input:borderColor-TextArea--disabled": "var(--xmlui-borderColor-TextArea--disabled)"}'`;
|
|
3839
3859
|
const textarea = "_textarea_9c161_14";
|
|
3840
3860
|
const error$d = "_error_9c161_59";
|
|
3841
3861
|
const warning$e = "_warning_9c161_91";
|
|
@@ -3844,7 +3864,7 @@ const resizeHorizontal = "_resizeHorizontal_9c161_161";
|
|
|
3844
3864
|
const resizeVertical = "_resizeVertical_9c161_164";
|
|
3845
3865
|
const resizeBoth = "_resizeBoth_9c161_167";
|
|
3846
3866
|
const styles$1d = {
|
|
3847
|
-
themeVars: themeVars$
|
|
3867
|
+
themeVars: themeVars$V,
|
|
3848
3868
|
textarea,
|
|
3849
3869
|
error: error$d,
|
|
3850
3870
|
warning: warning$e,
|
|
@@ -3905,7 +3925,7 @@ const TextAreaResizable = ({ maxRows, minRows, onChange = noop, style: style2, .
|
|
|
3905
3925
|
);
|
|
3906
3926
|
};
|
|
3907
3927
|
const TextAreaResizable$1 = React.forwardRef(TextAreaResizable);
|
|
3908
|
-
const defaultProps$
|
|
3928
|
+
const defaultProps$1d = {
|
|
3909
3929
|
value: "",
|
|
3910
3930
|
placeholder: "",
|
|
3911
3931
|
required: false,
|
|
@@ -3924,21 +3944,21 @@ const defaultProps$1c = {
|
|
|
3924
3944
|
};
|
|
3925
3945
|
const TextArea = forwardRef(function TextArea2({
|
|
3926
3946
|
id,
|
|
3927
|
-
value = defaultProps$
|
|
3928
|
-
placeholder: placeholder2 = defaultProps$
|
|
3929
|
-
required: required2 = defaultProps$
|
|
3930
|
-
readOnly: readOnly2 = defaultProps$
|
|
3931
|
-
allowCopy = defaultProps$
|
|
3932
|
-
updateState = defaultProps$
|
|
3947
|
+
value = defaultProps$1d.value,
|
|
3948
|
+
placeholder: placeholder2 = defaultProps$1d.placeholder,
|
|
3949
|
+
required: required2 = defaultProps$1d.required,
|
|
3950
|
+
readOnly: readOnly2 = defaultProps$1d.readOnly,
|
|
3951
|
+
allowCopy = defaultProps$1d.allowCopy,
|
|
3952
|
+
updateState = defaultProps$1d.updateState,
|
|
3933
3953
|
validationStatus,
|
|
3934
|
-
autoFocus = defaultProps$
|
|
3935
|
-
initialValue = defaultProps$
|
|
3954
|
+
autoFocus = defaultProps$1d.autoFocus,
|
|
3955
|
+
initialValue = defaultProps$1d.initialValue,
|
|
3936
3956
|
resize: resize2,
|
|
3937
|
-
onDidChange = defaultProps$
|
|
3938
|
-
onFocus = defaultProps$
|
|
3939
|
-
onBlur = defaultProps$
|
|
3940
|
-
controlled = defaultProps$
|
|
3941
|
-
enterSubmits = defaultProps$
|
|
3957
|
+
onDidChange = defaultProps$1d.onDidChange,
|
|
3958
|
+
onFocus = defaultProps$1d.onFocus,
|
|
3959
|
+
onBlur = defaultProps$1d.onBlur,
|
|
3960
|
+
controlled = defaultProps$1d.controlled,
|
|
3961
|
+
enterSubmits = defaultProps$1d.enterSubmits,
|
|
3942
3962
|
escResets,
|
|
3943
3963
|
style: style2,
|
|
3944
3964
|
className,
|
|
@@ -3947,8 +3967,8 @@ const TextArea = forwardRef(function TextArea2({
|
|
|
3947
3967
|
maxRows,
|
|
3948
3968
|
minRows,
|
|
3949
3969
|
maxLength,
|
|
3950
|
-
rows = defaultProps$
|
|
3951
|
-
enabled: enabled2 = defaultProps$
|
|
3970
|
+
rows = defaultProps$1d.rows,
|
|
3971
|
+
enabled: enabled2 = defaultProps$1d.enabled,
|
|
3952
3972
|
label: label2,
|
|
3953
3973
|
labelPosition,
|
|
3954
3974
|
labelWidth,
|
|
@@ -4201,7 +4221,7 @@ const TextAreaMd = createMetadata({
|
|
|
4201
4221
|
enterSubmits: {
|
|
4202
4222
|
description: "This optional boolean property indicates whether pressing the `Enter` key on the keyboard prompts the parent `Form` component to submit.",
|
|
4203
4223
|
valueType: "boolean",
|
|
4204
|
-
defaultValue: defaultProps$
|
|
4224
|
+
defaultValue: defaultProps$1d.enterSubmits
|
|
4205
4225
|
},
|
|
4206
4226
|
escResets: {
|
|
4207
4227
|
description: `This boolean property indicates whether the ${COMP$1t} contents should be reset when pressing the ESC key.`,
|
|
@@ -4217,7 +4237,7 @@ const TextAreaMd = createMetadata({
|
|
|
4217
4237
|
rows: {
|
|
4218
4238
|
description: `Specifies the number of rows the component initially has.`,
|
|
4219
4239
|
valueType: "number",
|
|
4220
|
-
defaultValue: defaultProps$
|
|
4240
|
+
defaultValue: defaultProps$1d.rows
|
|
4221
4241
|
},
|
|
4222
4242
|
autoSize: {
|
|
4223
4243
|
description: `If set to \`true\`, this boolean property enables the \`${COMP$1t}\` to resize automatically based on the number of lines inside it.`,
|
|
@@ -4308,7 +4328,7 @@ const textAreaComponentRenderer = createComponentRenderer(
|
|
|
4308
4328
|
);
|
|
4309
4329
|
}
|
|
4310
4330
|
);
|
|
4311
|
-
const themeVars$
|
|
4331
|
+
const themeVars$U = `'{"padding-NavLink": "var(--xmlui-padding-NavLink)", "paddingHorizontal-NavLink": "var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink))", "paddingVertical-NavLink": "var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink))", "paddingLeft-NavLink": "var(--xmlui-paddingLeft-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingRight-NavLink": "var(--xmlui-paddingRight-NavLink, var(--xmlui-paddingHorizontal-NavLink, var(--xmlui-padding-NavLink)))", "paddingTop-NavLink": "var(--xmlui-paddingTop-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "paddingBottom-NavLink": "var(--xmlui-paddingBottom-NavLink, var(--xmlui-paddingVertical-NavLink, var(--xmlui-padding-NavLink)))", "border-NavLink": "var(--xmlui-border-NavLink)", "borderHorizontal-NavLink": "var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink))", "borderVertical-NavLink": "var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink))", "borderLeft-NavLink": "var(--xmlui-borderLeft-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderRight-NavLink": "var(--xmlui-borderRight-NavLink, var(--xmlui-borderHorizontal-NavLink, var(--xmlui-border-NavLink)))", "borderTop-NavLink": "var(--xmlui-borderTop-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderBottom-NavLink": "var(--xmlui-borderBottom-NavLink, var(--xmlui-borderVertical-NavLink, var(--xmlui-border-NavLink)))", "borderWidth-NavLink": "var(--xmlui-borderWidth-NavLink)", "borderHorizontalWidth-NavLink": "var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderLeftWidth-NavLink": "var(--xmlui-borderLeftWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderRightWidth-NavLink": "var(--xmlui-borderRightWidth-NavLink, var(--xmlui-borderHorizontalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderVerticalWidth-NavLink": "var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink))", "borderTopWidth-NavLink": "var(--xmlui-borderTopWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderBottomWidth-NavLink": "var(--xmlui-borderBottomWidth-NavLink, var(--xmlui-borderVerticalWidth-NavLink, var(--xmlui-borderWidth-NavLink)))", "borderStyle-NavLink": "var(--xmlui-borderStyle-NavLink)", "borderHorizontalStyle-NavLink": "var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderLeftStyle-NavLink": "var(--xmlui-borderLeftStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderRightStyle-NavLink": "var(--xmlui-borderRightStyle-NavLink, var(--xmlui-borderHorizontalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderVerticalStyle-NavLink": "var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink))", "borderTopStyle-NavLink": "var(--xmlui-borderTopStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderBottomStyle-NavLink": "var(--xmlui-borderBottomStyle-NavLink, var(--xmlui-borderVerticalStyle-NavLink, var(--xmlui-borderStyle-NavLink)))", "borderColor-NavLink": "var(--xmlui-borderColor-NavLink)", "borderHorizontalColor-NavLink": "var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderLeftColor-NavLink": "var(--xmlui-borderLeftColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderRightColor-NavLink": "var(--xmlui-borderRightColor-NavLink, var(--xmlui-borderHorizontalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderVerticalColor-NavLink": "var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink))", "borderTopColor-NavLink": "var(--xmlui-borderTopColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderBottomColor-NavLink": "var(--xmlui-borderBottomColor-NavLink, var(--xmlui-borderVerticalColor-NavLink, var(--xmlui-borderColor-NavLink)))", "borderStartStartRadius-NavLink": "var(--xmlui-borderStartStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderStartEndRadius-NavLink": "var(--xmlui-borderStartEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndStartRadius-NavLink": "var(--xmlui-borderEndStartRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "borderEndEndRadius-NavLink": "var(--xmlui-borderEndEndRadius-NavLink, var(--xmlui-borderRadius-NavLink))", "backgroundColor-NavLink": "var(--xmlui-backgroundColor-NavLink)", "backgroundColor-NavLink--hover": "var(--xmlui-backgroundColor-NavLink--hover)", "backgroundColor-NavLink--hover--active": "var(--xmlui-backgroundColor-NavLink--hover--active)", "backgroundColor-NavLink--active": "var(--xmlui-backgroundColor-NavLink--active)", "backgroundColor-NavLink--pressed": "var(--xmlui-backgroundColor-NavLink--pressed)", "backgroundColor-NavLink--pressed--active": "var(--xmlui-backgroundColor-NavLink--pressed--active)", "fontSize-NavLink": "var(--xmlui-fontSize-NavLink)", "wordWrap-NavLink": "var(--xmlui-wordWrap-NavLink)", "textColor-NavLink": "var(--xmlui-textColor-NavLink)", "textColor-NavLink--hover": "var(--xmlui-textColor-NavLink--hover)", "textColor-NavLink--active": "var(--xmlui-textColor-NavLink--active)", "textColor-NavLink--hover--active": "var(--xmlui-textColor-NavLink--hover--active)", "textColor-NavLink--pressed": "var(--xmlui-textColor-NavLink--pressed)", "textColor-NavLink--pressed--active": "var(--xmlui-textColor-NavLink--pressed--active)", "color-icon-NavLink": "var(--xmlui-color-icon-NavLink)", "fontFamily-NavLink": "var(--xmlui-fontFamily-NavLink)", "fontWeight-NavLink": "var(--xmlui-fontWeight-NavLink)", "fontWeight-NavLink--pressed": "var(--xmlui-fontWeight-NavLink--pressed)", "fontWeight-NavLink--active": "var(--xmlui-fontWeight-NavLink--active)", "borderRadius-indicator-NavLink": "var(--xmlui-borderRadius-indicator-NavLink)", "thickness-indicator-NavLink": "var(--xmlui-thickness-indicator-NavLink)", "color-indicator-NavLink": "var(--xmlui-color-indicator-NavLink)", "color-indicator-NavLink--hover": "var(--xmlui-color-indicator-NavLink--hover)", "color-indicator-NavLink--active": "var(--xmlui-color-indicator-NavLink--active)", "color-indicator-NavLink--pressed": "var(--xmlui-color-indicator-NavLink--pressed)", "outlineWidth-NavLink--focus": "var(--xmlui-outlineWidth-NavLink--focus)", "outlineColor-NavLink--focus": "var(--xmlui-outlineColor-NavLink--focus)", "outlineStyle-NavLink--focus": "var(--xmlui-outlineStyle-NavLink--focus)", "outlineOffset-NavLink--focus": "var(--xmlui-outlineOffset-NavLink--focus)"}'`;
|
|
4312
4332
|
const content$8 = "_content_8uiju_14";
|
|
4313
4333
|
const base = "_base_8uiju_17";
|
|
4314
4334
|
const icon$4 = "_icon_8uiju_65";
|
|
@@ -4319,7 +4339,7 @@ const disabled$9 = "_disabled_8uiju_153";
|
|
|
4319
4339
|
const vertical$6 = "_vertical_8uiju_157";
|
|
4320
4340
|
const innerContent$1 = "_innerContent_8uiju_170";
|
|
4321
4341
|
const navLinkStyles = {
|
|
4322
|
-
themeVars: themeVars$
|
|
4342
|
+
themeVars: themeVars$U,
|
|
4323
4343
|
content: content$8,
|
|
4324
4344
|
base,
|
|
4325
4345
|
icon: icon$4,
|
|
@@ -4352,7 +4372,7 @@ function getComposedRef(...refs) {
|
|
|
4352
4372
|
}
|
|
4353
4373
|
return composeRefs(...nonUndefinedRefs);
|
|
4354
4374
|
}
|
|
4355
|
-
const themeVars$
|
|
4375
|
+
const themeVars$T = `'{"width-navPanel-App": "var(--xmlui-width-navPanel-App)", "backgroundColor-navPanel-App": "var(--xmlui-backgroundColor-navPanel-App)", "boxShadow-header-App": "var(--xmlui-boxShadow-header-App)", "boxShadow-navPanel-App": "var(--xmlui-boxShadow-navPanel-App)", "backgroundColor-content-App": "var(--xmlui-backgroundColor-content-App)", "borderLeft-content-App": "var(--xmlui-borderLeft-content-App)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "maxWidth-App": "var(--xmlui-maxWidth-App)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader)", "scroll-padding-block-Pages": "var(--xmlui-scroll-padding-block-Pages)"}'`;
|
|
4356
4376
|
const wrapper$l = "_wrapper_ccbox_15";
|
|
4357
4377
|
const verticalFullHeader = "_verticalFullHeader_ccbox_15";
|
|
4358
4378
|
const navPanelWrapper = "_navPanelWrapper_ccbox_15";
|
|
@@ -4369,7 +4389,7 @@ const headerWrapper$1 = "_headerWrapper_ccbox_121";
|
|
|
4369
4389
|
const content$7 = "_content_ccbox_33";
|
|
4370
4390
|
const withDefaultContentPadding = "_withDefaultContentPadding_ccbox_217";
|
|
4371
4391
|
const styles$1c = {
|
|
4372
|
-
themeVars: themeVars$
|
|
4392
|
+
themeVars: themeVars$T,
|
|
4373
4393
|
wrapper: wrapper$l,
|
|
4374
4394
|
verticalFullHeader,
|
|
4375
4395
|
navPanelWrapper,
|
|
@@ -4480,7 +4500,7 @@ function extractPaddings(extractValue, props) {
|
|
|
4480
4500
|
paddingBottom: paddingBottom || paddingVertical || padding
|
|
4481
4501
|
};
|
|
4482
4502
|
}
|
|
4483
|
-
const themeVars$
|
|
4503
|
+
const themeVars$S = `'{"maxWidth-Drawer": "var(--xmlui-maxWidth-Drawer)"}'`;
|
|
4484
4504
|
const overlay$3 = "_overlay_12sgv_39";
|
|
4485
4505
|
const sheetContent = "_sheetContent_12sgv_55";
|
|
4486
4506
|
const top = "_top_12sgv_70";
|
|
@@ -4489,7 +4509,7 @@ const left = "_left_12sgv_82";
|
|
|
4489
4509
|
const right = "_right_12sgv_91";
|
|
4490
4510
|
const close = "_close_12sgv_101";
|
|
4491
4511
|
const drawerStyles = {
|
|
4492
|
-
themeVars: themeVars$
|
|
4512
|
+
themeVars: themeVars$S,
|
|
4493
4513
|
overlay: overlay$3,
|
|
4494
4514
|
sheetContent,
|
|
4495
4515
|
top,
|
|
@@ -4547,7 +4567,7 @@ const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
|
|
|
4547
4567
|
SheetTitle.displayName = SheetPrimitive.Title.displayName;
|
|
4548
4568
|
const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(SheetPrimitive.Description, { ref, className: classnames("text-sm text-muted-foreground", className), ...props }));
|
|
4549
4569
|
SheetDescription.displayName = SheetPrimitive.Description.displayName;
|
|
4550
|
-
const themeVars$
|
|
4570
|
+
const themeVars$R = `'{"padding-AppHeader": "var(--xmlui-padding-AppHeader)", "paddingHorizontal-AppHeader": "var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader))", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader))", "paddingLeft-AppHeader": "var(--xmlui-paddingLeft-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingRight-AppHeader": "var(--xmlui-paddingRight-AppHeader, var(--xmlui-paddingHorizontal-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingTop-AppHeader": "var(--xmlui-paddingTop-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "paddingBottom-AppHeader": "var(--xmlui-paddingBottom-AppHeader, var(--xmlui-paddingVertical-AppHeader, var(--xmlui-padding-AppHeader)))", "padding-logo-AppHeader": "var(--xmlui-padding-logo-AppHeader)", "paddingHorizontal-logo-AppHeader": "var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingVertical-logo-AppHeader": "var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader))", "paddingLeft-logo-AppHeader": "var(--xmlui-paddingLeft-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingRight-logo-AppHeader": "var(--xmlui-paddingRight-logo-AppHeader, var(--xmlui-paddingHorizontal-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingTop-logo-AppHeader": "var(--xmlui-paddingTop-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "paddingBottom-logo-AppHeader": "var(--xmlui-paddingBottom-logo-AppHeader, var(--xmlui-paddingVertical-logo-AppHeader, var(--xmlui-padding-logo-AppHeader)))", "border-AppHeader": "var(--xmlui-border-AppHeader)", "borderHorizontal-AppHeader": "var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader))", "borderVertical-AppHeader": "var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader))", "borderLeft-AppHeader": "var(--xmlui-borderLeft-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderRight-AppHeader": "var(--xmlui-borderRight-AppHeader, var(--xmlui-borderHorizontal-AppHeader, var(--xmlui-border-AppHeader)))", "borderTop-AppHeader": "var(--xmlui-borderTop-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderBottom-AppHeader": "var(--xmlui-borderBottom-AppHeader, var(--xmlui-borderVertical-AppHeader, var(--xmlui-border-AppHeader)))", "borderWidth-AppHeader": "var(--xmlui-borderWidth-AppHeader)", "borderHorizontalWidth-AppHeader": "var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderLeftWidth-AppHeader": "var(--xmlui-borderLeftWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderRightWidth-AppHeader": "var(--xmlui-borderRightWidth-AppHeader, var(--xmlui-borderHorizontalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderVerticalWidth-AppHeader": "var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader))", "borderTopWidth-AppHeader": "var(--xmlui-borderTopWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderBottomWidth-AppHeader": "var(--xmlui-borderBottomWidth-AppHeader, var(--xmlui-borderVerticalWidth-AppHeader, var(--xmlui-borderWidth-AppHeader)))", "borderStyle-AppHeader": "var(--xmlui-borderStyle-AppHeader)", "borderHorizontalStyle-AppHeader": "var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderLeftStyle-AppHeader": "var(--xmlui-borderLeftStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderRightStyle-AppHeader": "var(--xmlui-borderRightStyle-AppHeader, var(--xmlui-borderHorizontalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderVerticalStyle-AppHeader": "var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader))", "borderTopStyle-AppHeader": "var(--xmlui-borderTopStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderBottomStyle-AppHeader": "var(--xmlui-borderBottomStyle-AppHeader, var(--xmlui-borderVerticalStyle-AppHeader, var(--xmlui-borderStyle-AppHeader)))", "borderColor-AppHeader": "var(--xmlui-borderColor-AppHeader)", "borderHorizontalColor-AppHeader": "var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderLeftColor-AppHeader": "var(--xmlui-borderLeftColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderRightColor-AppHeader": "var(--xmlui-borderRightColor-AppHeader, var(--xmlui-borderHorizontalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderVerticalColor-AppHeader": "var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader))", "borderTopColor-AppHeader": "var(--xmlui-borderTopColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderBottomColor-AppHeader": "var(--xmlui-borderBottomColor-AppHeader, var(--xmlui-borderVerticalColor-AppHeader, var(--xmlui-borderColor-AppHeader)))", "borderStartStartRadius-AppHeader": "var(--xmlui-borderStartStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderStartEndRadius-AppHeader": "var(--xmlui-borderStartEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndStartRadius-AppHeader": "var(--xmlui-borderEndStartRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "borderEndEndRadius-AppHeader": "var(--xmlui-borderEndEndRadius-AppHeader, var(--xmlui-borderRadius-AppHeader))", "width-logo-AppHeader": "var(--xmlui-width-logo-AppHeader)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "backgroundColor-AppHeader": "var(--xmlui-backgroundColor-AppHeader)", "maxWidth-content-AppHeader": "var(--xmlui-maxWidth-content-AppHeader)", "maxWidth-AppHeader": "var(--xmlui-maxWidth-AppHeader)", "padding-drawerToggle-AppHeader": "var(--xmlui-padding-drawerToggle-AppHeader)"}'`;
|
|
4551
4571
|
const header$2 = "_header_l3p6p_14";
|
|
4552
4572
|
const headerInner = "_headerInner_l3p6p_40";
|
|
4553
4573
|
const full$1 = "_full_l3p6p_58";
|
|
@@ -4560,7 +4580,7 @@ const rightItems = "_rightItems_l3p6p_108";
|
|
|
4560
4580
|
const drawerToggle = "_drawerToggle_l3p6p_134";
|
|
4561
4581
|
const logoLink = "_logoLink_l3p6p_143";
|
|
4562
4582
|
const styles$1b = {
|
|
4563
|
-
themeVars: themeVars$
|
|
4583
|
+
themeVars: themeVars$R,
|
|
4564
4584
|
header: header$2,
|
|
4565
4585
|
headerInner,
|
|
4566
4586
|
full: full$1,
|
|
@@ -4573,15 +4593,15 @@ const styles$1b = {
|
|
|
4573
4593
|
drawerToggle,
|
|
4574
4594
|
logoLink
|
|
4575
4595
|
};
|
|
4576
|
-
const themeVars$
|
|
4596
|
+
const themeVars$Q = `'{"borderRadius-Image": "var(--xmlui-borderRadius-Image)", "borderColor-Image": "var(--xmlui-borderColor-Image)"}'`;
|
|
4577
4597
|
const img = "_img_1xdng_14";
|
|
4578
4598
|
const clickable$2 = "_clickable_1xdng_22";
|
|
4579
4599
|
const styles$1a = {
|
|
4580
|
-
themeVars: themeVars$
|
|
4600
|
+
themeVars: themeVars$Q,
|
|
4581
4601
|
img,
|
|
4582
4602
|
clickable: clickable$2
|
|
4583
4603
|
};
|
|
4584
|
-
const defaultProps$
|
|
4604
|
+
const defaultProps$1c = {
|
|
4585
4605
|
fit: "contain",
|
|
4586
4606
|
lazyLoad: false,
|
|
4587
4607
|
inline: false
|
|
@@ -4590,13 +4610,13 @@ const Image = forwardRef(function Img({
|
|
|
4590
4610
|
src,
|
|
4591
4611
|
alt,
|
|
4592
4612
|
imageData,
|
|
4593
|
-
fit = defaultProps$
|
|
4613
|
+
fit = defaultProps$1c.fit,
|
|
4594
4614
|
style: style2,
|
|
4595
4615
|
className,
|
|
4596
4616
|
onClick,
|
|
4597
4617
|
aspectRatio,
|
|
4598
|
-
lazyLoad = defaultProps$
|
|
4599
|
-
inline = defaultProps$
|
|
4618
|
+
lazyLoad = defaultProps$1c.lazyLoad,
|
|
4619
|
+
inline = defaultProps$1c.inline,
|
|
4600
4620
|
...rest
|
|
4601
4621
|
}, ref) {
|
|
4602
4622
|
const [blobUrl, setBlobUrl] = useState(null);
|
|
@@ -4658,11 +4678,11 @@ function safeConvertPropToString(prop) {
|
|
|
4658
4678
|
}
|
|
4659
4679
|
return void 0;
|
|
4660
4680
|
}
|
|
4661
|
-
const defaultProps$
|
|
4681
|
+
const defaultProps$1b = {
|
|
4662
4682
|
alt: "Logo",
|
|
4663
4683
|
inline: false
|
|
4664
4684
|
};
|
|
4665
|
-
const Logo = forwardRef(function Logo2({ style: style2, alt = defaultProps$
|
|
4685
|
+
const Logo = forwardRef(function Logo2({ style: style2, alt = defaultProps$1b.alt, inline = defaultProps$1b.inline, className, ...rest }, forwardedRef) {
|
|
4666
4686
|
const logoUrl = useLogoUrl();
|
|
4667
4687
|
if (!logoUrl) {
|
|
4668
4688
|
return null;
|
|
@@ -4714,7 +4734,7 @@ const AppLayoutContext = createContext(null);
|
|
|
4714
4734
|
function useAppLayoutContext() {
|
|
4715
4735
|
return useContext(AppLayoutContext);
|
|
4716
4736
|
}
|
|
4717
|
-
const defaultProps$
|
|
4737
|
+
const defaultProps$1a = {
|
|
4718
4738
|
showLogo: true
|
|
4719
4739
|
};
|
|
4720
4740
|
function useLogoUrl() {
|
|
@@ -4737,7 +4757,7 @@ const AppHeader = ({
|
|
|
4737
4757
|
canRestrictContentWidth,
|
|
4738
4758
|
navPanelVisible = true,
|
|
4739
4759
|
toggleDrawer,
|
|
4740
|
-
showLogo = defaultProps$
|
|
4760
|
+
showLogo = defaultProps$1a.showLogo,
|
|
4741
4761
|
hasRegisteredNavPanel,
|
|
4742
4762
|
title: title2,
|
|
4743
4763
|
titleContent,
|
|
@@ -4858,7 +4878,7 @@ const LinkInfoContext = createContext(null);
|
|
|
4858
4878
|
function useLinkInfoContext() {
|
|
4859
4879
|
return useContext(LinkInfoContext);
|
|
4860
4880
|
}
|
|
4861
|
-
const defaultProps$
|
|
4881
|
+
const defaultProps$19 = {
|
|
4862
4882
|
scrollWholePage: true,
|
|
4863
4883
|
noScrollbarGutters: false,
|
|
4864
4884
|
defaultTone: void 0,
|
|
@@ -4872,10 +4892,10 @@ function App({
|
|
|
4872
4892
|
style: style2 = EMPTY_OBJECT,
|
|
4873
4893
|
layout,
|
|
4874
4894
|
loggedInUser,
|
|
4875
|
-
scrollWholePage: scrollWholePage2 = defaultProps$
|
|
4876
|
-
noScrollbarGutters: noScrollbarGutters2 = defaultProps$
|
|
4877
|
-
onReady = defaultProps$
|
|
4878
|
-
onMessageReceived = defaultProps$
|
|
4895
|
+
scrollWholePage: scrollWholePage2 = defaultProps$19.scrollWholePage,
|
|
4896
|
+
noScrollbarGutters: noScrollbarGutters2 = defaultProps$19.noScrollbarGutters,
|
|
4897
|
+
onReady = defaultProps$19.onReady,
|
|
4898
|
+
onMessageReceived = defaultProps$19.onMessageReceived,
|
|
4879
4899
|
header: header2,
|
|
4880
4900
|
navPanel,
|
|
4881
4901
|
footer,
|
|
@@ -4886,7 +4906,7 @@ function App({
|
|
|
4886
4906
|
logoLight,
|
|
4887
4907
|
defaultTone,
|
|
4888
4908
|
defaultTheme,
|
|
4889
|
-
autoDetectTone = defaultProps$
|
|
4909
|
+
autoDetectTone = defaultProps$19.autoDetectTone,
|
|
4890
4910
|
renderChild: renderChild2,
|
|
4891
4911
|
name,
|
|
4892
4912
|
className,
|
|
@@ -5268,7 +5288,7 @@ function getAppLayoutOrientation(appLayout) {
|
|
|
5268
5288
|
return "horizontal";
|
|
5269
5289
|
}
|
|
5270
5290
|
}
|
|
5271
|
-
const themeVars$
|
|
5291
|
+
const themeVars$P = `'{"border-NavPanel": "var(--xmlui-border-NavPanel)", "borderHorizontal-NavPanel": "var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel))", "borderVertical-NavPanel": "var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel))", "borderLeft-NavPanel": "var(--xmlui-borderLeft-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderRight-NavPanel": "var(--xmlui-borderRight-NavPanel, var(--xmlui-borderHorizontal-NavPanel, var(--xmlui-border-NavPanel)))", "borderTop-NavPanel": "var(--xmlui-borderTop-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderBottom-NavPanel": "var(--xmlui-borderBottom-NavPanel, var(--xmlui-borderVertical-NavPanel, var(--xmlui-border-NavPanel)))", "borderWidth-NavPanel": "var(--xmlui-borderWidth-NavPanel)", "borderHorizontalWidth-NavPanel": "var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderLeftWidth-NavPanel": "var(--xmlui-borderLeftWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderRightWidth-NavPanel": "var(--xmlui-borderRightWidth-NavPanel, var(--xmlui-borderHorizontalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderVerticalWidth-NavPanel": "var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel))", "borderTopWidth-NavPanel": "var(--xmlui-borderTopWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderBottomWidth-NavPanel": "var(--xmlui-borderBottomWidth-NavPanel, var(--xmlui-borderVerticalWidth-NavPanel, var(--xmlui-borderWidth-NavPanel)))", "borderStyle-NavPanel": "var(--xmlui-borderStyle-NavPanel)", "borderHorizontalStyle-NavPanel": "var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderLeftStyle-NavPanel": "var(--xmlui-borderLeftStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderRightStyle-NavPanel": "var(--xmlui-borderRightStyle-NavPanel, var(--xmlui-borderHorizontalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderVerticalStyle-NavPanel": "var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel))", "borderTopStyle-NavPanel": "var(--xmlui-borderTopStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderBottomStyle-NavPanel": "var(--xmlui-borderBottomStyle-NavPanel, var(--xmlui-borderVerticalStyle-NavPanel, var(--xmlui-borderStyle-NavPanel)))", "borderColor-NavPanel": "var(--xmlui-borderColor-NavPanel)", "borderHorizontalColor-NavPanel": "var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderLeftColor-NavPanel": "var(--xmlui-borderLeftColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderRightColor-NavPanel": "var(--xmlui-borderRightColor-NavPanel, var(--xmlui-borderHorizontalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderVerticalColor-NavPanel": "var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel))", "borderTopColor-NavPanel": "var(--xmlui-borderTopColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderBottomColor-NavPanel": "var(--xmlui-borderBottomColor-NavPanel, var(--xmlui-borderVerticalColor-NavPanel, var(--xmlui-borderColor-NavPanel)))", "borderStartStartRadius-NavPanel": "var(--xmlui-borderStartStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderStartEndRadius-NavPanel": "var(--xmlui-borderStartEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndStartRadius-NavPanel": "var(--xmlui-borderEndStartRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "borderEndEndRadius-NavPanel": "var(--xmlui-borderEndEndRadius-NavPanel, var(--xmlui-borderRadius-NavPanel))", "backgroundColor-NavPanel": "var(--xmlui-backgroundColor-NavPanel)", "backgroundColor-NavPanel-horizontal": "var(--xmlui-backgroundColor-NavPanel-horizontal)", "boxShadow-NavPanel": "var(--xmlui-boxShadow-NavPanel)", "padding-NavPanel": "var(--xmlui-padding-NavPanel)", "paddingHorizontal-NavPanel": "var(--xmlui-paddingHorizontal-NavPanel)", "paddingVertical-NavPanel": "var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel))", "paddingLeft-NavPanel": "var(--xmlui-paddingLeft-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingRight-NavPanel": "var(--xmlui-paddingRight-NavPanel, var(--xmlui-paddingHorizontal-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingTop-NavPanel": "var(--xmlui-paddingTop-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "paddingBottom-NavPanel": "var(--xmlui-paddingBottom-NavPanel, var(--xmlui-paddingVertical-NavPanel, var(--xmlui-padding-NavPanel)))", "padding-logo-NavPanel": "var(--xmlui-padding-logo-NavPanel)", "paddingHorizontal-logo-NavPanel": "var(--xmlui-paddingHorizontal-logo-NavPanel)", "paddingVertical-logo-NavPanel": "var(--xmlui-paddingVertical-logo-NavPanel)", "paddingLeft-logo-NavPanel": "var(--xmlui-paddingLeft-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingRight-logo-NavPanel": "var(--xmlui-paddingRight-logo-NavPanel, var(--xmlui-paddingHorizontal-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingTop-logo-NavPanel": "var(--xmlui-paddingTop-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "paddingBottom-logo-NavPanel": "var(--xmlui-paddingBottom-logo-NavPanel, var(--xmlui-paddingVertical-logo-NavPanel, var(--xmlui-padding-logo-NavPanel)))", "marginBottom-logo-NavPanel": "var(--xmlui-marginBottom-logo-NavPanel)", "maxWidth-content-App": "var(--xmlui-maxWidth-content-App)", "height-AppHeader": "var(--xmlui-height-AppHeader)", "paddingVertical-AppHeader": "var(--xmlui-paddingVertical-AppHeader)", "alignment-content-AppHeader": "var(--xmlui-alignment-content-AppHeader)", "horizontalAlignment-logo-NavPanel": "var(--xmlui-horizontalAlignment-logo-NavPanel)"}'`;
|
|
5272
5292
|
const wrapper$k = "_wrapper_lfqop_14";
|
|
5273
5293
|
const condensed = "_condensed_lfqop_51";
|
|
5274
5294
|
const vertical$4 = "_vertical_lfqop_54";
|
|
@@ -5277,7 +5297,7 @@ const wrapperInner = "_wrapperInner_lfqop_62";
|
|
|
5277
5297
|
const logoWrapper$1 = "_logoWrapper_lfqop_79";
|
|
5278
5298
|
const inDrawer = "_inDrawer_lfqop_89";
|
|
5279
5299
|
const styles$19 = {
|
|
5280
|
-
themeVars: themeVars$
|
|
5300
|
+
themeVars: themeVars$P,
|
|
5281
5301
|
wrapper: wrapper$k,
|
|
5282
5302
|
condensed,
|
|
5283
5303
|
vertical: vertical$4,
|
|
@@ -5390,7 +5410,7 @@ function buildLinkMap(navLinks) {
|
|
|
5390
5410
|
processNodes(navLinks);
|
|
5391
5411
|
return linkMap;
|
|
5392
5412
|
}
|
|
5393
|
-
const defaultProps$
|
|
5413
|
+
const defaultProps$18 = {
|
|
5394
5414
|
inDrawer: false
|
|
5395
5415
|
};
|
|
5396
5416
|
const NavPanelContext = React__default.createContext(null);
|
|
@@ -5414,7 +5434,7 @@ const NavPanel = forwardRef(function NavPanel2({
|
|
|
5414
5434
|
style: style2,
|
|
5415
5435
|
logoContent,
|
|
5416
5436
|
className,
|
|
5417
|
-
inDrawer: inDrawer2 = defaultProps$
|
|
5437
|
+
inDrawer: inDrawer2 = defaultProps$18.inDrawer,
|
|
5418
5438
|
renderChild: renderChild2,
|
|
5419
5439
|
navLinks,
|
|
5420
5440
|
...rest
|
|
@@ -5455,17 +5475,17 @@ const NavPanel = forwardRef(function NavPanel2({
|
|
|
5455
5475
|
}
|
|
5456
5476
|
);
|
|
5457
5477
|
});
|
|
5458
|
-
const themeVars$
|
|
5478
|
+
const themeVars$O = `'{"backgroundColor-dropdown-NavGroup": "var(--xmlui-backgroundColor-dropdown-NavGroup)", "boxShadow-dropdown-NavGroup": "var(--xmlui-boxShadow-dropdown-NavGroup)", "borderRadius-dropdown-NavGroup": "var(--xmlui-borderRadius-dropdown-NavGroup)"}'`;
|
|
5459
5479
|
const dropdownList = "_dropdownList_6dj1z_14";
|
|
5460
5480
|
const groupContent = "_groupContent_6dj1z_32";
|
|
5461
5481
|
const groupContentInner = "_groupContentInner_6dj1z_39";
|
|
5462
|
-
const expanded
|
|
5482
|
+
const expanded = "_expanded_6dj1z_43";
|
|
5463
5483
|
const styles$18 = {
|
|
5464
|
-
themeVars: themeVars$
|
|
5484
|
+
themeVars: themeVars$O,
|
|
5465
5485
|
dropdownList,
|
|
5466
5486
|
groupContent,
|
|
5467
5487
|
groupContentInner,
|
|
5468
|
-
expanded
|
|
5488
|
+
expanded
|
|
5469
5489
|
};
|
|
5470
5490
|
function mergeProps(childProps, restProps) {
|
|
5471
5491
|
const overrideProps = { ...restProps };
|
|
@@ -5490,7 +5510,7 @@ function mergeProps(childProps, restProps) {
|
|
|
5490
5510
|
}
|
|
5491
5511
|
return { ...childProps, ...overrideProps };
|
|
5492
5512
|
}
|
|
5493
|
-
const defaultProps$
|
|
5513
|
+
const defaultProps$17 = {
|
|
5494
5514
|
iconHorizontalExpanded: "chevronright",
|
|
5495
5515
|
iconHorizontalCollapsed: "chevronright",
|
|
5496
5516
|
iconVerticalExpanded: "chevrondown",
|
|
@@ -5523,10 +5543,10 @@ const NavGroup = forwardRef(function NavGroup2({
|
|
|
5523
5543
|
return {
|
|
5524
5544
|
level: level + 1,
|
|
5525
5545
|
layoutIsVertical,
|
|
5526
|
-
iconHorizontalCollapsed: iconHorizontalCollapsed ?? defaultProps$
|
|
5527
|
-
iconHorizontalExpanded: iconHorizontalExpanded ?? defaultProps$
|
|
5528
|
-
iconVerticalCollapsed: iconVerticalCollapsed ?? (level < 0 && !inline ? defaultProps$
|
|
5529
|
-
iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$
|
|
5546
|
+
iconHorizontalCollapsed: iconHorizontalCollapsed ?? defaultProps$17.iconHorizontalCollapsed,
|
|
5547
|
+
iconHorizontalExpanded: iconHorizontalExpanded ?? defaultProps$17.iconHorizontalExpanded,
|
|
5548
|
+
iconVerticalCollapsed: iconVerticalCollapsed ?? (level < 0 && !inline ? defaultProps$17.iconVerticalExpanded : defaultProps$17.iconVerticalCollapsed),
|
|
5549
|
+
iconVerticalExpanded: iconVerticalExpanded ?? defaultProps$17.iconVerticalExpanded
|
|
5530
5550
|
};
|
|
5531
5551
|
}, [
|
|
5532
5552
|
iconHorizontalCollapsed,
|
|
@@ -5713,12 +5733,12 @@ const DropDownNavGroup = forwardRef(function DropDownNavGroup2({
|
|
|
5713
5733
|
const NavGroupContext = createContext({
|
|
5714
5734
|
level: -1,
|
|
5715
5735
|
layoutIsVertical: false,
|
|
5716
|
-
iconHorizontalCollapsed: defaultProps$
|
|
5717
|
-
iconHorizontalExpanded: defaultProps$
|
|
5718
|
-
iconVerticalCollapsed: defaultProps$
|
|
5719
|
-
iconVerticalExpanded: defaultProps$
|
|
5736
|
+
iconHorizontalCollapsed: defaultProps$17.iconHorizontalCollapsed,
|
|
5737
|
+
iconHorizontalExpanded: defaultProps$17.iconHorizontalExpanded,
|
|
5738
|
+
iconVerticalCollapsed: defaultProps$17.iconVerticalCollapsed,
|
|
5739
|
+
iconVerticalExpanded: defaultProps$17.iconVerticalExpanded
|
|
5720
5740
|
});
|
|
5721
|
-
const defaultProps$
|
|
5741
|
+
const defaultProps$16 = {
|
|
5722
5742
|
active: false,
|
|
5723
5743
|
displayActive: true
|
|
5724
5744
|
};
|
|
@@ -5728,7 +5748,7 @@ const NavLink = forwardRef(function NavLink2({
|
|
|
5728
5748
|
children,
|
|
5729
5749
|
disabled: disabled2,
|
|
5730
5750
|
to,
|
|
5731
|
-
displayActive: displayActive2 = defaultProps$
|
|
5751
|
+
displayActive: displayActive2 = defaultProps$16.displayActive,
|
|
5732
5752
|
vertical: vertical2,
|
|
5733
5753
|
style: style2,
|
|
5734
5754
|
onClick,
|
|
@@ -5812,7 +5832,7 @@ const NavLinkMd = createMetadata({
|
|
|
5812
5832
|
active: {
|
|
5813
5833
|
description: `This property indicates if the particular navigation is an active link. An active link has a particular visual appearance, provided its [\`displayActive\`](#displayactive) property is set to \`true\`.`,
|
|
5814
5834
|
valueType: "boolean",
|
|
5815
|
-
defaultValue: defaultProps$
|
|
5835
|
+
defaultValue: defaultProps$16.active
|
|
5816
5836
|
},
|
|
5817
5837
|
target: {
|
|
5818
5838
|
description: `This optionally property specifies how to open the clicked link.`,
|
|
@@ -5827,7 +5847,7 @@ const NavLinkMd = createMetadata({
|
|
|
5827
5847
|
displayActive: {
|
|
5828
5848
|
description: `This Boolean property indicates if the active state of a link should have a visual indication. Setting it to \`false\` removes the visual indication of an active link.`,
|
|
5829
5849
|
valueType: "boolean",
|
|
5830
|
-
defaultValue: defaultProps$
|
|
5850
|
+
defaultValue: defaultProps$16.displayActive
|
|
5831
5851
|
},
|
|
5832
5852
|
icon: d(
|
|
5833
5853
|
`This property allows you to add an optional icon (specify the icon's name) to the navigation link.`
|
|
@@ -5886,19 +5906,19 @@ const navLinkComponentRenderer = createComponentRenderer(
|
|
|
5886
5906
|
);
|
|
5887
5907
|
}
|
|
5888
5908
|
);
|
|
5889
|
-
const themeVars$
|
|
5909
|
+
const themeVars$N = `'{"padding-Link": "var(--xmlui-padding-Link)", "paddingHorizontal-Link": "var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link))", "paddingVertical-Link": "var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link))", "paddingLeft-Link": "var(--xmlui-paddingLeft-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingRight-Link": "var(--xmlui-paddingRight-Link, var(--xmlui-paddingHorizontal-Link, var(--xmlui-padding-Link)))", "paddingTop-Link": "var(--xmlui-paddingTop-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "paddingBottom-Link": "var(--xmlui-paddingBottom-Link, var(--xmlui-paddingVertical-Link, var(--xmlui-padding-Link)))", "padding-icon-Link": "var(--xmlui-padding-icon-Link)", "paddingHorizontal-icon-Link": "var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link))", "paddingVertical-icon-Link": "var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link))", "paddingLeft-icon-Link": "var(--xmlui-paddingLeft-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingRight-icon-Link": "var(--xmlui-paddingRight-icon-Link, var(--xmlui-paddingHorizontal-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingTop-icon-Link": "var(--xmlui-paddingTop-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "paddingBottom-icon-Link": "var(--xmlui-paddingBottom-icon-Link, var(--xmlui-paddingVertical-icon-Link, var(--xmlui-padding-icon-Link)))", "border-Link": "var(--xmlui-border-Link)", "borderHorizontal-Link": "var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link))", "borderVertical-Link": "var(--xmlui-borderVertical-Link, var(--xmlui-border-Link))", "borderLeft-Link": "var(--xmlui-borderLeft-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderRight-Link": "var(--xmlui-borderRight-Link, var(--xmlui-borderHorizontal-Link, var(--xmlui-border-Link)))", "borderTop-Link": "var(--xmlui-borderTop-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderBottom-Link": "var(--xmlui-borderBottom-Link, var(--xmlui-borderVertical-Link, var(--xmlui-border-Link)))", "borderWidth-Link": "var(--xmlui-borderWidth-Link)", "borderHorizontalWidth-Link": "var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link))", "borderLeftWidth-Link": "var(--xmlui-borderLeftWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderRightWidth-Link": "var(--xmlui-borderRightWidth-Link, var(--xmlui-borderHorizontalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderVerticalWidth-Link": "var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link))", "borderTopWidth-Link": "var(--xmlui-borderTopWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderBottomWidth-Link": "var(--xmlui-borderBottomWidth-Link, var(--xmlui-borderVerticalWidth-Link, var(--xmlui-borderWidth-Link)))", "borderStyle-Link": "var(--xmlui-borderStyle-Link)", "borderHorizontalStyle-Link": "var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link))", "borderLeftStyle-Link": "var(--xmlui-borderLeftStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderRightStyle-Link": "var(--xmlui-borderRightStyle-Link, var(--xmlui-borderHorizontalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderVerticalStyle-Link": "var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link))", "borderTopStyle-Link": "var(--xmlui-borderTopStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderBottomStyle-Link": "var(--xmlui-borderBottomStyle-Link, var(--xmlui-borderVerticalStyle-Link, var(--xmlui-borderStyle-Link)))", "borderColor-Link": "var(--xmlui-borderColor-Link)", "borderHorizontalColor-Link": "var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link))", "borderLeftColor-Link": "var(--xmlui-borderLeftColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderRightColor-Link": "var(--xmlui-borderRightColor-Link, var(--xmlui-borderHorizontalColor-Link, var(--xmlui-borderColor-Link)))", "borderVerticalColor-Link": "var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link))", "borderTopColor-Link": "var(--xmlui-borderTopColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderBottomColor-Link": "var(--xmlui-borderBottomColor-Link, var(--xmlui-borderVerticalColor-Link, var(--xmlui-borderColor-Link)))", "borderStartStartRadius-Link": "var(--xmlui-borderStartStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderStartEndRadius-Link": "var(--xmlui-borderStartEndRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndStartRadius-Link": "var(--xmlui-borderEndStartRadius-Link, var(--xmlui-borderRadius-Link))", "borderEndEndRadius-Link": "var(--xmlui-borderEndEndRadius-Link, var(--xmlui-borderRadius-Link))", "textColor-Link": "var(--xmlui-textColor-Link)", "fontFamily-Link": "var(--xmlui-fontFamily-Link)", "fontSize-Link": "var(--xmlui-fontSize-Link)", "fontStyle-Link": "var(--xmlui-fontStyle-Link)", "fontVariant-Link": "var(--xmlui-fontVariant-Link)", "fontWeight-Link": "var(--xmlui-fontWeight-Link)", "fontStretch-Link": "var(--xmlui-fontStretch-Link)", "textDecorationLine-Link": "var(--xmlui-textDecorationLine-Link)", "textDecorationColor-Link": "var(--xmlui-textDecorationColor-Link)", "textDecorationStyle-Link": "var(--xmlui-textDecorationStyle-Link)", "textDecorationThickness-Link": "var(--xmlui-textDecorationThickness-Link)", "textUnderlineOffset-Link": "var(--xmlui-textUnderlineOffset-Link)", "lineHeight-Link": "var(--xmlui-lineHeight-Link)", "backgroundColor-Link": "var(--xmlui-backgroundColor-Link)", "textTransform-Link": "var(--xmlui-textTransform-Link)", "letterSpacing-Link": "var(--xmlui-letterSpacing-Link)", "wordSpacing-Link": "var(--xmlui-wordSpacing-Link)", "textShadow-Link": "var(--xmlui-textShadow-Link)", "textIndent-Link": "var(--xmlui-textIndent-Link)", "textAlign-Link": "var(--xmlui-textAlign-Link)", "textAlignLast-Link": "var(--xmlui-textAlignLast-Link)", "wordBreak-Link": "var(--xmlui-wordBreak-Link)", "wordWrap-Link": "var(--xmlui-wordWrap-Link)", "direction-Link": "var(--xmlui-direction-Link)", "writingMode-Link": "var(--xmlui-writingMode-Link)", "lineBreak-Link": "var(--xmlui-lineBreak-Link)", "textColor-Link--active": "var(--xmlui-textColor-Link--active)", "textColor-Link--hover": "var(--xmlui-textColor-Link--hover)", "textColor-Link--hover--active": "var(--xmlui-textColor-Link--hover--active)", "fontWeight-Link--active": "var(--xmlui-fontWeight-Link--active)", "gap-icon-Link": "var(--xmlui-gap-icon-Link)", "textDecorationColor-Link--hover": "var(--xmlui-textDecorationColor-Link--hover)", "textDecorationColor-Link--active": "var(--xmlui-textDecorationColor-Link--active)", "outlineWidth-Link--focus": "var(--xmlui-outlineWidth-Link--focus)", "outlineColor-Link--focus": "var(--xmlui-outlineColor-Link--focus)", "outlineStyle-Link--focus": "var(--xmlui-outlineStyle-Link--focus)", "outlineOffset-Link--focus": "var(--xmlui-outlineOffset-Link--focus)"}'`;
|
|
5890
5910
|
const container$2 = "_container_1iujp_14";
|
|
5891
5911
|
const active$2 = "_active_1iujp_75";
|
|
5892
5912
|
const disabled$8 = "_disabled_1iujp_79";
|
|
5893
5913
|
const iconWrapper = "_iconWrapper_1iujp_94";
|
|
5894
5914
|
const styles$17 = {
|
|
5895
|
-
themeVars: themeVars$
|
|
5915
|
+
themeVars: themeVars$N,
|
|
5896
5916
|
container: container$2,
|
|
5897
5917
|
active: active$2,
|
|
5898
5918
|
disabled: disabled$8,
|
|
5899
5919
|
iconWrapper
|
|
5900
5920
|
};
|
|
5901
|
-
const defaultProps$
|
|
5921
|
+
const defaultProps$15 = {
|
|
5902
5922
|
active: false,
|
|
5903
5923
|
disabled: false
|
|
5904
5924
|
};
|
|
@@ -5907,10 +5927,10 @@ const LinkNative = forwardRef(function LinkNative2(props, forwardedRef) {
|
|
|
5907
5927
|
to,
|
|
5908
5928
|
children,
|
|
5909
5929
|
icon: icon2,
|
|
5910
|
-
active: active2 = defaultProps$
|
|
5930
|
+
active: active2 = defaultProps$15.active,
|
|
5911
5931
|
onClick,
|
|
5912
5932
|
target: target2,
|
|
5913
|
-
disabled: disabled2 = defaultProps$
|
|
5933
|
+
disabled: disabled2 = defaultProps$15.disabled,
|
|
5914
5934
|
style: style2,
|
|
5915
5935
|
className,
|
|
5916
5936
|
...anchorProps
|
|
@@ -5961,7 +5981,7 @@ const LinkMd = createMetadata({
|
|
|
5961
5981
|
active: {
|
|
5962
5982
|
description: `Indicates whether this link is active or not. If so, it will have a distinct visual appearance.`,
|
|
5963
5983
|
type: "boolean",
|
|
5964
|
-
defaultValue: defaultProps$
|
|
5984
|
+
defaultValue: defaultProps$15.active
|
|
5965
5985
|
},
|
|
5966
5986
|
target: {
|
|
5967
5987
|
description: `This property specifies where to open the link represented by the \`${COMP$1r}\`. This property accepts the following values (in accordance with the HTML standard):`,
|
|
@@ -6066,85 +6086,340 @@ const MemoizedItem = memo(
|
|
|
6066
6086
|
}
|
|
6067
6087
|
);
|
|
6068
6088
|
MemoizedItem.displayName = "MemoizedItem";
|
|
6069
|
-
const
|
|
6070
|
-
const
|
|
6071
|
-
const
|
|
6072
|
-
const
|
|
6073
|
-
const
|
|
6074
|
-
const
|
|
6075
|
-
const
|
|
6076
|
-
const
|
|
6077
|
-
const
|
|
6089
|
+
const themeVars$M = `'{"backgroundColor-Tree-row--selected": "var(--xmlui-backgroundColor-Tree-row--selected)", "backgroundColor-Tree-row--hover": "var(--xmlui-backgroundColor-Tree-row--hover)", "textColor-Tree": "var(--xmlui-textColor-Tree)", "textColor-Tree--selected": "var(--xmlui-textColor-Tree--selected)", "textColor-Tree--hover": "var(--xmlui-textColor-Tree--hover)", "borderColor-Tree-row--focus": "var(--xmlui-borderColor-Tree-row--focus)", "outlineColor-Tree--focus": "var(--xmlui-outlineColor-Tree--focus)", "outlineWidth-Tree--focus": "var(--xmlui-outlineWidth-Tree--focus)", "outlineStyle-Tree--focus": "var(--xmlui-outlineStyle-Tree--focus)", "outlineOffset-Tree--focus": "var(--xmlui-outlineOffset-Tree--focus)"}'`;
|
|
6090
|
+
const wrapper$j = "_wrapper_eyur1_14";
|
|
6091
|
+
const rowWrapper = "_rowWrapper_eyur1_22";
|
|
6092
|
+
const selected$2 = "_selected_eyur1_39";
|
|
6093
|
+
const focused$2 = "_focused_eyur1_46";
|
|
6094
|
+
const gutter = "_gutter_eyur1_56";
|
|
6095
|
+
const toggleWrapper = "_toggleWrapper_eyur1_63";
|
|
6096
|
+
const hidden$2 = "_hidden_eyur1_72";
|
|
6097
|
+
const toggleIcon = "_toggleIcon_eyur1_76";
|
|
6098
|
+
const depthPlaceholder = "_depthPlaceholder_eyur1_83";
|
|
6099
|
+
const labelWrapper = "_labelWrapper_eyur1_86";
|
|
6078
6100
|
const styles$16 = {
|
|
6101
|
+
themeVars: themeVars$M,
|
|
6079
6102
|
wrapper: wrapper$j,
|
|
6080
6103
|
rowWrapper,
|
|
6081
6104
|
selected: selected$2,
|
|
6105
|
+
focused: focused$2,
|
|
6082
6106
|
gutter,
|
|
6083
6107
|
toggleWrapper,
|
|
6084
6108
|
hidden: hidden$2,
|
|
6085
|
-
|
|
6109
|
+
toggleIcon,
|
|
6086
6110
|
depthPlaceholder,
|
|
6087
6111
|
labelWrapper
|
|
6088
6112
|
};
|
|
6089
|
-
function flattenNode(node, depth, result, openedIds) {
|
|
6090
|
-
const { children,
|
|
6091
|
-
const isExpanded = openedIds.includes(
|
|
6092
|
-
|
|
6113
|
+
function flattenNode(node, depth, result, openedIds, dynamicField, nodeStates) {
|
|
6114
|
+
const { children, key } = node;
|
|
6115
|
+
const isExpanded = openedIds.includes(key);
|
|
6116
|
+
const hasActualChildren = !!children && children.length > 0;
|
|
6117
|
+
const isDynamic = dynamicField && node[dynamicField];
|
|
6118
|
+
const hasChildren = hasActualChildren || isDynamic;
|
|
6119
|
+
const loadingState = (nodeStates == null ? void 0 : nodeStates.get(key)) || "unloaded";
|
|
6120
|
+
const flatNode = {
|
|
6093
6121
|
...node,
|
|
6094
|
-
hasChildren
|
|
6122
|
+
hasChildren,
|
|
6095
6123
|
depth,
|
|
6096
|
-
isExpanded
|
|
6097
|
-
|
|
6124
|
+
isExpanded,
|
|
6125
|
+
loadingState,
|
|
6126
|
+
// Ensure key is preserved (in case it was overwritten by ...node spread)
|
|
6127
|
+
key: key || node.key || node.id
|
|
6128
|
+
};
|
|
6129
|
+
result.push(flatNode);
|
|
6098
6130
|
if (isExpanded && children) {
|
|
6099
6131
|
for (let child of children) {
|
|
6100
|
-
flattenNode(child, depth + 1, result, openedIds);
|
|
6132
|
+
flattenNode(child, depth + 1, result, openedIds, dynamicField, nodeStates);
|
|
6101
6133
|
}
|
|
6102
6134
|
}
|
|
6103
6135
|
}
|
|
6104
|
-
function toFlatTree(treeData, openedIds) {
|
|
6136
|
+
function toFlatTree(treeData, openedIds, dynamicField, nodeStates) {
|
|
6105
6137
|
const ret = [];
|
|
6106
6138
|
treeData.forEach((node) => {
|
|
6107
|
-
flattenNode(node, 0, ret, openedIds);
|
|
6139
|
+
flattenNode(node, 0, ret, openedIds, dynamicField, nodeStates);
|
|
6108
6140
|
});
|
|
6109
6141
|
return ret;
|
|
6110
6142
|
}
|
|
6111
|
-
|
|
6112
|
-
|
|
6143
|
+
function flatToNative(flatData, fieldConfig) {
|
|
6144
|
+
if (!flatData || flatData.length === 0) {
|
|
6145
|
+
return { treeData: [], treeItemsById: {} };
|
|
6146
|
+
}
|
|
6147
|
+
const childrenMap = /* @__PURE__ */ new Map();
|
|
6148
|
+
const itemsById = /* @__PURE__ */ new Map();
|
|
6149
|
+
const rootItems = [];
|
|
6150
|
+
flatData.forEach((item2) => {
|
|
6151
|
+
const id = item2[fieldConfig.idField];
|
|
6152
|
+
const parentId = item2[fieldConfig.parentField || "parentId"];
|
|
6153
|
+
itemsById.set(id, item2);
|
|
6154
|
+
if (parentId && parentId !== "") {
|
|
6155
|
+
if (!childrenMap.has(parentId)) {
|
|
6156
|
+
childrenMap.set(parentId, []);
|
|
6157
|
+
}
|
|
6158
|
+
childrenMap.get(parentId).push(item2);
|
|
6159
|
+
} else {
|
|
6160
|
+
rootItems.push(item2);
|
|
6161
|
+
}
|
|
6162
|
+
});
|
|
6163
|
+
let idCounter = 1;
|
|
6164
|
+
const sourceIdToId = /* @__PURE__ */ new Map();
|
|
6165
|
+
const getOrCreateId = (sourceId) => {
|
|
6166
|
+
if (!sourceIdToId.has(sourceId)) {
|
|
6167
|
+
sourceIdToId.set(sourceId, `flat_${idCounter++}`);
|
|
6168
|
+
}
|
|
6169
|
+
return sourceIdToId.get(sourceId);
|
|
6170
|
+
};
|
|
6171
|
+
const buildTreeNode = (item2, parentIds = [], pathSegments = []) => {
|
|
6172
|
+
const sourceId = item2[fieldConfig.idField];
|
|
6173
|
+
const id = getOrCreateId(sourceId);
|
|
6174
|
+
const displayName = item2[fieldConfig.labelField] || sourceId;
|
|
6175
|
+
const currentPath = [...pathSegments, displayName];
|
|
6176
|
+
const childItems = childrenMap.get(sourceId) || [];
|
|
6177
|
+
const children = childItems.map(
|
|
6178
|
+
(childItem) => buildTreeNode(childItem, [...parentIds, sourceId], currentPath)
|
|
6179
|
+
);
|
|
6180
|
+
const treeNode2 = {
|
|
6181
|
+
id,
|
|
6182
|
+
key: sourceId,
|
|
6183
|
+
// Use source ID as key for expansion state
|
|
6184
|
+
path: currentPath,
|
|
6185
|
+
displayName,
|
|
6186
|
+
parentIds,
|
|
6187
|
+
selectable: fieldConfig.selectableField ? item2[fieldConfig.selectableField] ?? true : true,
|
|
6188
|
+
children,
|
|
6189
|
+
// Preserve original item properties
|
|
6190
|
+
...item2,
|
|
6191
|
+
// Add icon properties if configured
|
|
6192
|
+
...fieldConfig.iconField && item2[fieldConfig.iconField] && {
|
|
6193
|
+
icon: item2[fieldConfig.iconField]
|
|
6194
|
+
},
|
|
6195
|
+
...fieldConfig.iconExpandedField && item2[fieldConfig.iconExpandedField] && {
|
|
6196
|
+
iconExpanded: item2[fieldConfig.iconExpandedField]
|
|
6197
|
+
},
|
|
6198
|
+
...fieldConfig.iconCollapsedField && item2[fieldConfig.iconCollapsedField] && {
|
|
6199
|
+
iconCollapsed: item2[fieldConfig.iconCollapsedField]
|
|
6200
|
+
}
|
|
6201
|
+
};
|
|
6202
|
+
return treeNode2;
|
|
6203
|
+
};
|
|
6204
|
+
const treeData = rootItems.map(
|
|
6205
|
+
(rootItem) => buildTreeNode(rootItem)
|
|
6206
|
+
);
|
|
6207
|
+
const treeItemsById = {};
|
|
6208
|
+
const collectNodes = (nodes) => {
|
|
6209
|
+
nodes.forEach((node) => {
|
|
6210
|
+
treeItemsById[node.id] = node;
|
|
6211
|
+
if (node.children) {
|
|
6212
|
+
collectNodes(node.children);
|
|
6213
|
+
}
|
|
6214
|
+
});
|
|
6215
|
+
};
|
|
6216
|
+
collectNodes(treeData);
|
|
6217
|
+
return {
|
|
6218
|
+
treeData,
|
|
6219
|
+
treeItemsById
|
|
6220
|
+
};
|
|
6221
|
+
}
|
|
6222
|
+
function hierarchyToNative(hierarchyData, fieldConfig) {
|
|
6223
|
+
if (!hierarchyData) {
|
|
6224
|
+
return { treeData: [], treeItemsById: {} };
|
|
6225
|
+
}
|
|
6226
|
+
const rootItems = Array.isArray(hierarchyData) ? hierarchyData : [hierarchyData];
|
|
6227
|
+
if (rootItems.length === 0) {
|
|
6228
|
+
return { treeData: [], treeItemsById: {} };
|
|
6229
|
+
}
|
|
6230
|
+
let idCounter = 1;
|
|
6231
|
+
const sourceIdToId = /* @__PURE__ */ new Map();
|
|
6232
|
+
const getOrCreateId = (sourceId) => {
|
|
6233
|
+
if (!sourceIdToId.has(sourceId)) {
|
|
6234
|
+
sourceIdToId.set(sourceId, `hierarchy_${idCounter++}`);
|
|
6235
|
+
}
|
|
6236
|
+
return sourceIdToId.get(sourceId);
|
|
6237
|
+
};
|
|
6238
|
+
const visitedIds = /* @__PURE__ */ new Set();
|
|
6239
|
+
const buildTreeNode = (item2, parentIds = [], pathSegments = []) => {
|
|
6240
|
+
const sourceId = item2[fieldConfig.idField];
|
|
6241
|
+
const displayName = item2[fieldConfig.labelField] || sourceId;
|
|
6242
|
+
if (visitedIds.has(sourceId)) {
|
|
6243
|
+
const id2 = getOrCreateId(sourceId);
|
|
6244
|
+
return {
|
|
6245
|
+
id: id2,
|
|
6246
|
+
key: sourceId,
|
|
6247
|
+
path: [...pathSegments, displayName],
|
|
6248
|
+
displayName,
|
|
6249
|
+
parentIds,
|
|
6250
|
+
selectable: fieldConfig.selectableField ? item2[fieldConfig.selectableField] ?? true : true,
|
|
6251
|
+
children: [],
|
|
6252
|
+
...item2,
|
|
6253
|
+
...fieldConfig.iconField && item2[fieldConfig.iconField] && {
|
|
6254
|
+
icon: item2[fieldConfig.iconField]
|
|
6255
|
+
}
|
|
6256
|
+
};
|
|
6257
|
+
}
|
|
6258
|
+
visitedIds.add(sourceId);
|
|
6259
|
+
const id = getOrCreateId(sourceId);
|
|
6260
|
+
const currentPath = [...pathSegments, displayName];
|
|
6261
|
+
const childrenField = fieldConfig.childrenField || "children";
|
|
6262
|
+
const childItems = item2[childrenField] || [];
|
|
6263
|
+
const children = childItems.map(
|
|
6264
|
+
(childItem) => buildTreeNode(childItem, [...parentIds, sourceId], currentPath)
|
|
6265
|
+
);
|
|
6266
|
+
visitedIds.delete(sourceId);
|
|
6267
|
+
const treeNode2 = {
|
|
6268
|
+
id,
|
|
6269
|
+
path: currentPath,
|
|
6270
|
+
displayName,
|
|
6271
|
+
parentIds,
|
|
6272
|
+
selectable: fieldConfig.selectableField ? item2[fieldConfig.selectableField] ?? true : true,
|
|
6273
|
+
// Preserve original item properties (excluding children to avoid overwriting)
|
|
6274
|
+
...item2,
|
|
6275
|
+
// Add icon properties if configured
|
|
6276
|
+
...fieldConfig.iconField && item2[fieldConfig.iconField] && {
|
|
6277
|
+
icon: item2[fieldConfig.iconField]
|
|
6278
|
+
},
|
|
6279
|
+
...fieldConfig.iconExpandedField && item2[fieldConfig.iconExpandedField] && {
|
|
6280
|
+
iconExpanded: item2[fieldConfig.iconExpandedField]
|
|
6281
|
+
},
|
|
6282
|
+
...fieldConfig.iconCollapsedField && item2[fieldConfig.iconCollapsedField] && {
|
|
6283
|
+
iconCollapsed: item2[fieldConfig.iconCollapsedField]
|
|
6284
|
+
},
|
|
6285
|
+
// Set TreeNode-specific properties AFTER spreading item to ensure they're not overwritten
|
|
6286
|
+
children,
|
|
6287
|
+
// Use our transformed children, not the original item's children
|
|
6288
|
+
key: sourceId
|
|
6289
|
+
// Use source ID as key for expansion state
|
|
6290
|
+
};
|
|
6291
|
+
return treeNode2;
|
|
6292
|
+
};
|
|
6293
|
+
const treeData = rootItems.map(
|
|
6294
|
+
(rootItem) => buildTreeNode(rootItem)
|
|
6295
|
+
);
|
|
6296
|
+
const treeItemsById = {};
|
|
6297
|
+
const collectNodes = (nodes) => {
|
|
6298
|
+
nodes.forEach((node) => {
|
|
6299
|
+
treeItemsById[node.id] = node;
|
|
6300
|
+
if (node.children) {
|
|
6301
|
+
collectNodes(node.children);
|
|
6302
|
+
}
|
|
6303
|
+
});
|
|
6304
|
+
};
|
|
6305
|
+
collectNodes(treeData);
|
|
6306
|
+
return {
|
|
6307
|
+
treeData,
|
|
6308
|
+
treeItemsById
|
|
6309
|
+
};
|
|
6310
|
+
}
|
|
6311
|
+
const TreeRow = memo(({ index, style: style2, data }) => {
|
|
6312
|
+
const {
|
|
6313
|
+
nodes,
|
|
6314
|
+
toggleNode,
|
|
6315
|
+
selectedId,
|
|
6316
|
+
itemRenderer,
|
|
6317
|
+
itemClickExpands,
|
|
6318
|
+
onItemClick,
|
|
6319
|
+
onSelection,
|
|
6320
|
+
focusedIndex,
|
|
6321
|
+
treeContainerRef,
|
|
6322
|
+
iconCollapsed,
|
|
6323
|
+
iconExpanded,
|
|
6324
|
+
iconSize,
|
|
6325
|
+
animateExpand,
|
|
6326
|
+
expandRotation
|
|
6327
|
+
} = data;
|
|
6113
6328
|
const treeItem = nodes[index];
|
|
6329
|
+
const isFocused = focusedIndex === index && focusedIndex >= 0;
|
|
6330
|
+
const isSelected = String(selectedId) === String(treeItem.key);
|
|
6114
6331
|
const onToggleNode = useCallback(
|
|
6115
|
-
(
|
|
6116
|
-
|
|
6332
|
+
(e) => {
|
|
6333
|
+
e.stopPropagation();
|
|
6334
|
+
const nodeWithState2 = treeItem;
|
|
6335
|
+
if (nodeWithState2.loadingState === "loading") {
|
|
6117
6336
|
return;
|
|
6118
6337
|
}
|
|
6119
6338
|
toggleNode(treeItem);
|
|
6120
6339
|
},
|
|
6121
6340
|
[toggleNode, treeItem]
|
|
6122
6341
|
);
|
|
6342
|
+
const onItemMouseDownHandler = useCallback(
|
|
6343
|
+
(e) => {
|
|
6344
|
+
if (treeItem.selectable) {
|
|
6345
|
+
onSelection(treeItem);
|
|
6346
|
+
setTimeout(() => {
|
|
6347
|
+
var _a2;
|
|
6348
|
+
(_a2 = treeContainerRef.current) == null ? void 0 : _a2.focus();
|
|
6349
|
+
}, 0);
|
|
6350
|
+
}
|
|
6351
|
+
},
|
|
6352
|
+
[onSelection, treeItem, treeContainerRef]
|
|
6353
|
+
);
|
|
6354
|
+
const onItemClickHandler = useCallback(
|
|
6355
|
+
(e) => {
|
|
6356
|
+
if (onItemClick) {
|
|
6357
|
+
onItemClick(treeItem);
|
|
6358
|
+
}
|
|
6359
|
+
const nodeWithState2 = treeItem;
|
|
6360
|
+
if (itemClickExpands && treeItem.hasChildren && nodeWithState2.loadingState !== "loading") {
|
|
6361
|
+
toggleNode(treeItem);
|
|
6362
|
+
}
|
|
6363
|
+
},
|
|
6364
|
+
[onItemClick, itemClickExpands, treeItem, toggleNode]
|
|
6365
|
+
);
|
|
6366
|
+
const nodeWithState = treeItem;
|
|
6367
|
+
const isLoading = nodeWithState.loadingState === "loading";
|
|
6123
6368
|
return /* @__PURE__ */ jsx("div", { style: { ...style2, width: "auto", minWidth: "100%", display: "flex" }, children: /* @__PURE__ */ jsxs(
|
|
6124
6369
|
"div",
|
|
6125
6370
|
{
|
|
6126
6371
|
className: classnames(styles$16.rowWrapper, {
|
|
6127
|
-
[styles$16.selected]:
|
|
6372
|
+
[styles$16.selected]: isSelected,
|
|
6373
|
+
[styles$16.focused]: isFocused
|
|
6128
6374
|
}),
|
|
6375
|
+
role: "treeitem",
|
|
6376
|
+
"aria-level": treeItem.depth + 1,
|
|
6377
|
+
"aria-expanded": treeItem.hasChildren ? treeItem.isExpanded : void 0,
|
|
6378
|
+
"aria-selected": isSelected,
|
|
6379
|
+
"aria-label": treeItem.displayName,
|
|
6380
|
+
"aria-busy": isLoading,
|
|
6381
|
+
tabIndex: isFocused ? 0 : -1,
|
|
6129
6382
|
children: [
|
|
6130
|
-
/* @__PURE__ */ jsxs(
|
|
6131
|
-
|
|
6132
|
-
|
|
6133
|
-
|
|
6134
|
-
|
|
6135
|
-
|
|
6136
|
-
|
|
6137
|
-
|
|
6138
|
-
|
|
6139
|
-
|
|
6140
|
-
|
|
6141
|
-
|
|
6383
|
+
/* @__PURE__ */ jsxs(
|
|
6384
|
+
"div",
|
|
6385
|
+
{
|
|
6386
|
+
onClick: onToggleNode,
|
|
6387
|
+
className: styles$16.gutter,
|
|
6388
|
+
style: { cursor: isLoading ? "default" : "pointer" },
|
|
6389
|
+
children: [
|
|
6390
|
+
/* @__PURE__ */ jsx("div", { style: { width: treeItem.depth * 10 }, className: styles$16.depthPlaceholder }),
|
|
6391
|
+
/* @__PURE__ */ jsx(
|
|
6392
|
+
"div",
|
|
6393
|
+
{
|
|
6394
|
+
className: classnames(styles$16.toggleWrapper, {
|
|
6395
|
+
[styles$16.expanded]: treeItem.isExpanded,
|
|
6396
|
+
[styles$16.hidden]: !treeItem.hasChildren
|
|
6397
|
+
}),
|
|
6398
|
+
children: treeItem.hasChildren && /* @__PURE__ */ jsx(Fragment, { children: treeItem.loadingState === "loading" ? /* @__PURE__ */ jsx(Spinner, { delay: 0 }) : /* @__PURE__ */ jsx(
|
|
6399
|
+
Icon,
|
|
6400
|
+
{
|
|
6401
|
+
name: animateExpand ? iconCollapsed : treeItem.isExpanded ? iconExpanded : iconCollapsed,
|
|
6402
|
+
size: iconSize,
|
|
6403
|
+
className: classnames(styles$16.toggleIcon, {
|
|
6404
|
+
[styles$16.rotated]: animateExpand && treeItem.isExpanded
|
|
6405
|
+
}),
|
|
6406
|
+
style: animateExpand && treeItem.isExpanded ? {
|
|
6407
|
+
transform: `rotate(${expandRotation}deg)`
|
|
6408
|
+
} : void 0
|
|
6409
|
+
}
|
|
6410
|
+
) })
|
|
6411
|
+
}
|
|
6412
|
+
)
|
|
6413
|
+
]
|
|
6414
|
+
}
|
|
6415
|
+
),
|
|
6142
6416
|
/* @__PURE__ */ jsx(
|
|
6143
6417
|
"div",
|
|
6144
6418
|
{
|
|
6145
6419
|
className: styles$16.labelWrapper,
|
|
6146
|
-
|
|
6147
|
-
|
|
6420
|
+
onMouseDown: onItemMouseDownHandler,
|
|
6421
|
+
onClick: onItemClickHandler,
|
|
6422
|
+
style: { cursor: "pointer" },
|
|
6148
6423
|
children: itemRenderer(treeItem)
|
|
6149
6424
|
}
|
|
6150
6425
|
)
|
|
@@ -6156,88 +6431,1304 @@ const emptyTreeData = {
|
|
|
6156
6431
|
treeData: [],
|
|
6157
6432
|
treeItemsById: {}
|
|
6158
6433
|
};
|
|
6159
|
-
|
|
6160
|
-
|
|
6161
|
-
|
|
6162
|
-
|
|
6163
|
-
|
|
6164
|
-
}
|
|
6165
|
-
|
|
6166
|
-
|
|
6167
|
-
|
|
6434
|
+
const findAllParentIds = (nodeId, treeItemsById) => {
|
|
6435
|
+
const parentIds = [];
|
|
6436
|
+
const targetNode = treeItemsById[String(nodeId)];
|
|
6437
|
+
if (!targetNode) {
|
|
6438
|
+
return parentIds;
|
|
6439
|
+
}
|
|
6440
|
+
if (targetNode.parentIds && targetNode.parentIds.length > 0) {
|
|
6441
|
+
parentIds.push(...targetNode.parentIds);
|
|
6442
|
+
}
|
|
6443
|
+
return parentIds;
|
|
6444
|
+
};
|
|
6445
|
+
const expandParentPaths = (nodeIds, treeItemsById) => {
|
|
6446
|
+
const allExpandedIds = new Set(nodeIds);
|
|
6447
|
+
nodeIds.forEach((nodeId) => {
|
|
6448
|
+
const parentIds = findAllParentIds(nodeId, treeItemsById);
|
|
6449
|
+
parentIds.forEach((parentId) => allExpandedIds.add(parentId));
|
|
6450
|
+
});
|
|
6451
|
+
return Array.from(allExpandedIds);
|
|
6452
|
+
};
|
|
6453
|
+
const defaultProps$14 = {
|
|
6454
|
+
dataFormat: "flat",
|
|
6455
|
+
idField: "id",
|
|
6456
|
+
nameField: "name",
|
|
6457
|
+
iconField: "icon",
|
|
6458
|
+
iconExpandedField: "iconExpanded",
|
|
6459
|
+
iconCollapsedField: "iconCollapsed",
|
|
6460
|
+
parentIdField: "parentId",
|
|
6461
|
+
childrenField: "children",
|
|
6462
|
+
selectableField: "selectable",
|
|
6463
|
+
defaultExpanded: "none",
|
|
6464
|
+
autoExpandToSelection: true,
|
|
6465
|
+
itemClickExpands: false,
|
|
6466
|
+
dynamicField: "dynamic",
|
|
6467
|
+
iconCollapsed: "chevronright",
|
|
6468
|
+
iconExpanded: "chevrondown",
|
|
6469
|
+
iconSize: "16",
|
|
6470
|
+
itemHeight: 35,
|
|
6471
|
+
animateExpand: false,
|
|
6472
|
+
expandRotation: 90
|
|
6473
|
+
};
|
|
6474
|
+
const TreeComponent = memo((props) => {
|
|
6475
|
+
const {
|
|
6476
|
+
registerComponentApi,
|
|
6477
|
+
data = emptyTreeData,
|
|
6478
|
+
dataFormat = defaultProps$14.dataFormat,
|
|
6479
|
+
idField = defaultProps$14.idField,
|
|
6480
|
+
nameField = defaultProps$14.nameField,
|
|
6481
|
+
iconField = defaultProps$14.iconField,
|
|
6482
|
+
iconExpandedField = defaultProps$14.iconExpandedField,
|
|
6483
|
+
iconCollapsedField = defaultProps$14.iconCollapsedField,
|
|
6484
|
+
parentIdField = defaultProps$14.parentIdField,
|
|
6485
|
+
childrenField = defaultProps$14.childrenField,
|
|
6486
|
+
selectableField = defaultProps$14.selectableField,
|
|
6487
|
+
selectedValue,
|
|
6488
|
+
selectedId,
|
|
6489
|
+
defaultExpanded = defaultProps$14.defaultExpanded,
|
|
6490
|
+
autoExpandToSelection = defaultProps$14.autoExpandToSelection,
|
|
6491
|
+
itemClickExpands = defaultProps$14.itemClickExpands,
|
|
6492
|
+
dynamicField = defaultProps$14.dynamicField,
|
|
6493
|
+
iconCollapsed = defaultProps$14.iconCollapsed,
|
|
6494
|
+
iconExpanded = defaultProps$14.iconExpanded,
|
|
6495
|
+
iconSize = defaultProps$14.iconSize,
|
|
6496
|
+
itemHeight = defaultProps$14.itemHeight,
|
|
6497
|
+
animateExpand = defaultProps$14.animateExpand,
|
|
6498
|
+
expandRotation = defaultProps$14.expandRotation,
|
|
6499
|
+
onItemClick,
|
|
6500
|
+
onSelectionChanged,
|
|
6501
|
+
onNodeExpanded,
|
|
6502
|
+
onNodeCollapsed,
|
|
6503
|
+
loadChildren,
|
|
6504
|
+
itemRenderer,
|
|
6505
|
+
className
|
|
6506
|
+
} = props;
|
|
6507
|
+
const [internalSelectedId, setInternalSelectedId] = useState(() => {
|
|
6508
|
+
return !onSelectionChanged && selectedValue ? selectedValue : void 0;
|
|
6509
|
+
});
|
|
6510
|
+
const [internalData, setInternalData] = useState(void 0);
|
|
6511
|
+
const effectiveData = internalData ?? data;
|
|
6512
|
+
const fieldConfig = useMemo(() => ({
|
|
6513
|
+
idField: idField || "id",
|
|
6514
|
+
labelField: nameField || "name",
|
|
6515
|
+
iconField,
|
|
6516
|
+
iconExpandedField,
|
|
6517
|
+
iconCollapsedField,
|
|
6518
|
+
parentField: parentIdField,
|
|
6519
|
+
childrenField,
|
|
6520
|
+
selectableField,
|
|
6521
|
+
dynamicField
|
|
6522
|
+
}), [
|
|
6523
|
+
idField,
|
|
6524
|
+
nameField,
|
|
6525
|
+
iconField,
|
|
6526
|
+
iconExpandedField,
|
|
6527
|
+
iconCollapsedField,
|
|
6528
|
+
parentIdField,
|
|
6529
|
+
childrenField,
|
|
6530
|
+
selectableField,
|
|
6531
|
+
dynamicField
|
|
6532
|
+
]);
|
|
6533
|
+
const transformedData = useMemo(() => {
|
|
6534
|
+
if (!effectiveData) {
|
|
6535
|
+
return emptyTreeData;
|
|
6536
|
+
}
|
|
6537
|
+
try {
|
|
6538
|
+
if (dataFormat === "flat") {
|
|
6539
|
+
if (!Array.isArray(effectiveData)) {
|
|
6540
|
+
throw new Error(
|
|
6541
|
+
`TreeComponent: dataFormat='flat' requires array data, received: ${typeof effectiveData}`
|
|
6542
|
+
);
|
|
6543
|
+
}
|
|
6544
|
+
if (effectiveData.length > 0) {
|
|
6545
|
+
const sampleItem = effectiveData[0];
|
|
6546
|
+
if (typeof sampleItem !== "object" || sampleItem === null) {
|
|
6547
|
+
throw new Error("TreeComponent: Flat data items must be objects");
|
|
6548
|
+
}
|
|
6549
|
+
if (!(fieldConfig.idField in sampleItem)) {
|
|
6550
|
+
throw new Error(
|
|
6551
|
+
`TreeComponent: Required field '${fieldConfig.idField}' not found in flat data items`
|
|
6552
|
+
);
|
|
6553
|
+
}
|
|
6554
|
+
if (!(fieldConfig.labelField in sampleItem)) {
|
|
6555
|
+
throw new Error(
|
|
6556
|
+
`TreeComponent: Required field '${fieldConfig.labelField}' not found in flat data items`
|
|
6557
|
+
);
|
|
6558
|
+
}
|
|
6559
|
+
}
|
|
6560
|
+
return flatToNative(effectiveData, fieldConfig);
|
|
6561
|
+
} else if (dataFormat === "hierarchy") {
|
|
6562
|
+
if (!effectiveData || typeof effectiveData !== "object") {
|
|
6563
|
+
throw new Error(
|
|
6564
|
+
`TreeComponent: dataFormat='hierarchy' requires object or array data, received: ${typeof effectiveData}`
|
|
6565
|
+
);
|
|
6566
|
+
}
|
|
6567
|
+
const checkHierarchyData = (item2) => {
|
|
6568
|
+
if (typeof item2 !== "object" || item2 === null) {
|
|
6569
|
+
throw new Error("TreeComponent: Hierarchy data items must be objects");
|
|
6570
|
+
}
|
|
6571
|
+
if (!(fieldConfig.idField in item2)) {
|
|
6572
|
+
throw new Error(
|
|
6573
|
+
`TreeComponent: Required field '${fieldConfig.idField}' not found in hierarchy data`
|
|
6574
|
+
);
|
|
6575
|
+
}
|
|
6576
|
+
if (!(fieldConfig.labelField in item2)) {
|
|
6577
|
+
throw new Error(
|
|
6578
|
+
`TreeComponent: Required field '${fieldConfig.labelField}' not found in hierarchy data`
|
|
6579
|
+
);
|
|
6580
|
+
}
|
|
6581
|
+
};
|
|
6582
|
+
if (Array.isArray(effectiveData)) {
|
|
6583
|
+
if (effectiveData.length > 0) {
|
|
6584
|
+
checkHierarchyData(effectiveData[0]);
|
|
6585
|
+
}
|
|
6586
|
+
} else {
|
|
6587
|
+
checkHierarchyData(effectiveData);
|
|
6588
|
+
}
|
|
6589
|
+
return hierarchyToNative(effectiveData, fieldConfig);
|
|
6590
|
+
} else {
|
|
6591
|
+
throw new Error(
|
|
6592
|
+
`TreeComponent: Unsupported dataFormat '${dataFormat}'. Use 'flat' or 'hierarchy'.`
|
|
6593
|
+
);
|
|
6594
|
+
}
|
|
6595
|
+
} catch (error2) {
|
|
6596
|
+
return emptyTreeData;
|
|
6597
|
+
}
|
|
6598
|
+
}, [
|
|
6599
|
+
effectiveData,
|
|
6600
|
+
dataFormat,
|
|
6601
|
+
fieldConfig
|
|
6602
|
+
]);
|
|
6603
|
+
const { treeData, treeItemsById } = transformedData;
|
|
6604
|
+
const mappedSelectedId = useMemo(() => {
|
|
6605
|
+
if (selectedValue) {
|
|
6606
|
+
return selectedValue;
|
|
6607
|
+
}
|
|
6608
|
+
return selectedId;
|
|
6609
|
+
}, [selectedValue, selectedId]);
|
|
6610
|
+
const isControlledMode = !!onSelectionChanged;
|
|
6611
|
+
const effectiveSelectedId = isControlledMode && mappedSelectedId !== void 0 ? mappedSelectedId : internalSelectedId;
|
|
6612
|
+
const [expandedIds, setExpandedIds] = useState(() => {
|
|
6613
|
+
if (defaultExpanded === "first-level") {
|
|
6614
|
+
return treeData.map((node) => node.key);
|
|
6615
|
+
} else if (defaultExpanded === "all") {
|
|
6616
|
+
const allIds = [];
|
|
6617
|
+
const collectIds = (nodes) => {
|
|
6618
|
+
nodes.forEach((node) => {
|
|
6619
|
+
allIds.push(node.key);
|
|
6620
|
+
if (node.children) {
|
|
6621
|
+
collectIds(node.children);
|
|
6622
|
+
}
|
|
6623
|
+
});
|
|
6624
|
+
};
|
|
6625
|
+
collectIds(treeData);
|
|
6626
|
+
return allIds;
|
|
6627
|
+
} else if (Array.isArray(defaultExpanded)) {
|
|
6628
|
+
return expandParentPaths(defaultExpanded, treeItemsById);
|
|
6629
|
+
}
|
|
6630
|
+
return [];
|
|
6631
|
+
});
|
|
6632
|
+
const [nodeStates, setNodeStates] = useState(/* @__PURE__ */ new Map());
|
|
6633
|
+
const getNodeState = useCallback((nodeId) => {
|
|
6634
|
+
return nodeStates.get(nodeId) || "unloaded";
|
|
6635
|
+
}, [nodeStates]);
|
|
6636
|
+
const setNodeState = useCallback((nodeId, state) => {
|
|
6637
|
+
setNodeStates((prev) => {
|
|
6638
|
+
const newStates = new Map(prev);
|
|
6639
|
+
newStates.set(nodeId, state);
|
|
6640
|
+
return newStates;
|
|
6641
|
+
});
|
|
6642
|
+
}, []);
|
|
6643
|
+
const clearNodeState = useCallback((nodeId) => {
|
|
6644
|
+
setNodeStates((prev) => {
|
|
6645
|
+
const newStates = new Map(prev);
|
|
6646
|
+
newStates.delete(nodeId);
|
|
6647
|
+
return newStates;
|
|
6648
|
+
});
|
|
6649
|
+
}, []);
|
|
6650
|
+
const clearAllNodeStates = useCallback(() => {
|
|
6651
|
+
setNodeStates(/* @__PURE__ */ new Map());
|
|
6652
|
+
}, []);
|
|
6653
|
+
const [focusedIndex, setFocusedIndex] = useState(-1);
|
|
6654
|
+
const treeContainerRef = useRef(null);
|
|
6655
|
+
const listRef = useRef(null);
|
|
6656
|
+
const flatTreeData = useMemo(() => {
|
|
6657
|
+
return toFlatTree(treeData, expandedIds, fieldConfig.dynamicField, nodeStates);
|
|
6658
|
+
}, [expandedIds, treeData, fieldConfig.dynamicField, nodeStates]);
|
|
6659
|
+
const findNodeById = useCallback(
|
|
6660
|
+
(nodeId) => {
|
|
6661
|
+
return flatTreeData.find((n) => String(n.key) === String(nodeId)) || null;
|
|
6662
|
+
},
|
|
6663
|
+
[flatTreeData]
|
|
6664
|
+
);
|
|
6665
|
+
const findNodeIndexById = useCallback(
|
|
6666
|
+
(nodeId) => {
|
|
6667
|
+
return flatTreeData.findIndex((item2) => String(item2.key) === String(nodeId));
|
|
6668
|
+
},
|
|
6669
|
+
[flatTreeData]
|
|
6670
|
+
);
|
|
6671
|
+
const nodeExists = useCallback(
|
|
6672
|
+
(nodeId) => {
|
|
6673
|
+
return Object.values(treeItemsById).some((n) => String(n.key) === String(nodeId));
|
|
6674
|
+
},
|
|
6675
|
+
[treeItemsById]
|
|
6676
|
+
);
|
|
6677
|
+
const setSelectedNodeById = useCallback(
|
|
6678
|
+
(nodeId) => {
|
|
6679
|
+
const node = nodeId ? Object.values(treeItemsById).find((n) => String(n.key) === String(nodeId)) : null;
|
|
6680
|
+
const nodeKey = node == null ? void 0 : node.key;
|
|
6681
|
+
const previousNode = effectiveSelectedId ? findNodeById(effectiveSelectedId) : null;
|
|
6682
|
+
setInternalSelectedId(nodeKey);
|
|
6683
|
+
if (nodeKey) {
|
|
6684
|
+
const nodeIndex = flatTreeData.findIndex((item2) => String(item2.key) === String(nodeKey));
|
|
6685
|
+
if (nodeIndex >= 0) {
|
|
6686
|
+
setFocusedIndex(nodeIndex);
|
|
6687
|
+
}
|
|
6688
|
+
}
|
|
6689
|
+
if (onSelectionChanged) {
|
|
6690
|
+
const newNode = node ? {
|
|
6691
|
+
...node,
|
|
6692
|
+
isExpanded: expandedIds.includes(node.key),
|
|
6693
|
+
depth: node.parentIds.length,
|
|
6694
|
+
hasChildren: !!(node.children && node.children.length > 0)
|
|
6695
|
+
} : null;
|
|
6696
|
+
onSelectionChanged({
|
|
6697
|
+
previousNode,
|
|
6698
|
+
newNode
|
|
6699
|
+
});
|
|
6700
|
+
}
|
|
6701
|
+
},
|
|
6702
|
+
[
|
|
6703
|
+
treeItemsById,
|
|
6704
|
+
effectiveSelectedId,
|
|
6705
|
+
flatTreeData,
|
|
6706
|
+
expandedIds,
|
|
6707
|
+
onSelectionChanged,
|
|
6708
|
+
internalSelectedId
|
|
6709
|
+
]
|
|
6710
|
+
);
|
|
6711
|
+
const getExpandedNodes = useCallback(() => {
|
|
6712
|
+
return expandedIds;
|
|
6713
|
+
}, [expandedIds]);
|
|
6714
|
+
const getSelectedNode = useCallback(() => {
|
|
6715
|
+
if (!effectiveSelectedId) return null;
|
|
6716
|
+
return Object.values(treeItemsById).find(
|
|
6717
|
+
(node) => String(node.key) === String(effectiveSelectedId)
|
|
6718
|
+
) || null;
|
|
6719
|
+
}, [effectiveSelectedId, treeItemsById]);
|
|
6720
|
+
const getNodeById = useCallback(
|
|
6721
|
+
(nodeId) => {
|
|
6722
|
+
return Object.values(treeItemsById).find((n) => String(n.key) === String(nodeId)) || null;
|
|
6723
|
+
},
|
|
6724
|
+
[treeItemsById]
|
|
6725
|
+
);
|
|
6726
|
+
const clearSelection = useCallback(() => {
|
|
6727
|
+
setSelectedNodeById(void 0);
|
|
6728
|
+
}, [setSelectedNodeById]);
|
|
6729
|
+
useEffect(() => {
|
|
6730
|
+
if (selectedValue !== void 0 && !onSelectionChanged) {
|
|
6731
|
+
setInternalSelectedId(selectedValue);
|
|
6732
|
+
}
|
|
6733
|
+
}, []);
|
|
6168
6734
|
useEffect(() => {
|
|
6169
|
-
if (
|
|
6170
|
-
const treeItem = treeItemsById
|
|
6735
|
+
if (autoExpandToSelection && effectiveSelectedId) {
|
|
6736
|
+
const treeItem = Object.values(treeItemsById).find(
|
|
6737
|
+
(node) => node.key === effectiveSelectedId
|
|
6738
|
+
);
|
|
6171
6739
|
if (treeItem) {
|
|
6172
6740
|
setExpandedIds((prev) => [...prev, ...treeItem.parentIds]);
|
|
6173
6741
|
}
|
|
6174
6742
|
}
|
|
6175
|
-
}, [
|
|
6176
|
-
const toggleNode = useCallback(
|
|
6177
|
-
|
|
6178
|
-
|
|
6179
|
-
|
|
6180
|
-
|
|
6181
|
-
|
|
6182
|
-
|
|
6743
|
+
}, [autoExpandToSelection, effectiveSelectedId, treeItemsById]);
|
|
6744
|
+
const toggleNode = useCallback(
|
|
6745
|
+
async (node) => {
|
|
6746
|
+
if (!node.isExpanded) {
|
|
6747
|
+
setExpandedIds((prev) => [...prev, node.key]);
|
|
6748
|
+
if (onNodeExpanded) {
|
|
6749
|
+
onNodeExpanded({ ...node, isExpanded: true });
|
|
6750
|
+
}
|
|
6751
|
+
if (loadChildren) {
|
|
6752
|
+
setNodeStates((prev) => new Map(prev).set(node.key, "loading"));
|
|
6753
|
+
try {
|
|
6754
|
+
const loadedData = await loadChildren({ ...node, isExpanded: true });
|
|
6755
|
+
if (loadedData && Array.isArray(loadedData) && loadedData.length > 0) {
|
|
6756
|
+
setInternalData((prevData) => {
|
|
6757
|
+
const currentData = prevData ?? data;
|
|
6758
|
+
if (dataFormat === "flat" && Array.isArray(currentData)) {
|
|
6759
|
+
const newItems = loadedData.map((item2) => ({
|
|
6760
|
+
...item2,
|
|
6761
|
+
[fieldConfig.parentField || "parentId"]: String(node.key)
|
|
6762
|
+
}));
|
|
6763
|
+
return [...currentData, ...newItems];
|
|
6764
|
+
} else if (dataFormat === "hierarchy" && Array.isArray(currentData)) {
|
|
6765
|
+
const updateHierarchy = (nodes) => {
|
|
6766
|
+
return nodes.map((n) => {
|
|
6767
|
+
if (String(n[fieldConfig.idField || "id"]) === String(node.key)) {
|
|
6768
|
+
return {
|
|
6769
|
+
...n,
|
|
6770
|
+
[fieldConfig.childrenField || "children"]: [
|
|
6771
|
+
...n[fieldConfig.childrenField || "children"] || [],
|
|
6772
|
+
...loadedData
|
|
6773
|
+
]
|
|
6774
|
+
};
|
|
6775
|
+
} else if (n[fieldConfig.childrenField || "children"]) {
|
|
6776
|
+
return {
|
|
6777
|
+
...n,
|
|
6778
|
+
[fieldConfig.childrenField || "children"]: updateHierarchy(n[fieldConfig.childrenField || "children"])
|
|
6779
|
+
};
|
|
6780
|
+
}
|
|
6781
|
+
return n;
|
|
6782
|
+
});
|
|
6783
|
+
};
|
|
6784
|
+
return updateHierarchy(currentData);
|
|
6785
|
+
}
|
|
6786
|
+
return currentData;
|
|
6787
|
+
});
|
|
6788
|
+
}
|
|
6789
|
+
setNodeStates((prev) => new Map(prev).set(node.key, "loaded"));
|
|
6790
|
+
} catch (error2) {
|
|
6791
|
+
console.error("Error loading tree node data:", error2);
|
|
6792
|
+
setNodeStates((prev) => {
|
|
6793
|
+
const newMap = new Map(prev);
|
|
6794
|
+
newMap.delete(node.key);
|
|
6795
|
+
return newMap;
|
|
6796
|
+
});
|
|
6797
|
+
setExpandedIds((prev) => prev.filter((id) => id !== node.key));
|
|
6798
|
+
}
|
|
6799
|
+
}
|
|
6800
|
+
} else {
|
|
6801
|
+
setExpandedIds((prev) => prev.filter((id) => id !== node.key));
|
|
6802
|
+
if (onNodeCollapsed) {
|
|
6803
|
+
onNodeCollapsed({ ...node, isExpanded: false });
|
|
6804
|
+
}
|
|
6805
|
+
}
|
|
6806
|
+
},
|
|
6807
|
+
[onNodeExpanded, onNodeCollapsed, loadChildren, data, dataFormat, fieldConfig, setNodeStates]
|
|
6808
|
+
);
|
|
6809
|
+
const handleKeyDown = useCallback(
|
|
6810
|
+
(e) => {
|
|
6811
|
+
if (flatTreeData.length === 0) return;
|
|
6812
|
+
const currentIndex = focusedIndex >= 0 ? focusedIndex : 0;
|
|
6813
|
+
let newIndex = currentIndex;
|
|
6814
|
+
let handled = false;
|
|
6815
|
+
switch (e.key) {
|
|
6816
|
+
case "ArrowDown":
|
|
6817
|
+
e.preventDefault();
|
|
6818
|
+
newIndex = Math.min(currentIndex + 1, flatTreeData.length - 1);
|
|
6819
|
+
handled = true;
|
|
6820
|
+
break;
|
|
6821
|
+
case "ArrowUp":
|
|
6822
|
+
e.preventDefault();
|
|
6823
|
+
newIndex = Math.max(currentIndex - 1, 0);
|
|
6824
|
+
handled = true;
|
|
6825
|
+
break;
|
|
6826
|
+
case "ArrowRight":
|
|
6827
|
+
e.preventDefault();
|
|
6828
|
+
if (currentIndex >= 0) {
|
|
6829
|
+
const currentNode = flatTreeData[currentIndex];
|
|
6830
|
+
if (currentNode.hasChildren && !currentNode.isExpanded) {
|
|
6831
|
+
toggleNode(currentNode);
|
|
6832
|
+
} else if (currentNode.hasChildren && currentNode.isExpanded && currentIndex + 1 < flatTreeData.length) {
|
|
6833
|
+
newIndex = currentIndex + 1;
|
|
6834
|
+
}
|
|
6835
|
+
}
|
|
6836
|
+
handled = true;
|
|
6837
|
+
break;
|
|
6838
|
+
case "ArrowLeft":
|
|
6839
|
+
e.preventDefault();
|
|
6840
|
+
if (currentIndex >= 0) {
|
|
6841
|
+
const currentNode = flatTreeData[currentIndex];
|
|
6842
|
+
if (currentNode.hasChildren && currentNode.isExpanded) {
|
|
6843
|
+
toggleNode(currentNode);
|
|
6844
|
+
} else if (currentNode.depth > 0) {
|
|
6845
|
+
for (let i = currentIndex - 1; i >= 0; i--) {
|
|
6846
|
+
if (flatTreeData[i].depth < currentNode.depth) {
|
|
6847
|
+
newIndex = i;
|
|
6848
|
+
break;
|
|
6849
|
+
}
|
|
6850
|
+
}
|
|
6851
|
+
}
|
|
6852
|
+
}
|
|
6853
|
+
handled = true;
|
|
6854
|
+
break;
|
|
6855
|
+
case "Home":
|
|
6856
|
+
e.preventDefault();
|
|
6857
|
+
newIndex = 0;
|
|
6858
|
+
handled = true;
|
|
6859
|
+
break;
|
|
6860
|
+
case "End":
|
|
6861
|
+
e.preventDefault();
|
|
6862
|
+
newIndex = flatTreeData.length - 1;
|
|
6863
|
+
handled = true;
|
|
6864
|
+
break;
|
|
6865
|
+
case "Enter":
|
|
6866
|
+
case " ":
|
|
6867
|
+
e.preventDefault();
|
|
6868
|
+
if (currentIndex >= 0) {
|
|
6869
|
+
const currentNode = flatTreeData[currentIndex];
|
|
6870
|
+
if (currentNode.selectable) {
|
|
6871
|
+
setSelectedNodeById(currentNode.key);
|
|
6872
|
+
newIndex = currentIndex;
|
|
6873
|
+
}
|
|
6874
|
+
if (e.key === "Enter" && currentNode.hasChildren) {
|
|
6875
|
+
toggleNode(currentNode);
|
|
6876
|
+
}
|
|
6877
|
+
}
|
|
6878
|
+
handled = true;
|
|
6879
|
+
break;
|
|
6880
|
+
}
|
|
6881
|
+
if (handled) {
|
|
6882
|
+
setFocusedIndex(newIndex);
|
|
6883
|
+
}
|
|
6884
|
+
},
|
|
6885
|
+
[focusedIndex, flatTreeData, toggleNode, setSelectedNodeById]
|
|
6886
|
+
);
|
|
6183
6887
|
const itemData = useMemo(() => {
|
|
6184
6888
|
return {
|
|
6185
6889
|
nodes: flatTreeData,
|
|
6186
6890
|
toggleNode,
|
|
6187
|
-
|
|
6188
|
-
itemRenderer
|
|
6891
|
+
selectedId: effectiveSelectedId,
|
|
6892
|
+
itemRenderer,
|
|
6893
|
+
itemClickExpands,
|
|
6894
|
+
onItemClick,
|
|
6895
|
+
onSelection: (node) => setSelectedNodeById(node.key),
|
|
6896
|
+
focusedIndex,
|
|
6897
|
+
onKeyDown: handleKeyDown,
|
|
6898
|
+
treeContainerRef,
|
|
6899
|
+
iconCollapsed,
|
|
6900
|
+
iconExpanded,
|
|
6901
|
+
iconSize,
|
|
6902
|
+
animateExpand,
|
|
6903
|
+
expandRotation
|
|
6189
6904
|
};
|
|
6190
|
-
}, [
|
|
6905
|
+
}, [
|
|
6906
|
+
flatTreeData,
|
|
6907
|
+
toggleNode,
|
|
6908
|
+
effectiveSelectedId,
|
|
6909
|
+
itemRenderer,
|
|
6910
|
+
itemClickExpands,
|
|
6911
|
+
onItemClick,
|
|
6912
|
+
setSelectedNodeById,
|
|
6913
|
+
focusedIndex,
|
|
6914
|
+
handleKeyDown,
|
|
6915
|
+
iconCollapsed,
|
|
6916
|
+
iconExpanded,
|
|
6917
|
+
iconSize,
|
|
6918
|
+
animateExpand,
|
|
6919
|
+
expandRotation
|
|
6920
|
+
]);
|
|
6191
6921
|
const getItemKey = useCallback((index, data2) => {
|
|
6192
|
-
|
|
6922
|
+
const node = data2.nodes[index];
|
|
6923
|
+
return (node == null ? void 0 : node.key) || (node == null ? void 0 : node.id) || `fallback-${index}`;
|
|
6924
|
+
}, []);
|
|
6925
|
+
const treeApiMethods = useMemo(() => {
|
|
6926
|
+
return {
|
|
6927
|
+
// Expansion methods
|
|
6928
|
+
expandAll: () => {
|
|
6929
|
+
const allIds = [];
|
|
6930
|
+
const collectIds = (nodes) => {
|
|
6931
|
+
nodes.forEach((node) => {
|
|
6932
|
+
allIds.push(node.key);
|
|
6933
|
+
if (node.children) {
|
|
6934
|
+
collectIds(node.children);
|
|
6935
|
+
}
|
|
6936
|
+
});
|
|
6937
|
+
};
|
|
6938
|
+
collectIds(treeData);
|
|
6939
|
+
setExpandedIds(allIds);
|
|
6940
|
+
},
|
|
6941
|
+
collapseAll: () => {
|
|
6942
|
+
setExpandedIds([]);
|
|
6943
|
+
},
|
|
6944
|
+
expandToLevel: (level) => {
|
|
6945
|
+
const levelIds = [];
|
|
6946
|
+
const collectIdsToLevel = (nodes, currentLevel = 0) => {
|
|
6947
|
+
if (currentLevel >= level) return;
|
|
6948
|
+
nodes.forEach((node) => {
|
|
6949
|
+
levelIds.push(node.key);
|
|
6950
|
+
if (node.children && currentLevel < level - 1) {
|
|
6951
|
+
collectIdsToLevel(node.children, currentLevel + 1);
|
|
6952
|
+
}
|
|
6953
|
+
});
|
|
6954
|
+
};
|
|
6955
|
+
collectIdsToLevel(treeData);
|
|
6956
|
+
setExpandedIds(levelIds);
|
|
6957
|
+
},
|
|
6958
|
+
expandNode: async (nodeId) => {
|
|
6959
|
+
const wasExpanded = expandedIds.includes(nodeId);
|
|
6960
|
+
if (!wasExpanded) {
|
|
6961
|
+
setExpandedIds((prev) => [...prev, nodeId]);
|
|
6962
|
+
const node = findNodeById(nodeId);
|
|
6963
|
+
if (node && onNodeExpanded) {
|
|
6964
|
+
onNodeExpanded({ ...node, isExpanded: true });
|
|
6965
|
+
}
|
|
6966
|
+
if (node && loadChildren) {
|
|
6967
|
+
setNodeStates((prev) => new Map(prev).set(nodeId, "loading"));
|
|
6968
|
+
try {
|
|
6969
|
+
const loadedData = await loadChildren({ ...node, isExpanded: true });
|
|
6970
|
+
if (loadedData && Array.isArray(loadedData) && loadedData.length > 0) {
|
|
6971
|
+
setInternalData((prevData) => {
|
|
6972
|
+
const currentData = prevData ?? data;
|
|
6973
|
+
if (dataFormat === "flat" && Array.isArray(currentData)) {
|
|
6974
|
+
const newItems = loadedData.map((item2) => ({
|
|
6975
|
+
...item2,
|
|
6976
|
+
[fieldConfig.parentField || "parentId"]: String(nodeId)
|
|
6977
|
+
}));
|
|
6978
|
+
return [...currentData, ...newItems];
|
|
6979
|
+
} else if (dataFormat === "hierarchy" && Array.isArray(currentData)) {
|
|
6980
|
+
const updateHierarchy = (nodes) => {
|
|
6981
|
+
return nodes.map((n) => {
|
|
6982
|
+
if (String(n[fieldConfig.idField || "id"]) === String(nodeId)) {
|
|
6983
|
+
return {
|
|
6984
|
+
...n,
|
|
6985
|
+
[fieldConfig.childrenField || "children"]: [
|
|
6986
|
+
...n[fieldConfig.childrenField || "children"] || [],
|
|
6987
|
+
...loadedData
|
|
6988
|
+
]
|
|
6989
|
+
};
|
|
6990
|
+
} else if (n[fieldConfig.childrenField || "children"]) {
|
|
6991
|
+
return {
|
|
6992
|
+
...n,
|
|
6993
|
+
[fieldConfig.childrenField || "children"]: updateHierarchy(n[fieldConfig.childrenField || "children"])
|
|
6994
|
+
};
|
|
6995
|
+
}
|
|
6996
|
+
return n;
|
|
6997
|
+
});
|
|
6998
|
+
};
|
|
6999
|
+
return updateHierarchy(currentData);
|
|
7000
|
+
}
|
|
7001
|
+
return currentData;
|
|
7002
|
+
});
|
|
7003
|
+
}
|
|
7004
|
+
setNodeStates((prev) => new Map(prev).set(nodeId, "loaded"));
|
|
7005
|
+
} catch (error2) {
|
|
7006
|
+
console.error("Error loading tree node data:", error2);
|
|
7007
|
+
setNodeStates((prev) => {
|
|
7008
|
+
const newMap = new Map(prev);
|
|
7009
|
+
newMap.delete(nodeId);
|
|
7010
|
+
return newMap;
|
|
7011
|
+
});
|
|
7012
|
+
setExpandedIds((prev) => prev.filter((id) => id !== nodeId));
|
|
7013
|
+
}
|
|
7014
|
+
}
|
|
7015
|
+
}
|
|
7016
|
+
},
|
|
7017
|
+
collapseNode: (nodeId) => {
|
|
7018
|
+
const wasExpanded = expandedIds.includes(nodeId);
|
|
7019
|
+
if (!wasExpanded) return;
|
|
7020
|
+
const nodeToCollapse = Object.values(treeItemsById).find(
|
|
7021
|
+
(n) => String(n.key) === String(nodeId)
|
|
7022
|
+
);
|
|
7023
|
+
if (nodeToCollapse) {
|
|
7024
|
+
const idsToRemove = /* @__PURE__ */ new Set();
|
|
7025
|
+
const collectDescendants = (treeNode2) => {
|
|
7026
|
+
idsToRemove.add(String(treeNode2.key));
|
|
7027
|
+
if (treeNode2.children) {
|
|
7028
|
+
treeNode2.children.forEach((child) => collectDescendants(child));
|
|
7029
|
+
}
|
|
7030
|
+
};
|
|
7031
|
+
collectDescendants(nodeToCollapse);
|
|
7032
|
+
setExpandedIds((prev) => prev.filter((id) => !idsToRemove.has(String(id))));
|
|
7033
|
+
if (nodeToCollapse && onNodeCollapsed) {
|
|
7034
|
+
const flatNode = {
|
|
7035
|
+
...nodeToCollapse,
|
|
7036
|
+
isExpanded: false,
|
|
7037
|
+
depth: nodeToCollapse.parentIds.length,
|
|
7038
|
+
hasChildren: !!(nodeToCollapse.children && nodeToCollapse.children.length > 0)
|
|
7039
|
+
};
|
|
7040
|
+
onNodeCollapsed(flatNode);
|
|
7041
|
+
}
|
|
7042
|
+
}
|
|
7043
|
+
},
|
|
7044
|
+
// Selection methods
|
|
7045
|
+
selectNode: (nodeId) => {
|
|
7046
|
+
if (nodeExists(nodeId)) {
|
|
7047
|
+
return setSelectedNodeById(nodeId);
|
|
7048
|
+
} else {
|
|
7049
|
+
return setSelectedNodeById(void 0);
|
|
7050
|
+
}
|
|
7051
|
+
},
|
|
7052
|
+
clearSelection,
|
|
7053
|
+
// Utility methods
|
|
7054
|
+
getNodeById,
|
|
7055
|
+
getExpandedNodes,
|
|
7056
|
+
getSelectedNode,
|
|
7057
|
+
scrollIntoView: (nodeId, options2) => {
|
|
7058
|
+
const targetNode = Object.values(treeItemsById).find(
|
|
7059
|
+
(n) => String(n.key) === String(nodeId)
|
|
7060
|
+
);
|
|
7061
|
+
if (!targetNode) {
|
|
7062
|
+
return;
|
|
7063
|
+
}
|
|
7064
|
+
const parentsToExpand = [];
|
|
7065
|
+
const collectParents = (node) => {
|
|
7066
|
+
if (node.parentIds && node.parentIds.length > 0) {
|
|
7067
|
+
parentsToExpand.push(...node.parentIds);
|
|
7068
|
+
}
|
|
7069
|
+
};
|
|
7070
|
+
collectParents(targetNode);
|
|
7071
|
+
const newExpandedIds = [.../* @__PURE__ */ new Set([...expandedIds, ...parentsToExpand])];
|
|
7072
|
+
if (parentsToExpand.length > 0) {
|
|
7073
|
+
setExpandedIds(newExpandedIds);
|
|
7074
|
+
}
|
|
7075
|
+
setTimeout(() => {
|
|
7076
|
+
const updatedFlatTreeData = toFlatTree(treeData, newExpandedIds, fieldConfig.dynamicField, nodeStates);
|
|
7077
|
+
const nodeIndex = updatedFlatTreeData.findIndex(
|
|
7078
|
+
(item2) => String(item2.key) === String(nodeId)
|
|
7079
|
+
);
|
|
7080
|
+
if (nodeIndex >= 0 && listRef.current) {
|
|
7081
|
+
listRef.current.scrollToItem(nodeIndex, "center");
|
|
7082
|
+
}
|
|
7083
|
+
}, 0);
|
|
7084
|
+
},
|
|
7085
|
+
scrollToItem: (nodeId) => {
|
|
7086
|
+
const nodeIndex = findNodeIndexById(nodeId);
|
|
7087
|
+
if (nodeIndex >= 0 && listRef.current) {
|
|
7088
|
+
listRef.current.scrollToItem(nodeIndex, "center");
|
|
7089
|
+
}
|
|
7090
|
+
},
|
|
7091
|
+
appendNode: (parentNodeId, nodeData) => {
|
|
7092
|
+
const nodeId = nodeData[fieldConfig.idField] || Date.now();
|
|
7093
|
+
const newNode = {
|
|
7094
|
+
...nodeData,
|
|
7095
|
+
[fieldConfig.idField]: nodeId
|
|
7096
|
+
};
|
|
7097
|
+
if (dataFormat === "flat") {
|
|
7098
|
+
newNode[fieldConfig.parentField || "parentId"] = parentNodeId || null;
|
|
7099
|
+
}
|
|
7100
|
+
setInternalData((prevData) => {
|
|
7101
|
+
const currentData = prevData ?? data;
|
|
7102
|
+
if (dataFormat === "flat") {
|
|
7103
|
+
return Array.isArray(currentData) ? [...currentData, newNode] : [newNode];
|
|
7104
|
+
} else if (dataFormat === "hierarchy") {
|
|
7105
|
+
const addToHierarchy = (nodes) => {
|
|
7106
|
+
if (!parentNodeId) {
|
|
7107
|
+
return [...nodes, { ...newNode, [fieldConfig.childrenField || "children"]: [] }];
|
|
7108
|
+
}
|
|
7109
|
+
return nodes.map((node) => {
|
|
7110
|
+
if (node[fieldConfig.idField] === parentNodeId) {
|
|
7111
|
+
const children = node[fieldConfig.childrenField || "children"] || [];
|
|
7112
|
+
return {
|
|
7113
|
+
...node,
|
|
7114
|
+
[fieldConfig.childrenField || "children"]: [
|
|
7115
|
+
...children,
|
|
7116
|
+
{ ...newNode, [fieldConfig.childrenField || "children"]: [] }
|
|
7117
|
+
]
|
|
7118
|
+
};
|
|
7119
|
+
}
|
|
7120
|
+
const childrenField2 = fieldConfig.childrenField || "children";
|
|
7121
|
+
if (node[childrenField2] && Array.isArray(node[childrenField2])) {
|
|
7122
|
+
return {
|
|
7123
|
+
...node,
|
|
7124
|
+
[childrenField2]: addToHierarchy(node[childrenField2])
|
|
7125
|
+
};
|
|
7126
|
+
}
|
|
7127
|
+
return node;
|
|
7128
|
+
});
|
|
7129
|
+
};
|
|
7130
|
+
if (Array.isArray(currentData)) {
|
|
7131
|
+
return addToHierarchy(currentData);
|
|
7132
|
+
} else {
|
|
7133
|
+
return currentData;
|
|
7134
|
+
}
|
|
7135
|
+
}
|
|
7136
|
+
return currentData;
|
|
7137
|
+
});
|
|
7138
|
+
},
|
|
7139
|
+
removeNode: (nodeId) => {
|
|
7140
|
+
const removeFromFlat = (data2) => {
|
|
7141
|
+
const nodeIdToRemove = String(nodeId);
|
|
7142
|
+
const fieldId = fieldConfig.idField || "id";
|
|
7143
|
+
const fieldParent = fieldConfig.parentField || "parentId";
|
|
7144
|
+
const getDescendantIds = (parentId) => {
|
|
7145
|
+
const descendants = [];
|
|
7146
|
+
for (const item2 of data2) {
|
|
7147
|
+
if (String(item2[fieldParent]) === parentId) {
|
|
7148
|
+
const itemId = String(item2[fieldId]);
|
|
7149
|
+
descendants.push(itemId);
|
|
7150
|
+
descendants.push(...getDescendantIds(itemId));
|
|
7151
|
+
}
|
|
7152
|
+
}
|
|
7153
|
+
return descendants;
|
|
7154
|
+
};
|
|
7155
|
+
const idsToRemove = /* @__PURE__ */ new Set([nodeIdToRemove, ...getDescendantIds(nodeIdToRemove)]);
|
|
7156
|
+
return data2.filter((item2) => !idsToRemove.has(String(item2[fieldId])));
|
|
7157
|
+
};
|
|
7158
|
+
const removeFromHierarchy = (nodes) => {
|
|
7159
|
+
const fieldId = fieldConfig.idField || "id";
|
|
7160
|
+
const fieldChildren = fieldConfig.childrenField || "children";
|
|
7161
|
+
return nodes.reduce((acc, node) => {
|
|
7162
|
+
if (String(node[fieldId]) === String(nodeId)) {
|
|
7163
|
+
return acc;
|
|
7164
|
+
}
|
|
7165
|
+
const children = node[fieldChildren];
|
|
7166
|
+
if (children && Array.isArray(children)) {
|
|
7167
|
+
acc.push({
|
|
7168
|
+
...node,
|
|
7169
|
+
[fieldChildren]: removeFromHierarchy(children)
|
|
7170
|
+
});
|
|
7171
|
+
} else {
|
|
7172
|
+
acc.push(node);
|
|
7173
|
+
}
|
|
7174
|
+
return acc;
|
|
7175
|
+
}, []);
|
|
7176
|
+
};
|
|
7177
|
+
setInternalData((prevData) => {
|
|
7178
|
+
const currentData = prevData ?? data;
|
|
7179
|
+
if (dataFormat === "flat" && Array.isArray(currentData)) {
|
|
7180
|
+
return removeFromFlat(currentData);
|
|
7181
|
+
} else if (dataFormat === "hierarchy" && Array.isArray(currentData)) {
|
|
7182
|
+
return removeFromHierarchy(currentData);
|
|
7183
|
+
}
|
|
7184
|
+
return currentData;
|
|
7185
|
+
});
|
|
7186
|
+
},
|
|
7187
|
+
removeChildren: (nodeId) => {
|
|
7188
|
+
const removeChildrenFromFlat = (data2) => {
|
|
7189
|
+
const parentNodeId = String(nodeId);
|
|
7190
|
+
const fieldId = fieldConfig.idField || "id";
|
|
7191
|
+
const fieldParent = fieldConfig.parentField || "parentId";
|
|
7192
|
+
const getDescendantIds = (parentId) => {
|
|
7193
|
+
const descendants = [];
|
|
7194
|
+
for (const item2 of data2) {
|
|
7195
|
+
if (String(item2[fieldParent]) === parentId) {
|
|
7196
|
+
const itemId = String(item2[fieldId]);
|
|
7197
|
+
descendants.push(itemId);
|
|
7198
|
+
descendants.push(...getDescendantIds(itemId));
|
|
7199
|
+
}
|
|
7200
|
+
}
|
|
7201
|
+
return descendants;
|
|
7202
|
+
};
|
|
7203
|
+
const idsToRemove = new Set(getDescendantIds(parentNodeId));
|
|
7204
|
+
return data2.filter((item2) => !idsToRemove.has(String(item2[fieldId])));
|
|
7205
|
+
};
|
|
7206
|
+
const removeChildrenFromHierarchy = (nodes) => {
|
|
7207
|
+
const fieldId = fieldConfig.idField || "id";
|
|
7208
|
+
const fieldChildren = fieldConfig.childrenField || "children";
|
|
7209
|
+
return nodes.map((node) => {
|
|
7210
|
+
if (String(node[fieldId]) === String(nodeId)) {
|
|
7211
|
+
return {
|
|
7212
|
+
...node,
|
|
7213
|
+
[fieldChildren]: []
|
|
7214
|
+
};
|
|
7215
|
+
}
|
|
7216
|
+
const children = node[fieldChildren];
|
|
7217
|
+
if (children && Array.isArray(children)) {
|
|
7218
|
+
return {
|
|
7219
|
+
...node,
|
|
7220
|
+
[fieldChildren]: removeChildrenFromHierarchy(children)
|
|
7221
|
+
};
|
|
7222
|
+
}
|
|
7223
|
+
return node;
|
|
7224
|
+
});
|
|
7225
|
+
};
|
|
7226
|
+
setInternalData((prevData) => {
|
|
7227
|
+
const currentData = prevData ?? data;
|
|
7228
|
+
if (dataFormat === "flat" && Array.isArray(currentData)) {
|
|
7229
|
+
return removeChildrenFromFlat(currentData);
|
|
7230
|
+
} else if (dataFormat === "hierarchy" && Array.isArray(currentData)) {
|
|
7231
|
+
return removeChildrenFromHierarchy(currentData);
|
|
7232
|
+
}
|
|
7233
|
+
return currentData;
|
|
7234
|
+
});
|
|
7235
|
+
},
|
|
7236
|
+
insertNodeBefore: (beforeNodeId, nodeData) => {
|
|
7237
|
+
const nodeId = nodeData[fieldConfig.idField] || Date.now();
|
|
7238
|
+
const newNode = {
|
|
7239
|
+
...nodeData,
|
|
7240
|
+
[fieldConfig.idField]: nodeId
|
|
7241
|
+
};
|
|
7242
|
+
const insertBeforeInFlat = (data2) => {
|
|
7243
|
+
const beforeNodeIdStr = String(beforeNodeId);
|
|
7244
|
+
const fieldId = fieldConfig.idField || "id";
|
|
7245
|
+
const fieldParent = fieldConfig.parentField || "parentId";
|
|
7246
|
+
const targetNode = data2.find((item2) => String(item2[fieldId]) === beforeNodeIdStr);
|
|
7247
|
+
if (!targetNode) {
|
|
7248
|
+
return [...data2, { ...newNode, [fieldParent]: null }];
|
|
7249
|
+
}
|
|
7250
|
+
const parentId = targetNode[fieldParent];
|
|
7251
|
+
newNode[fieldParent] = parentId;
|
|
7252
|
+
const targetIndex = data2.findIndex((item2) => String(item2[fieldId]) === beforeNodeIdStr);
|
|
7253
|
+
const result = [...data2];
|
|
7254
|
+
result.splice(targetIndex, 0, newNode);
|
|
7255
|
+
return result;
|
|
7256
|
+
};
|
|
7257
|
+
const insertBeforeInHierarchy = (nodes) => {
|
|
7258
|
+
const beforeNodeIdStr = String(beforeNodeId);
|
|
7259
|
+
const fieldId = fieldConfig.idField || "id";
|
|
7260
|
+
const fieldChildren = fieldConfig.childrenField || "children";
|
|
7261
|
+
const targetIndex = nodes.findIndex((node) => String(node[fieldId]) === beforeNodeIdStr);
|
|
7262
|
+
if (targetIndex >= 0) {
|
|
7263
|
+
const result = [...nodes];
|
|
7264
|
+
const nodeWithChildren = { ...newNode, [fieldChildren]: [] };
|
|
7265
|
+
result.splice(targetIndex, 0, nodeWithChildren);
|
|
7266
|
+
return result;
|
|
7267
|
+
}
|
|
7268
|
+
return nodes.map((node) => {
|
|
7269
|
+
const children = node[fieldChildren];
|
|
7270
|
+
if (children && Array.isArray(children)) {
|
|
7271
|
+
const updatedChildren = insertBeforeInHierarchy(children);
|
|
7272
|
+
if (updatedChildren !== children) {
|
|
7273
|
+
return {
|
|
7274
|
+
...node,
|
|
7275
|
+
[fieldChildren]: updatedChildren
|
|
7276
|
+
};
|
|
7277
|
+
}
|
|
7278
|
+
}
|
|
7279
|
+
return node;
|
|
7280
|
+
});
|
|
7281
|
+
};
|
|
7282
|
+
setInternalData((prevData) => {
|
|
7283
|
+
const currentData = prevData ?? data;
|
|
7284
|
+
if (dataFormat === "flat" && Array.isArray(currentData)) {
|
|
7285
|
+
return insertBeforeInFlat(currentData);
|
|
7286
|
+
} else if (dataFormat === "hierarchy" && Array.isArray(currentData)) {
|
|
7287
|
+
return insertBeforeInHierarchy(currentData);
|
|
7288
|
+
}
|
|
7289
|
+
return currentData;
|
|
7290
|
+
});
|
|
7291
|
+
},
|
|
7292
|
+
insertNodeAfter: (afterNodeId, nodeData) => {
|
|
7293
|
+
const nodeId = nodeData[fieldConfig.idField] || Date.now();
|
|
7294
|
+
const newNode = {
|
|
7295
|
+
...nodeData,
|
|
7296
|
+
[fieldConfig.idField]: nodeId
|
|
7297
|
+
};
|
|
7298
|
+
const insertAfterInFlat = (data2) => {
|
|
7299
|
+
const afterNodeIdStr = String(afterNodeId);
|
|
7300
|
+
const fieldId = fieldConfig.idField || "id";
|
|
7301
|
+
const fieldParent = fieldConfig.parentField || "parentId";
|
|
7302
|
+
const targetNode = data2.find((item2) => String(item2[fieldId]) === afterNodeIdStr);
|
|
7303
|
+
if (!targetNode) {
|
|
7304
|
+
return [...data2, { ...newNode, [fieldParent]: null }];
|
|
7305
|
+
}
|
|
7306
|
+
const parentId = targetNode[fieldParent];
|
|
7307
|
+
newNode[fieldParent] = parentId;
|
|
7308
|
+
const targetIndex = data2.findIndex((item2) => String(item2[fieldId]) === afterNodeIdStr);
|
|
7309
|
+
const result = [...data2];
|
|
7310
|
+
result.splice(targetIndex + 1, 0, newNode);
|
|
7311
|
+
return result;
|
|
7312
|
+
};
|
|
7313
|
+
const insertAfterInHierarchy = (nodes) => {
|
|
7314
|
+
const afterNodeIdStr = String(afterNodeId);
|
|
7315
|
+
const fieldId = fieldConfig.idField || "id";
|
|
7316
|
+
const fieldChildren = fieldConfig.childrenField || "children";
|
|
7317
|
+
const targetIndex = nodes.findIndex((node) => String(node[fieldId]) === afterNodeIdStr);
|
|
7318
|
+
if (targetIndex >= 0) {
|
|
7319
|
+
const result = [...nodes];
|
|
7320
|
+
const nodeWithChildren = { ...newNode, [fieldChildren]: [] };
|
|
7321
|
+
result.splice(targetIndex + 1, 0, nodeWithChildren);
|
|
7322
|
+
return result;
|
|
7323
|
+
}
|
|
7324
|
+
return nodes.map((node) => {
|
|
7325
|
+
const children = node[fieldChildren];
|
|
7326
|
+
if (children && Array.isArray(children)) {
|
|
7327
|
+
const updatedChildren = insertAfterInHierarchy(children);
|
|
7328
|
+
if (updatedChildren !== children) {
|
|
7329
|
+
return {
|
|
7330
|
+
...node,
|
|
7331
|
+
[fieldChildren]: updatedChildren
|
|
7332
|
+
};
|
|
7333
|
+
}
|
|
7334
|
+
}
|
|
7335
|
+
return node;
|
|
7336
|
+
});
|
|
7337
|
+
};
|
|
7338
|
+
setInternalData((prevData) => {
|
|
7339
|
+
const currentData = prevData ?? data;
|
|
7340
|
+
if (dataFormat === "flat" && Array.isArray(currentData)) {
|
|
7341
|
+
return insertAfterInFlat(currentData);
|
|
7342
|
+
} else if (dataFormat === "hierarchy" && Array.isArray(currentData)) {
|
|
7343
|
+
return insertAfterInHierarchy(currentData);
|
|
7344
|
+
}
|
|
7345
|
+
return currentData;
|
|
7346
|
+
});
|
|
7347
|
+
},
|
|
7348
|
+
// Node state management methods
|
|
7349
|
+
getNodeState,
|
|
7350
|
+
setNodeState,
|
|
7351
|
+
clearNodeState,
|
|
7352
|
+
clearAllNodeStates
|
|
7353
|
+
};
|
|
7354
|
+
}, [
|
|
7355
|
+
treeData,
|
|
7356
|
+
treeItemsById,
|
|
7357
|
+
expandedIds,
|
|
7358
|
+
effectiveSelectedId,
|
|
7359
|
+
flatTreeData,
|
|
7360
|
+
onNodeExpanded,
|
|
7361
|
+
onNodeCollapsed,
|
|
7362
|
+
setSelectedNodeById,
|
|
7363
|
+
nodeExists,
|
|
7364
|
+
fieldConfig,
|
|
7365
|
+
dataFormat,
|
|
7366
|
+
data,
|
|
7367
|
+
setInternalData,
|
|
7368
|
+
getNodeState,
|
|
7369
|
+
setNodeState,
|
|
7370
|
+
clearNodeState,
|
|
7371
|
+
clearAllNodeStates
|
|
7372
|
+
]);
|
|
7373
|
+
useEffect(() => {
|
|
7374
|
+
if (registerComponentApi) {
|
|
7375
|
+
registerComponentApi(treeApiMethods);
|
|
7376
|
+
}
|
|
7377
|
+
}, [registerComponentApi, treeApiMethods]);
|
|
7378
|
+
const handleTreeFocus = useCallback(() => {
|
|
7379
|
+
if (flatTreeData.length > 0 && focusedIndex === -1) {
|
|
7380
|
+
const selectedIndex = findNodeIndexById(effectiveSelectedId);
|
|
7381
|
+
const targetIndex = selectedIndex >= 0 ? selectedIndex : 0;
|
|
7382
|
+
setFocusedIndex(targetIndex);
|
|
7383
|
+
}
|
|
7384
|
+
}, [focusedIndex, flatTreeData, effectiveSelectedId]);
|
|
7385
|
+
const handleTreeBlur = useCallback((e) => {
|
|
7386
|
+
const isMovingWithinTree = e.relatedTarget && e.currentTarget.contains(e.relatedTarget);
|
|
7387
|
+
if (!isMovingWithinTree) {
|
|
7388
|
+
setFocusedIndex(-1);
|
|
7389
|
+
}
|
|
6193
7390
|
}, []);
|
|
6194
|
-
return /* @__PURE__ */ jsx(
|
|
6195
|
-
|
|
7391
|
+
return /* @__PURE__ */ jsx(
|
|
7392
|
+
"div",
|
|
6196
7393
|
{
|
|
6197
|
-
|
|
6198
|
-
|
|
6199
|
-
|
|
6200
|
-
|
|
6201
|
-
|
|
6202
|
-
|
|
6203
|
-
|
|
7394
|
+
ref: treeContainerRef,
|
|
7395
|
+
className: classnames(styles$16.wrapper, className),
|
|
7396
|
+
role: "tree",
|
|
7397
|
+
"aria-label": "Tree navigation",
|
|
7398
|
+
"aria-multiselectable": "false",
|
|
7399
|
+
tabIndex: 0,
|
|
7400
|
+
onFocus: handleTreeFocus,
|
|
7401
|
+
onBlur: handleTreeBlur,
|
|
7402
|
+
onKeyDown: handleKeyDown,
|
|
7403
|
+
children: /* @__PURE__ */ jsx(AutoSizer, { children: ({ width, height }) => /* @__PURE__ */ jsx(
|
|
7404
|
+
FixedSizeList,
|
|
7405
|
+
{
|
|
7406
|
+
ref: listRef,
|
|
7407
|
+
height,
|
|
7408
|
+
itemCount: itemData.nodes.length,
|
|
7409
|
+
itemData,
|
|
7410
|
+
itemSize: itemHeight,
|
|
7411
|
+
itemKey: getItemKey,
|
|
7412
|
+
width,
|
|
7413
|
+
children: TreeRow
|
|
7414
|
+
}
|
|
7415
|
+
) })
|
|
6204
7416
|
}
|
|
6205
|
-
)
|
|
6206
|
-
}
|
|
7417
|
+
);
|
|
7418
|
+
});
|
|
6207
7419
|
const COMP$1q = "Tree";
|
|
6208
7420
|
const TreeMd = createMetadata({
|
|
6209
|
-
status: "
|
|
6210
|
-
description: `The \`${COMP$1q}\` component is a virtualized tree component that displays hierarchical data.`,
|
|
7421
|
+
status: "stable",
|
|
7422
|
+
description: `The \`${COMP$1q}\` component is a virtualized tree component that displays hierarchical data with support for flat and hierarchy data formats.`,
|
|
6211
7423
|
props: {
|
|
6212
7424
|
data: {
|
|
6213
|
-
description: `The data source of the tree.`,
|
|
6214
|
-
|
|
7425
|
+
description: `The data source of the tree. Format depends on the dataFormat property.`,
|
|
7426
|
+
isRequired: true
|
|
7427
|
+
},
|
|
7428
|
+
dataFormat: {
|
|
7429
|
+
description: `The input data structure format: "flat" (array with parent relationships) or "hierarchy" (nested objects).`,
|
|
7430
|
+
valueType: "string",
|
|
7431
|
+
defaultValue: defaultProps$14.dataFormat
|
|
7432
|
+
},
|
|
7433
|
+
idField: {
|
|
7434
|
+
description: `The property name in source data for unique identifiers.`,
|
|
7435
|
+
valueType: "string",
|
|
7436
|
+
defaultValue: defaultProps$14.idField
|
|
7437
|
+
},
|
|
7438
|
+
nameField: {
|
|
7439
|
+
description: `The property name in source data for display text.`,
|
|
7440
|
+
valueType: "string",
|
|
7441
|
+
defaultValue: defaultProps$14.nameField
|
|
7442
|
+
},
|
|
7443
|
+
iconField: {
|
|
7444
|
+
description: `The property name in source data for icon identifiers.`,
|
|
7445
|
+
valueType: "string",
|
|
7446
|
+
defaultValue: defaultProps$14.iconField
|
|
7447
|
+
},
|
|
7448
|
+
iconExpandedField: {
|
|
7449
|
+
description: `The property name in source data for expanded state icons.`,
|
|
7450
|
+
valueType: "string",
|
|
7451
|
+
defaultValue: defaultProps$14.iconExpandedField
|
|
7452
|
+
},
|
|
7453
|
+
iconCollapsedField: {
|
|
7454
|
+
description: `The property name in source data for collapsed state icons.`,
|
|
7455
|
+
valueType: "string",
|
|
7456
|
+
defaultValue: defaultProps$14.iconCollapsedField
|
|
7457
|
+
},
|
|
7458
|
+
parentIdField: {
|
|
7459
|
+
description: `The property name in source data for parent relationships (used in flat format).`,
|
|
7460
|
+
valueType: "string",
|
|
7461
|
+
defaultValue: defaultProps$14.parentIdField
|
|
7462
|
+
},
|
|
7463
|
+
childrenField: {
|
|
7464
|
+
description: `The property name in source data for child arrays (used in hierarchy format).`,
|
|
7465
|
+
valueType: "string",
|
|
7466
|
+
defaultValue: defaultProps$14.childrenField
|
|
7467
|
+
},
|
|
7468
|
+
selectableField: {
|
|
7469
|
+
description: `The property name in source data for selectable state (default: "selectable").`,
|
|
7470
|
+
valueType: "string",
|
|
7471
|
+
defaultValue: defaultProps$14.selectableField
|
|
6215
7472
|
},
|
|
6216
|
-
|
|
6217
|
-
description: `The
|
|
7473
|
+
selectedValue: {
|
|
7474
|
+
description: `The selected item ID in source data format.`
|
|
6218
7475
|
},
|
|
6219
|
-
|
|
7476
|
+
defaultExpanded: {
|
|
7477
|
+
description: `Initial expansion state: "none", "all", "first-level", or array of specific IDs.`,
|
|
7478
|
+
valueType: "string",
|
|
7479
|
+
defaultValue: defaultProps$14.defaultExpanded
|
|
7480
|
+
},
|
|
7481
|
+
autoExpandToSelection: {
|
|
7482
|
+
description: `Automatically expand the path to the selected item.`,
|
|
7483
|
+
valueType: "boolean",
|
|
7484
|
+
defaultValue: defaultProps$14.autoExpandToSelection
|
|
7485
|
+
},
|
|
7486
|
+
itemClickExpands: {
|
|
7487
|
+
description: "Whether clicking anywhere on a tree item should expand/collapse the node, not just the expand/collapse icon.",
|
|
7488
|
+
valueType: "boolean",
|
|
7489
|
+
defaultValue: defaultProps$14.itemClickExpands
|
|
7490
|
+
},
|
|
7491
|
+
iconCollapsed: {
|
|
7492
|
+
description: `The icon name to use for collapsed nodes (default: "chevronright").`,
|
|
7493
|
+
valueType: "string",
|
|
7494
|
+
defaultValue: defaultProps$14.iconCollapsed
|
|
7495
|
+
},
|
|
7496
|
+
iconExpanded: {
|
|
7497
|
+
description: `The icon name to use for expanded nodes (default: "chevrondown").`,
|
|
7498
|
+
valueType: "string",
|
|
7499
|
+
defaultValue: defaultProps$14.iconExpanded
|
|
7500
|
+
},
|
|
7501
|
+
iconSize: {
|
|
7502
|
+
description: `The size of the expand/collapse icons (default: "16").`,
|
|
7503
|
+
valueType: "string",
|
|
7504
|
+
defaultValue: defaultProps$14.iconSize
|
|
7505
|
+
},
|
|
7506
|
+
itemHeight: {
|
|
7507
|
+
description: `The height of each tree row in pixels (default: 35).`,
|
|
7508
|
+
valueType: "number",
|
|
7509
|
+
defaultValue: defaultProps$14.itemHeight
|
|
7510
|
+
},
|
|
7511
|
+
animateExpand: {
|
|
7512
|
+
description: `When true, uses only the collapsed icon and rotates it for expansion instead of switching icons (default: false).`,
|
|
7513
|
+
valueType: "boolean",
|
|
7514
|
+
defaultValue: defaultProps$14.animateExpand
|
|
7515
|
+
},
|
|
7516
|
+
expandRotation: {
|
|
7517
|
+
description: `The number of degrees to rotate the collapsed icon when expanded in animate mode (default: 90).`,
|
|
7518
|
+
valueType: "number",
|
|
7519
|
+
defaultValue: defaultProps$14.expandRotation
|
|
7520
|
+
},
|
|
7521
|
+
dynamicField: {
|
|
7522
|
+
description: `The property name in source data for dynamic loading state (default: "dynamic").`,
|
|
7523
|
+
valueType: "string",
|
|
7524
|
+
defaultValue: defaultProps$14.dynamicField
|
|
7525
|
+
},
|
|
7526
|
+
itemTemplate: {
|
|
7527
|
+
description: "The template for each item in the tree.",
|
|
7528
|
+
valueType: "ComponentDef"
|
|
7529
|
+
}
|
|
7530
|
+
},
|
|
7531
|
+
events: {
|
|
7532
|
+
selectionDidChange: {
|
|
7533
|
+
description: `Fired when the tree selection changes.`,
|
|
7534
|
+
signature: `(event: TreeSelectionEvent) => void`
|
|
7535
|
+
},
|
|
7536
|
+
nodeDidExpand: {
|
|
7537
|
+
description: `Fired when a tree node is expanded.`,
|
|
7538
|
+
signature: `(node: FlatTreeNode) => void`
|
|
7539
|
+
},
|
|
7540
|
+
nodeDidCollapse: {
|
|
7541
|
+
description: `Fired when a tree node is collapsed.`,
|
|
7542
|
+
signature: `(node: FlatTreeNode) => void`
|
|
7543
|
+
},
|
|
7544
|
+
loadChildren: {
|
|
7545
|
+
description: `Fired when a tree node needs to load children dynamically. Should return a Promise that resolves to an array of child data.`,
|
|
7546
|
+
signature: `(node: FlatTreeNode) => Promise<any[]>`
|
|
7547
|
+
}
|
|
7548
|
+
},
|
|
7549
|
+
apis: {
|
|
7550
|
+
expandAll: {
|
|
7551
|
+
description: `Expand all nodes in the tree.`,
|
|
7552
|
+
signature: "expandAll(): void"
|
|
7553
|
+
},
|
|
7554
|
+
collapseAll: {
|
|
7555
|
+
description: `Collapse all nodes in the tree.`,
|
|
7556
|
+
signature: "collapseAll(): void"
|
|
7557
|
+
},
|
|
7558
|
+
expandToLevel: {
|
|
7559
|
+
description: `Expand nodes up to the specified depth level (0-based).`,
|
|
7560
|
+
signature: "expandToLevel(level: number): void",
|
|
7561
|
+
parameters: {
|
|
7562
|
+
level: "The maximum depth level to expand (0 = root level only)"
|
|
7563
|
+
}
|
|
7564
|
+
},
|
|
7565
|
+
expandNode: {
|
|
7566
|
+
description: `Expand a specific node by its source data ID.`,
|
|
7567
|
+
signature: "expandNode(nodeId: string): void",
|
|
7568
|
+
parameters: {
|
|
7569
|
+
nodeId: "The ID of the node to expand (source data format)"
|
|
7570
|
+
}
|
|
7571
|
+
},
|
|
7572
|
+
collapseNode: {
|
|
7573
|
+
description: `Collapse a specific node by its source data ID.`,
|
|
7574
|
+
signature: "collapseNode(nodeId: string): void",
|
|
7575
|
+
parameters: {
|
|
7576
|
+
nodeId: "The ID of the node to collapse (source data format)"
|
|
7577
|
+
}
|
|
7578
|
+
},
|
|
7579
|
+
selectNode: {
|
|
7580
|
+
description: `Programmatically select a node by its source data ID.`,
|
|
7581
|
+
signature: "selectNode(nodeId: string): void",
|
|
7582
|
+
parameters: {
|
|
7583
|
+
nodeId: "The ID of the node to select (source data format)"
|
|
7584
|
+
}
|
|
7585
|
+
},
|
|
7586
|
+
clearSelection: {
|
|
7587
|
+
description: `Clear the current selection.`,
|
|
7588
|
+
signature: "clearSelection(): void"
|
|
7589
|
+
},
|
|
7590
|
+
getNodeById: {
|
|
7591
|
+
description: `Get a tree node by its source data ID.`,
|
|
7592
|
+
signature: "getNodeById(nodeId: string): TreeNode | null",
|
|
7593
|
+
parameters: {
|
|
7594
|
+
nodeId: "The ID of the node to retrieve (source data format)"
|
|
7595
|
+
}
|
|
7596
|
+
},
|
|
7597
|
+
getExpandedNodes: {
|
|
7598
|
+
description: `Get an array of currently expanded node IDs in source data format.`,
|
|
7599
|
+
signature: "getExpandedNodes(): string[]"
|
|
7600
|
+
},
|
|
7601
|
+
getSelectedNode: {
|
|
7602
|
+
description: `Get the currently selected tree node.`,
|
|
7603
|
+
signature: "getSelectedNode(): TreeNode | null"
|
|
7604
|
+
},
|
|
7605
|
+
appendNode: {
|
|
7606
|
+
description: `Add a new node to the tree as a child of the specified parent node.`,
|
|
7607
|
+
signature: "appendNode(parentNodeId: string | number | null, nodeData: any): void",
|
|
7608
|
+
parameters: {
|
|
7609
|
+
parentNodeId: "The ID of the parent node, or null/undefined to add to root level",
|
|
7610
|
+
nodeData: "The node data object using the format specified in dataFormat and field properties"
|
|
7611
|
+
}
|
|
7612
|
+
},
|
|
7613
|
+
removeNode: {
|
|
7614
|
+
description: `Remove a node and all its descendants from the tree.`,
|
|
7615
|
+
signature: "removeNode(nodeId: string | number): void",
|
|
7616
|
+
parameters: {
|
|
7617
|
+
nodeId: "The ID of the node to remove (along with all its descendants)"
|
|
7618
|
+
}
|
|
7619
|
+
},
|
|
7620
|
+
removeChildren: {
|
|
7621
|
+
description: `Remove all children (descendants) of a node while keeping the node itself.`,
|
|
7622
|
+
signature: "removeChildren(nodeId: string | number): void",
|
|
7623
|
+
parameters: {
|
|
7624
|
+
nodeId: "The ID of the parent node whose children should be removed"
|
|
7625
|
+
}
|
|
7626
|
+
},
|
|
7627
|
+
insertNodeBefore: {
|
|
7628
|
+
description: `Insert a new node before an existing node at the same level.`,
|
|
7629
|
+
signature: "insertNodeBefore(beforeNodeId: string | number, nodeData: any): void",
|
|
7630
|
+
parameters: {
|
|
7631
|
+
beforeNodeId: "The ID of the existing node before which the new node should be inserted",
|
|
7632
|
+
nodeData: "The node data object using the format specified in dataFormat and field properties"
|
|
7633
|
+
}
|
|
7634
|
+
},
|
|
7635
|
+
insertNodeAfter: {
|
|
7636
|
+
description: `Insert a new node after an existing node at the same level.`,
|
|
7637
|
+
signature: "insertNodeAfter(afterNodeId: string | number, nodeData: any): void",
|
|
7638
|
+
parameters: {
|
|
7639
|
+
afterNodeId: "The ID of the existing node after which the new node should be inserted",
|
|
7640
|
+
nodeData: "The node data object using the format specified in dataFormat and field properties"
|
|
7641
|
+
}
|
|
7642
|
+
}
|
|
7643
|
+
},
|
|
7644
|
+
themeVars: parseScssVar(styles$16.themeVars),
|
|
7645
|
+
defaultThemeVars: {
|
|
7646
|
+
[`backgroundColor-${COMP$1q}-row--selected`]: "$color-primary-50",
|
|
7647
|
+
[`backgroundColor-${COMP$1q}-row--hover`]: "$color-surface-100",
|
|
7648
|
+
[`textColor-${COMP$1q}`]: "$textColor-primary",
|
|
7649
|
+
[`textColor-${COMP$1q}--selected`]: "$color-primary-900",
|
|
7650
|
+
[`textColor-${COMP$1q}--hover`]: "$textColor-primary",
|
|
7651
|
+
[`borderColor-${COMP$1q}-row--focus`]: "$color-primary-500",
|
|
7652
|
+
[`outlineColor-${COMP$1q}--focus`]: "$outlineColor--focus",
|
|
7653
|
+
[`outlineWidth-${COMP$1q}--focus`]: "$outlineWidth--focus",
|
|
7654
|
+
[`outlineStyle-${COMP$1q}--focus`]: "$outlineStyle--focus",
|
|
7655
|
+
[`outlineOffset-${COMP$1q}--focus`]: "$outlineOffset--focus"
|
|
6220
7656
|
}
|
|
6221
7657
|
});
|
|
6222
7658
|
const treeComponentRenderer = createComponentRenderer(
|
|
6223
7659
|
COMP$1q,
|
|
6224
7660
|
TreeMd,
|
|
6225
|
-
({ node, extractValue, renderChild: renderChild2, className }) => {
|
|
7661
|
+
({ node, extractValue, renderChild: renderChild2, className, lookupEventHandler, registerComponentApi }) => {
|
|
7662
|
+
const defaultItemTemplate = {
|
|
7663
|
+
type: "HStack",
|
|
7664
|
+
props: {
|
|
7665
|
+
verticalAlignment: "center"
|
|
7666
|
+
},
|
|
7667
|
+
children: [
|
|
7668
|
+
{
|
|
7669
|
+
type: "Icon",
|
|
7670
|
+
when: "{$item.icon}",
|
|
7671
|
+
props: {
|
|
7672
|
+
name: "{$item.icon}"
|
|
7673
|
+
}
|
|
7674
|
+
},
|
|
7675
|
+
{
|
|
7676
|
+
type: "Text",
|
|
7677
|
+
props: {
|
|
7678
|
+
value: "{$item.name}"
|
|
7679
|
+
}
|
|
7680
|
+
}
|
|
7681
|
+
]
|
|
7682
|
+
};
|
|
6226
7683
|
return /* @__PURE__ */ jsx(
|
|
6227
7684
|
TreeComponent,
|
|
6228
7685
|
{
|
|
7686
|
+
registerComponentApi,
|
|
6229
7687
|
className,
|
|
6230
7688
|
data: extractValue(node.props.data),
|
|
6231
|
-
|
|
6232
|
-
|
|
6233
|
-
|
|
6234
|
-
|
|
6235
|
-
|
|
6236
|
-
|
|
6237
|
-
|
|
6238
|
-
|
|
6239
|
-
|
|
6240
|
-
|
|
7689
|
+
dataFormat: extractValue(node.props.dataFormat),
|
|
7690
|
+
idField: extractValue(node.props.idField),
|
|
7691
|
+
nameField: extractValue(node.props.nameField),
|
|
7692
|
+
iconField: extractValue(node.props.iconField),
|
|
7693
|
+
iconExpandedField: extractValue(node.props.iconExpandedField),
|
|
7694
|
+
iconCollapsedField: extractValue(node.props.iconCollapsedField),
|
|
7695
|
+
parentIdField: extractValue(node.props.parentIdField),
|
|
7696
|
+
childrenField: extractValue(node.props.childrenField),
|
|
7697
|
+
selectableField: extractValue(node.props.selectableField),
|
|
7698
|
+
dynamicField: extractValue(node.props.dynamicField),
|
|
7699
|
+
selectedValue: extractValue(node.props.selectedValue),
|
|
7700
|
+
selectedId: extractValue(node.props.selectedId),
|
|
7701
|
+
defaultExpanded: extractValue(node.props.defaultExpanded),
|
|
7702
|
+
autoExpandToSelection: extractValue(node.props.autoExpandToSelection),
|
|
7703
|
+
itemClickExpands: extractValue.asOptionalBoolean(node.props.itemClickExpands),
|
|
7704
|
+
iconCollapsed: extractValue(node.props.iconCollapsed),
|
|
7705
|
+
iconExpanded: extractValue(node.props.iconExpanded),
|
|
7706
|
+
iconSize: extractValue(node.props.iconSize),
|
|
7707
|
+
itemHeight: extractValue.asOptionalNumber(node.props.itemHeight, defaultProps$14.itemHeight),
|
|
7708
|
+
animateExpand: extractValue.asOptionalBoolean(node.props.animateExpand, defaultProps$14.animateExpand),
|
|
7709
|
+
expandRotation: extractValue.asOptionalNumber(node.props.expandRotation, defaultProps$14.expandRotation),
|
|
7710
|
+
onSelectionChanged: lookupEventHandler("selectionDidChange"),
|
|
7711
|
+
onNodeExpanded: lookupEventHandler("nodeDidExpand"),
|
|
7712
|
+
onNodeCollapsed: lookupEventHandler("nodeDidCollapse"),
|
|
7713
|
+
loadChildren: lookupEventHandler("loadChildren"),
|
|
7714
|
+
itemRenderer: (flatTreeNode) => {
|
|
7715
|
+
const itemContext = {
|
|
7716
|
+
id: flatTreeNode.id,
|
|
7717
|
+
// $item.id - Internal unique identifier
|
|
7718
|
+
name: flatTreeNode.displayName,
|
|
7719
|
+
// $item.name - Primary display text
|
|
7720
|
+
depth: flatTreeNode.depth,
|
|
7721
|
+
// $item.depth - Nesting level (0-based)
|
|
7722
|
+
isExpanded: flatTreeNode.isExpanded,
|
|
7723
|
+
// $item.isExpanded - Expansion state
|
|
7724
|
+
hasChildren: flatTreeNode.hasChildren,
|
|
7725
|
+
// $item.hasChildren - Children indicator
|
|
7726
|
+
// - icon, iconExpanded, iconCollapsed (from icon fields)
|
|
7727
|
+
// - uid, path, parentIds, selectable, children (TreeNode internals)
|
|
7728
|
+
// - All original source data properties (custom fields)
|
|
7729
|
+
...flatTreeNode
|
|
7730
|
+
};
|
|
7731
|
+
return node.props.itemTemplate ? /* @__PURE__ */ jsx(MemoizedItem, { node: node.props.itemTemplate, item: itemContext, renderChild: renderChild2 }) : /* @__PURE__ */ jsx(MemoizedItem, { node: defaultItemTemplate, item: itemContext, renderChild: renderChild2 });
|
|
6241
7732
|
}
|
|
6242
7733
|
}
|
|
6243
7734
|
);
|
|
@@ -6485,28 +7976,28 @@ const ButtonMd = createMetadata({
|
|
|
6485
7976
|
description: "Indicates if the button should receive focus when the page loads.",
|
|
6486
7977
|
isRequired: false,
|
|
6487
7978
|
type: "boolean",
|
|
6488
|
-
defaultValue: defaultProps$
|
|
7979
|
+
defaultValue: defaultProps$1e.autoFocus
|
|
6489
7980
|
},
|
|
6490
7981
|
variant: {
|
|
6491
7982
|
description: "The button variant determines the level of emphasis the button should possess.",
|
|
6492
7983
|
isRequired: false,
|
|
6493
7984
|
type: "string",
|
|
6494
7985
|
availableValues: buttonVariantMd,
|
|
6495
|
-
defaultValue: defaultProps$
|
|
7986
|
+
defaultValue: defaultProps$1e.variant
|
|
6496
7987
|
},
|
|
6497
7988
|
themeColor: {
|
|
6498
7989
|
description: "Sets the button color scheme defined in the application theme.",
|
|
6499
7990
|
isRequired: false,
|
|
6500
7991
|
type: "string",
|
|
6501
7992
|
availableValues: buttonThemeMd,
|
|
6502
|
-
defaultValue: defaultProps$
|
|
7993
|
+
defaultValue: defaultProps$1e.themeColor
|
|
6503
7994
|
},
|
|
6504
7995
|
size: {
|
|
6505
7996
|
description: "Sets the size of the button.",
|
|
6506
7997
|
isRequired: false,
|
|
6507
7998
|
type: "string",
|
|
6508
7999
|
availableValues: sizeMd,
|
|
6509
|
-
defaultValue: defaultProps$
|
|
8000
|
+
defaultValue: defaultProps$1e.size
|
|
6510
8001
|
},
|
|
6511
8002
|
label: {
|
|
6512
8003
|
description: `This property is an optional string to set a label for the ${COMP$1o}. If no label is specified and an icon is set, the ${COMP$1o} will modify its styling to look like a small icon button. When the ${COMP$1o} has nested children, it will display them and ignore the value of the \`label\` prop.`,
|
|
@@ -6516,14 +8007,14 @@ const ButtonMd = createMetadata({
|
|
|
6516
8007
|
description: `This optional string describes how the ${COMP$1o} appears in an HTML context. You rarely need to set this property explicitly.`,
|
|
6517
8008
|
availableValues: buttonTypesMd,
|
|
6518
8009
|
valueType: "string",
|
|
6519
|
-
defaultValue: defaultProps$
|
|
8010
|
+
defaultValue: defaultProps$1e.type
|
|
6520
8011
|
},
|
|
6521
8012
|
enabled: {
|
|
6522
8013
|
description: `The value of this property indicates whether the button accepts actions (\`true\`) or does not react to them (\`false\`).`,
|
|
6523
8014
|
type: "boolean",
|
|
6524
8015
|
defaultValue: true
|
|
6525
8016
|
},
|
|
6526
|
-
orientation: dOrientation(defaultProps$
|
|
8017
|
+
orientation: dOrientation(defaultProps$1e.orientation),
|
|
6527
8018
|
icon: {
|
|
6528
8019
|
description: `This string value denotes an icon name. The framework will render an icon if XMLUI recognizes the icon by its name. If no label is specified and an icon is set, the ${COMP$1o} displays only that icon.`,
|
|
6529
8020
|
type: "string"
|
|
@@ -6532,13 +8023,13 @@ const ButtonMd = createMetadata({
|
|
|
6532
8023
|
description: `This optional string determines the location of the icon in the ${COMP$1o}.`,
|
|
6533
8024
|
availableValues: iconPositionMd,
|
|
6534
8025
|
type: "string",
|
|
6535
|
-
defaultValue: defaultProps$
|
|
8026
|
+
defaultValue: defaultProps$1e.iconPosition
|
|
6536
8027
|
},
|
|
6537
8028
|
contentPosition: {
|
|
6538
8029
|
description: `This optional value determines how the label and icon (or nested children) should be placedinside the ${COMP$1o} component.`,
|
|
6539
8030
|
availableValues: alignmentOptionMd,
|
|
6540
8031
|
type: "string",
|
|
6541
|
-
defaultValue: defaultProps$
|
|
8032
|
+
defaultValue: defaultProps$1e.contentPosition
|
|
6542
8033
|
},
|
|
6543
8034
|
contextualLabel: {
|
|
6544
8035
|
description: `This optional value is used to provide an accessible name for the ${COMP$1o} in the context of its usage.`,
|
|
@@ -9194,45 +10685,46 @@ const h6ComponentRenderer = createComponentRenderer(
|
|
|
9194
10685
|
});
|
|
9195
10686
|
}
|
|
9196
10687
|
);
|
|
9197
|
-
const themeVars$J = `'{"marginTop-Text": "var(--xmlui-marginTop-Text)", "marginBottom-Text": "var(--xmlui-marginBottom-Text)", "marginLeft-Text": "var(--xmlui-marginLeft-Text)", "marginRight-Text": "var(--xmlui-marginRight-Text)", "verticalAlignment-Text": "var(--xmlui-verticalAlignment-Text)", "fontWeight-Text-abbr": "var(--xmlui-fontWeight-Text-abbr)", "textTransform-Text-abbr": "var(--xmlui-textTransform-Text-abbr)", "fontStyle-Text-cite": "var(--xmlui-fontStyle-Text-cite)", "fontStyle-Text-em": "var(--xmlui-fontStyle-Text-em)", "textDecorationLine-Text-deleted": "var(--xmlui-textDecorationLine-Text-deleted)", "textDecorationColor-Text-deleted": "var(--xmlui-textDecorationColor-Text-deleted)", "textDecorationStyle-Text-deleted": "var(--xmlui-textDecorationStyle-Text-deleted)", "textDecorationThickness-Text-deleted": "var(--xmlui-textDecorationThickness-Text-deleted)", "textDecorationLine-Text-inserted": "var(--xmlui-textDecorationLine-Text-inserted)", "textDecorationColor-Text-inserted": "var(--xmlui-textDecorationColor-Text-inserted)", "textDecorationStyle-Text-inserted": "var(--xmlui-textDecorationStyle-Text-inserted)", "textDecorationThickness-Text-inserted": "var(--xmlui-textDecorationThickness-Text-inserted)", "backgroundColor-Text-keyboard": "var(--xmlui-backgroundColor-Text-keyboard)", "fontFamily-Text-keyboard": "var(--xmlui-fontFamily-Text-keyboard)", "fontWeight-Text-keyboard": "var(--xmlui-fontWeight-Text-keyboard)", "fontSize-Text-keyboard": "var(--xmlui-fontSize-Text-keyboard)", "borderWidth-Text-keyboard": "var(--xmlui-borderWidth-Text-keyboard)", "borderColor-Text-keyboard": "var(--xmlui-borderColor-Text-keyboard)", "borderStyle-Text-keyboard": "var(--xmlui-borderStyle-Text-keyboard)", "borderRadius-Text-keyboard": "var(--xmlui-borderRadius-Text-keyboard)", "paddingHorizontal-Text-keyboard": "var(--xmlui-paddingHorizontal-Text-keyboard)", "backgroundColor-Text-marked": "var(--xmlui-backgroundColor-Text-marked)", "color-Text-marked": "var(--xmlui-color-Text-marked)", "fontWeight-Text-marked": "var(--xmlui-fontWeight-Text-marked)", "fontStyle-Text-marked": "var(--xmlui-fontStyle-Text-marked)", "lineHeight-Text-marked": "var(--xmlui-lineHeight-Text-marked)", "fontFamily-Text-mono": "var(--xmlui-fontFamily-Text-mono)", "fontFamily-Text-sample": "var(--xmlui-fontFamily-Text-sample)", "fontSize-Text-sample": "var(--xmlui-fontSize-Text-sample)", "fontSize-Text-sup": "var(--xmlui-fontSize-Text-sup)", "verticalAlignment-Text-sup": "var(--xmlui-verticalAlignment-Text-sup)", "fontSize-Text-sub": "var(--xmlui-fontSize-Text-sub)", "verticalAlignment-Text-sub": "var(--xmlui-verticalAlignment-Text-sub)", "fontStyle-Text-var": "var(--xmlui-fontStyle-Text-var)", "fontSize-Text-title": "var(--xmlui-fontSize-Text-title)", "fontSize-Text-subtitle": "var(--xmlui-fontSize-Text-subtitle)", "marginTop-Text-small": "var(--xmlui-marginTop-Text-small)", "marginBottom-Text-small": "var(--xmlui-marginBottom-Text-small)", "marginLeft-Text-small": "var(--xmlui-marginLeft-Text-small)", "marginRight-Text-small": "var(--xmlui-marginRight-Text-small)", "verticalAlignment-Text-small": "var(--xmlui-verticalAlignment-Text-small)", "letterSpacing-Text-caption": "var(--xmlui-letterSpacing-Text-caption)", "color-Text-placeholder": "var(--xmlui-color-Text-placeholder)", "fontStyle-Text-placeholder": "var(--xmlui-fontStyle-Text-placeholder)", "fontWeight-Text-placeholder": "var(--xmlui-fontWeight-Text-placeholder)", "fontSize-Text-placeholder": "var(--xmlui-fontSize-Text-placeholder)", "fontSize-Text-paragraph": "var(--xmlui-fontSize-Text-paragraph)", "paddingVertical-Text-paragraph": "var(--xmlui-paddingVertical-Text-paragraph)", "fontSize-Text-subheading": "var(--xmlui-fontSize-Text-subheading)", "fontWeight-Text-subheading": "var(--xmlui-fontWeight-Text-subheading)", "fontStyle-Text-subheading": "var(--xmlui-fontStyle-Text-subheading)", "letterSpacing-Text-subheading": "var(--xmlui-letterSpacing-Text-subheading)", "textTransform-Text-subheading": "var(--xmlui-textTransform-Text-subheading)", "color-Text-subheading": "var(--xmlui-color-Text-subheading)", "marginTop-Text-tableheading": "var(--xmlui-marginTop-Text-tableheading)", "marginBottom-Text-tableheading": "var(--xmlui-marginBottom-Text-tableheading)", "paddingHorizontal-Text-tableheading": "var(--xmlui-paddingHorizontal-Text-tableheading)", "fontSize-Text-tableheading": "var(--xmlui-fontSize-Text-tableheading)", "fontWeight-Text-tableheading": "var(--xmlui-fontWeight-Text-tableheading)", "fontSize-Text-secondary": "var(--xmlui-fontSize-Text-secondary)", "color-Text-secondary": "var(--xmlui-color-Text-secondary)"}'`;
|
|
9198
|
-
const text = "
|
|
9199
|
-
const inherit = "
|
|
9200
|
-
const abbr = "
|
|
9201
|
-
const cite = "
|
|
9202
|
-
const em = "
|
|
9203
|
-
const deleted = "
|
|
9204
|
-
const inserted = "
|
|
9205
|
-
const keyboard = "
|
|
9206
|
-
const marked = "
|
|
9207
|
-
const mono = "
|
|
9208
|
-
const sample = "
|
|
9209
|
-
const sup = "
|
|
9210
|
-
const sub = "
|
|
9211
|
-
const title$3 = "
|
|
9212
|
-
const subtitle = "
|
|
9213
|
-
const small = "
|
|
9214
|
-
const
|
|
9215
|
-
const
|
|
9216
|
-
const
|
|
9217
|
-
const
|
|
9218
|
-
const
|
|
9219
|
-
const
|
|
9220
|
-
const
|
|
9221
|
-
const
|
|
9222
|
-
const
|
|
9223
|
-
const
|
|
9224
|
-
const
|
|
9225
|
-
const
|
|
9226
|
-
const
|
|
9227
|
-
const
|
|
9228
|
-
const
|
|
9229
|
-
const
|
|
9230
|
-
const
|
|
9231
|
-
const
|
|
10688
|
+
const themeVars$J = `'{"marginTop-Text": "var(--xmlui-marginTop-Text)", "marginBottom-Text": "var(--xmlui-marginBottom-Text)", "marginLeft-Text": "var(--xmlui-marginLeft-Text)", "marginRight-Text": "var(--xmlui-marginRight-Text)", "verticalAlignment-Text": "var(--xmlui-verticalAlignment-Text)", "fontWeight-Text-abbr": "var(--xmlui-fontWeight-Text-abbr)", "textTransform-Text-abbr": "var(--xmlui-textTransform-Text-abbr)", "fontStyle-Text-cite": "var(--xmlui-fontStyle-Text-cite)", "fontStyle-Text-em": "var(--xmlui-fontStyle-Text-em)", "textDecorationLine-Text-deleted": "var(--xmlui-textDecorationLine-Text-deleted)", "textDecorationColor-Text-deleted": "var(--xmlui-textDecorationColor-Text-deleted)", "textDecorationStyle-Text-deleted": "var(--xmlui-textDecorationStyle-Text-deleted)", "textDecorationThickness-Text-deleted": "var(--xmlui-textDecorationThickness-Text-deleted)", "textDecorationLine-Text-inserted": "var(--xmlui-textDecorationLine-Text-inserted)", "textDecorationColor-Text-inserted": "var(--xmlui-textDecorationColor-Text-inserted)", "textDecorationStyle-Text-inserted": "var(--xmlui-textDecorationStyle-Text-inserted)", "textDecorationThickness-Text-inserted": "var(--xmlui-textDecorationThickness-Text-inserted)", "backgroundColor-Text-keyboard": "var(--xmlui-backgroundColor-Text-keyboard)", "fontFamily-Text-keyboard": "var(--xmlui-fontFamily-Text-keyboard)", "fontWeight-Text-keyboard": "var(--xmlui-fontWeight-Text-keyboard)", "fontSize-Text-keyboard": "var(--xmlui-fontSize-Text-keyboard)", "borderWidth-Text-keyboard": "var(--xmlui-borderWidth-Text-keyboard)", "borderColor-Text-keyboard": "var(--xmlui-borderColor-Text-keyboard)", "borderStyle-Text-keyboard": "var(--xmlui-borderStyle-Text-keyboard)", "borderRadius-Text-keyboard": "var(--xmlui-borderRadius-Text-keyboard)", "paddingHorizontal-Text-keyboard": "var(--xmlui-paddingHorizontal-Text-keyboard)", "backgroundColor-Text-marked": "var(--xmlui-backgroundColor-Text-marked)", "color-Text-marked": "var(--xmlui-color-Text-marked)", "fontWeight-Text-marked": "var(--xmlui-fontWeight-Text-marked)", "fontStyle-Text-marked": "var(--xmlui-fontStyle-Text-marked)", "lineHeight-Text-marked": "var(--xmlui-lineHeight-Text-marked)", "fontFamily-Text-mono": "var(--xmlui-fontFamily-Text-mono)", "fontFamily-Text-sample": "var(--xmlui-fontFamily-Text-sample)", "fontSize-Text-sample": "var(--xmlui-fontSize-Text-sample)", "fontSize-Text-sup": "var(--xmlui-fontSize-Text-sup)", "verticalAlignment-Text-sup": "var(--xmlui-verticalAlignment-Text-sup)", "fontSize-Text-sub": "var(--xmlui-fontSize-Text-sub)", "verticalAlignment-Text-sub": "var(--xmlui-verticalAlignment-Text-sub)", "fontStyle-Text-var": "var(--xmlui-fontStyle-Text-var)", "fontSize-Text-title": "var(--xmlui-fontSize-Text-title)", "fontSize-Text-subtitle": "var(--xmlui-fontSize-Text-subtitle)", "marginTop-Text-small": "var(--xmlui-marginTop-Text-small)", "marginBottom-Text-small": "var(--xmlui-marginBottom-Text-small)", "marginLeft-Text-small": "var(--xmlui-marginLeft-Text-small)", "marginRight-Text-small": "var(--xmlui-marginRight-Text-small)", "verticalAlignment-Text-small": "var(--xmlui-verticalAlignment-Text-small)", "marginTop-Text-code": "var(--xmlui-marginTop-Text-code)", "marginBottom-Text-code": "var(--xmlui-marginBottom-Text-code)", "marginLeft-Text-code": "var(--xmlui-marginLeft-Text-code)", "marginRight-Text-code": "var(--xmlui-marginRight-Text-code)", "verticalAlignment-Text-code": "var(--xmlui-verticalAlignment-Text-code)", "letterSpacing-Text-caption": "var(--xmlui-letterSpacing-Text-caption)", "color-Text-placeholder": "var(--xmlui-color-Text-placeholder)", "fontStyle-Text-placeholder": "var(--xmlui-fontStyle-Text-placeholder)", "fontWeight-Text-placeholder": "var(--xmlui-fontWeight-Text-placeholder)", "fontSize-Text-placeholder": "var(--xmlui-fontSize-Text-placeholder)", "fontSize-Text-paragraph": "var(--xmlui-fontSize-Text-paragraph)", "paddingVertical-Text-paragraph": "var(--xmlui-paddingVertical-Text-paragraph)", "fontSize-Text-subheading": "var(--xmlui-fontSize-Text-subheading)", "fontWeight-Text-subheading": "var(--xmlui-fontWeight-Text-subheading)", "fontStyle-Text-subheading": "var(--xmlui-fontStyle-Text-subheading)", "letterSpacing-Text-subheading": "var(--xmlui-letterSpacing-Text-subheading)", "textTransform-Text-subheading": "var(--xmlui-textTransform-Text-subheading)", "color-Text-subheading": "var(--xmlui-color-Text-subheading)", "marginTop-Text-tableheading": "var(--xmlui-marginTop-Text-tableheading)", "marginBottom-Text-tableheading": "var(--xmlui-marginBottom-Text-tableheading)", "paddingHorizontal-Text-tableheading": "var(--xmlui-paddingHorizontal-Text-tableheading)", "fontSize-Text-tableheading": "var(--xmlui-fontSize-Text-tableheading)", "fontWeight-Text-tableheading": "var(--xmlui-fontWeight-Text-tableheading)", "fontSize-Text-secondary": "var(--xmlui-fontSize-Text-secondary)", "color-Text-secondary": "var(--xmlui-color-Text-secondary)"}'`;
|
|
10689
|
+
const text = "_text_1i8ya_14";
|
|
10690
|
+
const inherit = "_inherit_1i8ya_79";
|
|
10691
|
+
const abbr = "_abbr_1i8ya_106";
|
|
10692
|
+
const cite = "_cite_1i8ya_110";
|
|
10693
|
+
const em = "_em_1i8ya_113";
|
|
10694
|
+
const deleted = "_deleted_1i8ya_116";
|
|
10695
|
+
const inserted = "_inserted_1i8ya_137";
|
|
10696
|
+
const keyboard = "_keyboard_1i8ya_158";
|
|
10697
|
+
const marked = "_marked_1i8ya_170";
|
|
10698
|
+
const mono = "_mono_1i8ya_192";
|
|
10699
|
+
const sample = "_sample_1i8ya_195";
|
|
10700
|
+
const sup = "_sup_1i8ya_199";
|
|
10701
|
+
const sub = "_sub_1i8ya_203";
|
|
10702
|
+
const title$3 = "_title_1i8ya_210";
|
|
10703
|
+
const subtitle = "_subtitle_1i8ya_213";
|
|
10704
|
+
const small = "_small_1i8ya_216";
|
|
10705
|
+
const code = "_code_1i8ya_273";
|
|
10706
|
+
const caption = "_caption_1i8ya_330";
|
|
10707
|
+
const placeholder$2 = "_placeholder_1i8ya_333";
|
|
10708
|
+
const paragraph = "_paragraph_1i8ya_339";
|
|
10709
|
+
const subheading = "_subheading_1i8ya_344";
|
|
10710
|
+
const tableheading = "_tableheading_1i8ya_352";
|
|
10711
|
+
const secondary = "_secondary_1i8ya_360";
|
|
10712
|
+
const strong = "_strong_1i8ya_364";
|
|
10713
|
+
const truncateOverflow = "_truncateOverflow_1i8ya_371";
|
|
10714
|
+
const preserveLinebreaks = "_preserveLinebreaks_1i8ya_377";
|
|
10715
|
+
const noEllipsis = "_noEllipsis_1i8ya_381";
|
|
10716
|
+
const overflowNone = "_overflowNone_1i8ya_384";
|
|
10717
|
+
const overflowScroll = "_overflowScroll_1i8ya_390";
|
|
10718
|
+
const overflowFlow = "_overflowFlow_1i8ya_407";
|
|
10719
|
+
const breakNormal = "_breakNormal_1i8ya_429";
|
|
10720
|
+
const breakWord = "_breakWord_1i8ya_434";
|
|
10721
|
+
const breakAnywhere = "_breakAnywhere_1i8ya_438";
|
|
10722
|
+
const breakKeep = "_breakKeep_1i8ya_443";
|
|
10723
|
+
const breakHyphenate = "_breakHyphenate_1i8ya_447";
|
|
9232
10724
|
const styles$13 = {
|
|
9233
10725
|
themeVars: themeVars$J,
|
|
9234
10726
|
text,
|
|
9235
|
-
"default": "
|
|
10727
|
+
"default": "_default_1i8ya_22",
|
|
9236
10728
|
inherit,
|
|
9237
10729
|
abbr,
|
|
9238
10730
|
cite,
|
|
@@ -9245,10 +10737,11 @@ const styles$13 = {
|
|
|
9245
10737
|
sample,
|
|
9246
10738
|
sup,
|
|
9247
10739
|
sub,
|
|
9248
|
-
"var": "
|
|
10740
|
+
"var": "_var_1i8ya_207",
|
|
9249
10741
|
title: title$3,
|
|
9250
10742
|
subtitle,
|
|
9251
10743
|
small,
|
|
10744
|
+
code,
|
|
9252
10745
|
caption,
|
|
9253
10746
|
placeholder: placeholder$2,
|
|
9254
10747
|
paragraph,
|
|
@@ -14359,12 +15852,12 @@ const ImageMd = createMetadata({
|
|
|
14359
15852
|
fit: {
|
|
14360
15853
|
description: "This property sets how the image content should be resized to fit its container.",
|
|
14361
15854
|
type: "string",
|
|
14362
|
-
defaultValue: defaultProps$
|
|
15855
|
+
defaultValue: defaultProps$1c.fit
|
|
14363
15856
|
},
|
|
14364
15857
|
lazyLoad: {
|
|
14365
15858
|
description: `Lazy loading instructs the browser to load the image only when it is imminently needed (e.g. user scrolls to it).`,
|
|
14366
15859
|
type: "boolean",
|
|
14367
|
-
defaultValue: defaultProps$
|
|
15860
|
+
defaultValue: defaultProps$1c.lazyLoad
|
|
14368
15861
|
},
|
|
14369
15862
|
aspectRatio: d(
|
|
14370
15863
|
'This property sets a preferred aspect ratio for the image, which will be used in calculating auto sizes and other layout functions. If this value is not used, the original aspect ratio is kept. The value can be a number of a string (such as "16/9").'
|
|
@@ -14372,7 +15865,7 @@ const ImageMd = createMetadata({
|
|
|
14372
15865
|
inline: {
|
|
14373
15866
|
description: `When set to true, the image will be displayed as an inline element instead of a block element.`,
|
|
14374
15867
|
type: "boolean",
|
|
14375
|
-
defaultValue: defaultProps$
|
|
15868
|
+
defaultValue: defaultProps$1c.inline
|
|
14376
15869
|
},
|
|
14377
15870
|
animation: dInternal(`The optional animation object to be applied to the component`)
|
|
14378
15871
|
},
|
|
@@ -18321,7 +19814,13 @@ const NumberBox = forwardRef(function NumberBox2({
|
|
|
18321
19814
|
}
|
|
18322
19815
|
return;
|
|
18323
19816
|
}
|
|
18324
|
-
const result = processCharacterInput(
|
|
19817
|
+
const result = processCharacterInput(
|
|
19818
|
+
event.data,
|
|
19819
|
+
currentValue,
|
|
19820
|
+
currentPos,
|
|
19821
|
+
expectedNewValue,
|
|
19822
|
+
false
|
|
19823
|
+
);
|
|
18325
19824
|
if (result.shouldPreventDefault) {
|
|
18326
19825
|
event.preventDefault();
|
|
18327
19826
|
}
|
|
@@ -18395,15 +19894,25 @@ const NumberBox = forwardRef(function NumberBox2({
|
|
|
18395
19894
|
let finalValue = currentInputValue;
|
|
18396
19895
|
if (!integersOnly && currentInputValue.endsWith(DECIMAL_SEPARATOR)) {
|
|
18397
19896
|
finalValue = currentInputValue + "0";
|
|
18398
|
-
|
|
18399
|
-
|
|
19897
|
+
}
|
|
19898
|
+
const numericValue = toUsableNumber(finalValue, integersOnly);
|
|
19899
|
+
if (!isEmptyLike(numericValue)) {
|
|
19900
|
+
const clampedValue = clamp(numericValue, min, max);
|
|
19901
|
+
if (clampedValue !== numericValue) {
|
|
19902
|
+
const clampedString = clampedValue.toString();
|
|
19903
|
+
finalValue = clampedString;
|
|
19904
|
+
if (inputRef.current) {
|
|
19905
|
+
inputRef.current.value = clampedString;
|
|
19906
|
+
}
|
|
18400
19907
|
}
|
|
19908
|
+
}
|
|
19909
|
+
if (finalValue !== currentInputValue) {
|
|
18401
19910
|
updateValue(finalValue, finalValue);
|
|
18402
19911
|
} else {
|
|
18403
19912
|
setValueStrRep(mapToRepresentation(value));
|
|
18404
19913
|
}
|
|
18405
19914
|
onBlur == null ? void 0 : onBlur();
|
|
18406
|
-
}, [value, onBlur, integersOnly, updateValue]);
|
|
19915
|
+
}, [value, onBlur, integersOnly, updateValue, min, max]);
|
|
18407
19916
|
const focus = useCallback(() => {
|
|
18408
19917
|
var _a2;
|
|
18409
19918
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
@@ -18692,7 +20201,7 @@ function HiddenOption(option) {
|
|
|
18692
20201
|
return {
|
|
18693
20202
|
...option,
|
|
18694
20203
|
label: label2 ?? (node == null ? void 0 : node.textContent) ?? "",
|
|
18695
|
-
keywords: [label2 ?? (node == null ? void 0 : node.textContent) ?? ""]
|
|
20204
|
+
keywords: option.keywords || [label2 ?? (node == null ? void 0 : node.textContent) ?? ""]
|
|
18696
20205
|
// Store the rendered ReactNode for dropdown display
|
|
18697
20206
|
};
|
|
18698
20207
|
}, [option, node, label2]);
|
|
@@ -20378,6 +21887,14 @@ const Form = forwardRef(function({
|
|
|
20378
21887
|
});
|
|
20379
21888
|
const doSubmit = useEvent(async (event) => {
|
|
20380
21889
|
var _a2;
|
|
21890
|
+
console.log(`🚀 Form submit started`);
|
|
21891
|
+
console.log(`🔍 Initial values:`, {
|
|
21892
|
+
initialValue,
|
|
21893
|
+
EMPTY_OBJECT,
|
|
21894
|
+
isEqual: initialValue === EMPTY_OBJECT,
|
|
21895
|
+
initialValueType: typeof initialValue,
|
|
21896
|
+
emptyObjectType: typeof EMPTY_OBJECT
|
|
21897
|
+
});
|
|
20381
21898
|
event == null ? void 0 : event.preventDefault();
|
|
20382
21899
|
if (!isEnabled2) {
|
|
20383
21900
|
return;
|
|
@@ -20542,7 +22059,7 @@ const Form = forwardRef(function({
|
|
|
20542
22059
|
] });
|
|
20543
22060
|
});
|
|
20544
22061
|
Form.displayName = "Form";
|
|
20545
|
-
|
|
22062
|
+
const FormWithContextVar = forwardRef(function({
|
|
20546
22063
|
node,
|
|
20547
22064
|
renderChild: renderChild2,
|
|
20548
22065
|
extractValue,
|
|
@@ -20550,7 +22067,7 @@ function FormWithContextVar({
|
|
|
20550
22067
|
className,
|
|
20551
22068
|
lookupEventHandler,
|
|
20552
22069
|
registerComponentApi
|
|
20553
|
-
}) {
|
|
22070
|
+
}, ref) {
|
|
20554
22071
|
const [formState, dispatch] = useReducer(formReducer, initialState);
|
|
20555
22072
|
const $data = useMemo(() => {
|
|
20556
22073
|
const updateData = (change) => {
|
|
@@ -20584,7 +22101,7 @@ function FormWithContextVar({
|
|
|
20584
22101
|
const completedNotificationMessage = extractValue.asOptionalString(node.props.completedNotificationMessage) || "";
|
|
20585
22102
|
const errorNotificationMessage = extractValue.asOptionalString(node.props.errorNotificationMessage) || "";
|
|
20586
22103
|
const submitUrl = extractValue.asOptionalString(node.props.submitUrl) || extractValue.asOptionalString(node.props._data_url);
|
|
20587
|
-
return /* @__PURE__ */ jsx(
|
|
22104
|
+
return /* @__PURE__ */ jsx(Slot, { ref, style: style2, children: /* @__PURE__ */ jsx(
|
|
20588
22105
|
Form,
|
|
20589
22106
|
{
|
|
20590
22107
|
keepModalOpenOnSubmit: extractValue.asOptionalBoolean(node.props.keepModalOpenOnSubmit),
|
|
@@ -20595,7 +22112,6 @@ function FormWithContextVar({
|
|
|
20595
22112
|
formState,
|
|
20596
22113
|
dispatch,
|
|
20597
22114
|
id: node.uid,
|
|
20598
|
-
style: style2,
|
|
20599
22115
|
className,
|
|
20600
22116
|
cancelLabel: extractValue(node.props.cancelLabel),
|
|
20601
22117
|
saveLabel: extractValue(node.props.saveLabel),
|
|
@@ -20628,24 +22144,26 @@ function FormWithContextVar({
|
|
|
20628
22144
|
enabled: extractValue.asOptionalBoolean(node.props.enabled, true) && !extractValue.asOptionalBoolean(node.props.loading, false),
|
|
20629
22145
|
children: renderChild2(nodeWithItem)
|
|
20630
22146
|
}
|
|
20631
|
-
);
|
|
20632
|
-
}
|
|
22147
|
+
) });
|
|
22148
|
+
});
|
|
20633
22149
|
const themeVars$k = `'{"border-AutoComplete": "var(--xmlui-border-AutoComplete)", "borderHorizontal-AutoComplete": "var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete))", "borderVertical-AutoComplete": "var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete))", "borderLeft-AutoComplete": "var(--xmlui-borderLeft-AutoComplete, var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderRight-AutoComplete": "var(--xmlui-borderRight-AutoComplete, var(--xmlui-borderHorizontal-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderTop-AutoComplete": "var(--xmlui-borderTop-AutoComplete, var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderBottom-AutoComplete": "var(--xmlui-borderBottom-AutoComplete, var(--xmlui-borderVertical-AutoComplete, var(--xmlui-border-AutoComplete)))", "borderWidth-AutoComplete": "var(--xmlui-borderWidth-AutoComplete)", "borderHorizontalWidth-AutoComplete": "var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete))", "borderLeftWidth-AutoComplete": "var(--xmlui-borderLeftWidth-AutoComplete, var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderRightWidth-AutoComplete": "var(--xmlui-borderRightWidth-AutoComplete, var(--xmlui-borderHorizontalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderVerticalWidth-AutoComplete": "var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete))", "borderTopWidth-AutoComplete": "var(--xmlui-borderTopWidth-AutoComplete, var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderBottomWidth-AutoComplete": "var(--xmlui-borderBottomWidth-AutoComplete, var(--xmlui-borderVerticalWidth-AutoComplete, var(--xmlui-borderWidth-AutoComplete)))", "borderStyle-AutoComplete": "var(--xmlui-borderStyle-AutoComplete)", "borderHorizontalStyle-AutoComplete": "var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete))", "borderLeftStyle-AutoComplete": "var(--xmlui-borderLeftStyle-AutoComplete, var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderRightStyle-AutoComplete": "var(--xmlui-borderRightStyle-AutoComplete, var(--xmlui-borderHorizontalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderVerticalStyle-AutoComplete": "var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete))", "borderTopStyle-AutoComplete": "var(--xmlui-borderTopStyle-AutoComplete, var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderBottomStyle-AutoComplete": "var(--xmlui-borderBottomStyle-AutoComplete, var(--xmlui-borderVerticalStyle-AutoComplete, var(--xmlui-borderStyle-AutoComplete)))", "borderColor-AutoComplete": "var(--xmlui-borderColor-AutoComplete)", "borderHorizontalColor-AutoComplete": "var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete))", "borderLeftColor-AutoComplete": "var(--xmlui-borderLeftColor-AutoComplete, var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderRightColor-AutoComplete": "var(--xmlui-borderRightColor-AutoComplete, var(--xmlui-borderHorizontalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderVerticalColor-AutoComplete": "var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete))", "borderTopColor-AutoComplete": "var(--xmlui-borderTopColor-AutoComplete, var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderBottomColor-AutoComplete": "var(--xmlui-borderBottomColor-AutoComplete, var(--xmlui-borderVerticalColor-AutoComplete, var(--xmlui-borderColor-AutoComplete)))", "borderStartStartRadius-AutoComplete": "var(--xmlui-borderStartStartRadius-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "borderStartEndRadius-AutoComplete": "var(--xmlui-borderStartEndRadius-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "borderEndStartRadius-AutoComplete": "var(--xmlui-borderEndStartRadius-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "borderEndEndRadius-AutoComplete": "var(--xmlui-borderEndEndRadius-AutoComplete, var(--xmlui-borderRadius-AutoComplete))", "padding-AutoComplete": "var(--xmlui-padding-AutoComplete)", "paddingHorizontal-AutoComplete": "var(--xmlui-paddingHorizontal-AutoComplete, var(--xmlui-padding-AutoComplete))", "paddingVertical-AutoComplete": "var(--xmlui-paddingVertical-AutoComplete, var(--xmlui-padding-AutoComplete))", "paddingLeft-AutoComplete": "var(--xmlui-paddingLeft-AutoComplete, var(--xmlui-paddingHorizontal-AutoComplete, var(--xmlui-padding-AutoComplete)))", "paddingRight-AutoComplete": "var(--xmlui-paddingRight-AutoComplete, var(--xmlui-paddingHorizontal-AutoComplete, var(--xmlui-padding-AutoComplete)))", "paddingTop-AutoComplete": "var(--xmlui-paddingTop-AutoComplete, var(--xmlui-paddingVertical-AutoComplete, var(--xmlui-padding-AutoComplete)))", "paddingBottom-AutoComplete": "var(--xmlui-paddingBottom-AutoComplete, var(--xmlui-paddingVertical-AutoComplete, var(--xmlui-padding-AutoComplete)))", "Input:borderRadius-AutoComplete-default": "var(--xmlui-borderRadius-AutoComplete-default)", "Input:borderColor-AutoComplete-default": "var(--xmlui-borderColor-AutoComplete-default)", "Input:borderWidth-AutoComplete-default": "var(--xmlui-borderWidth-AutoComplete-default)", "Input:borderStyle-AutoComplete-default": "var(--xmlui-borderStyle-AutoComplete-default)", "Input:fontSize-AutoComplete-default": "var(--xmlui-fontSize-AutoComplete-default)", "Input:backgroundColor-AutoComplete-default": "var(--xmlui-backgroundColor-AutoComplete-default)", "Input:boxShadow-AutoComplete-default": "var(--xmlui-boxShadow-AutoComplete-default)", "Input:textColor-AutoComplete-default": "var(--xmlui-textColor-AutoComplete-default)", "Input:borderColor-AutoComplete-default--hover": "var(--xmlui-borderColor-AutoComplete-default--hover)", "Input:backgroundColor-AutoComplete-default--hover": "var(--xmlui-backgroundColor-AutoComplete-default--hover)", "Input:boxShadow-AutoComplete-default--hover": "var(--xmlui-boxShadow-AutoComplete-default--hover)", "Input:textColor-AutoComplete-default--hover": "var(--xmlui-textColor-AutoComplete-default--hover)", "Input:textColor-placeholder-AutoComplete-default": "var(--xmlui-textColor-placeholder-AutoComplete-default)", "Input:fontSize-placeholder-AutoComplete-default": "var(--xmlui-fontSize-placeholder-AutoComplete-default)", "Input:borderRadius-AutoComplete-error": "var(--xmlui-borderRadius-AutoComplete-error)", "Input:borderColor-AutoComplete-error": "var(--xmlui-borderColor-AutoComplete-error)", "Input:borderWidth-AutoComplete-error": "var(--xmlui-borderWidth-AutoComplete-error)", "Input:borderStyle-AutoComplete-error": "var(--xmlui-borderStyle-AutoComplete-error)", "Input:fontSize-AutoComplete-error": "var(--xmlui-fontSize-AutoComplete-error)", "Input:backgroundColor-AutoComplete-error": "var(--xmlui-backgroundColor-AutoComplete-error)", "Input:boxShadow-AutoComplete-error": "var(--xmlui-boxShadow-AutoComplete-error)", "Input:textColor-AutoComplete-error": "var(--xmlui-textColor-AutoComplete-error)", "Input:borderColor-AutoComplete-error--hover": "var(--xmlui-borderColor-AutoComplete-error--hover)", "Input:backgroundColor-AutoComplete-error--hover": "var(--xmlui-backgroundColor-AutoComplete-error--hover)", "Input:boxShadow-AutoComplete-error--hover": "var(--xmlui-boxShadow-AutoComplete-error--hover)", "Input:textColor-AutoComplete-error--hover": "var(--xmlui-textColor-AutoComplete-error--hover)", "Input:textColor-placeholder-AutoComplete-error": "var(--xmlui-textColor-placeholder-AutoComplete-error)", "Input:fontSize-placeholder-AutoComplete-error": "var(--xmlui-fontSize-placeholder-AutoComplete-error)", "Input:borderRadius-AutoComplete-warning": "var(--xmlui-borderRadius-AutoComplete-warning)", "Input:borderColor-AutoComplete-warning": "var(--xmlui-borderColor-AutoComplete-warning)", "Input:borderWidth-AutoComplete-warning": "var(--xmlui-borderWidth-AutoComplete-warning)", "Input:borderStyle-AutoComplete-warning": "var(--xmlui-borderStyle-AutoComplete-warning)", "Input:fontSize-AutoComplete-warning": "var(--xmlui-fontSize-AutoComplete-warning)", "Input:backgroundColor-AutoComplete-warning": "var(--xmlui-backgroundColor-AutoComplete-warning)", "Input:boxShadow-AutoComplete-warning": "var(--xmlui-boxShadow-AutoComplete-warning)", "Input:textColor-AutoComplete-warning": "var(--xmlui-textColor-AutoComplete-warning)", "Input:borderColor-AutoComplete-warning--hover": "var(--xmlui-borderColor-AutoComplete-warning--hover)", "Input:backgroundColor-AutoComplete-warning--hover": "var(--xmlui-backgroundColor-AutoComplete-warning--hover)", "Input:boxShadow-AutoComplete-warning--hover": "var(--xmlui-boxShadow-AutoComplete-warning--hover)", "Input:textColor-AutoComplete-warning--hover": "var(--xmlui-textColor-AutoComplete-warning--hover)", "Input:textColor-placeholder-AutoComplete-warning": "var(--xmlui-textColor-placeholder-AutoComplete-warning)", "Input:fontSize-placeholder-AutoComplete-warning": "var(--xmlui-fontSize-placeholder-AutoComplete-warning)", "Input:borderRadius-AutoComplete-success": "var(--xmlui-borderRadius-AutoComplete-success)", "Input:borderColor-AutoComplete-success": "var(--xmlui-borderColor-AutoComplete-success)", "Input:borderWidth-AutoComplete-success": "var(--xmlui-borderWidth-AutoComplete-success)", "Input:borderStyle-AutoComplete-success": "var(--xmlui-borderStyle-AutoComplete-success)", "Input:fontSize-AutoComplete-success": "var(--xmlui-fontSize-AutoComplete-success)", "Input:backgroundColor-AutoComplete-success": "var(--xmlui-backgroundColor-AutoComplete-success)", "Input:boxShadow-AutoComplete-success": "var(--xmlui-boxShadow-AutoComplete-success)", "Input:textColor-AutoComplete-success": "var(--xmlui-textColor-AutoComplete-success)", "Input:borderColor-AutoComplete-success--hover": "var(--xmlui-borderColor-AutoComplete-success--hover)", "Input:backgroundColor-AutoComplete-success--hover": "var(--xmlui-backgroundColor-AutoComplete-success--hover)", "Input:boxShadow-AutoComplete-success--hover": "var(--xmlui-boxShadow-AutoComplete-success--hover)", "Input:textColor-AutoComplete-success--hover": "var(--xmlui-textColor-AutoComplete-success--hover)", "Input:textColor-placeholder-AutoComplete-success": "var(--xmlui-textColor-placeholder-AutoComplete-success)", "Input:fontSize-placeholder-AutoComplete-success": "var(--xmlui-fontSize-placeholder-AutoComplete-success)", "Input:backgroundColor-AutoComplete--disabled": "var(--xmlui-backgroundColor-AutoComplete--disabled)", "Input:textColor-AutoComplete--disabled": "var(--xmlui-textColor-AutoComplete--disabled)", "Input:borderColor-AutoComplete--disabled": "var(--xmlui-borderColor-AutoComplete--disabled)", "Input:outlineWidth-AutoComplete--focus": "var(--xmlui-outlineWidth-AutoComplete--focus)", "Input:outlineColor-AutoComplete--focus": "var(--xmlui-outlineColor-AutoComplete--focus)", "Input:outlineStyle-AutoComplete--focus": "var(--xmlui-outlineStyle-AutoComplete--focus)", "Input:outlineOffset-AutoComplete--focus": "var(--xmlui-outlineOffset-AutoComplete--focus)", "paddingVertical-AutoComplete-badge": "var(--xmlui-paddingVertical-AutoComplete-badge)", "paddingHorizontal-AutoComplete-badge": "var(--xmlui-paddingHorizontal-AutoComplete-badge)", "borderRadius-AutoComplete-badge": "var(--xmlui-borderRadius-AutoComplete-badge)", "Input:fontSize-AutoComplete-badge": "var(--xmlui-fontSize-AutoComplete-badge)", "Input:backgroundColor-AutoComplete-badge": "var(--xmlui-backgroundColor-AutoComplete-badge)", "Input:textColor-AutoComplete-badge": "var(--xmlui-textColor-AutoComplete-badge)", "Input:backgroundColor-AutoComplete-badge--hover": "var(--xmlui-backgroundColor-AutoComplete-badge--hover)", "Input:textColor-AutoComplete-badge--hover": "var(--xmlui-textColor-AutoComplete-badge--hover)", "Input:backgroundColor-AutoComplete-badge--active": "var(--xmlui-backgroundColor-AutoComplete-badge--active)", "Input:textColor-AutoComplete-badge--active": "var(--xmlui-textColor-AutoComplete-badge--active)", "Input:textColor-placeholder-AutoComplete": "var(--xmlui-textColor-placeholder-AutoComplete)", "Input:backgroundColor-menu-AutoComplete": "var(--xmlui-backgroundColor-menu-AutoComplete)", "Input:borderRadius-menu-AutoComplete": "var(--xmlui-borderRadius-menu-AutoComplete)", "Input:boxShadow-menu-AutoComplete": "var(--xmlui-boxShadow-menu-AutoComplete)", "backgroundColor-item-AutoComplete": "var(--xmlui-backgroundColor-item-AutoComplete)", "backgroundColor-item-AutoComplete--hover": "var(--xmlui-backgroundColor-item-AutoComplete--hover)", "textColor-item-AutoComplete--disabled": "var(--xmlui-textColor-item-AutoComplete--disabled)"}'`;
|
|
20634
|
-
const command = "
|
|
20635
|
-
const badgeListWrapper = "
|
|
20636
|
-
const error$5 = "
|
|
20637
|
-
const warning$6 = "
|
|
20638
|
-
const valid$5 = "
|
|
20639
|
-
const disabled$4 = "
|
|
20640
|
-
const focused = "
|
|
20641
|
-
const badgeList = "
|
|
20642
|
-
const
|
|
20643
|
-
const
|
|
20644
|
-
const
|
|
20645
|
-
const
|
|
20646
|
-
const
|
|
20647
|
-
const
|
|
20648
|
-
const
|
|
22150
|
+
const command = "_command_eqfil_14";
|
|
22151
|
+
const badgeListWrapper = "_badgeListWrapper_eqfil_20";
|
|
22152
|
+
const error$5 = "_error_eqfil_53";
|
|
22153
|
+
const warning$6 = "_warning_eqfil_73";
|
|
22154
|
+
const valid$5 = "_valid_eqfil_93";
|
|
22155
|
+
const disabled$4 = "_disabled_eqfil_113";
|
|
22156
|
+
const focused = "_focused_eqfil_120";
|
|
22157
|
+
const badgeList = "_badgeList_eqfil_20";
|
|
22158
|
+
const inputWrapper = "_inputWrapper_eqfil_133";
|
|
22159
|
+
const badge = "_badge_eqfil_20";
|
|
22160
|
+
const commandInput = "_commandInput_eqfil_165";
|
|
22161
|
+
const actions = "_actions_eqfil_180";
|
|
22162
|
+
const action = "_action_eqfil_180";
|
|
22163
|
+
const autoCompleteEmpty = "_autoCompleteEmpty_eqfil_188";
|
|
22164
|
+
const commandList = "_commandList_eqfil_197";
|
|
22165
|
+
const autoCompleteOption = "_autoCompleteOption_eqfil_210";
|
|
22166
|
+
const disabledOption = "_disabledOption_eqfil_223";
|
|
20649
22167
|
const styles$E = {
|
|
20650
22168
|
themeVars: themeVars$k,
|
|
20651
22169
|
command,
|
|
@@ -20656,24 +22174,29 @@ const styles$E = {
|
|
|
20656
22174
|
disabled: disabled$4,
|
|
20657
22175
|
focused,
|
|
20658
22176
|
badgeList,
|
|
22177
|
+
inputWrapper,
|
|
20659
22178
|
badge,
|
|
20660
22179
|
commandInput,
|
|
20661
22180
|
actions,
|
|
20662
22181
|
action,
|
|
20663
22182
|
autoCompleteEmpty,
|
|
20664
22183
|
commandList,
|
|
20665
|
-
"fade-in": "_fade-
|
|
20666
|
-
autoCompleteOption
|
|
22184
|
+
"fade-in": "_fade-in_eqfil_1",
|
|
22185
|
+
autoCompleteOption,
|
|
22186
|
+
disabledOption
|
|
20667
22187
|
};
|
|
20668
22188
|
const AutoCompleteContext = createContext({
|
|
20669
22189
|
value: null,
|
|
20670
22190
|
onChange: (selectedValue) => {
|
|
20671
22191
|
},
|
|
20672
22192
|
inputValue: "",
|
|
22193
|
+
searchTerm: "",
|
|
20673
22194
|
options: /* @__PURE__ */ new Set(),
|
|
20674
22195
|
open: false,
|
|
20675
22196
|
setOpen: (open) => {
|
|
20676
22197
|
},
|
|
22198
|
+
setSelectedIndex: (index) => {
|
|
22199
|
+
},
|
|
20677
22200
|
optionRenderer: (option, selectedValue, inTrigger) => null
|
|
20678
22201
|
});
|
|
20679
22202
|
function useAutoComplete() {
|
|
@@ -20744,6 +22267,27 @@ const AutoComplete = forwardRef(function AutoComplete2({
|
|
|
20744
22267
|
const inputId = id || generatedId2;
|
|
20745
22268
|
const [searchTerm, setSearchTerm] = useState("");
|
|
20746
22269
|
const [isFocused, setIsFocused] = useState(false);
|
|
22270
|
+
const [selectedIndex, setSelectedIndex] = useState(-1);
|
|
22271
|
+
const filteredOptions = useMemo(() => {
|
|
22272
|
+
if (!searchTerm || searchTerm.trim() === "") {
|
|
22273
|
+
return Array.from(options2);
|
|
22274
|
+
}
|
|
22275
|
+
const searchLower = searchTerm.toLowerCase();
|
|
22276
|
+
return Array.from(options2).filter((option) => {
|
|
22277
|
+
const extendedValue = option.value + " " + option.label + " " + (option.keywords || []).join(" ");
|
|
22278
|
+
return extendedValue.toLowerCase().includes(searchLower);
|
|
22279
|
+
});
|
|
22280
|
+
}, [options2, searchTerm]);
|
|
22281
|
+
const shouldShowCreatable = useMemo(() => {
|
|
22282
|
+
if (!creatable || !searchTerm || searchTerm.trim() === "") return false;
|
|
22283
|
+
const searchTermExists = Array.from(options2).some(
|
|
22284
|
+
(option) => option.value === searchTerm || option.label === searchTerm
|
|
22285
|
+
);
|
|
22286
|
+
if (searchTermExists) return false;
|
|
22287
|
+
if (Array.isArray(value) && value.includes(searchTerm)) return false;
|
|
22288
|
+
if (value === searchTerm) return false;
|
|
22289
|
+
return filteredOptions.length === 0;
|
|
22290
|
+
}, [creatable, searchTerm, options2, value, filteredOptions]);
|
|
20747
22291
|
useEffect(() => {
|
|
20748
22292
|
if (initialValue !== void 0) {
|
|
20749
22293
|
updateState({ value: initialValue || [] }, { initial: true });
|
|
@@ -20773,19 +22317,22 @@ const AutoComplete = forwardRef(function AutoComplete2({
|
|
|
20773
22317
|
const toggleOption = useCallback(
|
|
20774
22318
|
(selectedItem) => {
|
|
20775
22319
|
var _a2;
|
|
22320
|
+
if (selectedItem === "") return;
|
|
22321
|
+
const option = Array.from(options2).find((opt) => opt.value === selectedItem);
|
|
22322
|
+
if (option && option.enabled === false) return;
|
|
22323
|
+
const newSelectedValue = multi ? Array.isArray(value) ? value.includes(selectedItem) ? value.filter((v) => v !== selectedItem) : [...value, selectedItem] : [selectedItem] : selectedItem === value ? null : selectedItem;
|
|
22324
|
+
updateState({ value: newSelectedValue });
|
|
22325
|
+
onDidChange(newSelectedValue);
|
|
20776
22326
|
if (multi) {
|
|
20777
22327
|
setInputValue("");
|
|
20778
22328
|
setSearchTerm("");
|
|
20779
22329
|
} else {
|
|
20780
|
-
setOpen(
|
|
22330
|
+
setOpen(false);
|
|
22331
|
+
setSearchTerm("");
|
|
20781
22332
|
}
|
|
20782
|
-
if (selectedItem === "") return;
|
|
20783
|
-
const newSelectedValue = multi ? Array.isArray(value) ? value.includes(selectedItem) ? value.filter((v) => v !== selectedItem) : [...value, selectedItem] : [selectedItem] : selectedItem === value ? null : selectedItem;
|
|
20784
|
-
updateState({ value: newSelectedValue });
|
|
20785
|
-
onDidChange(newSelectedValue);
|
|
20786
22333
|
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
20787
22334
|
},
|
|
20788
|
-
[multi, value, updateState, onDidChange]
|
|
22335
|
+
[multi, value, updateState, onDidChange, options2]
|
|
20789
22336
|
);
|
|
20790
22337
|
useEffect(() => {
|
|
20791
22338
|
if (!Array.isArray(selectedValue)) {
|
|
@@ -20809,6 +22356,114 @@ const AutoComplete = forwardRef(function AutoComplete2({
|
|
|
20809
22356
|
return optionsSet;
|
|
20810
22357
|
});
|
|
20811
22358
|
}, []);
|
|
22359
|
+
const allItems = useMemo(() => {
|
|
22360
|
+
const items = [];
|
|
22361
|
+
if (shouldShowCreatable) {
|
|
22362
|
+
items.push({ type: "creatable", value: searchTerm, label: `Create "${searchTerm}"` });
|
|
22363
|
+
}
|
|
22364
|
+
filteredOptions.forEach((option) => {
|
|
22365
|
+
items.push({ type: "option", ...option });
|
|
22366
|
+
});
|
|
22367
|
+
return items;
|
|
22368
|
+
}, [shouldShowCreatable, searchTerm, filteredOptions]);
|
|
22369
|
+
const findNextEnabledIndex = useCallback((currentIndex) => {
|
|
22370
|
+
for (let i = currentIndex + 1; i < allItems.length; i++) {
|
|
22371
|
+
const item2 = allItems[i];
|
|
22372
|
+
if (item2.type === "creatable" || item2.enabled !== false) {
|
|
22373
|
+
return i;
|
|
22374
|
+
}
|
|
22375
|
+
}
|
|
22376
|
+
for (let i = 0; i <= currentIndex; i++) {
|
|
22377
|
+
const item2 = allItems[i];
|
|
22378
|
+
if (item2.type === "creatable" || item2.enabled !== false) {
|
|
22379
|
+
return i;
|
|
22380
|
+
}
|
|
22381
|
+
}
|
|
22382
|
+
return -1;
|
|
22383
|
+
}, [allItems]);
|
|
22384
|
+
const findPreviousEnabledIndex = useCallback((currentIndex) => {
|
|
22385
|
+
for (let i = currentIndex - 1; i >= 0; i--) {
|
|
22386
|
+
const item2 = allItems[i];
|
|
22387
|
+
if (item2.type === "creatable" || item2.enabled !== false) {
|
|
22388
|
+
return i;
|
|
22389
|
+
}
|
|
22390
|
+
}
|
|
22391
|
+
for (let i = allItems.length - 1; i >= currentIndex; i--) {
|
|
22392
|
+
const item2 = allItems[i];
|
|
22393
|
+
if (item2.type === "creatable" || item2.enabled !== false) {
|
|
22394
|
+
return i;
|
|
22395
|
+
}
|
|
22396
|
+
}
|
|
22397
|
+
return -1;
|
|
22398
|
+
}, [allItems]);
|
|
22399
|
+
useEffect(() => {
|
|
22400
|
+
if (!open) {
|
|
22401
|
+
setSelectedIndex(-1);
|
|
22402
|
+
} else if (!multi && open && inputValue) {
|
|
22403
|
+
const matchingIndex = allItems.findIndex((item2) => {
|
|
22404
|
+
var _a2, _b;
|
|
22405
|
+
if (item2.type === "creatable") return false;
|
|
22406
|
+
return ((_a2 = item2.label) == null ? void 0 : _a2.toLowerCase()) === inputValue.toLowerCase() || ((_b = item2.value) == null ? void 0 : _b.toLowerCase()) === inputValue.toLowerCase();
|
|
22407
|
+
});
|
|
22408
|
+
if (matchingIndex !== -1) {
|
|
22409
|
+
setSelectedIndex(matchingIndex);
|
|
22410
|
+
} else {
|
|
22411
|
+
setSelectedIndex(-1);
|
|
22412
|
+
}
|
|
22413
|
+
} else if (!multi && open && !inputValue) {
|
|
22414
|
+
setSelectedIndex(-1);
|
|
22415
|
+
}
|
|
22416
|
+
}, [allItems, multi, open, inputValue]);
|
|
22417
|
+
const handleKeyDown = useCallback(
|
|
22418
|
+
(event) => {
|
|
22419
|
+
if (!open) return;
|
|
22420
|
+
switch (event.key) {
|
|
22421
|
+
case "ArrowDown":
|
|
22422
|
+
event.preventDefault();
|
|
22423
|
+
setSelectedIndex((prev) => {
|
|
22424
|
+
const nextIndex = findNextEnabledIndex(prev);
|
|
22425
|
+
return nextIndex !== -1 ? nextIndex : prev;
|
|
22426
|
+
});
|
|
22427
|
+
break;
|
|
22428
|
+
case "ArrowUp":
|
|
22429
|
+
event.preventDefault();
|
|
22430
|
+
setSelectedIndex((prev) => {
|
|
22431
|
+
const prevIndex = findPreviousEnabledIndex(prev);
|
|
22432
|
+
return prevIndex !== -1 ? prevIndex : prev;
|
|
22433
|
+
});
|
|
22434
|
+
break;
|
|
22435
|
+
case "Enter":
|
|
22436
|
+
event.preventDefault();
|
|
22437
|
+
if (selectedIndex >= 0 && selectedIndex < allItems.length) {
|
|
22438
|
+
const selectedItem = allItems[selectedIndex];
|
|
22439
|
+
if (selectedItem.type === "creatable") {
|
|
22440
|
+
const newOption = { value: searchTerm, label: searchTerm, enabled: true };
|
|
22441
|
+
onOptionAdd(newOption);
|
|
22442
|
+
onItemCreated(searchTerm);
|
|
22443
|
+
toggleOption(searchTerm);
|
|
22444
|
+
} else if (selectedItem.enabled !== false) {
|
|
22445
|
+
toggleOption(selectedItem.value);
|
|
22446
|
+
}
|
|
22447
|
+
} else if (allItems.length === 1) {
|
|
22448
|
+
const singleItem = allItems[0];
|
|
22449
|
+
if (singleItem.type === "creatable") {
|
|
22450
|
+
const newOption = { value: searchTerm, label: searchTerm, enabled: true };
|
|
22451
|
+
onOptionAdd(newOption);
|
|
22452
|
+
onItemCreated(searchTerm);
|
|
22453
|
+
toggleOption(searchTerm);
|
|
22454
|
+
} else if (singleItem.enabled !== false) {
|
|
22455
|
+
toggleOption(singleItem.value);
|
|
22456
|
+
}
|
|
22457
|
+
}
|
|
22458
|
+
break;
|
|
22459
|
+
case "Escape":
|
|
22460
|
+
event.preventDefault();
|
|
22461
|
+
setOpen(false);
|
|
22462
|
+
break;
|
|
22463
|
+
}
|
|
22464
|
+
},
|
|
22465
|
+
[open, selectedIndex, allItems, searchTerm, onOptionAdd, onItemCreated, toggleOption, setOpen, findNextEnabledIndex, findPreviousEnabledIndex]
|
|
22466
|
+
);
|
|
20812
22467
|
const emptyListNode = useMemo(
|
|
20813
22468
|
() => emptyListTemplate ?? /* @__PURE__ */ jsxs("div", { className: styles$E.autoCompleteEmpty, children: [
|
|
20814
22469
|
/* @__PURE__ */ jsx(Icon, { name: "noresult" }),
|
|
@@ -20843,11 +22498,13 @@ const AutoComplete = forwardRef(function AutoComplete2({
|
|
|
20843
22498
|
onChange: toggleOption,
|
|
20844
22499
|
options: options2,
|
|
20845
22500
|
inputValue,
|
|
22501
|
+
searchTerm,
|
|
20846
22502
|
open,
|
|
20847
22503
|
setOpen,
|
|
22504
|
+
setSelectedIndex,
|
|
20848
22505
|
optionRenderer
|
|
20849
22506
|
};
|
|
20850
|
-
}, [inputValue, multi, options2, toggleOption, value, open, setOpen, optionRenderer]);
|
|
22507
|
+
}, [inputValue, searchTerm, multi, options2, toggleOption, value, open, setOpen, setSelectedIndex, optionRenderer]);
|
|
20851
22508
|
return /* @__PURE__ */ jsx(AutoCompleteContext.Provider, { value: autoCompleteContextValue, children: /* @__PURE__ */ jsx(OptionContext.Provider, { value: optionContextValue, children: /* @__PURE__ */ jsxs(OptionTypeProvider, { Component: HiddenOption, children: [
|
|
20852
22509
|
/* @__PURE__ */ jsx(
|
|
20853
22510
|
Popover,
|
|
@@ -20856,236 +22513,254 @@ const AutoComplete = forwardRef(function AutoComplete2({
|
|
|
20856
22513
|
onOpenChange: (isOpen) => {
|
|
20857
22514
|
if (readOnly2) return;
|
|
20858
22515
|
setOpen(isOpen);
|
|
22516
|
+
if (!isOpen) {
|
|
22517
|
+
setSelectedIndex(-1);
|
|
22518
|
+
}
|
|
20859
22519
|
},
|
|
20860
22520
|
modal: false,
|
|
20861
|
-
children: /* @__PURE__ */ jsxs(
|
|
20862
|
-
|
|
20863
|
-
|
|
20864
|
-
|
|
20865
|
-
|
|
20866
|
-
|
|
20867
|
-
|
|
20868
|
-
|
|
20869
|
-
|
|
20870
|
-
|
|
20871
|
-
|
|
20872
|
-
|
|
20873
|
-
children: [
|
|
20874
|
-
/* @__PURE__ */ jsx(
|
|
20875
|
-
ItemWithLabel,
|
|
22521
|
+
children: /* @__PURE__ */ jsxs("div", { ref: dropdownRef, className: styles$E.command, children: [
|
|
22522
|
+
/* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, ref: setReferenceElement, children: /* @__PURE__ */ jsxs(
|
|
22523
|
+
"div",
|
|
22524
|
+
{
|
|
22525
|
+
...rest,
|
|
22526
|
+
ref: forwardedRef,
|
|
22527
|
+
"data-part-id": PART_LIST_WRAPPER,
|
|
22528
|
+
style: { width: "100%", ...style2 },
|
|
22529
|
+
className: classnames(
|
|
22530
|
+
className,
|
|
22531
|
+
styles$E.badgeListWrapper,
|
|
22532
|
+
styles$E[validationStatus],
|
|
20876
22533
|
{
|
|
20877
|
-
|
|
20878
|
-
|
|
20879
|
-
ref: forwardedRef,
|
|
20880
|
-
labelPosition,
|
|
20881
|
-
label: label2,
|
|
20882
|
-
labelWidth,
|
|
20883
|
-
labelBreak: labelBreak2,
|
|
20884
|
-
required: required2,
|
|
20885
|
-
enabled: enabled2,
|
|
20886
|
-
onFocus,
|
|
20887
|
-
onBlur,
|
|
20888
|
-
className,
|
|
20889
|
-
children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs(
|
|
20890
|
-
"div",
|
|
20891
|
-
{
|
|
20892
|
-
"data-part-id": PART_LIST_WRAPPER,
|
|
20893
|
-
ref: setReferenceElement,
|
|
20894
|
-
style: { width: "100%", ...style2 },
|
|
20895
|
-
className: classnames(
|
|
20896
|
-
className,
|
|
20897
|
-
styles$E.badgeListWrapper,
|
|
20898
|
-
styles$E[validationStatus],
|
|
20899
|
-
{
|
|
20900
|
-
[styles$E.disabled]: !enabled2,
|
|
20901
|
-
[styles$E.focused]: isFocused
|
|
20902
|
-
}
|
|
20903
|
-
),
|
|
20904
|
-
children: [
|
|
20905
|
-
Array.isArray(selectedValue) && /* @__PURE__ */ jsx("div", { className: styles$E.badgeList, children: selectedValue.map((v, index) => /* @__PURE__ */ jsxs("span", { className: styles$E.badge, children: [
|
|
20906
|
-
v == null ? void 0 : v.label,
|
|
20907
|
-
!readOnly2 && /* @__PURE__ */ jsx(
|
|
20908
|
-
Icon,
|
|
20909
|
-
{
|
|
20910
|
-
name: "close",
|
|
20911
|
-
size: "sm",
|
|
20912
|
-
onClick: (event) => {
|
|
20913
|
-
event.stopPropagation();
|
|
20914
|
-
toggleOption(v.value);
|
|
20915
|
-
}
|
|
20916
|
-
}
|
|
20917
|
-
)
|
|
20918
|
-
] }, index)) }),
|
|
20919
|
-
/* @__PURE__ */ jsx(
|
|
20920
|
-
CommandInput,
|
|
20921
|
-
{
|
|
20922
|
-
onFocus: (ev) => {
|
|
20923
|
-
setIsFocused(true);
|
|
20924
|
-
onFocus(ev);
|
|
20925
|
-
},
|
|
20926
|
-
onBlur: (ev) => {
|
|
20927
|
-
if (inputValue === "" && !multi) {
|
|
20928
|
-
clearValue();
|
|
20929
|
-
} else {
|
|
20930
|
-
if (!Array.isArray(selectedValue) && selectedValue) {
|
|
20931
|
-
setInputValue(selectedValue == null ? void 0 : selectedValue.label);
|
|
20932
|
-
} else {
|
|
20933
|
-
setInputValue("");
|
|
20934
|
-
}
|
|
20935
|
-
}
|
|
20936
|
-
onBlur(ev);
|
|
20937
|
-
setIsFocused(false);
|
|
20938
|
-
},
|
|
20939
|
-
onKeyDown: (event) => {
|
|
20940
|
-
if (readOnly2) return;
|
|
20941
|
-
if (event.key === "ArrowDown") {
|
|
20942
|
-
setOpen(true);
|
|
20943
|
-
}
|
|
20944
|
-
if (event.key === "Enter") {
|
|
20945
|
-
setOpen((prev) => !prev);
|
|
20946
|
-
}
|
|
20947
|
-
},
|
|
20948
|
-
id: inputId,
|
|
20949
|
-
"data-part-id": PART_INPUT,
|
|
20950
|
-
readOnly: readOnly2,
|
|
20951
|
-
autoFocus,
|
|
20952
|
-
"aria-expanded": open,
|
|
20953
|
-
ref: inputRef,
|
|
20954
|
-
value: inputValue,
|
|
20955
|
-
disabled: !enabled2,
|
|
20956
|
-
onValueChange: (value2) => {
|
|
20957
|
-
setOpen(true);
|
|
20958
|
-
setInputValue(value2);
|
|
20959
|
-
setSearchTerm(value2);
|
|
20960
|
-
},
|
|
20961
|
-
placeholder: !readOnly2 ? placeholder2 : "",
|
|
20962
|
-
className: styles$E.commandInput
|
|
20963
|
-
}
|
|
20964
|
-
),
|
|
20965
|
-
/* @__PURE__ */ jsxs("div", { className: styles$E.actions, children: [
|
|
20966
|
-
(value == null ? void 0 : value.length) > 0 && enabled2 && !readOnly2 && /* @__PURE__ */ jsx(
|
|
20967
|
-
"span",
|
|
20968
|
-
{
|
|
20969
|
-
className: styles$E.action,
|
|
20970
|
-
onClick: (event) => {
|
|
20971
|
-
event.stopPropagation();
|
|
20972
|
-
clearValue();
|
|
20973
|
-
},
|
|
20974
|
-
children: /* @__PURE__ */ jsx(Icon, { name: "close" })
|
|
20975
|
-
}
|
|
20976
|
-
),
|
|
20977
|
-
/* @__PURE__ */ jsx(
|
|
20978
|
-
"span",
|
|
20979
|
-
{
|
|
20980
|
-
className: styles$E.action,
|
|
20981
|
-
onClick: () => {
|
|
20982
|
-
if (readOnly2) return;
|
|
20983
|
-
setOpen(!open);
|
|
20984
|
-
},
|
|
20985
|
-
children: /* @__PURE__ */ jsx(Icon, { name: "chevrondown" })
|
|
20986
|
-
}
|
|
20987
|
-
)
|
|
20988
|
-
] })
|
|
20989
|
-
]
|
|
20990
|
-
}
|
|
20991
|
-
) })
|
|
22534
|
+
[styles$E.disabled]: !enabled2,
|
|
22535
|
+
[styles$E.focused]: isFocused
|
|
20992
22536
|
}
|
|
20993
22537
|
),
|
|
20994
|
-
|
|
20995
|
-
|
|
20996
|
-
{
|
|
20997
|
-
|
|
20998
|
-
|
|
20999
|
-
|
|
21000
|
-
align: "start",
|
|
21001
|
-
onOpenAutoFocus: (e) => e.preventDefault(),
|
|
21002
|
-
children: /* @__PURE__ */ jsxs(
|
|
21003
|
-
CommandList,
|
|
22538
|
+
"aria-expanded": open,
|
|
22539
|
+
children: [
|
|
22540
|
+
Array.isArray(selectedValue) && selectedValue.length > 0 && /* @__PURE__ */ jsx("div", { className: styles$E.badgeList, children: selectedValue.map((v, index) => /* @__PURE__ */ jsxs("span", { className: styles$E.badge, children: [
|
|
22541
|
+
v == null ? void 0 : v.label,
|
|
22542
|
+
!readOnly2 && /* @__PURE__ */ jsx(
|
|
22543
|
+
Icon,
|
|
21004
22544
|
{
|
|
21005
|
-
|
|
21006
|
-
|
|
21007
|
-
|
|
21008
|
-
|
|
21009
|
-
|
|
21010
|
-
|
|
21011
|
-
/* @__PURE__ */ jsx(CommandGroup, { children: Array.from(options2).map(({ value: value2, label: label22, enabled: enabled22, keywords }) => /* @__PURE__ */ jsx(
|
|
21012
|
-
AutoCompleteOption,
|
|
21013
|
-
{
|
|
21014
|
-
value: value2,
|
|
21015
|
-
label: label22,
|
|
21016
|
-
enabled: enabled22,
|
|
21017
|
-
keywords,
|
|
21018
|
-
readOnly: readOnly2
|
|
21019
|
-
},
|
|
21020
|
-
value2
|
|
21021
|
-
)) })
|
|
21022
|
-
]
|
|
22545
|
+
name: "close",
|
|
22546
|
+
size: "sm",
|
|
22547
|
+
onClick: (event) => {
|
|
22548
|
+
event.stopPropagation();
|
|
22549
|
+
toggleOption(v.value);
|
|
22550
|
+
}
|
|
21023
22551
|
}
|
|
21024
22552
|
)
|
|
22553
|
+
] }, index)) }),
|
|
22554
|
+
/* @__PURE__ */ jsxs("div", { className: styles$E.inputWrapper, children: [
|
|
22555
|
+
/* @__PURE__ */ jsx(
|
|
22556
|
+
"input",
|
|
22557
|
+
{
|
|
22558
|
+
role: "combobox",
|
|
22559
|
+
id: inputId,
|
|
22560
|
+
onFocus: (ev) => {
|
|
22561
|
+
setIsFocused(true);
|
|
22562
|
+
onFocus(ev);
|
|
22563
|
+
},
|
|
22564
|
+
onBlur: (ev) => {
|
|
22565
|
+
if (inputValue === "" && !multi) {
|
|
22566
|
+
clearValue();
|
|
22567
|
+
} else {
|
|
22568
|
+
if (!Array.isArray(selectedValue) && selectedValue) {
|
|
22569
|
+
setInputValue(selectedValue == null ? void 0 : selectedValue.label);
|
|
22570
|
+
} else {
|
|
22571
|
+
setInputValue("");
|
|
22572
|
+
}
|
|
22573
|
+
}
|
|
22574
|
+
onBlur(ev);
|
|
22575
|
+
setIsFocused(false);
|
|
22576
|
+
},
|
|
22577
|
+
onKeyDown: (event) => {
|
|
22578
|
+
if (readOnly2) return;
|
|
22579
|
+
if (event.key === "ArrowDown" && !open) {
|
|
22580
|
+
setOpen(true);
|
|
22581
|
+
return;
|
|
22582
|
+
}
|
|
22583
|
+
if (open) {
|
|
22584
|
+
handleKeyDown(event);
|
|
22585
|
+
} else if (event.key === "Enter") {
|
|
22586
|
+
setOpen(true);
|
|
22587
|
+
}
|
|
22588
|
+
},
|
|
22589
|
+
"data-part-id": PART_INPUT,
|
|
22590
|
+
readOnly: readOnly2,
|
|
22591
|
+
autoFocus,
|
|
22592
|
+
"aria-autocomplete": "list",
|
|
22593
|
+
ref: inputRef,
|
|
22594
|
+
value: inputValue,
|
|
22595
|
+
disabled: !enabled2,
|
|
22596
|
+
onChange: (event) => {
|
|
22597
|
+
setOpen(true);
|
|
22598
|
+
setInputValue(event.target.value);
|
|
22599
|
+
setSearchTerm(event.target.value);
|
|
22600
|
+
},
|
|
22601
|
+
placeholder: !readOnly2 ? placeholder2 : "",
|
|
22602
|
+
className: styles$E.commandInput
|
|
22603
|
+
}
|
|
22604
|
+
),
|
|
22605
|
+
/* @__PURE__ */ jsxs("div", { className: styles$E.actions, children: [
|
|
22606
|
+
(value == null ? void 0 : value.length) > 0 && enabled2 && !readOnly2 && /* @__PURE__ */ jsx(
|
|
22607
|
+
"span",
|
|
22608
|
+
{
|
|
22609
|
+
className: styles$E.action,
|
|
22610
|
+
onClick: (event) => {
|
|
22611
|
+
event.stopPropagation();
|
|
22612
|
+
clearValue();
|
|
22613
|
+
},
|
|
22614
|
+
children: /* @__PURE__ */ jsx(Icon, { name: "close" })
|
|
22615
|
+
}
|
|
22616
|
+
),
|
|
22617
|
+
/* @__PURE__ */ jsx(
|
|
22618
|
+
"span",
|
|
22619
|
+
{
|
|
22620
|
+
className: styles$E.action,
|
|
22621
|
+
onClick: () => {
|
|
22622
|
+
var _a2;
|
|
22623
|
+
if (readOnly2) return;
|
|
22624
|
+
setOpen(!open);
|
|
22625
|
+
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
22626
|
+
},
|
|
22627
|
+
children: /* @__PURE__ */ jsx(Icon, { name: "chevrondown" })
|
|
22628
|
+
}
|
|
22629
|
+
)
|
|
22630
|
+
] })
|
|
22631
|
+
] })
|
|
22632
|
+
]
|
|
22633
|
+
}
|
|
22634
|
+
) }),
|
|
22635
|
+
open && /* @__PURE__ */ jsx(Portal, { container: root2, children: /* @__PURE__ */ jsx(
|
|
22636
|
+
PopoverContent,
|
|
22637
|
+
{
|
|
22638
|
+
style: { width, height: dropdownHeight },
|
|
22639
|
+
className: styles$E.popoverContent,
|
|
22640
|
+
align: "start",
|
|
22641
|
+
onOpenAutoFocus: (e) => e.preventDefault(),
|
|
22642
|
+
children: /* @__PURE__ */ jsxs(
|
|
22643
|
+
"div",
|
|
22644
|
+
{
|
|
22645
|
+
role: "listbox",
|
|
22646
|
+
className: styles$E.commandList,
|
|
22647
|
+
style: { height: dropdownHeight },
|
|
22648
|
+
children: [
|
|
22649
|
+
filteredOptions.length === 0 && !shouldShowCreatable && /* @__PURE__ */ jsx("div", { children: emptyListNode }),
|
|
22650
|
+
shouldShowCreatable && /* @__PURE__ */ jsx(
|
|
22651
|
+
CreatableItem,
|
|
22652
|
+
{
|
|
22653
|
+
onNewItem: onItemCreated,
|
|
22654
|
+
isHighlighted: selectedIndex === 0
|
|
22655
|
+
}
|
|
22656
|
+
),
|
|
22657
|
+
/* @__PURE__ */ jsx("div", { children: filteredOptions.map(({ value: value2, label: label22, enabled: enabled22, keywords }, index) => {
|
|
22658
|
+
const itemIndex = shouldShowCreatable ? index + 1 : index;
|
|
22659
|
+
return /* @__PURE__ */ jsx(
|
|
22660
|
+
AutoCompleteOption,
|
|
22661
|
+
{
|
|
22662
|
+
value: value2,
|
|
22663
|
+
label: label22,
|
|
22664
|
+
enabled: enabled22,
|
|
22665
|
+
keywords,
|
|
22666
|
+
readOnly: readOnly2,
|
|
22667
|
+
isHighlighted: selectedIndex === itemIndex,
|
|
22668
|
+
itemIndex
|
|
22669
|
+
},
|
|
22670
|
+
value2
|
|
22671
|
+
);
|
|
22672
|
+
}) })
|
|
22673
|
+
]
|
|
21025
22674
|
}
|
|
21026
|
-
)
|
|
21027
|
-
|
|
21028
|
-
}
|
|
21029
|
-
)
|
|
22675
|
+
)
|
|
22676
|
+
}
|
|
22677
|
+
) })
|
|
22678
|
+
] })
|
|
21030
22679
|
}
|
|
21031
22680
|
),
|
|
21032
22681
|
children
|
|
21033
22682
|
] }) }) });
|
|
21034
22683
|
});
|
|
21035
|
-
function CreatableItem({ onNewItem }) {
|
|
21036
|
-
const { value, options: options2,
|
|
22684
|
+
function CreatableItem({ onNewItem, isHighlighted = false }) {
|
|
22685
|
+
const { value, options: options2, searchTerm, onChange, setOpen, setSelectedIndex } = useAutoComplete();
|
|
21037
22686
|
const { onOptionAdd } = useOption();
|
|
21038
|
-
if (isOptionsExist(options2, [{ value:
|
|
22687
|
+
if (isOptionsExist(options2, [{ value: searchTerm, label: searchTerm }]) || Array.isArray(value) && (value == null ? void 0 : value.find((s) => s === searchTerm)) || searchTerm === value) {
|
|
21039
22688
|
return /* @__PURE__ */ jsx("span", { style: { display: "none" } });
|
|
21040
22689
|
}
|
|
22690
|
+
const handleClick = () => {
|
|
22691
|
+
const newOption = { value: searchTerm, label: searchTerm, enabled: true };
|
|
22692
|
+
onOptionAdd(newOption);
|
|
22693
|
+
onNewItem == null ? void 0 : onNewItem(searchTerm);
|
|
22694
|
+
onChange(searchTerm);
|
|
22695
|
+
setOpen(false);
|
|
22696
|
+
};
|
|
21041
22697
|
const Item2 = /* @__PURE__ */ jsx(
|
|
21042
|
-
|
|
22698
|
+
"div",
|
|
21043
22699
|
{
|
|
21044
|
-
|
|
21045
|
-
|
|
22700
|
+
className: classnames(styles$E.autoCompleteOption, {
|
|
22701
|
+
[styles$E.highlighted]: isHighlighted
|
|
22702
|
+
}),
|
|
21046
22703
|
onMouseDown: (e) => {
|
|
21047
22704
|
e.preventDefault();
|
|
21048
22705
|
e.stopPropagation();
|
|
21049
22706
|
},
|
|
21050
|
-
|
|
21051
|
-
|
|
21052
|
-
|
|
21053
|
-
|
|
21054
|
-
onChange(value2);
|
|
21055
|
-
setOpen(false);
|
|
22707
|
+
onMouseEnter: () => {
|
|
22708
|
+
if (setSelectedIndex) {
|
|
22709
|
+
setSelectedIndex(0);
|
|
22710
|
+
}
|
|
21056
22711
|
},
|
|
21057
|
-
|
|
22712
|
+
onClick: handleClick,
|
|
22713
|
+
role: "option",
|
|
22714
|
+
"aria-selected": isHighlighted,
|
|
22715
|
+
children: `Create "${searchTerm}"`
|
|
21058
22716
|
}
|
|
21059
22717
|
);
|
|
21060
|
-
if (
|
|
22718
|
+
if (searchTerm.length > 0) {
|
|
21061
22719
|
return Item2;
|
|
21062
22720
|
}
|
|
21063
22721
|
return /* @__PURE__ */ jsx("span", { style: { display: "none" } });
|
|
21064
22722
|
}
|
|
21065
22723
|
function AutoCompleteOption(option) {
|
|
21066
|
-
const {
|
|
22724
|
+
const {
|
|
22725
|
+
value,
|
|
22726
|
+
label: label2,
|
|
22727
|
+
enabled: enabled2 = true,
|
|
22728
|
+
keywords,
|
|
22729
|
+
readOnly: readOnly2,
|
|
22730
|
+
children,
|
|
22731
|
+
isHighlighted = false,
|
|
22732
|
+
itemIndex
|
|
22733
|
+
} = option;
|
|
21067
22734
|
const id = useId();
|
|
21068
|
-
const { value: selectedValue, onChange, multi, setOpen, optionRenderer } = useAutoComplete();
|
|
22735
|
+
const { value: selectedValue, onChange, multi, setOpen, setSelectedIndex, optionRenderer } = useAutoComplete();
|
|
21069
22736
|
const selected2 = multi ? selectedValue == null ? void 0 : selectedValue.includes(value) : selectedValue === value;
|
|
22737
|
+
const handleClick = () => {
|
|
22738
|
+
if (!readOnly2 && enabled2) {
|
|
22739
|
+
onChange(value);
|
|
22740
|
+
setOpen(false);
|
|
22741
|
+
}
|
|
22742
|
+
};
|
|
21070
22743
|
return /* @__PURE__ */ jsx(
|
|
21071
|
-
|
|
22744
|
+
"div",
|
|
21072
22745
|
{
|
|
21073
22746
|
id,
|
|
21074
|
-
|
|
21075
|
-
|
|
22747
|
+
role: "option",
|
|
22748
|
+
"aria-disabled": !enabled2,
|
|
22749
|
+
"aria-selected": isHighlighted,
|
|
21076
22750
|
className: classnames(styles$E.autoCompleteOption, {
|
|
21077
|
-
[styles$E.disabledOption]: !enabled2
|
|
22751
|
+
[styles$E.disabledOption]: !enabled2,
|
|
22752
|
+
[styles$E.highlighted]: isHighlighted
|
|
21078
22753
|
}),
|
|
21079
22754
|
onMouseDown: (e) => {
|
|
21080
22755
|
e.preventDefault();
|
|
21081
22756
|
e.stopPropagation();
|
|
21082
22757
|
},
|
|
21083
|
-
|
|
21084
|
-
if (
|
|
21085
|
-
|
|
22758
|
+
onMouseEnter: () => {
|
|
22759
|
+
if (itemIndex !== void 0 && setSelectedIndex && enabled2) {
|
|
22760
|
+
setSelectedIndex(itemIndex);
|
|
22761
|
+
}
|
|
21086
22762
|
},
|
|
21087
|
-
|
|
21088
|
-
keywords,
|
|
22763
|
+
onClick: handleClick,
|
|
21089
22764
|
children: children ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
21090
22765
|
/* @__PURE__ */ jsx("div", { className: styles$E.autoCompleteOptionContent, children }),
|
|
21091
22766
|
selected2 && /* @__PURE__ */ jsx(Icon, { name: "checkmark" })
|
|
@@ -21093,8 +22768,7 @@ function AutoCompleteOption(option) {
|
|
|
21093
22768
|
/* @__PURE__ */ jsx("div", { className: styles$E.autoCompleteOptionContent, children: label2 }),
|
|
21094
22769
|
selected2 && /* @__PURE__ */ jsx(Icon, { name: "checkmark" })
|
|
21095
22770
|
] })
|
|
21096
|
-
}
|
|
21097
|
-
id
|
|
22771
|
+
}
|
|
21098
22772
|
);
|
|
21099
22773
|
}
|
|
21100
22774
|
const themeVars$j = `'{"Input:backgroundColor-track-Slider": "var(--xmlui-backgroundColor-track-Slider)", "Input:borderRadius-Slider-default": "var(--xmlui-borderRadius-Slider-default)", "Input:borderColor-Slider-default": "var(--xmlui-borderColor-Slider-default)", "Input:borderWidth-Slider-default": "var(--xmlui-borderWidth-Slider-default)", "Input:borderStyle-Slider-default": "var(--xmlui-borderStyle-Slider-default)", "Input:boxShadow-Slider-default": "var(--xmlui-boxShadow-Slider-default)", "Input:borderColor-Slider-default--hover": "var(--xmlui-borderColor-Slider-default--hover)", "Input:boxShadow-Slider-default--hover": "var(--xmlui-boxShadow-Slider-default--hover)", "Input:borderColor-Slider-default--focus": "var(--xmlui-borderColor-Slider-default--focus)", "Input:boxShadow-Slider-default--focus": "var(--xmlui-boxShadow-Slider-default--focus)", "Input:borderRadius-Slider-error": "var(--xmlui-borderRadius-Slider-error)", "Input:borderColor-Slider-error": "var(--xmlui-borderColor-Slider-error)", "Input:borderWidth-Slider-error": "var(--xmlui-borderWidth-Slider-error)", "Input:borderStyle-Slider-error": "var(--xmlui-borderStyle-Slider-error)", "Input:boxShadow-Slider-error": "var(--xmlui-boxShadow-Slider-error)", "Input:borderColor-Slider-error--hover": "var(--xmlui-borderColor-Slider-error--hover)", "Input:boxShadow-Slider-error--hover": "var(--xmlui-boxShadow-Slider-error--hover)", "Input:borderColor-Slider-error--focus": "var(--xmlui-borderColor-Slider-error--focus)", "Input:boxShadow-Slider-error--focus": "var(--xmlui-boxShadow-Slider-error--focus)", "Input:borderRadius-Slider-warning": "var(--xmlui-borderRadius-Slider-warning)", "Input:borderColor-Slider-warning": "var(--xmlui-borderColor-Slider-warning)", "Input:borderWidth-Slider-warning": "var(--xmlui-borderWidth-Slider-warning)", "Input:borderStyle-Slider-warning": "var(--xmlui-borderStyle-Slider-warning)", "Input:boxShadow-Slider-warning": "var(--xmlui-boxShadow-Slider-warning)", "Input:borderColor-Slider-warning--hover": "var(--xmlui-borderColor-Slider-warning--hover)", "Input:boxShadow-Slider-warning--hover": "var(--xmlui-boxShadow-Slider-warning--hover)", "Input:borderColor-Slider-warning--focus": "var(--xmlui-borderColor-Slider-warning--focus)", "Input:boxShadow-Slider-warning--focus": "var(--xmlui-boxShadow-Slider-warning--focus)", "Input:borderRadius-Slider-success": "var(--xmlui-borderRadius-Slider-success)", "Input:borderColor-Slider-success": "var(--xmlui-borderColor-Slider-success)", "Input:borderWidth-Slider-success": "var(--xmlui-borderWidth-Slider-success)", "Input:borderStyle-Slider-success": "var(--xmlui-borderStyle-Slider-success)", "Input:boxShadow-Slider-success": "var(--xmlui-boxShadow-Slider-success)", "Input:borderColor-Slider-success--hover": "var(--xmlui-borderColor-Slider-success--hover)", "Input:boxShadow-Slider-success--hover": "var(--xmlui-boxShadow-Slider-success--hover)", "Input:borderColor-Slider-success--focus": "var(--xmlui-borderColor-Slider-success--focus)", "Input:boxShadow-Slider-success--focus": "var(--xmlui-boxShadow-Slider-success--focus)", "Input:backgroundColor-track-Slider--disabled": "var(--xmlui-backgroundColor-track-Slider--disabled)", "Input:backgroundColor-range-Slider": "var(--xmlui-backgroundColor-range-Slider)", "Input:backgroundColor-range-Slider--disabled": "var(--xmlui-backgroundColor-range-Slider--disabled)", "Input:borderWidth-thumb-Slider": "var(--xmlui-borderWidth-thumb-Slider)", "Input:borderStyle-thumb-Slider": "var(--xmlui-borderStyle-thumb-Slider)", "Input:borderColor-thumb-Slider": "var(--xmlui-borderColor-thumb-Slider)", "Input:backgroundColor-thumb-Slider": "var(--xmlui-backgroundColor-thumb-Slider)", "Input:boxShadow-thumb-Slider": "var(--xmlui-boxShadow-thumb-Slider)", "Input:backgroundColor-thumb-Slider--focus": "var(--xmlui-backgroundColor-thumb-Slider--focus)", "Input:boxShadow-thumb-Slider--focus": "var(--xmlui-boxShadow-thumb-Slider--focus)", "Input:backgroundColor-thumb-Slider--hover": "var(--xmlui-backgroundColor-thumb-Slider--hover)", "Input:boxShadow-thumb-Slider--hover": "var(--xmlui-boxShadow-thumb-Slider--hover)", "Input:backgroundColor-thumb-Slider--active": "var(--xmlui-backgroundColor-thumb-Slider--active)", "Input:boxShadow-thumb-Slider--active": "var(--xmlui-boxShadow-thumb-Slider--active)"}'`;
|
|
@@ -21323,7 +22997,7 @@ function transformCodeLines(node) {
|
|
|
21323
22997
|
splitNode.splice(endTrimIdx + 1);
|
|
21324
22998
|
return splitNode.join("\n");
|
|
21325
22999
|
}
|
|
21326
|
-
function extractMetaFromChildren(meta,
|
|
23000
|
+
function extractMetaFromChildren(meta, code2 = "") {
|
|
21327
23001
|
if (!meta) return {};
|
|
21328
23002
|
return {
|
|
21329
23003
|
// NOTE: Row numbers are disabled for now, because applying the highlight class removes the "numbered" class
|
|
@@ -21334,15 +23008,15 @@ function extractMetaFromChildren(meta, code = "") {
|
|
|
21334
23008
|
[CodeHighlighterMetaKeys.copy.prop]: parseBoolean(meta[CodeHighlighterMetaKeys.copy.data]),
|
|
21335
23009
|
[CodeHighlighterMetaKeys.filename.prop]: meta[CodeHighlighterMetaKeys.filename.data],
|
|
21336
23010
|
[CodeHighlighterMetaKeys.highlightRows.prop]: parseRowHighlights(
|
|
21337
|
-
|
|
23011
|
+
code2,
|
|
21338
23012
|
meta[CodeHighlighterMetaKeys.highlightRows.data]
|
|
21339
23013
|
),
|
|
21340
23014
|
[CodeHighlighterMetaKeys.highlightSubstrings.prop]: parseSubstringHighlights(
|
|
21341
|
-
|
|
23015
|
+
code2,
|
|
21342
23016
|
meta[CodeHighlighterMetaKeys.highlightSubstrings.data]
|
|
21343
23017
|
),
|
|
21344
23018
|
[CodeHighlighterMetaKeys.highlightSubstringsEmphasized.prop]: parseSubstringHighlights(
|
|
21345
|
-
|
|
23019
|
+
code2,
|
|
21346
23020
|
meta[CodeHighlighterMetaKeys.highlightSubstringsEmphasized.data],
|
|
21347
23021
|
true
|
|
21348
23022
|
)
|
|
@@ -21353,10 +23027,10 @@ function parseBoolean(str) {
|
|
|
21353
23027
|
if (str === "false") return false;
|
|
21354
23028
|
return false;
|
|
21355
23029
|
}
|
|
21356
|
-
function parseRowHighlights(
|
|
23030
|
+
function parseRowHighlights(code2, str) {
|
|
21357
23031
|
if (!str) return [];
|
|
21358
23032
|
if (str === "") return [];
|
|
21359
|
-
const codeLines =
|
|
23033
|
+
const codeLines = code2.split("\n");
|
|
21360
23034
|
return str.split(",").map((item2) => {
|
|
21361
23035
|
item2 = item2.trim();
|
|
21362
23036
|
const split = item2.split("-");
|
|
@@ -21379,7 +23053,7 @@ function parseRowHighlights(code, str) {
|
|
|
21379
23053
|
return { start: start2, end: end2, properties: { class: highlightRowsClass } };
|
|
21380
23054
|
}).filter((item2) => {
|
|
21381
23055
|
if (item2.start <= -1 || item2.end <= -1) return false;
|
|
21382
|
-
if (item2.start >
|
|
23056
|
+
if (item2.start > code2.length || item2.end > code2.length) return false;
|
|
21383
23057
|
return true;
|
|
21384
23058
|
});
|
|
21385
23059
|
function parse2(value) {
|
|
@@ -21398,7 +23072,7 @@ function parseRowHighlights(code, str) {
|
|
|
21398
23072
|
let count = 0;
|
|
21399
23073
|
let index = 0;
|
|
21400
23074
|
while (count < lineNumber && index !== -1) {
|
|
21401
|
-
index =
|
|
23075
|
+
index = code2.indexOf("\n", index);
|
|
21402
23076
|
if (index !== -1) {
|
|
21403
23077
|
index++;
|
|
21404
23078
|
count++;
|
|
@@ -21407,16 +23081,16 @@ function parseRowHighlights(code, str) {
|
|
|
21407
23081
|
return index !== -1 ? index : -1;
|
|
21408
23082
|
}
|
|
21409
23083
|
}
|
|
21410
|
-
function parseSubstringHighlights(
|
|
23084
|
+
function parseSubstringHighlights(code2, str, emphasized = false) {
|
|
21411
23085
|
if (!str) return [];
|
|
21412
|
-
if (!
|
|
21413
|
-
return str.split(" ").map((item2) => decodeFromBase64(item2)).filter((item2) => item2.trim() !== "").reduce((acc, item2) => acc.concat(findAllNonOverlappingSubstrings(
|
|
21414
|
-
function findAllNonOverlappingSubstrings(str2,
|
|
23086
|
+
if (!code2) return [];
|
|
23087
|
+
return str.split(" ").map((item2) => decodeFromBase64(item2)).filter((item2) => item2.trim() !== "").reduce((acc, item2) => acc.concat(findAllNonOverlappingSubstrings(code2, item2)), []);
|
|
23088
|
+
function findAllNonOverlappingSubstrings(str2, code22) {
|
|
21415
23089
|
const result = [];
|
|
21416
23090
|
let startIndex = 0;
|
|
21417
|
-
const searchLength =
|
|
23091
|
+
const searchLength = code22.length;
|
|
21418
23092
|
while (startIndex <= str2.length - searchLength) {
|
|
21419
|
-
const index = str2.indexOf(
|
|
23093
|
+
const index = str2.indexOf(code22, startIndex);
|
|
21420
23094
|
if (index === -1) break;
|
|
21421
23095
|
result.push({
|
|
21422
23096
|
start: index,
|
|
@@ -22256,7 +23930,7 @@ function ApiInterceptorProvider({
|
|
|
22256
23930
|
return;
|
|
22257
23931
|
}
|
|
22258
23932
|
(async () => {
|
|
22259
|
-
const { initMock } = await import("./initMock-
|
|
23933
|
+
const { initMock } = await import("./initMock-qzTZlH-6.mjs");
|
|
22260
23934
|
const apiInstance2 = await initMock(interceptor);
|
|
22261
23935
|
setApiInstance(apiInstance2);
|
|
22262
23936
|
setInitialized(true);
|
|
@@ -22273,7 +23947,7 @@ function ApiInterceptorProvider({
|
|
|
22273
23947
|
if (process.env.VITE_MOCK_ENABLED) {
|
|
22274
23948
|
const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
|
|
22275
23949
|
useWorker ? import("./apiInterceptorWorker-DPgtUtdA.mjs") : Promise.resolve({ createApiInterceptorWorker: () => null }),
|
|
22276
|
-
import("./initMock-
|
|
23950
|
+
import("./initMock-qzTZlH-6.mjs")
|
|
22277
23951
|
]);
|
|
22278
23952
|
if (interceptor || forceInitialize) {
|
|
22279
23953
|
const apiInstance2 = await initMock(interceptor || {});
|
|
@@ -22310,7 +23984,7 @@ function ApiInterceptorProvider({
|
|
|
22310
23984
|
(async () => {
|
|
22311
23985
|
const [{ createApiInterceptorWorker }, { initMock }] = await Promise.all([
|
|
22312
23986
|
import("./apiInterceptorWorker-DPgtUtdA.mjs"),
|
|
22313
|
-
import("./initMock-
|
|
23987
|
+
import("./initMock-qzTZlH-6.mjs")
|
|
22314
23988
|
]);
|
|
22315
23989
|
const apiInstance2 = await initMock(interceptor);
|
|
22316
23990
|
await createApiInterceptorWorker(apiInstance2, parentInterceptorWorker);
|
|
@@ -23070,7 +24744,7 @@ function AppWithCodeViewNative({
|
|
|
23070
24744
|
const [refreshVersion, setRefreshVersion] = useState(0);
|
|
23071
24745
|
const { activeTheme: currentTheme, activeThemeTone, activeThemeId } = useTheme();
|
|
23072
24746
|
const safePopOutUrl = withoutTrailingSlash(
|
|
23073
|
-
popOutUrl || ((_a2 = appContext == null ? void 0 : appContext.appGlobals) == null ? void 0 : _a2.popOutUrl) || "https://
|
|
24747
|
+
popOutUrl || ((_a2 = appContext == null ? void 0 : appContext.appGlobals) == null ? void 0 : _a2.popOutUrl) || "https://playground.xmlui.org/#/playground"
|
|
23074
24748
|
);
|
|
23075
24749
|
const openPlayground = useCallback(async () => {
|
|
23076
24750
|
const data = {
|
|
@@ -24391,7 +26065,7 @@ const Slider = forwardRef(
|
|
|
24391
26065
|
id = id || _id;
|
|
24392
26066
|
const inputRef = useRef(null);
|
|
24393
26067
|
const tooltipRef = useRef(null);
|
|
24394
|
-
const
|
|
26068
|
+
const thumbsRef = useRef([]);
|
|
24395
26069
|
min = parseValue(min, defaultProps$u.min);
|
|
24396
26070
|
max = parseValue(max, defaultProps$u.max);
|
|
24397
26071
|
const [localValue, setLocalValue] = React__default.useState(
|
|
@@ -24462,23 +26136,25 @@ const Slider = forwardRef(
|
|
|
24462
26136
|
);
|
|
24463
26137
|
const handleOnFocus = useCallback(
|
|
24464
26138
|
(ev) => {
|
|
24465
|
-
|
|
24466
|
-
(_a2 = thumbRef.current) == null ? void 0 : _a2.focus();
|
|
26139
|
+
onShowTooltip();
|
|
24467
26140
|
onFocus == null ? void 0 : onFocus(ev);
|
|
24468
26141
|
},
|
|
24469
|
-
[onFocus]
|
|
26142
|
+
[onFocus, onShowTooltip]
|
|
24470
26143
|
);
|
|
24471
26144
|
const handleOnBlur = useCallback(
|
|
24472
26145
|
(ev) => {
|
|
24473
|
-
var _a2;
|
|
24474
|
-
(_a2 = thumbRef.current) == null ? void 0 : _a2.focus();
|
|
24475
26146
|
onBlur == null ? void 0 : onBlur(ev);
|
|
24476
26147
|
},
|
|
24477
26148
|
[onBlur]
|
|
24478
26149
|
);
|
|
24479
26150
|
const focus = useCallback(() => {
|
|
24480
26151
|
var _a2;
|
|
24481
|
-
|
|
26152
|
+
const firstThumb = thumbsRef.current.find((thumb) => thumb !== null);
|
|
26153
|
+
if (firstThumb) {
|
|
26154
|
+
firstThumb.focus();
|
|
26155
|
+
} else {
|
|
26156
|
+
(_a2 = inputRef.current) == null ? void 0 : _a2.focus();
|
|
26157
|
+
}
|
|
24482
26158
|
}, []);
|
|
24483
26159
|
const setValue = useEvent((newValue) => {
|
|
24484
26160
|
if (readOnly2 || !enabled2) {
|
|
@@ -24495,6 +26171,9 @@ const Slider = forwardRef(
|
|
|
24495
26171
|
});
|
|
24496
26172
|
}, [focus, registerComponentApi, setValue]);
|
|
24497
26173
|
const displayValue = localValue.length > 0 ? localValue : formatValue(void 0, min, min, max);
|
|
26174
|
+
useEffect(() => {
|
|
26175
|
+
thumbsRef.current = thumbsRef.current.slice(0, displayValue.length);
|
|
26176
|
+
}, [displayValue.length]);
|
|
24498
26177
|
return /* @__PURE__ */ jsx(
|
|
24499
26178
|
ItemWithLabel,
|
|
24500
26179
|
{
|
|
@@ -24572,13 +26251,15 @@ const Slider = forwardRef(
|
|
|
24572
26251
|
{
|
|
24573
26252
|
id,
|
|
24574
26253
|
"aria-required": required2,
|
|
24575
|
-
ref:
|
|
26254
|
+
ref: (el) => {
|
|
26255
|
+
thumbsRef.current[index] = el;
|
|
26256
|
+
},
|
|
24576
26257
|
className: classnames(styles$D.sliderThumb, {
|
|
24577
26258
|
[styles$D.disabled]: !enabled2
|
|
24578
26259
|
}),
|
|
24579
26260
|
style: thumbStyle ? { ...thumbStyle } : void 0,
|
|
24580
26261
|
"data-thumb-index": index,
|
|
24581
|
-
autoFocus
|
|
26262
|
+
autoFocus: autoFocus && index === 0
|
|
24582
26263
|
}
|
|
24583
26264
|
)
|
|
24584
26265
|
},
|
|
@@ -26573,9 +28254,10 @@ const numberBoxComponentRenderer = createComponentRenderer(
|
|
|
26573
28254
|
className,
|
|
26574
28255
|
registerComponentApi
|
|
26575
28256
|
}) => {
|
|
26576
|
-
let extractedInitialValue
|
|
26577
|
-
|
|
26578
|
-
extractedInitialValue =
|
|
28257
|
+
let extractedInitialValue;
|
|
28258
|
+
try {
|
|
28259
|
+
extractedInitialValue = extractValue.asOptionalNumber(node.props.initialValue);
|
|
28260
|
+
} catch {
|
|
26579
28261
|
}
|
|
26580
28262
|
return /* @__PURE__ */ jsx(
|
|
26581
28263
|
NumberBox,
|
|
@@ -26671,28 +28353,28 @@ const AppMd = createMetadata({
|
|
|
26671
28353
|
scrollWholePage: {
|
|
26672
28354
|
description: `This boolean property specifies whether the whole page should scroll (\`true\`) or just the content area (\`false\`). The default value is \`true\`.`,
|
|
26673
28355
|
valueType: "boolean",
|
|
26674
|
-
defaultValue: defaultProps$
|
|
28356
|
+
defaultValue: defaultProps$19.scrollWholePage
|
|
26675
28357
|
},
|
|
26676
28358
|
noScrollbarGutters: {
|
|
26677
28359
|
description: "This boolean property specifies whether the scrollbar gutters should be hidden.",
|
|
26678
28360
|
valueType: "boolean",
|
|
26679
|
-
defaultValue: defaultProps$
|
|
28361
|
+
defaultValue: defaultProps$19.noScrollbarGutters
|
|
26680
28362
|
},
|
|
26681
28363
|
defaultTone: {
|
|
26682
28364
|
description: `This property sets the app's default tone ("light" or "dark").`,
|
|
26683
28365
|
valueType: "string",
|
|
26684
|
-
defaultValue: defaultProps$
|
|
28366
|
+
defaultValue: defaultProps$19.defaultTone,
|
|
26685
28367
|
availableValues: ["light", "dark"]
|
|
26686
28368
|
},
|
|
26687
28369
|
defaultTheme: {
|
|
26688
28370
|
description: "This property sets the app's default theme.",
|
|
26689
28371
|
valueType: "string",
|
|
26690
|
-
defaultValue: defaultProps$
|
|
28372
|
+
defaultValue: defaultProps$19.defaultTheme
|
|
26691
28373
|
},
|
|
26692
28374
|
autoDetectTone: {
|
|
26693
28375
|
description: `This boolean property enables automatic detection of the system theme preference. When set to true and no defaultTone is specified, the app will automatically use "light" or "dark" tone based on the user's system theme setting. The app will also respond to changes in the system theme preference.`,
|
|
26694
28376
|
valueType: "boolean",
|
|
26695
|
-
defaultValue: defaultProps$
|
|
28377
|
+
defaultValue: defaultProps$19.autoDetectTone
|
|
26696
28378
|
}
|
|
26697
28379
|
},
|
|
26698
28380
|
events: {
|
|
@@ -27195,7 +28877,7 @@ const NavPanelMd = createMetadata({
|
|
|
27195
28877
|
inDrawer: {
|
|
27196
28878
|
description: `This property determines if the navigation panel is displayed in a drawer.`,
|
|
27197
28879
|
valueType: "boolean",
|
|
27198
|
-
defaultValue: defaultProps$
|
|
28880
|
+
defaultValue: defaultProps$18.inDrawer
|
|
27199
28881
|
}
|
|
27200
28882
|
},
|
|
27201
28883
|
themeVars: parseScssVar(styles$19.themeVars),
|
|
@@ -27460,22 +29142,22 @@ const NavGroupMd = createMetadata({
|
|
|
27460
29142
|
iconHorizontalExpanded: {
|
|
27461
29143
|
description: "Set a custom icon to display when the navigation menu is expanded, is in a **horizontal** app layout, and is in a navigation submenu.",
|
|
27462
29144
|
valueType: "string",
|
|
27463
|
-
defaultValue: defaultProps$
|
|
29145
|
+
defaultValue: defaultProps$17.iconHorizontalExpanded
|
|
27464
29146
|
},
|
|
27465
29147
|
iconVerticalExpanded: {
|
|
27466
29148
|
description: "Set a custom icon to display when the navigation menu is expanded, is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
|
|
27467
29149
|
valueType: "string",
|
|
27468
|
-
defaultValue: defaultProps$
|
|
29150
|
+
defaultValue: defaultProps$17.iconVerticalExpanded
|
|
27469
29151
|
},
|
|
27470
29152
|
iconHorizontalCollapsed: {
|
|
27471
29153
|
description: "Set a custom icon to display when the navigation menu is collapsed, is in a **horizontal** app layout, and is in a navigation submenu.",
|
|
27472
29154
|
valueType: "string",
|
|
27473
|
-
defaultValue: defaultProps$
|
|
29155
|
+
defaultValue: defaultProps$17.iconHorizontalCollapsed
|
|
27474
29156
|
},
|
|
27475
29157
|
iconVerticalCollapsed: {
|
|
27476
29158
|
description: "Set a custom icon to display when the navigation menu is collapsed, is in a **vertical** app layout, or is in a **horizontal** layout and is the top-level navigation item in the menu.",
|
|
27477
29159
|
valueType: "string",
|
|
27478
|
-
defaultValue: defaultProps$
|
|
29160
|
+
defaultValue: defaultProps$17.iconVerticalCollapsed
|
|
27479
29161
|
}
|
|
27480
29162
|
},
|
|
27481
29163
|
themeVars: parseScssVar(styles$18.themeVars),
|
|
@@ -27515,12 +29197,12 @@ const LogoMd = createMetadata({
|
|
|
27515
29197
|
alt: {
|
|
27516
29198
|
description: "Alternative text for the logo image for accessibility.",
|
|
27517
29199
|
type: "string",
|
|
27518
|
-
defaultValue: defaultProps$
|
|
29200
|
+
defaultValue: defaultProps$1b.alt
|
|
27519
29201
|
},
|
|
27520
29202
|
inline: {
|
|
27521
29203
|
description: `When set to true, the image will be displayed as an inline element instead of a block element.`,
|
|
27522
29204
|
type: "boolean",
|
|
27523
|
-
defaultValue: defaultProps$
|
|
29205
|
+
defaultValue: defaultProps$1b.inline
|
|
27524
29206
|
}
|
|
27525
29207
|
}
|
|
27526
29208
|
});
|
|
@@ -27780,12 +29462,12 @@ const SpinnerMd = createMetadata({
|
|
|
27780
29462
|
delay: {
|
|
27781
29463
|
description: `The delay in milliseconds before the spinner is displayed.`,
|
|
27782
29464
|
valueType: "number",
|
|
27783
|
-
defaultValue: defaultProps$
|
|
29465
|
+
defaultValue: defaultProps$1h.delay
|
|
27784
29466
|
},
|
|
27785
29467
|
fullScreen: {
|
|
27786
29468
|
description: `If set to \`true\`, the component will be rendered in a full screen container.`,
|
|
27787
29469
|
valueType: "boolean",
|
|
27788
|
-
defaultValue: defaultProps$
|
|
29470
|
+
defaultValue: defaultProps$1h.fullScreen
|
|
27789
29471
|
}
|
|
27790
29472
|
},
|
|
27791
29473
|
themeVars: parseScssVar(styles$1j.themeVars),
|
|
@@ -28426,7 +30108,7 @@ const AppHeaderMd = createMetadata({
|
|
|
28426
30108
|
showLogo: {
|
|
28427
30109
|
description: "Show the logo in the header",
|
|
28428
30110
|
valueType: "boolean",
|
|
28429
|
-
defaultValue: defaultProps$
|
|
30111
|
+
defaultValue: defaultProps$1a.showLogo
|
|
28430
30112
|
}
|
|
28431
30113
|
},
|
|
28432
30114
|
themeVars: parseScssVar(styles$1b.themeVars),
|
|
@@ -37285,7 +38967,10 @@ const OptionMd = createMetadata({
|
|
|
37285
38967
|
description: "This boolean property indicates whether the option is enabled or disabled.",
|
|
37286
38968
|
valueType: "boolean",
|
|
37287
38969
|
defaultValue: defaultProps$E.enabled
|
|
37288
|
-
}
|
|
38970
|
+
},
|
|
38971
|
+
keywords: d(
|
|
38972
|
+
"An array of keywords that can be used for searching and filtering the option. These keywords are not displayed but help users find the option through search."
|
|
38973
|
+
)
|
|
37289
38974
|
}
|
|
37290
38975
|
});
|
|
37291
38976
|
const optionComponentRenderer = createComponentRenderer(
|
|
@@ -37306,6 +38991,7 @@ const optionComponentRenderer = createComponentRenderer(
|
|
|
37306
38991
|
label: label2 || textNodeChild,
|
|
37307
38992
|
value: value !== void 0 && value !== "" ? value : label2,
|
|
37308
38993
|
enabled: extractValue.asOptionalBoolean(node.props.enabled),
|
|
38994
|
+
keywords: extractValue.asOptionalStringArray(node.props.keywords),
|
|
37309
38995
|
className,
|
|
37310
38996
|
optionRenderer: ((_b = node.children) == null ? void 0 : _b.length) > 0 ? !hasTextNodeChild ? (contextVars) => /* @__PURE__ */ jsx(
|
|
37311
38997
|
MemoizedItem,
|
|
@@ -37361,13 +39047,6 @@ const AutoCompleteMd = createMetadata({
|
|
|
37361
39047
|
...dValidationStatus(),
|
|
37362
39048
|
defaultValue: defaultProps$y.validationStatus
|
|
37363
39049
|
},
|
|
37364
|
-
label: dLabel(),
|
|
37365
|
-
labelPosition: {
|
|
37366
|
-
...dLabelPosition(),
|
|
37367
|
-
defaultValue: defaultProps$y.labelPosition
|
|
37368
|
-
},
|
|
37369
|
-
labelWidth: dLabelWidth(COMP$h),
|
|
37370
|
-
labelBreak: dLabelBreak(COMP$h),
|
|
37371
39050
|
dropdownHeight: d("This property sets the height of the dropdown list."),
|
|
37372
39051
|
multi: {
|
|
37373
39052
|
...dMulti(),
|
|
@@ -37456,10 +39135,6 @@ const autoCompleteComponentRenderer = createComponentRenderer(
|
|
|
37456
39135
|
initialValue: extractValue(node.props.initialValue),
|
|
37457
39136
|
value: state == null ? void 0 : state.value,
|
|
37458
39137
|
creatable: extractValue.asOptionalBoolean(node.props.creatable),
|
|
37459
|
-
label: extractValue(node.props.label),
|
|
37460
|
-
labelPosition: extractValue(node.props.labelPosition),
|
|
37461
|
-
labelWidth: extractValue(node.props.labelWidth),
|
|
37462
|
-
labelBreak: extractValue.asOptionalBoolean(node.props.labelBreak),
|
|
37463
39138
|
autoFocus: extractValue.asOptionalBoolean(node.props.autoFocus),
|
|
37464
39139
|
enabled: extractValue.asOptionalBoolean(node.props.enabled),
|
|
37465
39140
|
placeholder: extractValue.asOptionalString(node.props.placeholder),
|
|
@@ -43840,7 +45515,7 @@ function IconProvider({ children }) {
|
|
|
43840
45515
|
/* @__PURE__ */ jsx("svg", { style: { display: "none" }, ref: spriteRootRef })
|
|
43841
45516
|
] });
|
|
43842
45517
|
}
|
|
43843
|
-
const version = "0.10.
|
|
45518
|
+
const version = "0.10.16";
|
|
43844
45519
|
const miscellaneousUtils = {
|
|
43845
45520
|
capitalize,
|
|
43846
45521
|
pluralize: pluralize$1,
|
|
@@ -47188,6 +48863,7 @@ const Animation$1 = forwardRef(function Animation2({
|
|
|
47188
48863
|
const [reset, setReset] = useState(false);
|
|
47189
48864
|
const [count, setCount] = useState(0);
|
|
47190
48865
|
const times = 1;
|
|
48866
|
+
const animationId = useId();
|
|
47191
48867
|
const animationSettings = useMemo(
|
|
47192
48868
|
() => ({
|
|
47193
48869
|
from: _animation.from,
|
|
@@ -47215,7 +48891,9 @@ const Animation$1 = forwardRef(function Animation2({
|
|
|
47215
48891
|
}
|
|
47216
48892
|
}
|
|
47217
48893
|
},
|
|
47218
|
-
onStart: () =>
|
|
48894
|
+
onStart: () => {
|
|
48895
|
+
onStart == null ? void 0 : onStart();
|
|
48896
|
+
}
|
|
47219
48897
|
}),
|
|
47220
48898
|
[
|
|
47221
48899
|
_animation.config,
|
|
@@ -47229,7 +48907,8 @@ const Animation$1 = forwardRef(function Animation2({
|
|
|
47229
48907
|
onStop,
|
|
47230
48908
|
reset,
|
|
47231
48909
|
reverse2,
|
|
47232
|
-
toggle
|
|
48910
|
+
toggle,
|
|
48911
|
+
animationId
|
|
47233
48912
|
]
|
|
47234
48913
|
);
|
|
47235
48914
|
const [springs, api] = useSpring(
|
|
@@ -47323,6 +49002,7 @@ const labelBehavior = {
|
|
|
47323
49002
|
const shrinkToLabel2 = extractValue.asOptionalBoolean(componentNode.props.shrinkToLabel);
|
|
47324
49003
|
const style2 = extractValue(componentNode.props.style);
|
|
47325
49004
|
const generatedId2 = useId();
|
|
49005
|
+
console.log("HERE!!!");
|
|
47326
49006
|
return /* @__PURE__ */ jsx(
|
|
47327
49007
|
ItemWithLabel,
|
|
47328
49008
|
{
|
|
@@ -47587,6 +49267,15 @@ const ComponentAdapter = forwardRef(function ComponentAdapter2({
|
|
|
47587
49267
|
safeNode.uid
|
|
47588
49268
|
);
|
|
47589
49269
|
}
|
|
49270
|
+
const { getBehaviors } = useBehaviors();
|
|
49271
|
+
const behaviors = getBehaviors();
|
|
49272
|
+
if (!isCompoundComponent) {
|
|
49273
|
+
for (const behavior of behaviors) {
|
|
49274
|
+
if (behavior.canAttach(rendererContext.node, descriptor)) {
|
|
49275
|
+
renderedNode = behavior.attach(rendererContext, renderedNode);
|
|
49276
|
+
}
|
|
49277
|
+
}
|
|
49278
|
+
}
|
|
47590
49279
|
if ((_a2 = layoutContextRef.current) == null ? void 0 : _a2.wrapChild) {
|
|
47591
49280
|
renderedNode = layoutContextRef.current.wrapChild(rendererContext, renderedNode, descriptor);
|
|
47592
49281
|
}
|
|
@@ -47618,20 +49307,7 @@ const ComponentAdapter = forwardRef(function ComponentAdapter2({
|
|
|
47618
49307
|
} else {
|
|
47619
49308
|
nodeToRender = React__default.isValidElement(renderedNode) && !!children ? cloneElement(renderedNode, null, children) : renderedNode;
|
|
47620
49309
|
}
|
|
47621
|
-
|
|
47622
|
-
const applyBehaviors = (node2) => {
|
|
47623
|
-
const behaviors = getBehaviors();
|
|
47624
|
-
let wrappedNode = node2;
|
|
47625
|
-
if (!isCompoundComponent) {
|
|
47626
|
-
for (const behavior of behaviors) {
|
|
47627
|
-
if (behavior.canAttach(rendererContext.node, descriptor)) {
|
|
47628
|
-
wrappedNode = behavior.attach(rendererContext, wrappedNode);
|
|
47629
|
-
}
|
|
47630
|
-
}
|
|
47631
|
-
}
|
|
47632
|
-
return wrappedNode;
|
|
47633
|
-
};
|
|
47634
|
-
return applyBehaviors(nodeToRender);
|
|
49310
|
+
return nodeToRender;
|
|
47635
49311
|
});
|
|
47636
49312
|
function slotRenderer({ node, extractValue, renderChild: renderChild2, lookupAction, layoutContext }, parentRenderContext) {
|
|
47637
49313
|
const templateName = extractValue.asOptionalString(node.props.name);
|
|
@@ -48943,15 +50619,15 @@ function checkXmlUiMarkup(rootDef, components, metadataHandler, devMode) {
|
|
|
48943
50619
|
const identifierRegex = /^[a-zA-Z_$][a-zA-Z0-9_$]*$/;
|
|
48944
50620
|
return identifierRegex.test(identifier);
|
|
48945
50621
|
}
|
|
48946
|
-
function reportError(
|
|
48947
|
-
_reportError(
|
|
50622
|
+
function reportError(code2, name, ...args) {
|
|
50623
|
+
_reportError(code2, name, false, ...args);
|
|
48948
50624
|
}
|
|
48949
|
-
function _reportError(
|
|
48950
|
-
let errorText = errorMessages[
|
|
50625
|
+
function _reportError(code2, name, isWarning, ...args) {
|
|
50626
|
+
let errorText = errorMessages[code2] ?? "Unkonwn error";
|
|
48951
50627
|
if (args) {
|
|
48952
50628
|
args.forEach((a, idx) => errorText = replace(errorText, `{${idx}}`, args[idx].toString()));
|
|
48953
50629
|
}
|
|
48954
|
-
errorsCollected.push({ name, code, message: errorText, isWarning, args });
|
|
50630
|
+
errorsCollected.push({ name, code: code2, message: errorText, isWarning, args });
|
|
48955
50631
|
function replace(input2, placeholder2, replacement) {
|
|
48956
50632
|
do {
|
|
48957
50633
|
input2 = input2.replace(placeholder2, replacement);
|
|
@@ -49449,9 +51125,9 @@ async function parseComponentMarkupResponse(response) {
|
|
|
49449
51125
|
if (!response.ok) {
|
|
49450
51126
|
throw new Error(`Failed to fetch ${response.url}`);
|
|
49451
51127
|
}
|
|
49452
|
-
const
|
|
51128
|
+
const code2 = await response.text();
|
|
49453
51129
|
const fileId = response.url;
|
|
49454
|
-
let { component: component2, errors, erroneousCompoundComponentName } = xmlUiMarkupToComponent(
|
|
51130
|
+
let { component: component2, errors, erroneousCompoundComponentName } = xmlUiMarkupToComponent(code2, fileId);
|
|
49455
51131
|
if (errors.length > 0) {
|
|
49456
51132
|
const compName = erroneousCompoundComponentName ?? response.url.substring(
|
|
49457
51133
|
response.url.lastIndexOf("/") + 1,
|
|
@@ -49461,7 +51137,7 @@ async function parseComponentMarkupResponse(response) {
|
|
|
49461
51137
|
}
|
|
49462
51138
|
return {
|
|
49463
51139
|
component: component2,
|
|
49464
|
-
src:
|
|
51140
|
+
src: code2,
|
|
49465
51141
|
file: fileId,
|
|
49466
51142
|
hasError: errors.length > 0
|
|
49467
51143
|
};
|
|
@@ -49470,8 +51146,8 @@ async function parseCodeBehindResponse(response) {
|
|
|
49470
51146
|
if (!response.ok) {
|
|
49471
51147
|
throw new Error(`Failed to fetch ${response.url}`);
|
|
49472
51148
|
}
|
|
49473
|
-
const
|
|
49474
|
-
const parser = new Parser(
|
|
51149
|
+
const code2 = await response.text();
|
|
51150
|
+
const parser = new Parser(code2);
|
|
49475
51151
|
try {
|
|
49476
51152
|
parser.parseStatements();
|
|
49477
51153
|
} catch (e) {
|
|
@@ -49485,7 +51161,7 @@ async function parseCodeBehindResponse(response) {
|
|
|
49485
51161
|
}
|
|
49486
51162
|
}
|
|
49487
51163
|
try {
|
|
49488
|
-
const codeBehind = collectCodeBehindFromSource("Main",
|
|
51164
|
+
const codeBehind = collectCodeBehindFromSource("Main", code2);
|
|
49489
51165
|
if (Object.keys(codeBehind.moduleErrors ?? {}).length > 0) {
|
|
49490
51166
|
return {
|
|
49491
51167
|
component: errReportModuleErrors(codeBehind.moduleErrors, response.url),
|
|
@@ -49495,7 +51171,7 @@ async function parseCodeBehindResponse(response) {
|
|
|
49495
51171
|
}
|
|
49496
51172
|
removeCodeBehindTokensFromTree(codeBehind);
|
|
49497
51173
|
return {
|
|
49498
|
-
src:
|
|
51174
|
+
src: code2,
|
|
49499
51175
|
codeBehind,
|
|
49500
51176
|
file: response.url
|
|
49501
51177
|
};
|