@connectif/ui-components 9.0.6 → 9.0.7
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/CHANGELOG.md +7 -0
- package/dist/index.js +79 -69
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
package/dist/index.js
CHANGED
|
@@ -8342,6 +8342,7 @@ var Divider = ({
|
|
|
8342
8342
|
variant,
|
|
8343
8343
|
...rest,
|
|
8344
8344
|
sx: {
|
|
8345
|
+
opacity: 1,
|
|
8345
8346
|
...sx,
|
|
8346
8347
|
...color2 && { borderColor: color2 }
|
|
8347
8348
|
}
|
|
@@ -24603,7 +24604,7 @@ var AutocompleteList = function AutocompleteList2({
|
|
|
24603
24604
|
anchorEl: inputContainerRef.current,
|
|
24604
24605
|
open: isOpen,
|
|
24605
24606
|
sx: { zIndex: 3e3 },
|
|
24606
|
-
children: /* @__PURE__ */
|
|
24607
|
+
children: /* @__PURE__ */ jsx136(
|
|
24607
24608
|
Paper_default,
|
|
24608
24609
|
{
|
|
24609
24610
|
sx: {
|
|
@@ -24611,80 +24612,89 @@ var AutocompleteList = function AutocompleteList2({
|
|
|
24611
24612
|
borderRadius: "8px",
|
|
24612
24613
|
width: popoverWidth ?? "auto"
|
|
24613
24614
|
},
|
|
24614
|
-
children:
|
|
24615
|
-
|
|
24616
|
-
|
|
24617
|
-
|
|
24618
|
-
|
|
24619
|
-
|
|
24620
|
-
|
|
24621
|
-
|
|
24622
|
-
|
|
24623
|
-
|
|
24624
|
-
|
|
24625
|
-
|
|
24626
|
-
onClick: (event) => onAddSelectedValue(
|
|
24627
|
-
event,
|
|
24628
|
-
exclusiveOption
|
|
24629
|
-
),
|
|
24630
|
-
"data-testid": `autocomplete-option-${exclusiveOption.id}`
|
|
24631
|
-
}
|
|
24632
|
-
),
|
|
24633
|
-
/* @__PURE__ */ jsx136(Divider_default, {})
|
|
24634
|
-
] }),
|
|
24635
|
-
(!exclusiveOption || filteredOptions.length > 0 || isLoading) && /* @__PURE__ */ jsxs66(
|
|
24636
|
-
Box_default2,
|
|
24637
|
-
{
|
|
24638
|
-
sx: {
|
|
24639
|
-
maxHeight: "40vh",
|
|
24640
|
-
height: !isLoading && filteredOptions.length ? filteredOptions.length * 44 : "auto",
|
|
24641
|
-
width: "100%",
|
|
24642
|
-
borderRadius: "8px"
|
|
24643
|
-
},
|
|
24644
|
-
className: "Slim-Vertical-Scroll",
|
|
24645
|
-
ref: listRef,
|
|
24646
|
-
children: [
|
|
24647
|
-
isLoading && /* @__PURE__ */ jsx136(
|
|
24648
|
-
ListItem_default,
|
|
24649
|
-
{
|
|
24650
|
-
text: loadingText ?? t("AUTOCOMPLETE.LOADING")
|
|
24651
|
-
}
|
|
24652
|
-
),
|
|
24653
|
-
!isLoading && filteredOptions.length === 0 && /* @__PURE__ */ jsx136(
|
|
24654
|
-
ListItem_default,
|
|
24615
|
+
children: /* @__PURE__ */ jsxs66(
|
|
24616
|
+
Box_default2,
|
|
24617
|
+
{
|
|
24618
|
+
sx: {
|
|
24619
|
+
width: "100%",
|
|
24620
|
+
borderRadius: "8px",
|
|
24621
|
+
overflow: "hidden"
|
|
24622
|
+
},
|
|
24623
|
+
children: [
|
|
24624
|
+
!!exclusiveOption && /* @__PURE__ */ jsxs66(Fragment34, { children: [
|
|
24625
|
+
/* @__PURE__ */ jsx136(
|
|
24626
|
+
ListItemButton_default,
|
|
24655
24627
|
{
|
|
24656
|
-
|
|
24628
|
+
selected: isExclusiveSelected,
|
|
24629
|
+
tabIndex: -1,
|
|
24630
|
+
role: "option",
|
|
24631
|
+
baseSx: {
|
|
24632
|
+
color: palette2.grey[900]
|
|
24633
|
+
},
|
|
24634
|
+
text: exclusiveOption.label,
|
|
24635
|
+
onClick: (event) => onAddSelectedValue(
|
|
24636
|
+
event,
|
|
24637
|
+
exclusiveOption
|
|
24638
|
+
),
|
|
24639
|
+
"data-testid": `autocomplete-option-${exclusiveOption.id}`
|
|
24657
24640
|
}
|
|
24658
24641
|
),
|
|
24659
|
-
|
|
24660
|
-
|
|
24661
|
-
|
|
24662
|
-
|
|
24663
|
-
|
|
24664
|
-
{
|
|
24665
|
-
|
|
24666
|
-
height:
|
|
24667
|
-
|
|
24668
|
-
|
|
24669
|
-
|
|
24670
|
-
|
|
24671
|
-
|
|
24672
|
-
|
|
24642
|
+
/* @__PURE__ */ jsx136(Divider_default, {})
|
|
24643
|
+
] }),
|
|
24644
|
+
/* @__PURE__ */ jsxs66(
|
|
24645
|
+
Box_default2,
|
|
24646
|
+
{
|
|
24647
|
+
sx: {
|
|
24648
|
+
maxHeight: !exclusiveOption ? "40vh" : "calc(40vh - 44px)",
|
|
24649
|
+
height: !isLoading && filteredOptions.length ? filteredOptions.length * 44 : "auto",
|
|
24650
|
+
width: "100%"
|
|
24651
|
+
},
|
|
24652
|
+
className: "Slim-Vertical-Scroll",
|
|
24653
|
+
ref: listRef,
|
|
24654
|
+
children: [
|
|
24655
|
+
isLoading && /* @__PURE__ */ jsx136(
|
|
24656
|
+
ListItem_default,
|
|
24673
24657
|
{
|
|
24674
|
-
|
|
24675
|
-
containerHeight: listRef.current?.clientHeight ?? 0,
|
|
24676
|
-
highlightedIndex,
|
|
24677
|
-
selectedIndex,
|
|
24678
|
-
totalItems: filteredOptions.length
|
|
24658
|
+
text: loadingText ?? t("AUTOCOMPLETE.LOADING")
|
|
24679
24659
|
}
|
|
24680
24660
|
),
|
|
24681
|
-
|
|
24682
|
-
|
|
24683
|
-
|
|
24684
|
-
|
|
24685
|
-
|
|
24686
|
-
|
|
24687
|
-
|
|
24661
|
+
!isLoading && filteredOptions.length === 0 && /* @__PURE__ */ jsx136(
|
|
24662
|
+
ListItem_default,
|
|
24663
|
+
{
|
|
24664
|
+
text: noOptionsText ?? t("AUTOCOMPLETE.NO_OPTIONS")
|
|
24665
|
+
}
|
|
24666
|
+
),
|
|
24667
|
+
!isLoading && filteredOptions.length > 0 && /* @__PURE__ */ jsx136(AutoSizer5, { children: ({
|
|
24668
|
+
height: height2,
|
|
24669
|
+
width: width2
|
|
24670
|
+
}) => /* @__PURE__ */ jsx136(
|
|
24671
|
+
FixedSizeList3,
|
|
24672
|
+
{
|
|
24673
|
+
overscanCount: 3,
|
|
24674
|
+
height: height2,
|
|
24675
|
+
itemCount: filteredOptions.length,
|
|
24676
|
+
itemSize: AUTOCOMPLETE_ITEM_HEIGHT,
|
|
24677
|
+
width: width2,
|
|
24678
|
+
className: "Slim-Vertical-Scroll",
|
|
24679
|
+
ref: virtualListRef,
|
|
24680
|
+
initialScrollOffset: getInitialListScroll(
|
|
24681
|
+
{
|
|
24682
|
+
itemHeight: AUTOCOMPLETE_ITEM_HEIGHT,
|
|
24683
|
+
containerHeight: listRef.current?.clientHeight ?? 0,
|
|
24684
|
+
highlightedIndex,
|
|
24685
|
+
selectedIndex,
|
|
24686
|
+
totalItems: filteredOptions.length
|
|
24687
|
+
}
|
|
24688
|
+
),
|
|
24689
|
+
children: ListItemButtonWrapper
|
|
24690
|
+
}
|
|
24691
|
+
) })
|
|
24692
|
+
]
|
|
24693
|
+
}
|
|
24694
|
+
)
|
|
24695
|
+
]
|
|
24696
|
+
}
|
|
24697
|
+
)
|
|
24688
24698
|
}
|
|
24689
24699
|
)
|
|
24690
24700
|
}
|