@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.
@@ -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.onClick ? "button" : "img", className: classes }, 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":";;;;;AAUA,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,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,YAAA,EAAY,MAAA,CAAA,MAAA,CAAA,EACX,IAAA,EAAM,IAAA,CAAK,OAAA,GAAU,QAAA,GAAW,KAAA,EAChC,SAAA,EAAW,OAAA,EAAO,EACd,IAAI,CAAA,CAAA;AAGd;;"}
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":"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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":";;;;;;;;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,EACF,QAAA,EAAA,CAEA,SAAA,IACCD,aAAK,SAAA,EAAU,yCAAA,EAAyC,UACtDA,GAAA,CAAC,IAAA,EAAI,EAAC,IAAA,EAAK,IAAA,EAAK,WAAU,cAAA,EAAe,IAAA,EAAM,SAAA,KAAa,CAAA,EAG/D,kBAAA,CAAmB,GAAA,CAAI,CAAC,WAAA,KACvBC,IAAA,CAAA,KAAA,EAAA,EAEE,WAAU,qEAAA,EAAqE,QAAA,EAAA,CAE/ED,GAAA,YAAO,OAAA,EAAS,WAAA,CAAY,MAAA,EAAM,QAAA,EAChCA,IAAC,IAAA,EAAI,EAAC,IAAA,EAAM,WAAA,CAAY,UAAQ,CAAA,EAAI,CAAA,EAEtCA,IAAC,QAAA,IACC,MAAM,WAAA,CAAY,QAAA,EAClB,IAAI,WAAA,CAAY,MAAA,EAChB,IAAA,EAAK,QAAA,EACL,WAAW,WAAA,CAAY,EAAA,EACvB,QAAA,EAAU,+BAAA,GACV,CAAA,EAAA,EAZG,WAAA,CAAY,MAAM,CAc1B,CAAC,GAAA,CACE,GAAA,CAAA;AAGZ;;"}
@@ -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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"}
@@ -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.onClick ? "button" : "img", className: classes }, 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 = 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
+ );
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 }) => {