@okta/odyssey-react-mui 1.43.0 → 1.45.0

package/dist/cjs/Checkbox.cjs

@@ -7,9 +7,9 @@ exports.checkboxValidityValues = exports.Checkbox = void 0;
 var _FormHelperText2 = _interopRequireDefault(require("@mui/material/FormHelperText"));
 var _FormControlLabel2 = _interopRequireDefault(require("@mui/material/FormControlLabel"));
 var _Checkbox2 = _interopRequireDefault(require("@mui/material/Checkbox"));
-var _reactI18next = require("react-i18next");
-var _react = require("react");
 var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _reactI18next = require("react-i18next");
 var _inputUtils = require("./inputUtils.cjs");
 var _OdysseyDesignTokensContext = require("./OdysseyDesignTokensContext.cjs");
 var _Typography = require("./Typography.cjs");
@@ -92,8 +92,8 @@ const Checkbox = ({
         children: labelProp
       }), isRequired && (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [" ", (0, _jsxRuntime.jsxs)(_Typography.Typography, {
-          component: "span",
           color: "textSecondary",
+          component: "span",
           children: ["(", t("fieldlabel.required.text"), ")"]
         })]
       })]
@@ -127,24 +127,23 @@ const Checkbox = ({
   }), [hint, isReadOnly]);
   return (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [(0, _jsxRuntime.jsx)(_FormControlLabel2.default, {
-      sx: checkboxStyles,
       "aria-label": ariaLabel,
       "aria-labelledby": ariaLabelledBy,
       className: validity === "invalid" ? "Mui-error" : validity === "valid" ? "Mui-valid" : "",
       control: (0, _jsxRuntime.jsx)(_Checkbox2.default, {
         ...inputValues,
+        disabled: isDisabled,
         indeterminate: isIndeterminate,
-        onChange: onChange,
-        onClick: onClick,
-        required: isRequired,
         inputProps: {
           "aria-describedby": hintId,
           "aria-readonly": isReadOnly,
           "data-se": testId,
           readOnly: isReadOnly
         },
-        disabled: isDisabled,
         inputRef: localInputRef,
+        onChange: onChange,
+        onClick: onClick,
+        required: isRequired,
         sx: {
           marginBlockStart: "2px"
         }
@@ -153,10 +152,11 @@ const Checkbox = ({
       id: idOverride,
       label: label,
       name: nameOverride ?? idOverride,
-      value: value,
-      required: isRequired,
       onBlur: onBlur,
-      translate: translate
+      required: isRequired,
+      sx: checkboxStyles,
+      translate: translate,
+      value: value
     }), hint && (0, _jsxRuntime.jsx)(HintContainerWithInlineStartSpacing, {
       odysseyDesignTokens: odysseyDesignTokens,
       children: (0, _jsxRuntime.jsx)(_FormHelperText2.default, {

package/dist/cjs/Checkbox.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.cjs","names":["_reactI18next","require","_react","_styled","_interopRequireDefault","_inputUtils","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","checkboxValidityValues","exports","HintContainerWithInlineStartSpacing","styled","div","odysseyDesignTokens","paddingInlineStart","TypographyLineHeightUi","Spacing2","marginBlockEnd","color","TypographyColorSubordinate","Checkbox","ariaLabel","ariaLabelledBy","id","idOverride","inputRef","isChecked","isDefaultChecked","isDisabled","isIndeterminate","isReadOnly","isRequired","label","labelProp","hint","name","nameOverride","onChange","onChangeProp","onBlur","onBlurProp","testId","translate","validity","value","t","useTranslation","useOdysseyDesignTokens","useUniqueId","hintId","undefined","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","ComponentControlledState","CONTROLLED","checked","defaultChecked","localInputRef","useImperativeHandle","focus","jsxs","Fragment","children","jsx","Typography","component","useCallback","event","onClick","stopPropagation","preventDefault","checkboxStyles","alignItems","cursor","_FormControlLabel2","sx","className","control","_Checkbox2","indeterminate","required","inputProps","readOnly","disabled","marginBlockStart","_FormHelperText2","MemoizedCheckbox","memo","displayName"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { useTranslation } from \"react-i18next\";\nimport { memo, useCallback, useMemo, useRef, useImperativeHandle } from \"react\";\nimport {\n  Checkbox as MuiCheckbox,\n  CheckboxProps as MuiCheckboxProps,\n  FormControlLabel,\n  FormControlLabelProps as MuiFormControlLabelProps,\n  FormHelperText,\n} from \"@mui/material\";\nimport styled from \"@emotion/styled\";\n\nimport { CheckedFieldProps } from \"./FormCheckedProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  getControlState,\n} from \"./inputUtils.js\";\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport {\n  useOdysseyDesignTokens,\n  DesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const checkboxValidityValues = [\"valid\", \"invalid\", \"inherit\"] as const;\n\nconst HintContainerWithInlineStartSpacing = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.TypographyLineHeightUi}em + ${odysseyDesignTokens.Spacing2})`,\n  marginBlockEnd: odysseyDesignTokens.Spacing2,\n\n  // MUI applies the '.Mui-error' class to this hint text when the checkbox is invalid which turns the copy red\n  // We want to keep the hint text gray in the error state\n  \".Mui-error\": {\n    color: odysseyDesignTokens.TypographyColorSubordinate,\n  },\n}));\n\nexport type CheckboxProps = {\n  /**\n   * The ref forwarded to the Checkbox\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Determines whether the Checkbox is in an indeterminate state\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Determines whether the Checkbox is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the Checkbox\n   */\n  label?: string;\n  /**\n   * The checkbox validity, if different from its enclosing group. Defaults to \"inherit\".\n   */\n  validity?: (typeof checkboxValidityValues)[number];\n  /**\n   * The value attribute of the Checkbox\n   */\n  value?: string;\n  /**\n   * Callback fired when the blur event happens. Provides event value.\n   */\n  onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n} & Pick<\n  FieldComponentProps,\n  \"hint\" | \"id\" | \"isDisabled\" | \"isReadOnly\" | \"name\"\n> &\n  CheckedFieldProps<MuiCheckboxProps> &\n  Pick<HtmlProps, \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\">;\n\nconst Checkbox = ({\n  ariaLabel,\n  ariaLabelledBy,\n  id: idOverride,\n  inputRef,\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isIndeterminate,\n  isReadOnly = false,\n  isRequired,\n  label: labelProp,\n  hint,\n  name: nameOverride,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  testId,\n  translate,\n  validity = \"inherit\",\n  value,\n}: CheckboxProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: isChecked,\n      uncontrolledValue: isDefaultChecked,\n    }),\n  );\n  const inputValues = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { checked: isChecked };\n    }\n    return { defaultChecked: isDefaultChecked };\n  }, [isDefaultChecked, isChecked]);\n\n  const localInputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(\n    inputRef,\n    () => ({\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const label = useMemo(() => {\n    return (\n      <>\n        <Typography component=\"span\">{labelProp}</Typography>\n        {isRequired && (\n          <>\n            {\" \"}\n            <Typography component=\"span\" color=\"textSecondary\">\n              ({t(\"fieldlabel.required.text\")})\n            </Typography>\n          </>\n        )}\n      </>\n    );\n  }, [isRequired, labelProp, t]);\n\n  const onChange = useCallback<NonNullable<MuiCheckboxProps[\"onChange\"]>>(\n    (event, checked) => {\n      onChangeProp?.(event, checked);\n    },\n    [onChangeProp],\n  );\n\n  const onClick = useCallback<NonNullable<MuiCheckboxProps[\"onClick\"]>>(\n    (event) => {\n      if (isReadOnly) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    },\n    [isReadOnly],\n  );\n\n  const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n    (event) => {\n      onBlurProp?.(event);\n    },\n    [onBlurProp],\n  );\n\n  const checkboxStyles = useMemo(\n    () => ({\n      alignItems: \"flex-start\",\n\n      ...(isReadOnly && {\n        cursor: \"default\",\n        \"& .MuiTypography-root\": {\n          cursor: \"default\",\n        },\n      }),\n\n      ...(hint && {\n        // needed to override specific :not(:last-child) selector\n        \":not(:last-child)\": {\n          marginBlockEnd: 0,\n        },\n      }),\n    }),\n    [hint, isReadOnly],\n  );\n\n  return (\n    <>\n      <FormControlLabel\n        sx={checkboxStyles}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={\n          validity === \"invalid\"\n            ? \"Mui-error\"\n            : validity === \"valid\"\n              ? \"Mui-valid\"\n              : \"\"\n        }\n        control={\n          <MuiCheckbox\n            {...inputValues}\n            indeterminate={isIndeterminate}\n            onChange={onChange}\n            onClick={\n              onClick as unknown as React.MouseEventHandler<HTMLButtonElement>\n            }\n            required={isRequired}\n            inputProps={{\n              \"aria-describedby\": hintId,\n              \"aria-readonly\": isReadOnly,\n              \"data-se\": testId,\n              readOnly: isReadOnly,\n            }}\n            disabled={isDisabled}\n            inputRef={localInputRef}\n            sx={{\n              marginBlockStart: \"2px\",\n            }}\n          />\n        }\n        disabled={isDisabled}\n        id={idOverride}\n        label={label}\n        name={nameOverride ?? idOverride}\n        value={value}\n        required={isRequired}\n        onBlur={onBlur}\n        translate={translate}\n      />\n      {hint && (\n        <HintContainerWithInlineStartSpacing\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <FormHelperText id={hintId} translate={translate}>\n            {hint}\n          </FormHelperText>\n        </HintContainerWithInlineStartSpacing>\n      )}\n    </>\n  );\n};\n\nconst MemoizedCheckbox = memo(Checkbox);\nMemoizedCheckbox.displayName = \"Checkbox\";\n\nexport { MemoizedCheckbox as Checkbox };\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Checkbox.cjs","names":["_styled","_interopRequireDefault","require","_react","_reactI18next","_inputUtils","_OdysseyDesignTokensContext","_Typography","_useUniqueId","_jsxRuntime","e","__esModule","default","checkboxValidityValues","exports","HintContainerWithInlineStartSpacing","styled","div","odysseyDesignTokens","paddingInlineStart","TypographyLineHeightUi","Spacing2","marginBlockEnd","color","TypographyColorSubordinate","Checkbox","ariaLabel","ariaLabelledBy","id","idOverride","inputRef","isChecked","isDefaultChecked","isDisabled","isIndeterminate","isReadOnly","isRequired","label","labelProp","hint","name","nameOverride","onChange","onChangeProp","onBlur","onBlurProp","testId","translate","validity","value","t","useTranslation","useOdysseyDesignTokens","useUniqueId","hintId","undefined","controlledStateRef","useRef","getControlState","controlledValue","uncontrolledValue","inputValues","useMemo","current","ComponentControlledState","CONTROLLED","checked","defaultChecked","localInputRef","useImperativeHandle","focus","jsxs","Fragment","children","jsx","Typography","component","useCallback","event","onClick","stopPropagation","preventDefault","checkboxStyles","alignItems","cursor","_FormControlLabel2","className","control","_Checkbox2","disabled","indeterminate","inputProps","readOnly","required","sx","marginBlockStart","_FormHelperText2","MemoizedCheckbox","memo","displayName"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport styled from \"@emotion/styled\";\nimport {\n  FormControlLabel,\n  FormHelperText,\n  Checkbox as MuiCheckbox,\n  CheckboxProps as MuiCheckboxProps,\n  FormControlLabelProps as MuiFormControlLabelProps,\n} from \"@mui/material\";\nimport { memo, useCallback, useImperativeHandle, useMemo, useRef } from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { FieldComponentProps } from \"./FieldComponentProps.js\";\nimport { CheckedFieldProps } from \"./FormCheckedProps.js\";\nimport {\n  ComponentControlledState,\n  FocusHandle,\n  getControlState,\n} from \"./inputUtils.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Typography } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const checkboxValidityValues = [\"valid\", \"invalid\", \"inherit\"] as const;\n\nconst HintContainerWithInlineStartSpacing = styled.div<{\n  odysseyDesignTokens: DesignTokens;\n}>(({ odysseyDesignTokens }) => ({\n  paddingInlineStart: `calc(${odysseyDesignTokens.TypographyLineHeightUi}em + ${odysseyDesignTokens.Spacing2})`,\n  marginBlockEnd: odysseyDesignTokens.Spacing2,\n\n  // MUI applies the '.Mui-error' class to this hint text when the checkbox is invalid which turns the copy red\n  // We want to keep the hint text gray in the error state\n  \".Mui-error\": {\n    color: odysseyDesignTokens.TypographyColorSubordinate,\n  },\n}));\n\nexport type CheckboxProps = {\n  /**\n   * The ref forwarded to the Checkbox\n   */\n  inputRef?: React.RefObject<FocusHandle>;\n  /**\n   * Determines whether the Checkbox is in an indeterminate state\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Determines whether the Checkbox is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the Checkbox\n   */\n  label?: string;\n  /**\n   * Callback fired when the blur event happens. Provides event value.\n   */\n  onBlur?: MuiFormControlLabelProps[\"onBlur\"];\n  /**\n   * The checkbox validity, if different from its enclosing group. Defaults to \"inherit\".\n   */\n  validity?: (typeof checkboxValidityValues)[number];\n  /**\n   * The value attribute of the Checkbox\n   */\n  value?: string;\n} & Pick<\n  FieldComponentProps,\n  \"hint\" | \"id\" | \"isDisabled\" | \"isReadOnly\" | \"name\"\n> &\n  CheckedFieldProps<MuiCheckboxProps> &\n  Pick<HtmlProps, \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\">;\n\nconst Checkbox = ({\n  ariaLabel,\n  ariaLabelledBy,\n  id: idOverride,\n  inputRef,\n  isChecked,\n  isDefaultChecked,\n  isDisabled,\n  isIndeterminate,\n  isReadOnly = false,\n  isRequired,\n  label: labelProp,\n  hint,\n  name: nameOverride,\n  onChange: onChangeProp,\n  onBlur: onBlurProp,\n  testId,\n  translate,\n  validity = \"inherit\",\n  value,\n}: CheckboxProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n\n  const controlledStateRef = useRef(\n    getControlState({\n      controlledValue: isChecked,\n      uncontrolledValue: isDefaultChecked,\n    }),\n  );\n  const inputValues = useMemo(() => {\n    if (controlledStateRef.current === ComponentControlledState.CONTROLLED) {\n      return { checked: isChecked };\n    }\n    return { defaultChecked: isDefaultChecked };\n  }, [isDefaultChecked, isChecked]);\n\n  const localInputRef = useRef<HTMLInputElement>(null);\n  useImperativeHandle(\n    inputRef,\n    () => ({\n      focus: () => {\n        localInputRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const label = useMemo(() => {\n    return (\n      <>\n        <Typography component=\"span\">{labelProp}</Typography>\n        {isRequired && (\n          <>\n            {\" \"}\n            <Typography color=\"textSecondary\" component=\"span\">\n              ({t(\"fieldlabel.required.text\")})\n            </Typography>\n          </>\n        )}\n      </>\n    );\n  }, [isRequired, labelProp, t]);\n\n  const onChange = useCallback<NonNullable<MuiCheckboxProps[\"onChange\"]>>(\n    (event, checked) => {\n      onChangeProp?.(event, checked);\n    },\n    [onChangeProp],\n  );\n\n  const onClick = useCallback<NonNullable<MuiCheckboxProps[\"onClick\"]>>(\n    (event) => {\n      if (isReadOnly) {\n        event.stopPropagation();\n        event.preventDefault();\n      }\n    },\n    [isReadOnly],\n  );\n\n  const onBlur = useCallback<NonNullable<MuiFormControlLabelProps[\"onBlur\"]>>(\n    (event) => {\n      onBlurProp?.(event);\n    },\n    [onBlurProp],\n  );\n\n  const checkboxStyles = useMemo(\n    () => ({\n      alignItems: \"flex-start\",\n\n      ...(isReadOnly && {\n        cursor: \"default\",\n        \"& .MuiTypography-root\": {\n          cursor: \"default\",\n        },\n      }),\n\n      ...(hint && {\n        // needed to override specific :not(:last-child) selector\n        \":not(:last-child)\": {\n          marginBlockEnd: 0,\n        },\n      }),\n    }),\n    [hint, isReadOnly],\n  );\n\n  return (\n    <>\n      <FormControlLabel\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        className={\n          validity === \"invalid\"\n            ? \"Mui-error\"\n            : validity === \"valid\"\n              ? \"Mui-valid\"\n              : \"\"\n        }\n        control={\n          <MuiCheckbox\n            {...inputValues}\n            disabled={isDisabled}\n            indeterminate={isIndeterminate}\n            inputProps={{\n              \"aria-describedby\": hintId,\n              \"aria-readonly\": isReadOnly,\n              \"data-se\": testId,\n              readOnly: isReadOnly,\n            }}\n            inputRef={localInputRef}\n            onChange={onChange}\n            onClick={\n              onClick as unknown as React.MouseEventHandler<HTMLButtonElement>\n            }\n            required={isRequired}\n            sx={{\n              marginBlockStart: \"2px\",\n            }}\n          />\n        }\n        disabled={isDisabled}\n        id={idOverride}\n        label={label}\n        name={nameOverride ?? idOverride}\n        onBlur={onBlur}\n        required={isRequired}\n        sx={checkboxStyles}\n        translate={translate}\n        value={value}\n      />\n      {hint && (\n        <HintContainerWithInlineStartSpacing\n          odysseyDesignTokens={odysseyDesignTokens}\n        >\n          <FormHelperText id={hintId} translate={translate}>\n            {hint}\n          </FormHelperText>\n        </HintContainerWithInlineStartSpacing>\n      )}\n    </>\n  );\n};\n\nconst MemoizedCheckbox = memo(Checkbox);\nMemoizedCheckbox.displayName = \"Checkbox\";\n\nexport { MemoizedCheckbox as Checkbox };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/CheckboxGroup.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.cjs","names":["_react","_interopRequireWildcard","require","_Field","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","CheckboxGroup","ariaDescribedBy","children","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","isDisabled","isReadOnly","isRequired","label","testId","translate","memoizedChildren","useMemo","React","Children","map","child","isValidElement","cloneElement","props","renderFieldComponent","useCallback","errorMessageElementId","labelElementId","jsx","_FormGroup2","Field","fieldType","hasVisibleLabel","isOptional","MemoizedCheckboxGroup","exports","memo","displayName"],"sources":["../../src/CheckboxGroup.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport React, { memo, ReactNode, useCallback, useMemo } from \"react\";\nimport { FormGroup as MuiFormGroup } from \"@mui/material\";\nimport { CheckboxProps } from \"./Checkbox.js\";\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport type CheckboxGroupProps = {\n  /**\n   * A single Checkbox element or an array of Checkbox elements\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the CheckboxGroup is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the CheckboxGroup\n   */\n  label: string;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isReadOnly\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype CheckboxGroupRenderProps = Pick<\n  FieldComponentRenderProps,\n  \"id\" | \"labelElementId\"\n> &\n  Partial<\n    Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n  >;\n\nconst CheckboxGroup = ({\n  ariaDescribedBy,\n  children,\n  errorMessage,\n  errorMessageList,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  testId,\n  translate,\n}: CheckboxGroupProps) => {\n  const memoizedChildren = useMemo(\n    () =>\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<CheckboxProps>(child)) {\n          return React.cloneElement(child, {\n            isReadOnly,\n            isDisabled: isDisabled || child.props.isDisabled,\n          });\n        }\n        return child;\n      }),\n    [children, isReadOnly, isDisabled],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: CheckboxGroupRenderProps) => (\n      <MuiFormGroup\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        aria-labelledby={labelElementId}\n        data-se={testId}\n        id={id}\n        translate={translate}\n      >\n        {memoizedChildren}\n      </MuiFormGroup>\n    ),\n    [memoizedChildren, testId, translate],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"group\"\n      hasVisibleLabel={true}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={!isRequired}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedCheckboxGroup = memo(CheckboxGroup);\nMemoizedCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { MemoizedCheckboxGroup as CheckboxGroup };\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,MAAA,GAAAD,OAAA;AAAmC,IAAAE,WAAA,GAAAF,OAAA;AAAA,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAkB,uBAAAnB,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAK,UAAA,GAAAL,CAAA,KAAAU,OAAA,EAAAV,CAAA;AAfnC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA6CA,MAAMoB,aAAa,GAAGA,CAAC;EACrBC,eAAe;EACfC,QAAQ;EACRC,YAAY;EACZC,gBAAgB;EAChBC,IAAI;EACJC,iBAAiB;EACjBC,EAAE,EAAEC,UAAU;EACdC,UAAU;EACVC,UAAU,GAAG,KAAK;EAClBC,UAAU,GAAG,KAAK;EAClBC,KAAK;EACLC,MAAM;EACNC;AACkB,CAAC,KAAK;EACxB,MAAMC,gBAAgB,GAAG,IAAAC,cAAO,EAC9B,MACEC,cAAK,CAACC,QAAQ,CAACC,GAAG,CAACjB,QAAQ,EAAGkB,KAAK,IAAK;IACtC,IAAIH,cAAK,CAACI,cAAc,CAAgBD,KAAK,CAAC,EAAE;MAC9C,OAAOH,cAAK,CAACK,YAAY,CAACF,KAAK,EAAE;QAC/BV,UAAU;QACVD,UAAU,EAAEA,UAAU,IAAIW,KAAK,CAACG,KAAK,CAACd;MACxC,CAAC,CAAC;IACJ;IACA,OAAOW,KAAK;EACd,CAAC,CAAC,EACJ,CAAClB,QAAQ,EAAEQ,UAAU,EAAED,UAAU,CACnC,CAAC;EAED,MAAMe,oBAAoB,GAAG,IAAAC,kBAAW,EACtC,CAAC;IACCxB,eAAe;IACfyB,qBAAqB;IACrBnB,EAAE;IACFoB;EACwB,CAAC,KACzB,IAAAhD,WAAA,CAAAiD,GAAA,EAAAC,WAAA,CAAAvC,OAAA;IACE,oBAAkBW,eAAgB;IAClC,qBAAmByB,qBAAsB;IACzC,mBAAiBC,cAAe;IAChC,WAASd,MAAO;IAChBN,EAAE,EAAEA,EAAG;IACPO,SAAS,EAAEA,SAAU;IAAAZ,QAAA,EAEpBa;EAAgB,CACL,CACf,EACD,CAACA,gBAAgB,EAAEF,MAAM,EAAEC,SAAS,CACtC,CAAC;EAED,OACE,IAAAnC,WAAA,CAAAiD,GAAA,EAAClD,MAAA,CAAAoD,KAAK;IACJ7B,eAAe,EAAEA,eAAgB;IACjCE,YAAY,EAAEA,YAAa;IAC3BC,gBAAgB,EAAEA,gBAAiB;IACnC2B,SAAS,EAAC,OAAO;IACjBC,eAAe,EAAE,IAAK;IACtB3B,IAAI,EAAEA,IAAK;IACXC,iBAAiB,EAAEA,iBAAkB;IACrCC,EAAE,EAAEC,UAAW;IACfC,UAAU,EAAEA,UAAW;IACvBwB,UAAU,EAAE,CAACtB,UAAW;IACxBC,KAAK,EAAEA,KAAM;IACbY,oBAAoB,EAAEA;EAAqB,CAC5C,CAAC;AAEN,CAAC;AAED,MAAMU,qBAAqB,GAAAC,OAAA,CAAAnC,aAAA,GAAG,IAAAoC,WAAI,EAACpC,aAAa,CAAC;AACjDkC,qBAAqB,CAACG,WAAW,GAAG,eAAe","ignoreList":[]}
+{"version":3,"file":"CheckboxGroup.cjs","names":["_react","_interopRequireWildcard","require","_Field","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_interopRequireDefault","CheckboxGroup","ariaDescribedBy","children","errorMessage","errorMessageList","hint","HintLinkComponent","id","idOverride","isDisabled","isReadOnly","isRequired","label","testId","translate","memoizedChildren","useMemo","React","Children","map","child","isValidElement","cloneElement","props","renderFieldComponent","useCallback","errorMessageElementId","labelElementId","jsx","_FormGroup2","Field","fieldType","hasVisibleLabel","isOptional","MemoizedCheckboxGroup","exports","memo","displayName"],"sources":["../../src/CheckboxGroup.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { FormGroup as MuiFormGroup } from \"@mui/material\";\nimport React, { memo, ReactNode, useCallback, useMemo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { CheckboxProps } from \"./Checkbox.js\";\nimport { Field } from \"./Field.js\";\nimport {\n  FieldComponentProps,\n  FieldComponentRenderProps,\n} from \"./FieldComponentProps.js\";\n\nexport type CheckboxGroupProps = {\n  /**\n   * A single Checkbox element or an array of Checkbox elements\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the CheckboxGroup is required\n   */\n  isRequired?: boolean;\n  /**\n   * The label text for the CheckboxGroup\n   */\n  label: string;\n} & Pick<\n  FieldComponentProps,\n  | \"errorMessage\"\n  | \"errorMessageList\"\n  | \"hint\"\n  | \"HintLinkComponent\"\n  | \"id\"\n  | \"isDisabled\"\n  | \"isReadOnly\"\n> &\n  Pick<HtmlProps, \"ariaDescribedBy\" | \"testId\" | \"translate\">;\n\ntype CheckboxGroupRenderProps = Pick<\n  FieldComponentRenderProps,\n  \"id\" | \"labelElementId\"\n> &\n  Partial<\n    Pick<FieldComponentRenderProps, \"ariaDescribedBy\" | \"errorMessageElementId\">\n  >;\n\nconst CheckboxGroup = ({\n  ariaDescribedBy,\n  children,\n  errorMessage,\n  errorMessageList,\n  hint,\n  HintLinkComponent,\n  id: idOverride,\n  isDisabled,\n  isReadOnly = false,\n  isRequired = false,\n  label,\n  testId,\n  translate,\n}: CheckboxGroupProps) => {\n  const memoizedChildren = useMemo(\n    () =>\n      React.Children.map(children, (child) => {\n        if (React.isValidElement<CheckboxProps>(child)) {\n          return React.cloneElement(child, {\n            isReadOnly,\n            isDisabled: isDisabled || child.props.isDisabled,\n          });\n        }\n        return child;\n      }),\n    [children, isReadOnly, isDisabled],\n  );\n\n  const renderFieldComponent = useCallback(\n    ({\n      ariaDescribedBy,\n      errorMessageElementId,\n      id,\n      labelElementId,\n    }: CheckboxGroupRenderProps) => (\n      <MuiFormGroup\n        aria-describedby={ariaDescribedBy}\n        aria-errormessage={errorMessageElementId}\n        aria-labelledby={labelElementId}\n        data-se={testId}\n        id={id}\n        translate={translate}\n      >\n        {memoizedChildren}\n      </MuiFormGroup>\n    ),\n    [memoizedChildren, testId, translate],\n  );\n\n  return (\n    <Field\n      ariaDescribedBy={ariaDescribedBy}\n      errorMessage={errorMessage}\n      errorMessageList={errorMessageList}\n      fieldType=\"group\"\n      hasVisibleLabel={true}\n      hint={hint}\n      HintLinkComponent={HintLinkComponent}\n      id={idOverride}\n      isDisabled={isDisabled}\n      isOptional={!isRequired}\n      label={label}\n      renderFieldComponent={renderFieldComponent}\n    />\n  );\n};\n\nconst MemoizedCheckboxGroup = memo(CheckboxGroup);\nMemoizedCheckboxGroup.displayName = \"CheckboxGroup\";\n\nexport { MemoizedCheckboxGroup as CheckboxGroup };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/CircularProgress.cjs

@@ -25,10 +25,10 @@ const CircularProgress = ({
   testId,
   value
 }) => (0, _jsxRuntime.jsx)(_CircularProgress2.default, {
+  "aria-label": ariaLabel,
   "data-se": testId,
   value: value,
-  variant: value ? "determinate" : "indeterminate",
-  "aria-label": ariaLabel
+  variant: value ? "determinate" : "indeterminate"
 });
 const MemoizedCircularProgress = exports.CircularProgress = (0, _react.memo)(CircularProgress);
 MemoizedCircularProgress.displayName = "CircularProgress";

package/dist/cjs/CircularProgress.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","CircularProgress","ariaLabel","testId","value","jsx","_CircularProgress2","variant","MemoizedCircularProgress","exports","memo","displayName"],"sources":["../../src/CircularProgress.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo } from \"react\";\nimport { CircularProgress as MuiCircularProgress } from \"@mui/material\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport type CircularProgressProps = {\n  /**\n   * The percentage filled the spinner should be, as an integer.\n   * If undefined, the spinner will spin perpetually.\n   */\n  value?: number;\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\">;\n\nconst CircularProgress = ({\n  ariaLabel,\n  testId,\n  value,\n}: CircularProgressProps) => (\n  <MuiCircularProgress\n    data-se={testId}\n    value={value}\n    variant={value ? \"determinate\" : \"indeterminate\"}\n    aria-label={ariaLabel}\n  />\n);\n\nconst MemoizedCircularProgress = memo(CircularProgress);\nMemoizedCircularProgress.displayName = \"CircularProgress\";\n\nexport { MemoizedCircularProgress as CircularProgress };\n"],"mappings":";;;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAZ7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA,MAAMG,gBAAgB,GAAGA,CAAC;EACxBC,SAAS;EACTC,MAAM;EACNC;AACqB,CAAC,KACtB,IAAAR,WAAA,CAAAS,GAAA,EAAAC,kBAAA,CAAAN,OAAA;EACE,WAASG,MAAO;EAChBC,KAAK,EAAEA,KAAM;EACbG,OAAO,EAAEH,KAAK,GAAG,aAAa,GAAG,eAAgB;EACjD,cAAYF;AAAU,CACvB,CACF;AAED,MAAMM,wBAAwB,GAAAC,OAAA,CAAAR,gBAAA,GAAG,IAAAS,WAAI,EAACT,gBAAgB,CAAC;AACvDO,wBAAwB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"file":"CircularProgress.cjs","names":["_react","require","_jsxRuntime","_interopRequireDefault","e","__esModule","default","CircularProgress","ariaLabel","testId","value","jsx","_CircularProgress2","variant","MemoizedCircularProgress","exports","memo","displayName"],"sources":["../../src/CircularProgress.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { CircularProgress as MuiCircularProgress } from \"@mui/material\";\nimport { memo } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nexport type CircularProgressProps = {\n  /**\n   * The percentage filled the spinner should be, as an integer.\n   * If undefined, the spinner will spin perpetually.\n   */\n  value?: number;\n} & Pick<HtmlProps, \"ariaLabel\" | \"testId\">;\n\nconst CircularProgress = ({\n  ariaLabel,\n  testId,\n  value,\n}: CircularProgressProps) => (\n  <MuiCircularProgress\n    aria-label={ariaLabel}\n    data-se={testId}\n    value={value}\n    variant={value ? \"determinate\" : \"indeterminate\"}\n  />\n);\n\nconst MemoizedCircularProgress = memo(CircularProgress);\nMemoizedCircularProgress.displayName = \"CircularProgress\";\n\nexport { MemoizedCircularProgress as CircularProgress };\n"],"mappings":";;;;;;;AAaA,IAAAA,MAAA,GAAAC,OAAA;AAA6B,IAAAC,WAAA,GAAAD,OAAA;AAAA,SAAAE,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAb7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA,MAAMG,gBAAgB,GAAGA,CAAC;EACxBC,SAAS;EACTC,MAAM;EACNC;AACqB,CAAC,KACtB,IAAAR,WAAA,CAAAS,GAAA,EAAAC,kBAAA,CAAAN,OAAA;EACE,cAAYE,SAAU;EACtB,WAASC,MAAO;EAChBC,KAAK,EAAEA,KAAM;EACbG,OAAO,EAAEH,KAAK,GAAG,aAAa,GAAG;AAAgB,CAClD,CACF;AAED,MAAMI,wBAAwB,GAAAC,OAAA,CAAAR,gBAAA,GAAG,IAAAS,WAAI,EAACT,gBAAgB,CAAC;AACvDO,wBAAwB,CAACG,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/DataTable/DataTable.cjs

@@ -4,23 +4,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DataTable = void 0;
-var _react = require("react");
+var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _materialReactTable = require("material-react-table");
+var _react = require("react");
 var _reactI18next = require("react-i18next");
-var _index = require("../icons.generated/index.cjs");
-var _constants = require("./constants.cjs");
-var _index2 = require("../Pagination/index.cjs");
+var _Box = require("../Box.cjs");
+var _index = require("../Buttons/index.cjs");
+var _Callout = require("../Callout.cjs");
+var _EmptyState = require("../EmptyState.cjs");
+var _index2 = require("../icons.generated/index.cjs");
 var _DataFilters = require("../labs/DataFilters.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _index3 = require("../Pagination/index.cjs");
+var _constants = require("./constants.cjs");
 var _DataTableRowActions = require("./DataTableRowActions.cjs");
-var _useRowReordering = require("./useRowReordering.cjs");
 var _DataTableSettings = require("./DataTableSettings.cjs");
-var _Box = require("../Box.cjs");
-var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _useRowReordering = require("./useRowReordering.cjs");
 var _useScrollIndication = require("./useScrollIndication.cjs");
-var _styled = _interopRequireDefault(require("@emotion/styled"));
-var _EmptyState = require("../EmptyState.cjs");
-var _index3 = require("../Buttons/index.cjs");
-var _Callout = require("../Callout.cjs");
 var _jsxRuntime = require("react/jsx-runtime");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /*!
@@ -175,9 +175,9 @@ const DataTable = ({
     const currentIndex = row.index + (pagination.pageIndex - 1) * pagination.pageSize;
     return (0, _jsxRuntime.jsx)(_DataTableRowActions.DataTableRowActions, {
       row: row,
-      rowIndex: currentIndex,
       rowActionButtons: rowActionButtons,
       rowActionMenuItems: rowActionMenuItems,
+      rowIndex: currentIndex,
       totalRows: totalRows,
       updateRowOrder: hasRowReordering && onReorderRows ? updateRowOrder : undefined
     });
@@ -233,8 +233,8 @@ const DataTable = ({
   }, []);
   const emptyState = (0, _react.useCallback)(() => {
     const noResultsInnerContent = noResultsPlaceholder || (0, _jsxRuntime.jsx)(_EmptyState.EmptyState, {
-      heading: t("table.noresults.heading"),
-      description: t("table.noresults.text")
+      description: t("table.noresults.text"),
+      heading: t("table.noresults.heading")
     });
     const emptyStateInnerContent = emptyPlaceholder && isEmpty ? emptyPlaceholder : noResultsInnerContent;
     return (0, _jsxRuntime.jsx)(_Box.Box, {
@@ -321,10 +321,10 @@ const DataTable = ({
       columnOrder
     },
     icons: {
-      ArrowDownwardIcon: _index.ArrowDownIcon,
-      DragHandleIcon: _index.DragIndicatorIcon,
-      SyncAltIcon: _index.ArrowUnsortedIcon,
-      ExpandMoreIcon: _index.ChevronDownIcon
+      ArrowDownwardIcon: _index2.ArrowDownIcon,
+      DragHandleIcon: _index2.DragIndicatorIcon,
+      SyncAltIcon: _index2.ArrowUnsortedIcon,
+      ExpandMoreIcon: _index2.ChevronDownIcon
     },
     enableColumnActions: false,
     enableColumnResizing: hasColumnResizing,
@@ -370,12 +370,12 @@ const DataTable = ({
             children: [rowActionButtons && rowActionButtons({
               id: null
             }), (hasRowReordering && onReorderRows || rowActionMenuItems) && (0, _jsxRuntime.jsx)(_Box.Box, {
-              children: (0, _jsxRuntime.jsx)(_index3.Button, {
-                endIcon: (0, _jsxRuntime.jsx)(_index.MoreIcon, {}),
-                size: "small",
-                variant: "floating",
+              children: (0, _jsxRuntime.jsx)(_index.Button, {
                 ariaLabel: t("table.moreactions.arialabel"),
-                isDisabled: true
+                endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
+                isDisabled: true,
+                size: "small",
+                variant: "floating"
               })
             })]
           })
@@ -399,7 +399,7 @@ const DataTable = ({
             sx: {
               marginInline: "-0.1rem"
             },
-            children: (0, _jsxRuntime.jsx)(_index.DragIndicatorIcon, {
+            children: (0, _jsxRuntime.jsx)(_index2.DragIndicatorIcon, {
               sx: {
                 marginInline: 1,
                 opacity: 0
@@ -459,11 +459,11 @@ const DataTable = ({
     renderDetailPanel: renderDetailPanel
   });
   const bulkActionMenuButton = (0, _react.useMemo)(() => (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-    children: (0, _jsxRuntime.jsx)(_index3.MenuButton, {
+    children: (0, _jsxRuntime.jsx)(_index.MenuButton, {
+      ariaLabel: "More actions",
       buttonVariant: "secondary",
-      endIcon: (0, _jsxRuntime.jsx)(_index.MoreIcon, {}),
+      endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
       isDisabled: Object.keys(rowSelection).length === 0,
-      ariaLabel: "More actions",
       children: bulkActionMenuItems?.(rowSelection)
     })
   }), [bulkActionMenuItems, rowSelection]);
@@ -504,7 +504,7 @@ const DataTable = ({
   }, [rowSelection, onChangeRowSelection]);
   const {
     lastRow
-  } = (0, _index2.usePagination)({
+  } = (0, _index3.usePagination)({
     currentRowsCount: data.length,
     pageIndex: pagination.pageIndex,
     pageSize: pagination.pageSize,
@@ -516,30 +516,30 @@ const DataTable = ({
         marginBottom: 5
       },
       children: (0, _jsxRuntime.jsx)(_DataFilters.DataFilters, {
-        onChangeSearch: hasSearch ? setSearch : undefined,
-        onChangeFilters: hasFilters ? setFilters : undefined,
-        hasSearchSubmitButton: hasSearchSubmitButton,
-        searchDelayTime: searchDelayTime,
-        filters: hasFilters ? dataTableFilters : undefined,
-        defaultSearchTerm: initialSearchValue,
-        isDisabled: isEmpty,
         additionalActions: (0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
           children: [(0, _jsxRuntime.jsx)(_DataTableSettings.DataTableSettings, {
-            hasChangeableDensity: hasChangeableDensity,
-            rowDensity: rowDensity,
-            setRowDensity: setRowDensity,
-            hasColumnVisibility: hasColumnVisibility,
             columns: columns,
             columnVisibility: columnVisibility,
-            setColumnVisibility: setColumnVisibility
-          }), bulkActionMenuItems && bulkActionMenuButton, additionalActionButton, additionalActionMenuItems && (0, _jsxRuntime.jsx)(_index3.MenuButton, {
-            endIcon: (0, _jsxRuntime.jsx)(_index.MoreIcon, {}),
+            hasChangeableDensity: hasChangeableDensity,
+            hasColumnVisibility: hasColumnVisibility,
+            rowDensity: rowDensity,
+            setColumnVisibility: setColumnVisibility,
+            setRowDensity: setRowDensity
+          }), bulkActionMenuItems && bulkActionMenuButton, additionalActionButton, additionalActionMenuItems && (0, _jsxRuntime.jsx)(_index.MenuButton, {
             ariaLabel: t("table.moreactions.arialabel"),
             buttonVariant: "secondary",
+            endIcon: (0, _jsxRuntime.jsx)(_index2.MoreIcon, {}),
             menuAlignment: "right",
             children: additionalActionMenuItems
           })]
-        })
+        }),
+        defaultSearchTerm: initialSearchValue,
+        filters: hasFilters ? dataTableFilters : undefined,
+        hasSearchSubmitButton: hasSearchSubmitButton,
+        isDisabled: isEmpty,
+        onChangeFilters: hasFilters ? setFilters : undefined,
+        onChangeSearch: hasSearch ? setSearch : undefined,
+        searchDelayTime: searchDelayTime
       })
     }), errorMessage && (0, _jsxRuntime.jsx)(_Box.Box, {
       sx: {
@@ -550,30 +550,30 @@ const DataTable = ({
         text: errorMessage
       })
     }), (0, _jsxRuntime.jsx)(ScrollableTableContainer, {
-      odysseyDesignTokens: odysseyDesignTokens,
-      isScrollableStart: !isTableContainerScrolledToStart,
       isScrollableEnd: !isTableContainerScrolledToEnd,
+      isScrollableStart: !isTableContainerScrolledToStart,
+      odysseyDesignTokens: odysseyDesignTokens,
       ref: tableOuterContainerRef,
       children: (0, _jsxRuntime.jsx)(_materialReactTable.MRT_TableContainer, {
         table: dataTable
       })
-    }), hasPagination && (0, _jsxRuntime.jsx)(_index2.Pagination, {
-      pageIndex: pagination.pageIndex,
-      pageSize: pagination.pageSize,
-      maxPageIndex: maxPages,
-      maxPageSize: maxResultsPerPage,
-      onPaginationChange: setPagination,
-      lastRow: lastRow,
-      totalRows: totalRows,
+    }), hasPagination && (0, _jsxRuntime.jsx)(_index3.Pagination, {
+      currentPageLabel: t("pagination.page"),
       currentRowsCount: data.length,
       isDisabled: isEmpty,
       isMoreDisabled: isPaginationMoreDisabled,
-      variant: paginationType,
-      rowsPerPageLabel: t("pagination.rowsperpage"),
-      currentPageLabel: t("pagination.page"),
-      previousLabel: t("pagination.previous"),
+      lastRow: lastRow,
+      loadMoreLabel: t("pagination.loadmore"),
+      maxPageIndex: maxPages,
+      maxPageSize: maxResultsPerPage,
       nextLabel: t("pagination.next"),
-      loadMoreLabel: t("pagination.loadmore")
+      onPaginationChange: setPagination,
+      pageIndex: pagination.pageIndex,
+      pageSize: pagination.pageSize,
+      previousLabel: t("pagination.previous"),
+      rowsPerPageLabel: t("pagination.rowsperpage"),
+      totalRows: totalRows,
+      variant: paginationType
     })]
   });
 };