@luscii-healthtech/web-ui 58.14.0 → 58.14.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/components/Icons/iconWrapper/iconWrapper.js +9 -1
- package/dist/esm/components/Icons/iconWrapper/iconWrapper.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/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/index.development.js +21 -6
- 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/Icon.stories.d.ts +8 -0
- package/dist/stories/Input.stories.d.ts +3 -0
- package/dist/stories/Select.stories.d.ts +3 -0
- package/dist/stories/Textarea.stories.d.ts +1 -0
- package/package.json +1 -1
|
@@ -4,11 +4,19 @@ import classNames from 'classnames';
|
|
|
4
4
|
import { allowedColors } from '../../Text/Text.js';
|
|
5
5
|
|
|
6
6
|
const IconWrapper = (SVGComponent) => (_a) => {
|
|
7
|
+
var _b;
|
|
7
8
|
var { className, size, color } = _a, rest = __rest(_a, ["className", "size", "color"]);
|
|
9
|
+
const hasAccessibleName = Boolean(rest["aria-label"] || rest["aria-labelledby"]);
|
|
10
|
+
let role;
|
|
11
|
+
if (rest.onClick) {
|
|
12
|
+
role = "button";
|
|
13
|
+
} else if (hasAccessibleName) {
|
|
14
|
+
role = "img";
|
|
15
|
+
}
|
|
8
16
|
const classes = classNames({
|
|
9
17
|
"ui:h-[20px] ui:w-[20px]": size === "s"
|
|
10
18
|
}, className, color ? allowedColors[color] : void 0);
|
|
11
|
-
return jsx(SVGComponent, Object.assign({ role: rest.
|
|
19
|
+
return jsx(SVGComponent, Object.assign({ role, "aria-hidden": ((_b = rest.role) !== null && _b !== void 0 ? _b : role) ? void 0 : "true", className: classes }, rest));
|
|
12
20
|
};
|
|
13
21
|
|
|
14
22
|
export { IconWrapper as default };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"iconWrapper.js","sources":["../../../../../../../src/components/Icons/iconWrapper/iconWrapper.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"iconWrapper.js","sources":["../../../../../../../src/components/Icons/iconWrapper/iconWrapper.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;AAWA,MAAM,WAAA,GACJ,CACE,YAAA,KAEF,CAAC,EAAA,KAAuC;;MAAvC,EAAE,SAAA,EAAW,IAAA,EAAM,KAAA,SAAU,IAAA,GAAI,MAAA,CAAA,EAAA,EAAjC,CAAA,WAAA,EAAA,MAAA,EAAA,OAAA,CAAmC,CAAA;AAClC,EAAA,MAAM,oBAAoB,OAAA,CACxB,IAAA,CAAK,YAAY,CAAA,IAAK,IAAA,CAAK,iBAAiB,CAAC,CAAA;AAE/C,EAAA,IAAI,IAAA;AACJ,EAAA,IAAI,KAAK,OAAA,EAAS;AAChB,IAAA,IAAA,GAAO,QAAA;AAAA,EACT,WAAW,iBAAA,EAAmB;AAC5B,IAAA,IAAA,GAAO,KAAA;AAAA,EACT;AACA,EAAA,MAAM,UAAU,UAAA,CACd;AAAA,IACE,2BAA2B,IAAA,KAAS;AAAA,KAEtC,SAAA,EACA,KAAA,GAAQ,aAAA,CAAc,KAAK,IAAI,MAAS,CAAA;AAG1C,EAAA,OACEA,GAAA,CAAC,cAAY,MAAA,CAAA,MAAA,CAAA,EACX,IAAA,EAAU,aAAA,EAAA,CAAA,CACI,KAAA,IAAA,CAAK,IAAA,mCAAQ,IAAA,IAAQ,MAAA,GAAY,QAC/C,SAAA,EAAW,OAAA,EAAO,EACd,IAAI,CAAA,CAAA;AAGd;;"}
|
|
@@ -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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"}
|
|
@@ -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":";;;;;;;;;;;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;AACjD,EAAA,MAAM,sBAAsB,KAAA,EAAK;AAEjC,EAAA,MAAM,4BAA4B,MAA6B;AAC7D,IAAA,IAAI,CAAC,KAAA,IAAS,CAAC,aAAA,EAAe;AAC5B,MAAA,OAAO,WAAA;AAAA,IACT;AAEA,IAAA,MAAM,aAAa,KAAA,CAAM,MAAA;AAEzB,IAAA,IAAI,aAAA,CAAc,WAAW,CAAA,EAAG;AAC9B,MAAA,OAAO,WAAA;AAAA,IACT;AAEA,IAAA,IAAI,aAAA,CAAc,MAAA,KAAW,KAAA,CAAM,MAAA,EAAQ;AACzC,MAAA,OAAO,SAAA;AAAA,IACT;AAEA,IAAA,IAAI,aAAA,CAAc,WAAW,UAAA,EAAY;AACvC,MAAA,OAAO,eAAA;AAAA,IACT;AAEA,IAAA,OAAO,WAAA;AAAA,EACT,CAAA;AAEA,EAAA,SAAA,CAAU,MAAK;AACb,IAAA,aAAA,CAAc,KAAK,CAAA;AAAA,EACrB,CAAA,EAAG,CAAC,KAAA,EAAO,SAAS,CAAC,CAAA;AAErB,EAAA,MAAM,aAAA,GACJ,CAAC,UAAA,IAAc,CAAC,aAAa,EAAE,KAAA,IAAS,MAAM,MAAA,GAAS,CAAA,CAAA;AAEzD,EAAA,MAAM,aACJ,CAAC,SAAA,IAAa,CAAC,aAAA,IAAiB,qBAAqB,mBAAmB,CAAA;AAc1E,EAAA,MAAM,OAAA,GAAU,YAAA,GACZ,mBAAA,CAAoB,MAAA,GAAS,IAC7B,mBAAA,CAAoB,MAAA;AAExB,EAAA,MAAM,oBAAoB,MAAK;AAK7B,IAAA,MAAM,WACJ,yBAAA,EAAyB,KAAO,SAAA,GAC5B,MACC,KAAA,KAAK,IAAA,IAAL,KAAA,KAAK,MAAA,GAAL,QAAS,EAAA,EAAI,GAAA,CAAI,CAAC,OAAO,KAAA,MAAW;AAAA,MACnC,KAAA;AAAA,MACA;AAAA,KACD,CAAC,CAAA;AAER,IAAA,oBAAA,aAAA,oBAAA,KAAoB,MAAA,GAAA,MAAA,GAApB,qBAAuB,QAAQ,CAAA;AAAA,EACjC,CAAA;AAEA,EAAA,MAAM,iBAAA,GAAoB,CAAC,MAAA,KAItB;AACH,IAAA,IAAI,CAAC,aAAA,EAAe;AAClB,MAAA;AAAA,IACF;AAEA,IAAA,MAAM,QAAA,GAAW,OAAO,OAAA,GACpB,CAAC,GAAG,aAAA,EAAe,EAAE,KAAA,EAAO,MAAA,CAAO,KAAA,EAAO,KAAA,EAAO,OAAO,QAAA,EAAU,IAClE,aAAA,CAAc,MAAA,CAAO,CAAC,IAAA,KAAS,IAAA,CAAK,KAAA,KAAU,MAAA,CAAO,QAAQ,CAAA;AACjE,IAAA,oBAAA,aAAA,oBAAA,KAAoB,MAAA,GAAA,MAAA,GAApB,qBAAuB,QAAQ,CAAA;AAAA,EACjC,CAAA;AAMA,EAAA,MAAM,4BAAA,GACJ,YAAA,IAAgB,KAAA,IAAS,KAAA,CAAM,MAAA,GAAS,CAAA;AAO1C,EAAA,MAAM,8BAAA,GACJ,4BAAA,IACA,6BAAA,IACA,aAAA,IACA,cAAc,MAAA,GAAS,CAAA;AAEzB,EAAA,MAAM,iBAAA;AAAA;AAAA;AAAA;AAAA,IAIJA,IAAA,CAAA,OAAA,EAAA,EAAO,OAAA,EAAS,qBAAmB,QAAA,EAAA,CACjCC,GAAA,CAAA,MAAA,EAAA,EAAM,SAAA,EAAU,YAAA,EAAY,QAAA,EAAA,iBAAA,EAAA,CAAA,EAC5BA,GAAA,CAAC,QAAA,EAAQ,EACP,EAAA,EAAI,mBAAA,EACJ,SAAA,EAAW,yBAAA,OAAgC,SAAA,EAC3C,eAAA,EAAiB,yBAAA,EAAyB,KAAO,iBACjD,QAAA,EAAU,iBAAA,EAAiB,CAC3B,GAAA;AAAA,GAAA;AAIN,EAAA,OACED,IAAA,CAAA,SAAA,MAAA,CAAA,MAAA,CAAA,EACE,SAAA,EAAW,UAAA,CACT,qCAAA,EACA,uDAAA,EACA,SAAS,CAAA,kBAEG,UAAA,EAAU,EACpB,eAAA,EAAe,EAAA,QAAA,EAAA,CAElB,aACCC,GAAA,CAAC,WAAA,EAAW,EACV,mBAAA,EACA,OAAA,EACA,iBAAA,EACE,+BAA+B,iBAAA,GAAoB,IAAA,EAErD,kBAAA,EACE,8BAAA,GACED,IAAA,CAAC,KAAA,EAAK,EAAC,IAAA,EAAK,GAAA,EAAI,KAAA,EAAM,QAAA,EAAS,IAAA,EAAK,GAAA,EAAI,KAAI,MAAA,EAAM,QAAA,EAAA,CAC/C,iBAAA,EACA,6BAA6B,CAAA,EAAA,CAAA,GAE9B,IAAA,EAAI,CAAA,GAGV,IAAA,EAEJC,GAAA;AAAA,IAAC,SAAA;AAAA;;MAEC,WAAW,UAAA,CAAW;AAAA,QACpB,oDAAA,EAAsD;AAAA,OACvD,CAAA;AAAA,MACD,KAAA;AAAA,MACA,mBAAA;AAAA,MACA,cAAA,EAAgB,aAAA;AAAA,MAChB,qBAAA;AAAA,MACA,SAAA;AAAA,MACA,aAAA;AAAA,MACA,UAAA;AAAA,MACA,gBAAgB,CAAC,UAAA;AAAA,MACjB,eAAe,CAAC,UAAA;AAAA,MAChB,YAAA;AAAA,MACA,WAAA,EAAa,iBAAA;AAAA,MACb,aAAA;AAAA,MACA;AAAA;KAGD,UAAA,GACCA,GAAA,CAAC,WAAA,EAAW,EACV,OAAA,EACA,mBAAA,EAAwC,CAAA,GAExC,IAAI,CAAA,EAAA,CAAA,CAAA;AAGd;;"}
|
|
@@ -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":"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"}
|
|
@@ -373,11 +373,19 @@ const Text = (props) => {
|
|
|
373
373
|
};
|
|
374
374
|
|
|
375
375
|
const IconWrapper$1 = (SVGComponent) => (_a) => {
|
|
376
|
+
var _b;
|
|
376
377
|
var { className, size, color } = _a, rest = __rest(_a, ["className", "size", "color"]);
|
|
378
|
+
const hasAccessibleName = Boolean(rest["aria-label"] || rest["aria-labelledby"]);
|
|
379
|
+
let role;
|
|
380
|
+
if (rest.onClick) {
|
|
381
|
+
role = "button";
|
|
382
|
+
} else if (hasAccessibleName) {
|
|
383
|
+
role = "img";
|
|
384
|
+
}
|
|
377
385
|
const classes = classNames__default.default({
|
|
378
386
|
"ui:h-[20px] ui:w-[20px]": size === "s"
|
|
379
387
|
}, className, color ? allowedColors[color] : void 0);
|
|
380
|
-
return jsxRuntime.jsx(SVGComponent, Object.assign({ role: rest.
|
|
388
|
+
return jsxRuntime.jsx(SVGComponent, Object.assign({ role, "aria-hidden": ((_b = rest.role) !== null && _b !== void 0 ? _b : role) ? void 0 : "true", className: classes }, rest));
|
|
381
389
|
};
|
|
382
390
|
|
|
383
391
|
const SvgActionBloodPressureColoredIcon = (props) => jsxRuntime.jsx("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: 28, height: 28, fill: "none", viewBox: "0 0 28 28" }, props, { children: jsxRuntime.jsxs("g", { clipPath: "url(#clip0_153_5219)", children: [jsxRuntime.jsx("path", { fill: "#F09", fillRule: "evenodd", d: "M3.075 14.47s-4.917-4.927.387-9.873c0 0 1.942-2.065 5.87-1.498 2.227.322 3.1 1.383 4.581 3.626 0 0 1.836-3.558 6.696-3.57 4.14-.012 7.312 4.635 6.148 8.452 0 0-.39 1.19-2.008 2.863L13.94 25z", clipRule: "evenodd" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M16.689 7.565c1.735-1.793 3.424-2.169 5.242-1.22 1.817.948 2.508 2.813 2.037 5.77a.71.71 0 0 0 .602.812.72.72 0 0 0 .825-.592c.558-3.504-.358-5.977-2.786-7.244-2.426-1.265-4.807-.736-6.967 1.496a.7.7 0 0 0 .026 1.003.73.73 0 0 0 1.021-.025", opacity: 0.232 }), jsxRuntime.jsx("path", { fill: "#6670A5", d: "M20.5 20.001a6.5 6.5 0 1 0 0-13 6.5 6.5 0 0 0 0 13" }), jsxRuntime.jsx("path", { fill: "#6670A5", d: "M22 16.502a1.5 1.5 0 0 0-3 0v9a1.5 1.5 0 1 0 3 0z" }), jsxRuntime.jsx("path", { fill: "#6670A5", d: "M24.5 27.004a1.5 1.5 0 0 0 0-3h-4a1.5 1.5 0 1 0 0 3z" }), jsxRuntime.jsx("path", { fill: "#fff", d: "M20.498 18.002a4.5 4.5 0 1 0 0-9 4.5 4.5 0 0 0 0 9" }), jsxRuntime.jsxs("g", { fill: "#009FE3", children: [jsxRuntime.jsx("path", { d: "M21 15.002a1 1 0 1 0 0-2 1 1 0 0 0 0 2" }), jsxRuntime.jsx("path", { fillRule: "evenodd", d: "M18.5 11.498a.707.707 0 0 1 1 0l2 2a.707.707 0 0 1-1 1l-2-2a.707.707 0 0 1 0-1", clipRule: "evenodd" })] })] }) }));
|
|
@@ -3689,6 +3697,7 @@ function getTagType(color) {
|
|
|
3689
3697
|
|
|
3690
3698
|
function TableBody(props) {
|
|
3691
3699
|
var _a;
|
|
3700
|
+
const checkboxIdPrefix = React.useId();
|
|
3692
3701
|
const isItemChecked = (index) => {
|
|
3693
3702
|
if (!props.selectedItems) {
|
|
3694
3703
|
return false;
|
|
@@ -3745,7 +3754,7 @@ function TableBody(props) {
|
|
|
3745
3754
|
"ui:cursor-pointer ui:transition-colors ui:duration-300 ui:ease-in-out ui:hover:bg-blue-50 ui:focus:outline-primary": props.onRowClick,
|
|
3746
3755
|
"ui:cursor-default ui:hover:bg-white": !props.onRowClick,
|
|
3747
3756
|
"ui:bg-blue-100": isItemChecked(index)
|
|
3748
|
-
}, 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) => {
|
|
3757
|
+
}, 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) => {
|
|
3749
3758
|
var _a2;
|
|
3750
3759
|
event.stopPropagation();
|
|
3751
3760
|
(_a2 = props.onSelectRow) === null || _a2 === void 0 ? void 0 : _a2.call(props, {
|
|
@@ -3753,7 +3762,7 @@ function TableBody(props) {
|
|
|
3753
3762
|
checked: event.target.checked,
|
|
3754
3763
|
value: item
|
|
3755
3764
|
});
|
|
3756
|
-
} }) }), props.fieldConfigurations.map((fieldConfig) => jsxRuntime.jsx(TableBodyRowDataCell, { item, fieldConfig, emptyFieldContentText: props.emptyFieldContentText }, fieldConfig.key))] }, JSON.stringify(item));
|
|
3765
|
+
} })] }) }), props.fieldConfigurations.map((fieldConfig) => jsxRuntime.jsx(TableBodyRowDataCell, { item, fieldConfig, emptyFieldContentText: props.emptyFieldContentText }, fieldConfig.key))] }, JSON.stringify(item));
|
|
3757
3766
|
})), 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" }) }) })] });
|
|
3758
3767
|
}
|
|
3759
3768
|
|
|
@@ -3856,7 +3865,7 @@ const PaginationMenuLarge = (props) => {
|
|
|
3856
3865
|
props.onChange(Number.parseInt(newPage, 10), props.pageSize);
|
|
3857
3866
|
}
|
|
3858
3867
|
};
|
|
3859
|
-
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 })] })] });
|
|
3868
|
+
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 })] })] });
|
|
3860
3869
|
};
|
|
3861
3870
|
|
|
3862
3871
|
const PaginationMenuCursor = (props) => {
|
|
@@ -3887,6 +3896,7 @@ const TableFooter = (props) => {
|
|
|
3887
3896
|
function Table(_a) {
|
|
3888
3897
|
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"]);
|
|
3889
3898
|
const [isPristine, setIsPristine] = React.useState(true);
|
|
3899
|
+
const selectAllCheckboxId = React.useId();
|
|
3890
3900
|
const getSelectAllCheckboxState = () => {
|
|
3891
3901
|
if (!items || !selectedItems) {
|
|
3892
3902
|
return "unchecked";
|
|
@@ -3925,7 +3935,12 @@ function Table(_a) {
|
|
|
3925
3935
|
};
|
|
3926
3936
|
const shouldDisplayHeaderSelectAll = isSelectable && items && items.length > 0;
|
|
3927
3937
|
const shouldDisplaySelectAllControls = shouldDisplayHeaderSelectAll && rowSelectionHeaderAccessories && selectedItems && selectedItems.length > 0;
|
|
3928
|
-
const toggleAllCheckbox =
|
|
3938
|
+
const toggleAllCheckbox = (
|
|
3939
|
+
// Checkbox wraps its input in its own empty <label>, which axe takes as the name.
|
|
3940
|
+
// htmlFor makes this label the input's name, and it keeps wrapping the checkbox
|
|
3941
|
+
// because consumers listen for clicks on it by its "Select all rows" text.
|
|
3942
|
+
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 })] })
|
|
3943
|
+
);
|
|
3929
3944
|
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(
|
|
3930
3945
|
TableBody,
|
|
3931
3946
|
{
|
|
@@ -4942,7 +4957,7 @@ const SettingsMenuButton = (props) => {
|
|
|
4942
4957
|
}, {
|
|
4943
4958
|
"ui:pointer-events-none ui:opacity-0": !showMenu,
|
|
4944
4959
|
"ui:opacity-100": showMenu
|
|
4945
|
-
}), 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))] })] });
|
|
4960
|
+
}), 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))] })] });
|
|
4946
4961
|
};
|
|
4947
4962
|
|
|
4948
4963
|
const SwitcherItem = ({ className, icon, ariaLabel, isSelected = false, isLast = false, name, onSelect }) => {
|