@luscii-healthtech/web-ui 58.14.1 → 58.14.3
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/esm/components/Accordion/Accordion.js +1 -1
- package/dist/esm/components/Accordion/Accordion.js.map +1 -1
- package/dist/esm/components/Carousel/Carousel.js +1 -1
- package/dist/esm/components/Carousel/Carousel.js.map +1 -1
- package/dist/esm/components/PaginationMenu/PaginationMenuLarge.js +1 -1
- package/dist/esm/components/PaginationMenu/PaginationMenuLarge.js.map +1 -1
- package/dist/esm/components/SettingsMenuButton/SettingsMenuButton.js +1 -1
- package/dist/esm/components/SettingsMenuButton/SettingsMenuButton.js.map +1 -1
- package/dist/esm/components/Switcher/SwitcherItem.js +1 -1
- package/dist/esm/components/Switcher/SwitcherItem.js.map +1 -1
- package/dist/esm/components/Table/Table.js +8 -2
- package/dist/esm/components/Table/Table.js.map +1 -1
- package/dist/esm/components/Table/TableBody.js +4 -2
- package/dist/esm/components/Table/TableBody.js.map +1 -1
- package/dist/esm/components/Table/TableHeader.js +9 -12
- package/dist/esm/components/Table/TableHeader.js.map +1 -1
- package/dist/esm/components/UnorderedList/UnorderedList.js +2 -2
- package/dist/esm/components/UnorderedList/UnorderedList.js.map +1 -1
- package/dist/index.development.js +26 -22
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/stories/AccordionList.stories.d.ts +2 -0
- package/dist/stories/Input.stories.d.ts +3 -0
- package/dist/stories/ListRecipe.stories.d.ts +2 -2
- package/dist/stories/Select.stories.d.ts +3 -0
- package/dist/stories/Textarea.stories.d.ts +1 -0
- package/dist/web-ui-tailwind.css +30 -21
- package/package.json +1 -1
|
@@ -7,7 +7,7 @@ const Accordion = ({ dataTestId, isCollapsedByDefault = false, items, className,
|
|
|
7
7
|
return jsxs("ul", { "data-test-id": dataTestId, className, children: [(_a = items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item) => {
|
|
8
8
|
var _a2;
|
|
9
9
|
return createElement(AccordionItem, Object.assign({}, item, { key: item.id, isCollapsedByDefault: (_a2 = item.isCollapsedByDefault) !== null && _a2 !== void 0 ? _a2 : isCollapsedByDefault }));
|
|
10
|
-
}), footer && jsx("
|
|
10
|
+
}), footer && jsx("li", { className: "ui:p-4", children: footer })] });
|
|
11
11
|
};
|
|
12
12
|
|
|
13
13
|
export { Accordion as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":[null],"names":["_jsxs","_createElement","_a","_jsx"],"mappings":";;;;AAiBA,MAAM,SAAA,GAAgC,CAAC,EACrC,UAAA,EACA,uBAAuB,KAAA,EACvB,KAAA,EACA,SAAA,EACA,MAAA,EAAM,KACH;;AACH,EAAA,OACEA,KAAA,IAAA,EAAA,EAAA,gBAAkB,UAAA,EAAY,SAAA,EAAoB,UAAA,CAAA,CAC/C,EAAA,GAAA,MAAM,GAAA,MAAG,IAAA,IAAA,OAAA,MAAA,GAAA,MAAA,GAAA,GAAA,IAAA,CAAA,KAAA,EAAG,CAAC,IAAA,KAAQ;;AAAC,IAAA,OACrBC,aAAA,CAAC,eAAa,MAAA,CAAA,MAAA,CAAA,EAAA,EACR,IAAA,EAAI,EACR,GAAA,EAAK,IAAA,CAAK,IACV,oBAAA,EAAA,OACE,KAAK,oBAAA,MAAoB,IAAA,IAAAC,QAAA,MAAA,GAAAA,GAAAA,GAAI,oBAAA,EAAoB,CAAA,CAAA;AAAA,EAGtD,CAAA,CAAA,EAEA,MAAA,IAAUC,GAAA,CAAA,
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":[null],"names":["_jsxs","_createElement","_a","_jsx"],"mappings":";;;;AAiBA,MAAM,SAAA,GAAgC,CAAC,EACrC,UAAA,EACA,uBAAuB,KAAA,EACvB,KAAA,EACA,SAAA,EACA,MAAA,EAAM,KACH;;AACH,EAAA,OACEA,KAAA,IAAA,EAAA,EAAA,gBAAkB,UAAA,EAAY,SAAA,EAAoB,UAAA,CAAA,CAC/C,EAAA,GAAA,MAAM,GAAA,MAAG,IAAA,IAAA,OAAA,MAAA,GAAA,MAAA,GAAA,GAAA,IAAA,CAAA,KAAA,EAAG,CAAC,IAAA,KAAQ;;AAAC,IAAA,OACrBC,aAAA,CAAC,eAAa,MAAA,CAAA,MAAA,CAAA,EAAA,EACR,IAAA,EAAI,EACR,GAAA,EAAK,IAAA,CAAK,IACV,oBAAA,EAAA,OACE,KAAK,oBAAA,MAAoB,IAAA,IAAAC,QAAA,MAAA,GAAAA,GAAAA,GAAI,oBAAA,EAAoB,CAAA,CAAA;AAAA,EAGtD,CAAA,CAAA,EAEA,MAAA,IAAUC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAA,EAAU,QAAA,EAAQ,QAAA,EAAE,MAAA,EAAM,CAAM,GAAA,CAAA;AAGrD;;"}
|
|
@@ -21,7 +21,7 @@ const DotButton = (_a) => {
|
|
|
21
21
|
};
|
|
22
22
|
const DotList = ({ activeIndex, amount, onClickIndex, buttonLabel }) => {
|
|
23
23
|
const items = Array.from({ length: amount }).map((_, i) => i);
|
|
24
|
-
return jsx(Stack, { as: "ol", role: "tablist", axis: "x", _gap: "m", children: items.map((index) => jsx(Box, { as: "li", children: jsx(DotButton, { isActive: activeIndex === index, onClick: () => onClickIndex(index), "aria-label": buttonLabel === null || buttonLabel === void 0 ? void 0 : buttonLabel(index), role: "tab" }) }, index)) });
|
|
24
|
+
return jsx(Stack, { as: "ol", role: "tablist", axis: "x", _gap: "m", children: items.map((index) => jsx(Box, { as: "li", role: "none", children: jsx(DotButton, { isActive: activeIndex === index, onClick: () => onClickIndex(index), "aria-label": buttonLabel === null || buttonLabel === void 0 ? void 0 : buttonLabel(index), role: "tab" }) }, index)) });
|
|
25
25
|
};
|
|
26
26
|
const Carousel = ({ id, className, slides = [], labels }) => {
|
|
27
27
|
const [currentIndex, setCurrentIndex] = useState(0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Carousel.js","sources":["../../../../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAmEA,MAAM,SAAA,GAAgC,CAAC,EAAA,KAKlC;MALkC,EACrC,OAAA,EACA,QAAA,EACA,SAAA,SACG,IAAA,GAAI,MAAA,CAAA,EAAA,EAJ8B,CAAA,SAAA,EAAA,UAAA,EAAA,WAAA,CAKtC,CAAA;AACC,EAAA,MAAM,OAAA,GAAU,UAAA,CACd,SAAA,EACA,iBAAA,EACA,uBACA,WAAA,EACA;AAAA,IACE,eAAA,EAAiB,QAAA;AAAA,IACjB,mBAAmB,CAAC;AAAA,GACrB,CAAA;AAGH,EAAA,OAAOA,GAAA,CAAC,GAAA,EAAG,MAAA,CAAA,MAAA,CAAA,EAAC,EAAA,EAAG,QAAA,EAAS,OAAA,EAAkB,SAAA,EAAW,OAAA,EAAO,EAAM,IAAI;AACxE,CAAA;AAEA,MAAM,UAA4B,CAAC,EACjC,aACA,MAAA,EACA,YAAA,EACA,aAAW,KACR;AACH,EAAA,MAAM,KAAA,GAAQ,KAAA,CAAM,IAAA,CAAK,EAAE,MAAA,EAAQ,MAAA,EAAQ,CAAA,CAAE,GAAA,CAAI,CAAC,CAAA,EAAG,CAAA,KAAM,CAAC,CAAA;AAE5D,EAAA,OACEA,GAAA,CAAC,
|
|
1
|
+
{"version":3,"file":"Carousel.js","sources":["../../../../../../src/components/Carousel/Carousel.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -22,7 +22,7 @@ const PaginationMenuLarge = (props) => {
|
|
|
22
22
|
props.onChange(Number.parseInt(newPage, 10), props.pageSize);
|
|
23
23
|
}
|
|
24
24
|
};
|
|
25
|
-
return jsxs(Fragment, { children: [jsxs(Stack, { axis: "x", align: "center", _gap: "m", justify: "start", width: "full", children: [props.pageSize && props.resultCount && jsxs(Fragment, { children: [jsx(Text, { children: props.localization.display }), jsx(StyledSelect, { onChange: handleOnPageSizeSelect, value: props.pageSize, children: PAGE_SIZE_OPTIONS.map((option) => jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsx(Text, { children: props.localization.page }), jsx(StyledSelect, { onChange: handleOnPageNumberSelect, value: props.currentPageNumber, disabled: props.pageCount < 2, children: getPageNumberOptions(props.pageCount).map((option) => jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxs(Stack, { axis: "x", align: "center", justify: "end", width: "full", children: [jsx(Text, { color: "slate-500", children: getSummaryText(props.pageCount, props.currentPageNumber, props.localization, props.pageSize, props.resultCount) }), jsx(SecondaryButton, { "data-test-id": "prev-button", "data-page": props.currentPageNumber - 1, onClick: handleOnPrevNextButtonClick, disabled: props.currentPageNumber === 1 || props.pageCount === 0, className: "ui:ml-4", children: props.localization.previous }), jsx(SecondaryButton, { "data-test-id": "next-button", disabled: props.currentPageNumber === props.pageCount || props.pageCount === 0, "data-page": props.currentPageNumber + 1, onClick: handleOnPrevNextButtonClick, className: "ui:ml-4", children: props.localization.next })] })] });
|
|
25
|
+
return jsxs(Fragment, { children: [jsxs(Stack, { axis: "x", align: "center", _gap: "m", justify: "start", width: "full", children: [props.pageSize && props.resultCount && jsxs(Fragment, { children: [jsx(Text, { children: props.localization.display }), jsx(StyledSelect, { "aria-label": props.localization.display, onChange: handleOnPageSizeSelect, value: props.pageSize, children: PAGE_SIZE_OPTIONS.map((option) => jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsx(Text, { children: props.localization.page }), jsx(StyledSelect, { "aria-label": props.localization.page, onChange: handleOnPageNumberSelect, value: props.currentPageNumber, disabled: props.pageCount < 2, children: getPageNumberOptions(props.pageCount).map((option) => jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxs(Stack, { axis: "x", align: "center", justify: "end", width: "full", children: [jsx(Text, { color: "slate-500", children: getSummaryText(props.pageCount, props.currentPageNumber, props.localization, props.pageSize, props.resultCount) }), jsx(SecondaryButton, { "data-test-id": "prev-button", "data-page": props.currentPageNumber - 1, onClick: handleOnPrevNextButtonClick, disabled: props.currentPageNumber === 1 || props.pageCount === 0, className: "ui:ml-4", children: props.localization.previous }), jsx(SecondaryButton, { "data-test-id": "next-button", disabled: props.currentPageNumber === props.pageCount || props.pageCount === 0, "data-page": props.currentPageNumber + 1, onClick: handleOnPrevNextButtonClick, className: "ui:ml-4", children: props.localization.next })] })] });
|
|
26
26
|
};
|
|
27
27
|
|
|
28
28
|
export { PaginationMenuLarge };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationMenuLarge.js","sources":["../../../../../../src/components/PaginationMenu/PaginationMenuLarge.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":";;;;;;;AAcO,MAAM,mBAAA,GAAoD,CAAC,KAAA,KAAS;AACzE,EAAA,MAAM,wBAAA,GAA2B,CAAC,CAAA,KAAqC;AACrE,IAAA,KAAA,CAAM,QAAA,CAAS,OAAO,QAAA,CAAS,CAAA,CAAE,OAAO,KAAA,EAAO,EAAE,CAAA,EAAG,KAAA,CAAM,QAAQ,CAAA;AAAA,EACpE,CAAA;AACA,EAAA,MAAM,sBAAA,GAAyB,CAAC,CAAA,KAAqC;AACnE,IAAA,MAAM,QAAQ,MAAA,CAAO,QAAA,CAAS,CAAA,CAAE,MAAA,CAAO,OAAO,EAAE,CAAA;AAChD,IAAA,MAAM,WAAW,iBAAA,CAAkB,IAAA,CAAK,CAAC,MAAA,KAAW,MAAA,CAAO,UAAU,KAAK,CAAA;AAC1E,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,KAAA,CAAM,QAAA,CAAS,CAAA,EAAG,QAAA,CAAS,KAAK,CAAA;AAAA,IAClC;AAAA,EACF,CAAA;AACA,EAAA,MAAM,2BAAA,GAA8B,CAClC,KAAA,KACE;AACF,IAAA,MAAM,OAAA,GAAU,KAAA,CAAM,aAAA,CAAc,OAAA,CAAQ,IAAA;AAC5C,IAAA,IAAI,OAAA,EAAS;AACX,MAAA,KAAA,CAAM,SAAS,MAAA,CAAO,QAAA,CAAS,SAAS,EAAE,CAAA,EAAG,MAAM,QAAQ,CAAA;AAAA,IAC7D;AAAA,EACF,CAAA;AAEA,EAAA,OACEA,IAAA,CAAAC,UAAA,EAAA,QAAA,EAAA,CACED,IAAA,CAAC,KAAA,IAAM,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,UAAS,IAAA,EAAK,GAAA,EAAI,
|
|
1
|
+
{"version":3,"file":"PaginationMenuLarge.js","sources":["../../../../../../src/components/PaginationMenu/PaginationMenuLarge.tsx"],"sourcesContent":[null],"names":["_jsxs","_Fragment","_jsx"],"mappings":"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"}
|
|
@@ -43,7 +43,7 @@ const SettingsMenuButton = (props) => {
|
|
|
43
43
|
}, {
|
|
44
44
|
"ui:pointer-events-none ui:opacity-0": !showMenu,
|
|
45
45
|
"ui:opacity-100": showMenu
|
|
46
|
-
}), children: [menuTitle && jsx("div", { className: "ui:h-11 ui:w-full ui:bg-slate-50 ui:p-3", children: jsx(Text, { type: "sm", className: "ui:uppercase", text: menuTitle }) }), innerConfiguration.map((innerConfig) => jsxs("div", { className: "ui:flex ui:h-11 ui:w-full ui:items-center ui:justify-between ui:p-3", children: [jsx(Text, { text: innerConfig.itemName }), jsx(Checkbox, { name: innerConfig.itemName, id: innerConfig.itemId, type: "switch", isChecked: innerConfig.on, onChange: handleOnVisibilitySwitchChanged })] }, innerConfig.itemId))] })] });
|
|
46
|
+
}), children: [menuTitle && jsx("div", { className: "ui:h-11 ui:w-full ui:bg-slate-50 ui:p-3", children: jsx(Text, { type: "sm", className: "ui:uppercase", text: menuTitle }) }), innerConfiguration.map((innerConfig) => jsxs("div", { className: "ui:flex ui:h-11 ui:w-full ui:items-center ui:justify-between ui:p-3", children: [jsx("label", { htmlFor: innerConfig.itemId, children: jsx(Text, { text: innerConfig.itemName }) }), jsx(Checkbox, { name: innerConfig.itemName, id: innerConfig.itemId, type: "switch", isChecked: innerConfig.on, onChange: handleOnVisibilitySwitchChanged })] }, innerConfig.itemId))] })] });
|
|
47
47
|
};
|
|
48
48
|
|
|
49
49
|
export { SettingsMenuButton };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SettingsMenuButton.js","sources":["../../../../../../src/components/SettingsMenuButton/SettingsMenuButton.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;AA6BO,MAAM,kBAAA,GAAqB,CAGhC,KAAA,KACgB;AAChB,EAAA,MAAM,EACJ,aAAA,EAAe,eAAA,GAAkB,EAAA,EACjC,uBACA,WAAA,EACA,WAAA,EACA,aAAA,EACA,SAAA,EAAS,GACP,KAAA;AACJ,EAAA,MAAM,CAAC,kBAAA,EAAoB,qBAAqB,CAAA,GAAI,SAAS,eAAe,CAAA;AAC5E,EAAA,MAAM,CAAC,QAAA,EAAU,WAAW,CAAA,GAAI,SAAS,KAAK,CAAA;AAE9C,EAAA,MAAM,OAAA,GAAU,OAA8B,IAAI,CAAA;AAElD,EAAA,eAAA,CAAgB,SAAS,MAAK;AAC5B,IAAA,IAAI,QAAA,EAAU;AACZ,MAAA,WAAA,CAAY,KAAK,CAAA;AAAA,IACnB;AAAA,EACF,CAAC,CAAA;AAED,EAAA,SAAA,CAAU,MAAK;AACb,IAAA,qBAAA,CAAsB,eAAe,CAAA;AAAA,EACvC,CAAA,EAAG,CAAC,eAAe,CAAC,CAAA;AAEpB,EAAA,MAAM,iBAAiB,MAAK;AAC1B,IAAA,WAAA,CAAY,IAAI,CAAA;AAAA,EAClB,CAAA;AAEA,EAAA,MAAM,+BAAA,GAAkC,CACtC,KAAA,KACE;AACF,IAAA,MAAM,EAAE,EAAA,EAAI,IAAA,EAAM,OAAA,KAAY,KAAA,CAAM,aAAA;AAEpC,IAAA,MAAM,SAAA,GAAY,kBAAA,CAAmB,IAAA,CACnC,CAAC,MAAA,KAAW,OAAO,MAAA,KAAW,EAAA,IAAM,MAAA,CAAO,QAAA,KAAa,IAAI,CAAA;AAG9D,IAAA,IAAI,SAAA,EAAW;AACb,MAAA,qBAAA,iCAA2B,SAAS,CAAA,EAAA,EAAE,EAAA,EAAI,OAAA;IAC5C;AAAA,EACF,CAAA;AAEA,EAAA,IAAI,CAAC,aAAA,EAAe;AAClB,IAAA,OAAA,CAAQ,MACN,8FAA8F,CAAA;AAEhG,IAAA,OAAOA,GAAA;EACT;AAEA,EAAA,OACEC,IAAA,UAAK,OAAA,EAAS,gBAAgB,SAAA,EAAU,aAAA,EAAa,QAAA,EAAA,CACnDD,GAAA,CAAC,cAAA,EAAc,EACb,IAAA,EAAM,eACN,OAAA,EAAS,cAAA,EACT,IAAA,EAAM,WAAA,EACN,IAAA,EAAK,UAAA,EAAU,CAAA,EAGjBC,cACE,GAAA,EAAK,OAAA,EACL,WAAW,UAAA,CACT,kEAAA,EACA,+BAAA,EACA,mDAAA,EACA,4BACA,+BAAA,EACA;AAAA,IACE,eAAe,WAAA,KAAgB,MAAA;AAAA,IAC/B,gBAAgB,WAAA,KAAgB,OAAA;AAAA,IAChC,eAAe,WAAA,KAAgB,SAAA;AAAA,IAC/B,gBAAgB,WAAA,KAAgB,UAAA;AAAA,IAChC,gDAAgD,CAAC;AAAA;AAAA,KAEnD;AAAA,IACE,uCAAuC,CAAC,QAAA;AAAA,IACxC,gBAAA,EAAkB;AAAA,GACnB,CAAA,
|
|
1
|
+
{"version":3,"file":"SettingsMenuButton.js","sources":["../../../../../../src/components/SettingsMenuButton/SettingsMenuButton.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":"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"}
|
|
@@ -4,7 +4,7 @@ import { IconComponentOrKey } from '../Icon/Icon.js';
|
|
|
4
4
|
import { Text } from '../Text/Text.js';
|
|
5
5
|
|
|
6
6
|
const SwitcherItem = ({ className, icon, ariaLabel, isSelected = false, isLast = false, name, onSelect }) => {
|
|
7
|
-
return jsx("li", { className: classNames("ui:flex ui:border-solid ui:border-border-neutral-secondary-default", { "ui:border-r": !isLast }), children: jsxs("button", { type: "button", "aria-pressed": isSelected, "aria-label": ariaLabel, onClick: onSelect, className: classNames("ui:flex ui:flex-row ui:cursor-pointer ui:appearance-none ui:items-center ui:gap-xxs ui:border-none ui:p-xxs", "ui:outline-none ui:transition ui:duration-150 ui:focus-visible:z-10 ui:focus-visible:ring-2 ui:focus-visible:ring-inset ui:focus-visible:ring-border-brand-primary-default", {
|
|
7
|
+
return jsx("li", { role: "none", className: classNames("ui:flex ui:border-solid ui:border-border-neutral-secondary-default", { "ui:border-r": !isLast }), children: jsxs("button", { type: "button", "aria-pressed": isSelected, "aria-label": ariaLabel, onClick: onSelect, className: classNames("ui:flex ui:flex-row ui:cursor-pointer ui:appearance-none ui:items-center ui:gap-xxs ui:border-none ui:p-xxs", "ui:outline-none ui:transition ui:duration-150 ui:focus-visible:z-10 ui:focus-visible:ring-2 ui:focus-visible:ring-inset ui:focus-visible:ring-border-brand-primary-default", {
|
|
8
8
|
"ui:bg-background-brand-secondary-default ui:text-text-brand-primary-default": isSelected,
|
|
9
9
|
"ui:bg-background-neutral-secondary-default ui:text-text-neutral-secondary-default ui:hover:bg-background-neutral-secondary-hovered": !isSelected
|
|
10
10
|
}, className), children: [icon && jsx(IconComponentOrKey, { name: icon }), name && jsx(Text, { text: name, color: "current" })] }) });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SwitcherItem.js","sources":["../../../../../../src/components/Switcher/SwitcherItem.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAgCO,MAAM,YAAA,GAAsC,CAAC,EAClD,SAAA,EACA,IAAA,EACA,SAAA,EACA,UAAA,GAAa,KAAA,EACb,MAAA,GAAS,KAAA,EACT,IAAA,EACA,QAAA,EAAQ,KACL;AACH,EAAA,OACEA,GAAA,CAAA,IAAA,EAAA,EACE,SAAA,EAAW,UAAA,CACT,oEAAA,EACA,EAAE,aAAA,EAAe,CAAC,MAAA,EAAQ,CAAA,
|
|
1
|
+
{"version":3,"file":"SwitcherItem.js","sources":["../../../../../../src/components/Switcher/SwitcherItem.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;AAgCO,MAAM,YAAA,GAAsC,CAAC,EAClD,SAAA,EACA,IAAA,EACA,SAAA,EACA,UAAA,GAAa,KAAA,EACb,MAAA,GAAS,KAAA,EACT,IAAA,EACA,QAAA,EAAQ,KACL;AACH,EAAA,OACEA,GAAA,CAAA,IAAA,EAAA,EACE,IAAA,EAAK,MAAA,EACL,SAAA,EAAW,UAAA,CACT,oEAAA,EACA,EAAE,aAAA,EAAe,CAAC,MAAA,EAAQ,CAAA,EAC3B,QAAA,EAEDC,IAAA,CAAA,QAAA,EAAA,EACE,IAAA,EAAK,QAAA,EAAQ,cAAA,EACC,UAAA,EAAU,YAAA,EACZ,SAAA,EACZ,OAAA,EAAS,QAAA,EACT,SAAA,EAAW,UAAA,CACT,+GACA,4KAAA,EACA;AAAA,IACE,6EAAA,EACE,UAAA;AAAA,IACF,sIACE,CAAC;AAAA,GACJ,EACD,SAAS,CAAA,EACV,QAAA,EAAA,CAEA,IAAA,IAAQD,GAAA,CAAC,kBAAA,EAAkB,EAAC,IAAA,EAAM,IAAA,EAAI,CAAA,EACtC,QAAQA,GAAA,CAAC,IAAA,EAAI,EAAC,IAAA,EAAM,IAAA,EAAM,KAAA,EAAM,SAAA,EAAS,CAAG,CAAA,EAAA,CAAA,EACtC,CAAA;AAGf;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { __rest } from '../../vendor/tslib/tslib.es6.js';
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { useState, useEffect } from 'react';
|
|
3
|
+
import { useState, useId, useEffect } from 'react';
|
|
4
4
|
import classNames from 'classnames';
|
|
5
5
|
import { Checkbox } from '../Checkbox/Checkbox.js';
|
|
6
6
|
import { Stack } from '../Stack/Stack.js';
|
|
@@ -12,6 +12,7 @@ import { shouldShowPagination } from './Table.utils.js';
|
|
|
12
12
|
function Table(_a) {
|
|
13
13
|
var { items, fieldConfigurations, emptyRowsText, emptyFieldContentText, isLoading = false, showHeader = true, paginationMenuProps, onRowClick, className, dataTestId, isSelectable, selectedItems, onSelectedRowsChange, rowSelectionHeaderAccessories } = _a, otherAttributes = __rest(_a, ["items", "fieldConfigurations", "emptyRowsText", "emptyFieldContentText", "isLoading", "showHeader", "paginationMenuProps", "onRowClick", "className", "dataTestId", "isSelectable", "selectedItems", "onSelectedRowsChange", "rowSelectionHeaderAccessories"]);
|
|
14
14
|
const [isPristine, setIsPristine] = useState(true);
|
|
15
|
+
const selectAllCheckboxId = useId();
|
|
15
16
|
const getSelectAllCheckboxState = () => {
|
|
16
17
|
if (!items || !selectedItems) {
|
|
17
18
|
return "unchecked";
|
|
@@ -50,7 +51,12 @@ function Table(_a) {
|
|
|
50
51
|
};
|
|
51
52
|
const shouldDisplayHeaderSelectAll = isSelectable && items && items.length > 0;
|
|
52
53
|
const shouldDisplaySelectAllControls = shouldDisplayHeaderSelectAll && rowSelectionHeaderAccessories && selectedItems && selectedItems.length > 0;
|
|
53
|
-
const toggleAllCheckbox =
|
|
54
|
+
const toggleAllCheckbox = (
|
|
55
|
+
// Checkbox wraps its input in its own empty <label>, which axe takes as the name.
|
|
56
|
+
// htmlFor makes this label the input's name, and it keeps wrapping the checkbox
|
|
57
|
+
// because consumers listen for clicks on it by its "Select all rows" text.
|
|
58
|
+
jsxs("label", { htmlFor: selectAllCheckboxId, children: [jsx("span", { className: "ui:sr-only", children: "Select all rows" }), jsx(Checkbox, { id: selectAllCheckboxId, isChecked: getSelectAllCheckboxState() === "checked", isIndeterminate: getSelectAllCheckboxState() === "indeterminate", onChange: handleOnToggleAll })] })
|
|
59
|
+
);
|
|
54
60
|
return jsxs("table", Object.assign({ className: classNames("ui:w-full ui:table-auto ui:bg-white", "ui:border-separate ui:border-spacing-0 ui:rounded-2xl", className), "data-test-id": dataTestId }, otherAttributes, { children: [showHeader ? jsx(TableHeader, { fieldConfigurations, colSpan, selectAllCheckbox: shouldDisplayHeaderSelectAll ? toggleAllCheckbox : null, selectAllComponent: shouldDisplaySelectAllControls ? jsxs(Stack, { axis: "x", align: "center", _gap: "m", _my: "base", children: [toggleAllCheckbox, rowSelectionHeaderAccessories] }) : null }) : null, jsx(
|
|
55
61
|
TableBody,
|
|
56
62
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/Table.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;AAiEM,SAAU,MAAY,EAAA,EAgBT;AAhBS,EAAA,IAAA,EAC1B,KAAA,EACA,mBAAA,EACA,aAAA,EACA,qBAAA,EACA,YAAY,KAAA,EACZ,UAAA,GAAa,IAAA,EACb,mBAAA,EACA,YACA,SAAA,EACA,UAAA,EACA,YAAA,EACA,aAAA,EACA,sBACA,6BAAA,EAA6B,GAAA,EAAA,EAC1B,eAAA,GAAe,OAAA,EAAA,EAfQ,+PAgB3B,CAAA;AAEC,EAAA,MAAM,CAAC,UAAA,EAAY,aAAa,CAAA,GAAI,SAAS,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/Table.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
import { useId } from 'react';
|
|
3
4
|
import { EmptyListMessage } from '../EmptyListMessage/EmptyListMessage.js';
|
|
4
5
|
import { LoadingIndicator } from '../LoadingIndicator/LoadingIndicator.js';
|
|
5
6
|
import { Checkbox } from '../Checkbox/Checkbox.js';
|
|
@@ -7,6 +8,7 @@ import { TableBodyRowDataCell } from './TableBodyRowDataCell.js';
|
|
|
7
8
|
|
|
8
9
|
function TableBody(props) {
|
|
9
10
|
var _a;
|
|
11
|
+
const checkboxIdPrefix = useId();
|
|
10
12
|
const isItemChecked = (index) => {
|
|
11
13
|
if (!props.selectedItems) {
|
|
12
14
|
return false;
|
|
@@ -63,7 +65,7 @@ function TableBody(props) {
|
|
|
63
65
|
"ui:cursor-pointer ui:transition-colors ui:duration-300 ui:ease-in-out ui:hover:bg-blue-50 ui:focus:outline-primary": props.onRowClick,
|
|
64
66
|
"ui:cursor-default ui:hover:bg-white": !props.onRowClick,
|
|
65
67
|
"ui:bg-blue-100": isItemChecked(index)
|
|
66
|
-
}, props.className), onClick: clickCallback, children: [props.isSelectable && jsx("td", { className: "ui:px-0", children: jsx(Checkbox, { className: "ui:ml-4 ui:w-fit", classNameCheckboxLabel: "ui:p-2", isChecked: isItemChecked(index), onClick: (event) => event.stopPropagation(), onChange: (event) => {
|
|
68
|
+
}, props.className), onClick: clickCallback, children: [props.isSelectable && jsx("td", { className: "ui:px-0", children: jsxs("label", { htmlFor: `${checkboxIdPrefix}-${index}`, children: [jsx("span", { className: "ui:sr-only", children: `Select row ${index + 1}` }), jsx(Checkbox, { id: `${checkboxIdPrefix}-${index}`, className: "ui:ml-4 ui:w-fit", classNameCheckboxLabel: "ui:p-2", isChecked: isItemChecked(index), onClick: (event) => event.stopPropagation(), onChange: (event) => {
|
|
67
69
|
var _a2;
|
|
68
70
|
event.stopPropagation();
|
|
69
71
|
(_a2 = props.onSelectRow) === null || _a2 === void 0 ? void 0 : _a2.call(props, {
|
|
@@ -71,7 +73,7 @@ function TableBody(props) {
|
|
|
71
73
|
checked: event.target.checked,
|
|
72
74
|
value: item
|
|
73
75
|
});
|
|
74
|
-
} }) }), props.fieldConfigurations.map((fieldConfig) => jsx(TableBodyRowDataCell, { item, fieldConfig, emptyFieldContentText: props.emptyFieldContentText }, fieldConfig.key))] }, JSON.stringify(item));
|
|
76
|
+
} })] }) }), props.fieldConfigurations.map((fieldConfig) => jsx(TableBodyRowDataCell, { item, fieldConfig, emptyFieldContentText: props.emptyFieldContentText }, fieldConfig.key))] }, JSON.stringify(item));
|
|
75
77
|
})), props.isLoading && jsx("tr", { children: jsx("td", { colSpan: props.colSpan, children: jsx(LoadingIndicator, { className: "ui:px-3 ui:py-0", asModal: false }) }) }), props.showEmptyView && jsx("tr", { children: jsx("td", { colSpan: props.colSpan, children: jsx(EmptyListMessage, { className: "ui:py-6", text: props.emptyItemsText, imageName: "search-not-found" }) }) })] });
|
|
76
78
|
}
|
|
77
79
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/TableBody.tsx"],"sourcesContent":[null],"names":["_a","_jsxs","_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/TableBody.tsx"],"sourcesContent":[null],"names":["_a","_jsxs","_jsx"],"mappings":";;;;;;;;AAuCM,SAAU,UAAgB,KAAA,EAAsB;;AACpD,EAAA,MAAM,mBAAmB,KAAA,EAAK;AAC9B,EAAA,MAAM,aAAA,GAAgB,CAAC,KAAA,KAAiB;AACtC,IAAA,IAAI,CAAC,MAAM,aAAA,EAAe;AACxB,MAAA,OAAO,KAAA;AAAA,IACT;AAEA,IAAA,OAAO,OAAA,CAAQ,MAAM,aAAA,CAAc,IAAA,CAAK,CAAC,IAAA,KAAS,IAAA,CAAK,KAAA,KAAU,KAAK,CAAC,CAAA;AAAA,EACzE,CAAA;AAMA,EAAA,MAAM,cAAA,GAAiB,KAAA,CAAM,aAAA,IAAiB,KAAA,CAAM,cAAc,MAAA,GAAS,CAAA;AAE3E,EAAA,MAAM,+BAAA,GAAkC,CAAC,MAAA,KAGpC;;AACH,IAAA,MAAM,aAAA,GAAA,CAAgBA,GAAAA,GAAA,KAAA,CAAM,aAAA,MAAa,QAAAA,GAAAA,KAAA,MAAA,GAAA,MAAA,GAAAA,GAAAA,CAAE,KACzC,CAAC,IAAA,KAAS,IAAA,CAAK,KAAA,KAAU,OAAO,KAAK,CAAA;AAGvC,IAAA,OAAO,MAAK;;AACV,MAAA,CAAAA,GAAAA,GAAA,MAAM,WAAA,MAAW,IAAA,IAAAA,QAAA,MAAA,GAAA,MAAA,GAAAA,GAAAA,CAAA,IAAA,CAAA,KAAA,EAAG;AAAA,QAClB,UAAU,MAAA,CAAO,KAAA;AAAA,QACjB,SAAS,CAAC,aAAA;AAAA,QACV,OAAO,MAAA,CAAO;AAAA,OACf,CAAA;AAAA,IACH,CAAA;AAAA,EACF,CAAA;AAEA,EAAA,MAAM,uBAAA,GAA0B,CAAC,IAAA,KAAc;AAC7C,IAAA,OAAO,CAAC,KAAA,KAAqB;;AAC3B,MAAA,KAAA,CAAM,eAAA,EAAe;AACrB,MAAA,CAAAA,GAAAA,GAAA,KAAA,CAAM,UAAA,MAAU,IAAA,IAAAA,GAAAA,KAAA,SAAA,MAAA,GAAAA,GAAAA,CAAA,IAAA,CAAA,KAAA,EAAG,IAAI,CAAA;AAAA,IACzB,CAAA;AAAA,EACF,CAAA;AAEA,EAAA,OACEC,IAAA,YACE,SAAA,EAAW,UAAA;AAAA,IACT,KAAA,CAAM,SAAA;AAAA;AAAA,IAEN,kDAAA;AAAA;AAAA,IAEA,oEAAA;AAAA,IACA,uBAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAKA;AAAA,MACE,qCAAqC,KAAA,CAAM,aAAA;AAAA,MAC3C,uDACE,KAAA,CAAM,aAAA;AAAA,MACR,sDACE,KAAA,CAAM;AAAA,KACT;AAAA;AAAA;AAAA;AAAA;AAAA,IAKD;AAAA,MACE,sDACE,KAAA,CAAM,cAAA;AAAA,MACR,qDACE,KAAA,CAAM;AAAA;AACT,KACF,QAAA,EAAA,CAEA,CAAC,KAAA,CAAM,eACN,EAAA,GAAA,KAAA,CAAM,KAAA,MAAK,IAAA,IAAA,OAAA,MAAA,GAAA,MAAA,GAAA,GAAE,GAAA,CAAI,CAAC,MAAM,KAAA,KAAS;AAC/B,IAAA,MAAM,aAAA,GAAgB,iBAClB,+BAAA,CAAgC,EAAE,MAAM,KAAA,EAAO,CAAA,GAC/C,uBAAA,CAAwB,IAAI,CAAA;AAEhC,IAAA,OACEA,KAAA,IAAA,EAAA,EAME,UAAU,CAAA,EACV,SAAA,EAAW,WACT,UAAA,EACA;AAAA,MACE,sHACE,KAAA,CAAM,UAAA;AAAA,MACR,qCAAA,EAAuC,CAAC,KAAA,CAAM,UAAA;AAAA,MAC9C,gBAAA,EAAkB,cAAc,KAAK;AAAA,KACtC,EACD,KAAA,CAAM,SAAS,CAAA,EAEjB,OAAA,EAAS,aAAA,EAAa,QAAA,EAAA,CAErB,KAAA,CAAM,YAAA,IACLC,GAAA,CAAA,IAAA,EAAA,EAAI,SAAA,EAAU,SAAA,EAAS,QAAA,EACrBD,IAAA,CAAA,OAAA,EAAA,EAAO,OAAA,EAAS,CAAA,EAAG,gBAAgB,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,aAC1CC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAA,EAAU,YAAA,YAAc,CAAA,WAAA,EAAc,KAAA,GAAQ,CAAC,CAAA,CAAA,KACrDA,GAAA,CAAC,QAAA,EAAQ,EACP,EAAA,EAAI,CAAA,EAAG,gBAAgB,CAAA,CAAA,EAAI,KAAK,CAAA,CAAA,EAChC,SAAA,EAAU,kBAAA,EACV,sBAAA,EAAuB,QAAA,EACvB,SAAA,EAAW,aAAA,CAAc,KAAK,CAAA,EAC9B,OAAA,EAAS,CAAC,KAAA,KAAU,KAAA,CAAM,eAAA,IAC1B,QAAA,EAAU,CAAC,KAAA,KAAS;;AAClB,MAAA,KAAA,CAAM,eAAA,EAAe;AACrB,MAAA,CAAAF,GAAAA,GAAA,MAAM,WAAA,MAAW,IAAA,IAAAA,QAAA,MAAA,GAAA,MAAA,GAAAA,GAAAA,CAAA,IAAA,CAAA,KAAA,EAAG;AAAA,QAClB,QAAA,EAAU,KAAA;AAAA,QACV,OAAA,EAAS,MAAM,MAAA,CAAO,OAAA;AAAA,QACtB,KAAA,EAAO;AAAA,OACR,CAAA;AAAA,IACH,CAAA,EAAC,CACD,CAAA,KACI,CAAA,EAKX,KAAA,CAAM,mBAAA,CAAoB,GAAA,CAAI,CAAC,gBAC9BE,GAAA,CAAC,oBAAA,EAAoB,EAEnB,IAAA,EACA,WAAA,EACA,qBAAA,EAAuB,KAAA,CAAM,qBAAA,IAHxB,WAAA,CAAY,GAAG,CAKvB,CAAC,CAAA,EAAA,EA7CG,IAAA,CAAK,SAAA,CAAU,IAAI,CAAC,CAAA;AAAA,EAgD/B,CAAC,CAAA,CAAA,EAEF,KAAA,CAAM,SAAA,IACLA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,IAAA,EAAA,EAAI,OAAA,EAAS,KAAA,CAAM,OAAA,EAAO,QAAA,EACxBA,GAAA,CAAC,gBAAA,EAAgB,EAAC,SAAA,EAAU,iBAAA,EAAkB,OAAA,EAAS,KAAA,EAAK,CAAA,EAAI,CAAA,EAC7D,CAAA,EAIR,KAAA,CAAM,iBACLA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAA,IAAA,EAAA,EAAI,OAAA,EAAS,KAAA,CAAM,OAAA,EAAO,QAAA,EACxBA,GAAA,CAAC,gBAAA,EAAgB,EACf,SAAA,EAAU,SAAA,EACV,IAAA,EAAM,KAAA,CAAM,cAAA,EACZ,SAAA,EAAU,kBAAA,EAAkB,CAAA,EAC5B,CAAA,EACC,CAER,CAAA,EAAA,CAAA;AAGP;;"}
|
|
@@ -4,24 +4,21 @@ import { Text } from '../Text/Text.js';
|
|
|
4
4
|
|
|
5
5
|
const THead = (props) => {
|
|
6
6
|
return jsx("thead", { className: classNames(
|
|
7
|
-
// Styles for all
|
|
8
|
-
"ui:[&>tr
|
|
9
|
-
"ui:[&>tr
|
|
10
|
-
"ui:[&>tr
|
|
11
|
-
// Styles for the first
|
|
12
|
-
"ui:[&>tr
|
|
13
|
-
// Styles for the last
|
|
14
|
-
"ui:[&>tr
|
|
7
|
+
// Styles for all header cells
|
|
8
|
+
"ui:[&>tr>*]:border-neutral-border-high-contrast",
|
|
9
|
+
"ui:[&>tr>*]:border-y",
|
|
10
|
+
"ui:[&>tr>*]:px-xxs",
|
|
11
|
+
// Styles for the first header cell in the header row
|
|
12
|
+
"ui:[&>tr>*:first-child]:rounded-tl-2xl ui:[&>tr>*:first-child]:border-l ui:[&>tr>*:first-child]:pl-l",
|
|
13
|
+
// Styles for the last header cell in the table row
|
|
14
|
+
"ui:[&>tr>*:last-child]:rounded-tr-2xl ui:[&>tr>*:last-child]:border-r ui:[&>tr>*:last-child]:pr-l"
|
|
15
15
|
), children: props.children });
|
|
16
16
|
};
|
|
17
17
|
function TableHeader(props) {
|
|
18
18
|
if (props.selectAllComponent) {
|
|
19
19
|
return jsx(THead, { children: jsx("tr", { className: "ui:rounded-2xl", children: jsx("th", { colSpan: props.colSpan, children: props.selectAllComponent }) }) });
|
|
20
20
|
}
|
|
21
|
-
return jsx(THead, { children: jsxs("tr", { className: "ui:rounded-2xl", children: [props.selectAllCheckbox && jsx("th", { children: props.selectAllCheckbox }), props.fieldConfigurations.map((fieldConfig) => {
|
|
22
|
-
var _a;
|
|
23
|
-
return jsx("th", { children: jsx(Text, { variant: "strong", className: "ui:truncate ui:py-m ui:text-left ui:capitalize ui:leading-5", children: (_a = fieldConfig.headerText) !== null && _a !== void 0 ? _a : "" }) }, fieldConfig.key);
|
|
24
|
-
})] }) });
|
|
21
|
+
return jsx(THead, { children: jsxs("tr", { className: "ui:rounded-2xl", children: [props.selectAllCheckbox && jsx("th", { children: props.selectAllCheckbox }), props.fieldConfigurations.map((fieldConfig) => fieldConfig.headerText ? jsx("th", { children: jsx(Text, { variant: "strong", className: "ui:truncate ui:py-m ui:text-left ui:capitalize ui:leading-5", children: fieldConfig.headerText }) }, fieldConfig.key) : jsx("td", {}, fieldConfig.key))] }) });
|
|
25
22
|
}
|
|
26
23
|
|
|
27
24
|
export { TableHeader };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/TableHeader.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAuBA,MAAM,KAAA,GAA+B,CAAC,KAAA,KAAS;AAC7C,EAAA,OACEA,GAAA,CAAA,OAAA,EAAA,EACE,SAAA,EAAW,UAAA;AAAA;AAAA,IAET,
|
|
1
|
+
{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/TableHeader.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;AAuBA,MAAM,KAAA,GAA+B,CAAC,KAAA,KAAS;AAC7C,EAAA,OACEA,GAAA,CAAA,OAAA,EAAA,EACE,SAAA,EAAW,UAAA;AAAA;AAAA,IAET,iDAAA;AAAA,IACA,sBAAA;AAAA,IACA,oBAAA;AAAA;AAAA,IAEA,sGAAA;AAAA;AAAA,IAEA;AAAA,GAAmG,EACpG,QAAA,EAEA,KAAA,CAAM,QAAA,EAAQ,CAAA;AAGrB,CAAA;AAEM,SAAU,YAAkB,KAAA,EAA6B;AAC7D,EAAA,IAAI,MAAM,kBAAA,EAAoB;AAC5B,IAAA,OACEA,GAAA,CAAC,OAAK,EAAA,QAAA,EACJA,YAAI,SAAA,EAAU,gBAAA,EAAgB,QAAA,EAC5BA,GAAA,CAAA,MAAA,EAAI,OAAA,EAAS,KAAA,CAAM,OAAA,EAAO,QAAA,EAAG,KAAA,CAAM,oBAAkB,CAAA,EAAM,CAAA,EACxD,CAAA;AAAA,EAGX;AAEA,EAAA,OACEA,GAAA,CAAC,KAAA,EAAK,EAAA,QAAA,EACJC,IAAA,SAAI,SAAA,EAAU,gBAAA,EAAgB,QAAA,EAAA,CAC3B,KAAA,CAAM,iBAAA,IAAqBD,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,KAAA,CAAM,iBAAA,EAAiB,CAAA,EACvD,KAAA,CAAM,mBAAA,CAAoB,GAAA,CAAI,CAAC,WAAA,KAC9B,WAAA,CAAY,UAAA,GACVA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EACEA,GAAA,CAAC,IAAA,EAAI,EACH,OAAA,EAAQ,QAAA,EACR,SAAA,EAAU,6DAAA,EAA6D,QAAA,EAEtE,WAAA,CAAY,UAAA,KACR,EANA,WAAA,CAAY,GAAG,CAAA,GASxBA,GAAA,CAAA,IAAA,EAAA,EAAA,EAAS,WAAA,CAAY,GAAG,CACzB,CACF,CAAA,EAAA,CAAA,EACE,CAAA;AAGX;;"}
|
|
@@ -9,7 +9,7 @@ const Padding = (props) => {
|
|
|
9
9
|
const Item = (props) => {
|
|
10
10
|
const { _DO_NOT_USE_index } = props, rest = __rest(props, ["_DO_NOT_USE_index"]);
|
|
11
11
|
const liClasses = classNames("ui:first:rounded-t-[inherit] ui:last:rounded-b-[inherit]", props.className);
|
|
12
|
-
return jsxs(
|
|
12
|
+
return jsxs("li", Object.assign({ className: liClasses }, rest, { children: [_DO_NOT_USE_index === 0 ? null : jsx("div", { "data-index": _DO_NOT_USE_index, className: classNames("ui:absolute ui:left-0 ui:right-0", "ui:border-t ui:border-slate-200") }), React__default.Children.map(props.children, (child) => {
|
|
13
13
|
if (!React__default.isValidElement(child)) {
|
|
14
14
|
return child;
|
|
15
15
|
}
|
|
@@ -28,7 +28,7 @@ const Item = (props) => {
|
|
|
28
28
|
return jsx(Indent, Object.assign({}, child.props, { className: classNames(child.props.className, "ui:pl-4") }));
|
|
29
29
|
}
|
|
30
30
|
return child;
|
|
31
|
-
}) }))
|
|
31
|
+
})] }));
|
|
32
32
|
};
|
|
33
33
|
const UnorderedList = (props) => {
|
|
34
34
|
const { _DO_NOT_USE_isRoot = true } = props, rest = __rest(props, ["_DO_NOT_USE_isRoot"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"UnorderedList.js","sources":["../../../../../../src/components/UnorderedList/UnorderedList.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","React","_Fragment"],"mappings":";;;;;AAyDA,MAAM,OAAA,GAGD,CAAC,KAAA,KAAS;AACb,EAAA,OACEA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAA,EAAW,UAAA,CAAW,QAAA,EAAU,KAAA,CAAM,SAAS,CAAA,EAAC,QAAA,EAClD,KAAA,CAAM,QAAA,EAAQ,CAAA;AAGrB,CAAA;AAUA,MAAM,IAAA,GAA4B,CAAC,KAAA,KAAS;AAC1C,EAAA,MAAM,EAAE,mBAAiB,GAAc,KAAA,EAAT,OAAI,MAAA,CAAK,KAAA,EAAjC,CAAA,mBAAA,CAA8B,CAAA;AAOpC,EAAA,MAAM,SAAA,GAAY,UAAA,CAChB,0DAAA,EACA,KAAA,CAAM,SAAS,CAAA;AAGjB,EAAA,OACEC,
|
|
1
|
+
{"version":3,"file":"UnorderedList.js","sources":["../../../../../../src/components/UnorderedList/UnorderedList.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs","React","_Fragment"],"mappings":"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"}
|
|
@@ -1210,7 +1210,7 @@ const Accordion = ({ dataTestId, isCollapsedByDefault = false, items, className,
|
|
|
1210
1210
|
return jsxRuntime.jsxs("ul", { "data-test-id": dataTestId, className, children: [(_a = items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item) => {
|
|
1211
1211
|
var _a2;
|
|
1212
1212
|
return React.createElement(AccordionItem, Object.assign({}, item, { key: item.id, isCollapsedByDefault: (_a2 = item.isCollapsedByDefault) !== null && _a2 !== void 0 ? _a2 : isCollapsedByDefault }));
|
|
1213
|
-
}), footer && jsxRuntime.jsx("
|
|
1213
|
+
}), footer && jsxRuntime.jsx("li", { className: "ui:p-4", children: footer })] });
|
|
1214
1214
|
};
|
|
1215
1215
|
|
|
1216
1216
|
const isSubstring = (string, searchTerm, caseSensitive = false) => {
|
|
@@ -2512,7 +2512,7 @@ const DotButton = (_a) => {
|
|
|
2512
2512
|
};
|
|
2513
2513
|
const DotList = ({ activeIndex, amount, onClickIndex, buttonLabel }) => {
|
|
2514
2514
|
const items = Array.from({ length: amount }).map((_, i) => i);
|
|
2515
|
-
return jsxRuntime.jsx(Stack, { as: "ol", role: "tablist", axis: "x", _gap: "m", children: items.map((index) => jsxRuntime.jsx(Box, { as: "li", children: jsxRuntime.jsx(DotButton, { isActive: activeIndex === index, onClick: () => onClickIndex(index), "aria-label": buttonLabel === null || buttonLabel === void 0 ? void 0 : buttonLabel(index), role: "tab" }) }, index)) });
|
|
2515
|
+
return jsxRuntime.jsx(Stack, { as: "ol", role: "tablist", axis: "x", _gap: "m", children: items.map((index) => jsxRuntime.jsx(Box, { as: "li", role: "none", children: jsxRuntime.jsx(DotButton, { isActive: activeIndex === index, onClick: () => onClickIndex(index), "aria-label": buttonLabel === null || buttonLabel === void 0 ? void 0 : buttonLabel(index), role: "tab" }) }, index)) });
|
|
2516
2516
|
};
|
|
2517
2517
|
const Carousel = ({ id, className, slides = [], labels }) => {
|
|
2518
2518
|
const [currentIndex, setCurrentIndex] = React.useState(0);
|
|
@@ -3581,24 +3581,21 @@ Line.propTypes = {
|
|
|
3581
3581
|
|
|
3582
3582
|
const THead = (props) => {
|
|
3583
3583
|
return jsxRuntime.jsx("thead", { className: classNames__default.default(
|
|
3584
|
-
// Styles for all
|
|
3585
|
-
"ui:[&>tr
|
|
3586
|
-
"ui:[&>tr
|
|
3587
|
-
"ui:[&>tr
|
|
3588
|
-
// Styles for the first
|
|
3589
|
-
"ui:[&>tr
|
|
3590
|
-
// Styles for the last
|
|
3591
|
-
"ui:[&>tr
|
|
3584
|
+
// Styles for all header cells
|
|
3585
|
+
"ui:[&>tr>*]:border-neutral-border-high-contrast",
|
|
3586
|
+
"ui:[&>tr>*]:border-y",
|
|
3587
|
+
"ui:[&>tr>*]:px-xxs",
|
|
3588
|
+
// Styles for the first header cell in the header row
|
|
3589
|
+
"ui:[&>tr>*:first-child]:rounded-tl-2xl ui:[&>tr>*:first-child]:border-l ui:[&>tr>*:first-child]:pl-l",
|
|
3590
|
+
// Styles for the last header cell in the table row
|
|
3591
|
+
"ui:[&>tr>*:last-child]:rounded-tr-2xl ui:[&>tr>*:last-child]:border-r ui:[&>tr>*:last-child]:pr-l"
|
|
3592
3592
|
), children: props.children });
|
|
3593
3593
|
};
|
|
3594
3594
|
function TableHeader(props) {
|
|
3595
3595
|
if (props.selectAllComponent) {
|
|
3596
3596
|
return jsxRuntime.jsx(THead, { children: jsxRuntime.jsx("tr", { className: "ui:rounded-2xl", children: jsxRuntime.jsx("th", { colSpan: props.colSpan, children: props.selectAllComponent }) }) });
|
|
3597
3597
|
}
|
|
3598
|
-
return jsxRuntime.jsx(THead, { children: jsxRuntime.jsxs("tr", { className: "ui:rounded-2xl", children: [props.selectAllCheckbox && jsxRuntime.jsx("th", { children: props.selectAllCheckbox }), props.fieldConfigurations.map((fieldConfig) => {
|
|
3599
|
-
var _a;
|
|
3600
|
-
return jsxRuntime.jsx("th", { children: jsxRuntime.jsx(Text, { variant: "strong", className: "ui:truncate ui:py-m ui:text-left ui:capitalize ui:leading-5", children: (_a = fieldConfig.headerText) !== null && _a !== void 0 ? _a : "" }) }, fieldConfig.key);
|
|
3601
|
-
})] }) });
|
|
3598
|
+
return jsxRuntime.jsx(THead, { children: jsxRuntime.jsxs("tr", { className: "ui:rounded-2xl", children: [props.selectAllCheckbox && jsxRuntime.jsx("th", { children: props.selectAllCheckbox }), props.fieldConfigurations.map((fieldConfig) => fieldConfig.headerText ? jsxRuntime.jsx("th", { children: jsxRuntime.jsx(Text, { variant: "strong", className: "ui:truncate ui:py-m ui:text-left ui:capitalize ui:leading-5", children: fieldConfig.headerText }) }, fieldConfig.key) : jsxRuntime.jsx("td", {}, fieldConfig.key))] }) });
|
|
3602
3599
|
}
|
|
3603
3600
|
|
|
3604
3601
|
function isTableFieldText(content) {
|
|
@@ -3697,6 +3694,7 @@ function getTagType(color) {
|
|
|
3697
3694
|
|
|
3698
3695
|
function TableBody(props) {
|
|
3699
3696
|
var _a;
|
|
3697
|
+
const checkboxIdPrefix = React.useId();
|
|
3700
3698
|
const isItemChecked = (index) => {
|
|
3701
3699
|
if (!props.selectedItems) {
|
|
3702
3700
|
return false;
|
|
@@ -3753,7 +3751,7 @@ function TableBody(props) {
|
|
|
3753
3751
|
"ui:cursor-pointer ui:transition-colors ui:duration-300 ui:ease-in-out ui:hover:bg-blue-50 ui:focus:outline-primary": props.onRowClick,
|
|
3754
3752
|
"ui:cursor-default ui:hover:bg-white": !props.onRowClick,
|
|
3755
3753
|
"ui:bg-blue-100": isItemChecked(index)
|
|
3756
|
-
}, props.className), onClick: clickCallback, children: [props.isSelectable && jsxRuntime.jsx("td", { className: "ui:px-0", children: jsxRuntime.jsx(Checkbox, { className: "ui:ml-4 ui:w-fit", classNameCheckboxLabel: "ui:p-2", isChecked: isItemChecked(index), onClick: (event) => event.stopPropagation(), onChange: (event) => {
|
|
3754
|
+
}, props.className), onClick: clickCallback, children: [props.isSelectable && jsxRuntime.jsx("td", { className: "ui:px-0", children: jsxRuntime.jsxs("label", { htmlFor: `${checkboxIdPrefix}-${index}`, children: [jsxRuntime.jsx("span", { className: "ui:sr-only", children: `Select row ${index + 1}` }), jsxRuntime.jsx(Checkbox, { id: `${checkboxIdPrefix}-${index}`, className: "ui:ml-4 ui:w-fit", classNameCheckboxLabel: "ui:p-2", isChecked: isItemChecked(index), onClick: (event) => event.stopPropagation(), onChange: (event) => {
|
|
3757
3755
|
var _a2;
|
|
3758
3756
|
event.stopPropagation();
|
|
3759
3757
|
(_a2 = props.onSelectRow) === null || _a2 === void 0 ? void 0 : _a2.call(props, {
|
|
@@ -3761,7 +3759,7 @@ function TableBody(props) {
|
|
|
3761
3759
|
checked: event.target.checked,
|
|
3762
3760
|
value: item
|
|
3763
3761
|
});
|
|
3764
|
-
} }) }), props.fieldConfigurations.map((fieldConfig) => jsxRuntime.jsx(TableBodyRowDataCell, { item, fieldConfig, emptyFieldContentText: props.emptyFieldContentText }, fieldConfig.key))] }, JSON.stringify(item));
|
|
3762
|
+
} })] }) }), props.fieldConfigurations.map((fieldConfig) => jsxRuntime.jsx(TableBodyRowDataCell, { item, fieldConfig, emptyFieldContentText: props.emptyFieldContentText }, fieldConfig.key))] }, JSON.stringify(item));
|
|
3765
3763
|
})), props.isLoading && jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: props.colSpan, children: jsxRuntime.jsx(LoadingIndicator, { className: "ui:px-3 ui:py-0", asModal: false }) }) }), props.showEmptyView && jsxRuntime.jsx("tr", { children: jsxRuntime.jsx("td", { colSpan: props.colSpan, children: jsxRuntime.jsx(EmptyListMessage, { className: "ui:py-6", text: props.emptyItemsText, imageName: "search-not-found" }) }) })] });
|
|
3766
3764
|
}
|
|
3767
3765
|
|
|
@@ -3864,7 +3862,7 @@ const PaginationMenuLarge = (props) => {
|
|
|
3864
3862
|
props.onChange(Number.parseInt(newPage, 10), props.pageSize);
|
|
3865
3863
|
}
|
|
3866
3864
|
};
|
|
3867
|
-
return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "center", _gap: "m", justify: "start", width: "full", children: [props.pageSize && props.resultCount && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text, { children: props.localization.display }), jsxRuntime.jsx(StyledSelect, { onChange: handleOnPageSizeSelect, value: props.pageSize, children: PAGE_SIZE_OPTIONS.map((option) => jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxRuntime.jsx(Text, { children: props.localization.page }), jsxRuntime.jsx(StyledSelect, { onChange: handleOnPageNumberSelect, value: props.currentPageNumber, disabled: props.pageCount < 2, children: getPageNumberOptions(props.pageCount).map((option) => jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxRuntime.jsxs(Stack, { axis: "x", align: "center", justify: "end", width: "full", children: [jsxRuntime.jsx(Text, { color: "slate-500", children: getSummaryText(props.pageCount, props.currentPageNumber, props.localization, props.pageSize, props.resultCount) }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "prev-button", "data-page": props.currentPageNumber - 1, onClick: handleOnPrevNextButtonClick, disabled: props.currentPageNumber === 1 || props.pageCount === 0, className: "ui:ml-4", children: props.localization.previous }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "next-button", disabled: props.currentPageNumber === props.pageCount || props.pageCount === 0, "data-page": props.currentPageNumber + 1, onClick: handleOnPrevNextButtonClick, className: "ui:ml-4", children: props.localization.next })] })] });
|
|
3865
|
+
return jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs(Stack, { axis: "x", align: "center", _gap: "m", justify: "start", width: "full", children: [props.pageSize && props.resultCount && jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Text, { children: props.localization.display }), jsxRuntime.jsx(StyledSelect, { "aria-label": props.localization.display, onChange: handleOnPageSizeSelect, value: props.pageSize, children: PAGE_SIZE_OPTIONS.map((option) => jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxRuntime.jsx(Text, { children: props.localization.page }), jsxRuntime.jsx(StyledSelect, { "aria-label": props.localization.page, onChange: handleOnPageNumberSelect, value: props.currentPageNumber, disabled: props.pageCount < 2, children: getPageNumberOptions(props.pageCount).map((option) => jsxRuntime.jsx("option", { value: option.value, children: option.label }, option.value)) })] }), jsxRuntime.jsxs(Stack, { axis: "x", align: "center", justify: "end", width: "full", children: [jsxRuntime.jsx(Text, { color: "slate-500", children: getSummaryText(props.pageCount, props.currentPageNumber, props.localization, props.pageSize, props.resultCount) }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "prev-button", "data-page": props.currentPageNumber - 1, onClick: handleOnPrevNextButtonClick, disabled: props.currentPageNumber === 1 || props.pageCount === 0, className: "ui:ml-4", children: props.localization.previous }), jsxRuntime.jsx(SecondaryButton, { "data-test-id": "next-button", disabled: props.currentPageNumber === props.pageCount || props.pageCount === 0, "data-page": props.currentPageNumber + 1, onClick: handleOnPrevNextButtonClick, className: "ui:ml-4", children: props.localization.next })] })] });
|
|
3868
3866
|
};
|
|
3869
3867
|
|
|
3870
3868
|
const PaginationMenuCursor = (props) => {
|
|
@@ -3895,6 +3893,7 @@ const TableFooter = (props) => {
|
|
|
3895
3893
|
function Table(_a) {
|
|
3896
3894
|
var { items, fieldConfigurations, emptyRowsText, emptyFieldContentText, isLoading = false, showHeader = true, paginationMenuProps, onRowClick, className, dataTestId, isSelectable, selectedItems, onSelectedRowsChange, rowSelectionHeaderAccessories } = _a, otherAttributes = __rest(_a, ["items", "fieldConfigurations", "emptyRowsText", "emptyFieldContentText", "isLoading", "showHeader", "paginationMenuProps", "onRowClick", "className", "dataTestId", "isSelectable", "selectedItems", "onSelectedRowsChange", "rowSelectionHeaderAccessories"]);
|
|
3897
3895
|
const [isPristine, setIsPristine] = React.useState(true);
|
|
3896
|
+
const selectAllCheckboxId = React.useId();
|
|
3898
3897
|
const getSelectAllCheckboxState = () => {
|
|
3899
3898
|
if (!items || !selectedItems) {
|
|
3900
3899
|
return "unchecked";
|
|
@@ -3933,7 +3932,12 @@ function Table(_a) {
|
|
|
3933
3932
|
};
|
|
3934
3933
|
const shouldDisplayHeaderSelectAll = isSelectable && items && items.length > 0;
|
|
3935
3934
|
const shouldDisplaySelectAllControls = shouldDisplayHeaderSelectAll && rowSelectionHeaderAccessories && selectedItems && selectedItems.length > 0;
|
|
3936
|
-
const toggleAllCheckbox =
|
|
3935
|
+
const toggleAllCheckbox = (
|
|
3936
|
+
// Checkbox wraps its input in its own empty <label>, which axe takes as the name.
|
|
3937
|
+
// htmlFor makes this label the input's name, and it keeps wrapping the checkbox
|
|
3938
|
+
// because consumers listen for clicks on it by its "Select all rows" text.
|
|
3939
|
+
jsxRuntime.jsxs("label", { htmlFor: selectAllCheckboxId, children: [jsxRuntime.jsx("span", { className: "ui:sr-only", children: "Select all rows" }), jsxRuntime.jsx(Checkbox, { id: selectAllCheckboxId, isChecked: getSelectAllCheckboxState() === "checked", isIndeterminate: getSelectAllCheckboxState() === "indeterminate", onChange: handleOnToggleAll })] })
|
|
3940
|
+
);
|
|
3937
3941
|
return jsxRuntime.jsxs("table", Object.assign({ className: classNames__default.default("ui:w-full ui:table-auto ui:bg-white", "ui:border-separate ui:border-spacing-0 ui:rounded-2xl", className), "data-test-id": dataTestId }, otherAttributes, { children: [showHeader ? jsxRuntime.jsx(TableHeader, { fieldConfigurations, colSpan, selectAllCheckbox: shouldDisplayHeaderSelectAll ? toggleAllCheckbox : null, selectAllComponent: shouldDisplaySelectAllControls ? jsxRuntime.jsxs(Stack, { axis: "x", align: "center", _gap: "m", _my: "base", children: [toggleAllCheckbox, rowSelectionHeaderAccessories] }) : null }) : null, jsxRuntime.jsx(
|
|
3938
3942
|
TableBody,
|
|
3939
3943
|
{
|
|
@@ -4950,11 +4954,11 @@ const SettingsMenuButton = (props) => {
|
|
|
4950
4954
|
}, {
|
|
4951
4955
|
"ui:pointer-events-none ui:opacity-0": !showMenu,
|
|
4952
4956
|
"ui:opacity-100": showMenu
|
|
4953
|
-
}), children: [menuTitle && jsxRuntime.jsx("div", { className: "ui:h-11 ui:w-full ui:bg-slate-50 ui:p-3", children: jsxRuntime.jsx(Text, { type: "sm", className: "ui:uppercase", text: menuTitle }) }), innerConfiguration.map((innerConfig) => jsxRuntime.jsxs("div", { className: "ui:flex ui:h-11 ui:w-full ui:items-center ui:justify-between ui:p-3", children: [jsxRuntime.jsx(Text, { text: innerConfig.itemName }), jsxRuntime.jsx(Checkbox, { name: innerConfig.itemName, id: innerConfig.itemId, type: "switch", isChecked: innerConfig.on, onChange: handleOnVisibilitySwitchChanged })] }, innerConfig.itemId))] })] });
|
|
4957
|
+
}), children: [menuTitle && jsxRuntime.jsx("div", { className: "ui:h-11 ui:w-full ui:bg-slate-50 ui:p-3", children: jsxRuntime.jsx(Text, { type: "sm", className: "ui:uppercase", text: menuTitle }) }), innerConfiguration.map((innerConfig) => jsxRuntime.jsxs("div", { className: "ui:flex ui:h-11 ui:w-full ui:items-center ui:justify-between ui:p-3", children: [jsxRuntime.jsx("label", { htmlFor: innerConfig.itemId, children: jsxRuntime.jsx(Text, { text: innerConfig.itemName }) }), jsxRuntime.jsx(Checkbox, { name: innerConfig.itemName, id: innerConfig.itemId, type: "switch", isChecked: innerConfig.on, onChange: handleOnVisibilitySwitchChanged })] }, innerConfig.itemId))] })] });
|
|
4954
4958
|
};
|
|
4955
4959
|
|
|
4956
4960
|
const SwitcherItem = ({ className, icon, ariaLabel, isSelected = false, isLast = false, name, onSelect }) => {
|
|
4957
|
-
return jsxRuntime.jsx("li", { className: classNames__default.default("ui:flex ui:border-solid ui:border-border-neutral-secondary-default", { "ui:border-r": !isLast }), children: jsxRuntime.jsxs("button", { type: "button", "aria-pressed": isSelected, "aria-label": ariaLabel, onClick: onSelect, className: classNames__default.default("ui:flex ui:flex-row ui:cursor-pointer ui:appearance-none ui:items-center ui:gap-xxs ui:border-none ui:p-xxs", "ui:outline-none ui:transition ui:duration-150 ui:focus-visible:z-10 ui:focus-visible:ring-2 ui:focus-visible:ring-inset ui:focus-visible:ring-border-brand-primary-default", {
|
|
4961
|
+
return jsxRuntime.jsx("li", { role: "none", className: classNames__default.default("ui:flex ui:border-solid ui:border-border-neutral-secondary-default", { "ui:border-r": !isLast }), children: jsxRuntime.jsxs("button", { type: "button", "aria-pressed": isSelected, "aria-label": ariaLabel, onClick: onSelect, className: classNames__default.default("ui:flex ui:flex-row ui:cursor-pointer ui:appearance-none ui:items-center ui:gap-xxs ui:border-none ui:p-xxs", "ui:outline-none ui:transition ui:duration-150 ui:focus-visible:z-10 ui:focus-visible:ring-2 ui:focus-visible:ring-inset ui:focus-visible:ring-border-brand-primary-default", {
|
|
4958
4962
|
"ui:bg-background-brand-secondary-default ui:text-text-brand-primary-default": isSelected,
|
|
4959
4963
|
"ui:bg-background-neutral-secondary-default ui:text-text-neutral-secondary-default ui:hover:bg-background-neutral-secondary-hovered": !isSelected
|
|
4960
4964
|
}, className), children: [icon && jsxRuntime.jsx(IconComponentOrKey, { name: icon }), name && jsxRuntime.jsx(Text, { text: name, color: "current" })] }) });
|
|
@@ -6021,7 +6025,7 @@ const Padding = (props) => {
|
|
|
6021
6025
|
const Item$1 = (props) => {
|
|
6022
6026
|
const { _DO_NOT_USE_index } = props, rest = __rest(props, ["_DO_NOT_USE_index"]);
|
|
6023
6027
|
const liClasses = classNames__default.default("ui:first:rounded-t-[inherit] ui:last:rounded-b-[inherit]", props.className);
|
|
6024
|
-
return jsxRuntime.jsxs(
|
|
6028
|
+
return jsxRuntime.jsxs("li", Object.assign({ className: liClasses }, rest, { children: [_DO_NOT_USE_index === 0 ? null : jsxRuntime.jsx("div", { "data-index": _DO_NOT_USE_index, className: classNames__default.default("ui:absolute ui:left-0 ui:right-0", "ui:border-t ui:border-slate-200") }), React__namespace.default.Children.map(props.children, (child) => {
|
|
6025
6029
|
if (!React__namespace.default.isValidElement(child)) {
|
|
6026
6030
|
return child;
|
|
6027
6031
|
}
|
|
@@ -6040,7 +6044,7 @@ const Item$1 = (props) => {
|
|
|
6040
6044
|
return jsxRuntime.jsx(Indent, Object.assign({}, child.props, { className: classNames__default.default(child.props.className, "ui:pl-4") }));
|
|
6041
6045
|
}
|
|
6042
6046
|
return child;
|
|
6043
|
-
}) }))
|
|
6047
|
+
})] }));
|
|
6044
6048
|
};
|
|
6045
6049
|
const UnorderedList = (props) => {
|
|
6046
6050
|
const { _DO_NOT_USE_isRoot = true } = props, rest = __rest(props, ["_DO_NOT_USE_isRoot"]);
|