@luscii-healthtech/web-ui 58.14.1 → 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.
@@ -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":"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"}
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":"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"}
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 = jsxs("label", { children: [jsx("span", { className: "ui:sr-only", children: "Select all rows" }), jsx(Checkbox, { isChecked: getSelectAllCheckboxState() === "checked", isIndeterminate: getSelectAllCheckboxState() === "indeterminate", onChange: handleOnToggleAll })] });
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":"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"}
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":"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"}
1
+ {"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/TableBody.tsx"],"sourcesContent":[null],"names":["_a","_jsxs","_jsx"],"mappings":"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"}
@@ -3697,6 +3697,7 @@ function getTagType(color) {
3697
3697
 
3698
3698
  function TableBody(props) {
3699
3699
  var _a;
3700
+ const checkboxIdPrefix = React.useId();
3700
3701
  const isItemChecked = (index) => {
3701
3702
  if (!props.selectedItems) {
3702
3703
  return false;
@@ -3753,7 +3754,7 @@ function TableBody(props) {
3753
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,
3754
3755
  "ui:cursor-default ui:hover:bg-white": !props.onRowClick,
3755
3756
  "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) => {
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) => {
3757
3758
  var _a2;
3758
3759
  event.stopPropagation();
3759
3760
  (_a2 = props.onSelectRow) === null || _a2 === void 0 ? void 0 : _a2.call(props, {
@@ -3761,7 +3762,7 @@ function TableBody(props) {
3761
3762
  checked: event.target.checked,
3762
3763
  value: item
3763
3764
  });
3764
- } }) }), 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));
3765
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" }) }) })] });
3766
3767
  }
3767
3768
 
@@ -3864,7 +3865,7 @@ const PaginationMenuLarge = (props) => {
3864
3865
  props.onChange(Number.parseInt(newPage, 10), props.pageSize);
3865
3866
  }
3866
3867
  };
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 })] })] });
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 })] })] });
3868
3869
  };
3869
3870
 
3870
3871
  const PaginationMenuCursor = (props) => {
@@ -3895,6 +3896,7 @@ const TableFooter = (props) => {
3895
3896
  function Table(_a) {
3896
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"]);
3897
3898
  const [isPristine, setIsPristine] = React.useState(true);
3899
+ const selectAllCheckboxId = React.useId();
3898
3900
  const getSelectAllCheckboxState = () => {
3899
3901
  if (!items || !selectedItems) {
3900
3902
  return "unchecked";
@@ -3933,7 +3935,12 @@ function Table(_a) {
3933
3935
  };
3934
3936
  const shouldDisplayHeaderSelectAll = isSelectable && items && items.length > 0;
3935
3937
  const shouldDisplaySelectAllControls = shouldDisplayHeaderSelectAll && rowSelectionHeaderAccessories && selectedItems && selectedItems.length > 0;
3936
- const toggleAllCheckbox = jsxRuntime.jsxs("label", { children: [jsxRuntime.jsx("span", { className: "ui:sr-only", children: "Select all rows" }), jsxRuntime.jsx(Checkbox, { isChecked: getSelectAllCheckboxState() === "checked", isIndeterminate: getSelectAllCheckboxState() === "indeterminate", onChange: handleOnToggleAll })] });
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
+ );
3937
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(
3938
3945
  TableBody,
3939
3946
  {
@@ -4950,7 +4957,7 @@ const SettingsMenuButton = (props) => {
4950
4957
  }, {
4951
4958
  "ui:pointer-events-none ui:opacity-0": !showMenu,
4952
4959
  "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))] })] });
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))] })] });
4954
4961
  };
4955
4962
 
4956
4963
  const SwitcherItem = ({ className, icon, ariaLabel, isSelected = false, isLast = false, name, onSelect }) => {