@okta/odyssey-react-mui 1.0.1 → 1.1.1

package/dist/Typography.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typography.js","names":["useMemo","jsx","_jsx","typographyVariantMapping","h1","h2","h3","h4","h5","h6","body","subordinate","support","legend","typographyColorValues","Typography","_ref","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","classes","color","component","componentProp","variant","_Typography","displayName","Heading1","_ref2","Heading2","_ref3","Heading3","_ref4","Heading4","_ref5","Heading5","_ref6","Heading6","_ref7","Paragraph","_ref8","Subordinate","_ref9","Support","_ref10","Legend","_ref11"],"sources":["../src/Typography.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-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 {\n  Typography as MuiTypography,\n  TypographyProps as MuiTypographyProps,\n} from \"@mui/material\";\nimport { ElementType, ReactNode, useMemo } from \"react\";\n\nexport type TypographyVariantValue =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body\"\n  | \"subordinate\"\n  | \"support\"\n  | \"legend\";\n\nexport const typographyVariantMapping: Record<\n  TypographyVariantValue,\n  MuiTypographyProps[\"variant\"]\n> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body: \"body1\",\n  subordinate: \"subtitle1\",\n  support: \"subtitle2\",\n  legend: \"legend\",\n} as const;\n\nexport const typographyColorValues = [\n  \"primary\",\n  \"textPrimary\",\n  \"secondary\",\n  \"textSecondary\",\n  \"error\",\n] as const;\n\nexport type TypographyProps = {\n  /**\n   * The ID of the element that describes the component.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * The ARIA label for the component.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of the element that labels the component.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * The text content of the component.\n   */\n  children: ReactNode;\n  /**\n   * Additional classes to add to the component.\n   */\n  classes?: object;\n  /**\n   * The color of the text.\n   */\n  color?: (typeof typographyColorValues)[number];\n  /**\n   * The HTML element the component should render, if different from the default.\n   */\n  component?: ElementType;\n  /**\n   * The variant of Typography to render.\n   */\n  variant?: keyof typeof typographyVariantMapping;\n};\n\nexport const Typography = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component: componentProp,\n  variant = \"body\",\n}: TypographyProps) => {\n  const component = useMemo(() => {\n    if (!componentProp) {\n      if (variant === \"body\") {\n        return \"p\";\n      } else if (variant === \"subordinate\" || variant === \"support\") {\n        return \"h6\";\n      } else {\n        return variant;\n      }\n    }\n    return componentProp;\n  }, [componentProp, variant]);\n\n  return (\n    <MuiTypography\n      ariaDescribedBy={ariaDescribedBy}\n      ariaLabel={ariaLabel}\n      ariaLabelledBy={ariaLabelledBy}\n      children={children}\n      classes={classes}\n      color={color}\n      component={component}\n      variant={typographyVariantMapping[variant]}\n    />\n  );\n};\n\nTypography.displayName = \"Typography\";\n\nexport const Heading1 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"h1\"\n  />\n);\n\nHeading1.displayName = \"Heading1\";\n\nexport const Heading2 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"h2\"\n  />\n);\n\nHeading2.displayName = \"Heading2\";\n\nexport const Heading3 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"h3\"\n  />\n);\n\nHeading3.displayName = \"Heading3\";\n\nexport const Heading4 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"h4\"\n  />\n);\n\nHeading4.displayName = \"Heading4\";\n\nexport const Heading5 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"h5\"\n  />\n);\n\nHeading5.displayName = \"Heading5\";\n\nexport const Heading6 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"h6\"\n  />\n);\n\nHeading6.displayName = \"Heading6\";\n\nexport const Paragraph = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"body\"\n  />\n);\n\nParagraph.displayName = \"Paragraph\";\n\nexport const Subordinate = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"subordinate\"\n  />\n);\n\nSubordinate.displayName = \"Subordinate\";\n\nexport const Support = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"support\"\n  />\n);\n\nSupport.displayName = \"Support\";\n\nexport const Legend = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    variant=\"legend\"\n  />\n);\n\nLegend.displayName = \"Legend\";\n"],"mappings":"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"}
+{"version":3,"file":"Typography.js","names":["memo","useMemo","jsx","_jsx","typographyVariantMapping","h1","h2","h3","h4","h5","h6","body","subordinate","support","legend","typographyColorValues","Typography","_ref","ariaDescribedBy","ariaLabel","ariaLabelledBy","children","classes","color","component","componentProp","testId","variant","_Typography","MemoizedTypography","displayName","Heading1","_ref2","MemoizedHeading1","Heading2","_ref3","MemoizedHeading2","Heading3","_ref4","MemoizedHeading3","Heading4","_ref5","MemoizedHeading4","Heading5","_ref6","MemoizedHeading5","Heading6","_ref7","MemoizedHeading6","Paragraph","_ref8","MemoizedParagraph","Subordinate","_ref9","MemoizedSubordinate","Support","_ref10","MemoizedSupport","Legend","_ref11","MemoizedLegend"],"sources":["../src/Typography.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-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 {\n  Typography as MuiTypography,\n  TypographyProps as MuiTypographyProps,\n} from \"@mui/material\";\nimport { ElementType, ReactNode, memo, useMemo } from \"react\";\nimport { SeleniumProps } from \"./SeleniumProps\";\n\nexport type TypographyVariantValue =\n  | \"h1\"\n  | \"h2\"\n  | \"h3\"\n  | \"h4\"\n  | \"h5\"\n  | \"h6\"\n  | \"body\"\n  | \"subordinate\"\n  | \"support\"\n  | \"legend\";\n\nexport const typographyVariantMapping: Record<\n  TypographyVariantValue,\n  MuiTypographyProps[\"variant\"]\n> = {\n  h1: \"h1\",\n  h2: \"h2\",\n  h3: \"h3\",\n  h4: \"h4\",\n  h5: \"h5\",\n  h6: \"h6\",\n  body: \"body1\",\n  subordinate: \"subtitle1\",\n  support: \"subtitle2\",\n  legend: \"legend\",\n} as const;\n\nexport const typographyColorValues = [\n  \"primary\",\n  \"textPrimary\",\n  \"secondary\",\n  \"textSecondary\",\n  \"error\",\n] as const;\n\nexport type TypographyProps = {\n  /**\n   * The ID of the element that describes the component.\n   */\n  ariaDescribedBy?: string;\n  /**\n   * The ARIA label for the component.\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of the element that labels the component.\n   */\n  ariaLabelledBy?: string;\n  /**\n   * The text content of the component.\n   */\n  children: ReactNode;\n  /**\n   * Additional classes to add to the component.\n   */\n  classes?: object;\n  /**\n   * The color of the text.\n   */\n  color?: (typeof typographyColorValues)[number];\n  /**\n   * The HTML element the component should render, if different from the default.\n   */\n  component?: ElementType;\n  /**\n   * The variant of Typography to render.\n   */\n  variant?: keyof typeof typographyVariantMapping;\n} & SeleniumProps;\n\nconst Typography = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component: componentProp,\n  testId,\n  variant = \"body\",\n}: TypographyProps) => {\n  const component = useMemo(() => {\n    if (!componentProp) {\n      if (variant === \"body\") {\n        return \"p\";\n      } else if (variant === \"subordinate\" || variant === \"support\") {\n        return \"p\";\n      } else {\n        return variant;\n      }\n    }\n    return componentProp;\n  }, [componentProp, variant]);\n\n  return (\n    <MuiTypography\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabel}\n      aria-labelledby={ariaLabelledBy}\n      children={children}\n      classes={classes}\n      color={color}\n      component={component}\n      data-se={testId}\n      variant={typographyVariantMapping[variant]}\n    />\n  );\n};\n\nconst MemoizedTypography = memo(Typography);\nMemoizedTypography.displayName = \"Typography\";\n\nconst Heading1 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"h1\"\n  />\n);\n\nconst MemoizedHeading1 = memo(Heading1);\nMemoizedHeading1.displayName = \"Heading1\";\n\nconst Heading2 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"h2\"\n  />\n);\n\nconst MemoizedHeading2 = memo(Heading2);\nMemoizedHeading2.displayName = \"Heading2\";\n\nconst Heading3 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"h3\"\n  />\n);\n\nconst MemoizedHeading3 = memo(Heading3);\nMemoizedHeading3.displayName = \"Heading3\";\n\nconst Heading4 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"h4\"\n  />\n);\n\nconst MemoizedHeading4 = memo(Heading4);\nMemoizedHeading4.displayName = \"Heading4\";\n\nconst Heading5 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"h5\"\n  />\n);\n\nconst MemoizedHeading5 = memo(Heading5);\nMemoizedHeading5.displayName = \"Heading5\";\n\nconst Heading6 = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"h6\"\n  />\n);\n\nconst MemoizedHeading6 = memo(Heading6);\nMemoizedHeading6.displayName = \"Heading6\";\n\nconst Paragraph = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"body\"\n  />\n);\n\nconst MemoizedParagraph = memo(Paragraph);\nMemoizedParagraph.displayName = \"Paragraph\";\n\nconst Subordinate = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"subordinate\"\n  />\n);\n\nconst MemoizedSubordinate = memo(Subordinate);\nMemoizedSubordinate.displayName = \"Subordinate\";\n\nconst Support = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"support\"\n  />\n);\n\nconst MemoizedSupport = memo(Support);\nMemoizedSupport.displayName = \"Support\";\n\nconst Legend = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  children,\n  classes,\n  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\n    classes={classes}\n    color={color}\n    component={component}\n    data-se={testId}\n    variant=\"legend\"\n  />\n);\n\nconst MemoizedLegend = memo(Legend);\nMemoizedLegend.displayName = \"Legend\";\n\nexport {\n  MemoizedTypography as Typography,\n  MemoizedHeading1 as Heading1,\n  MemoizedHeading2 as Heading2,\n  MemoizedHeading3 as Heading3,\n  MemoizedHeading4 as Heading4,\n  MemoizedHeading5 as Heading5,\n  MemoizedHeading6 as Heading6,\n  MemoizedLegend as Legend,\n  MemoizedParagraph as Paragraph,\n  MemoizedSubordinate as Subordinate,\n  MemoizedSupport as Support,\n};\n"],"mappings":"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"}

package/dist/labs/DatePicker.js

@@ -16,6 +16,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 export const DatePicker = _ref => {
   let {
     label,
+    isOptional = false,
     onChange,
     value = null
   } = _ref;
@@ -29,9 +30,10 @@ export const DatePicker = _ref => {
       ...props
     };
     return _jsx(_InputBase, {
-      ...combinedProps
+      ...combinedProps,
+      required: !isOptional
     });
-  }, []);
+  }, [isOptional]);
   return _jsx(MuiDatePicker, {
     label: label,
     onChange: onChange,

package/dist/labs/DatePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatePicker.js","names":["DatePicker","MuiDatePicker","useCallback","jsx","_jsx","_ref","label","onChange","value","renderInput","_ref2","InputProps","props","combinedProps","_InputBase"],"sources":["../../src/labs/DatePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-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 { InputBase } from \"@mui/material\";\nimport {\n  DatePicker as MuiDatePicker,\n  DatePickerProps as MuiDatePickerProps,\n} from \"@mui/x-date-pickers\";\nimport { useCallback } from \"react\";\n\nexport type DatePickerProps<TInputDate, TDate> = {\n  label: MuiDatePickerProps<TInputDate, TDate>[\"label\"];\n  onChange: MuiDatePickerProps<TInputDate, TDate>[\"onChange\"];\n  value: MuiDatePickerProps<TInputDate, TDate>[\"value\"];\n};\n\nexport const DatePicker = <TInputDate, TDate>({\n  label,\n  onChange,\n  value = null,\n}: DatePickerProps<TInputDate, TDate>) => {\n  const renderInput = useCallback(({ InputProps, ...props }) => {\n    const combinedProps = {\n      ...InputProps,\n      ...props,\n    };\n\n    return <InputBase {...combinedProps} />;\n  }, []);\n\n  return (\n    <MuiDatePicker\n      label={label}\n      onChange={onChange}\n      renderInput={renderInput}\n      value={value}\n    />\n  );\n};\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SACEA,UAAU,IAAIC,aAAa,QAEtB,qBAAqB;AAC5B,SAASC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,OAAO,MAAMJ,UAAU,GAAGK,IAAA,IAIgB;EAAA,IAJI;IAC5CC,KAAK;IACLC,QAAQ;IACRC,KAAK,GAAG;EAC0B,CAAC,GAAAH,IAAA;EACnC,MAAMI,WAAW,GAAGP,WAAW,CAACQ,KAAA,IAA8B;IAAA,IAA7B;MAAEC,UAAU;MAAE,GAAGC;IAAM,CAAC,GAAAF,KAAA;IACvD,MAAMG,aAAa,GAAG;MACpB,GAAGF,UAAU;MACb,GAAGC;IACL,CAAC;IAED,OAAOR,IAAA,CAAAU,UAAA;MAAA,GAAeD;IAAa,CAAG,CAAC;EACzC,CAAC,EAAE,EAAE,CAAC;EAEN,OACET,IAAA,CAACH,aAAa;IACZK,KAAK,EAAEA,KAAM;IACbC,QAAQ,EAAEA,QAAS;IACnBE,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC"}
+{"version":3,"file":"DatePicker.js","names":["DatePicker","MuiDatePicker","useCallback","jsx","_jsx","_ref","label","isOptional","onChange","value","renderInput","_ref2","InputProps","props","combinedProps","_InputBase","required"],"sources":["../../src/labs/DatePicker.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2023-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 { InputBase } from \"@mui/material\";\nimport {\n  DatePicker as MuiDatePicker,\n  DatePickerProps as MuiDatePickerProps,\n} from \"@mui/x-date-pickers\";\nimport { useCallback } from \"react\";\n\nexport type DatePickerProps<TInputDate, TDate> = {\n  label: MuiDatePickerProps<TInputDate, TDate>[\"label\"];\n  /**\n   * If `true`, the `input` element is not required.\n   */\n  isOptional?: boolean;\n  onChange: MuiDatePickerProps<TInputDate, TDate>[\"onChange\"];\n  value: MuiDatePickerProps<TInputDate, TDate>[\"value\"];\n};\n\nexport const DatePicker = <TInputDate, TDate>({\n  label,\n  isOptional = false,\n  onChange,\n  value = null,\n}: DatePickerProps<TInputDate, TDate>) => {\n  const renderInput = useCallback(\n    ({ InputProps, ...props }) => {\n      const combinedProps = {\n        ...InputProps,\n        ...props,\n      };\n\n      return <InputBase {...combinedProps} required={!isOptional} />;\n    },\n    [isOptional]\n  );\n\n  return (\n    <MuiDatePicker\n      label={label}\n      onChange={onChange}\n      renderInput={renderInput}\n      value={value}\n    />\n  );\n};\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SACEA,UAAU,IAAIC,aAAa,QAEtB,qBAAqB;AAC5B,SAASC,WAAW,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAYpC,OAAO,MAAMJ,UAAU,GAAGK,IAAA,IAKgB;EAAA,IALI;IAC5CC,KAAK;IACLC,UAAU,GAAG,KAAK;IAClBC,QAAQ;IACRC,KAAK,GAAG;EAC0B,CAAC,GAAAJ,IAAA;EACnC,MAAMK,WAAW,GAAGR,WAAW,CAC7BS,KAAA,IAA8B;IAAA,IAA7B;MAAEC,UAAU;MAAE,GAAGC;IAAM,CAAC,GAAAF,KAAA;IACvB,MAAMG,aAAa,GAAG;MACpB,GAAGF,UAAU;MACb,GAAGC;IACL,CAAC;IAED,OAAOT,IAAA,CAAAW,UAAA;MAAA,GAAeD,aAAa;MAAEE,QAAQ,EAAE,CAACT;IAAW,CAAE,CAAC;EAChE,CAAC,EACD,CAACA,UAAU,CACb,CAAC;EAED,OACEH,IAAA,CAACH,aAAa;IACZK,KAAK,EAAEA,KAAM;IACbE,QAAQ,EAAEA,QAAS;IACnBE,WAAW,EAAEA,WAAY;IACzBD,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC"}

package/dist/labs/PaginatedTable.js

@@ -39,7 +39,7 @@ const PaginatedTable = _ref => {
   const [columnFilters, setColumnFilters] = useState([]);
   const [globalFilter, setGlobalFilter] = useState();
   useEffect(() => {
-    if (globalFilter) {
+    if (globalFilter !== undefined) {
       onGlobalFilterChange?.(globalFilter);
     }
   }, [globalFilter, onGlobalFilterChange]);
@@ -114,13 +114,15 @@ const PaginatedTable = _ref => {
     ...initialState
   }), [initialState, pagination]);
   const modifiedState = useMemo(() => ({
-    ...state,
     pagination: {
       pageIndex: pagination.pageIndex,
       pageSize: pagination.pageSize
     },
-    rowSelection
-  }), [pagination.pageIndex, pagination.pageSize, rowSelection, state]);
+    rowSelection,
+    globalFilter,
+    columnFilters,
+    ...state
+  }), [pagination.pageIndex, pagination.pageSize, rowSelection, globalFilter, columnFilters, state]);
   const muiToolbarAlertBannerProps = useMemo(() => hasError ? {
     children: t("table.error"),
     severity: "error"

package/dist/labs/PaginatedTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"PaginatedTable.js","names":["Typography","MaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","Trans","useTranslation","jsx","_jsx","Fragment","_Fragment","PaginatedTable","_ref","columns","data","fetchMoreData","getRowId","hasError","hasRowSelection","initialState","isFetching","onGlobalFilterChange","onPaginationChange","onRowSelectionChange","onRowSelectionChangeProp","rowsPerPage","state","ToolbarButtons","t","rowVirtualizerInstanceRef","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","current","scrollToIndex","error","console","totalFetchedRows","length","renderBottomToolbarCustomActions","children","count","i18nKey","values","totalRows","renderTopToolbarCustomActions","_ref2","table","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","dataLengthRef","updatePagination","paginationFunction","previousPagination","nextPagination","numberOfPages","Math","floor","modifiedInitialState","modifiedState","muiToolbarAlertBannerProps","severity","muiTablePaginationProps","rowsPerPageOptions","showFirstButton","showLastButton","muiCheckboxStyles","theme","components","MuiCheckbox","styleOverrides","root","ownerState","enableMultiRowSelection","enablePagination","enableRowSelection","enableSorting","muiSelectAllCheckboxProps","sx","muiSelectCheckboxProps","onColumnFiltersChange","rowVirtualizerProps","overscan","MemoizedPaginatedTable","displayName"],"sources":["../../src/labs/PaginatedTable.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 { AlertProps, TablePaginationProps } from \"@mui/material\";\nimport { Typography } from \"../Typography\";\nimport MaterialReactTable, {\n  MRT_PaginationState,\n  type MRT_ColumnFiltersState,\n  type MRT_RowSelectionState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes\";\n\nexport type PaginatedTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  fetchMoreData?: () => void;\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  hasRowSelection?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  isFetching?: boolean;\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  onPaginationChange?: MaterialReactTableProps<TData>[\"onPaginationChange\"];\n  onRowSelectionChange?: MaterialReactTableProps<TData>[\"onRowSelectionChange\"];\n  rowsPerPage?: number;\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<\n    { table: MRT_TableInstance<TData> } & unknown\n  >;\n};\n\nconst PaginatedTable = <TData extends DefaultMaterialReactTableData>({\n  columns,\n  data,\n  fetchMoreData,\n  getRowId,\n  hasError,\n  hasRowSelection,\n  initialState,\n  isFetching,\n  onGlobalFilterChange,\n  onPaginationChange,\n  onRowSelectionChange: onRowSelectionChangeProp,\n  rowsPerPage = 10,\n  state,\n  ToolbarButtons,\n}: PaginatedTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    []\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  const totalFetchedRows = data.length ?? 0;\n\n  const renderBottomToolbarCustomActions = useCallback(\n    () =>\n      fetchMoreData ? (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.fetchedrows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ) : (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.rows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ),\n    [fetchMoreData, totalFetchedRows]\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons]\n  );\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onRowSelectionChangeProp?.(rowSelection);\n  }, [onRowSelectionChangeProp, rowSelection]);\n\n  const [pagination, setPagination] = useState<MRT_PaginationState>(\n    initialState?.pagination || {\n      pageIndex: 0,\n      pageSize: rowsPerPage,\n    }\n  );\n\n  const dataLengthRef = useRef(data.length);\n\n  const updatePagination = useCallback(\n    (paginationFunction) => {\n      if (data.length === dataLengthRef.current) {\n        setPagination((previousPagination) => {\n          const nextPagination = paginationFunction(previousPagination);\n          return nextPagination;\n        });\n      } else {\n        dataLengthRef.current = data.length;\n      }\n    },\n    [data.length]\n  );\n\n  useEffect(() => {\n    const numberOfPages = Math.floor(data.length / pagination.pageSize);\n\n    if (!isFetching && pagination.pageIndex > numberOfPages - 1) {\n      fetchMoreData?.();\n    }\n  }, [\n    data.length,\n    fetchMoreData,\n    isFetching,\n    pagination.pageIndex,\n    pagination.pageSize,\n  ]);\n\n  useEffect(() => {\n    onPaginationChange?.({\n      pageIndex: pagination.pageIndex,\n      pageSize: pagination.pageSize,\n    });\n  }, [onPaginationChange, pagination.pageIndex, pagination.pageSize]);\n\n  const modifiedInitialState = useMemo(\n    () => ({\n      pagination,\n      ...initialState,\n    }),\n    [initialState, pagination]\n  );\n\n  const modifiedState = useMemo(\n    () => ({\n      ...state,\n      pagination: {\n        pageIndex: pagination.pageIndex,\n        pageSize: pagination.pageSize,\n      },\n      rowSelection,\n    }),\n    [pagination.pageIndex, pagination.pageSize, rowSelection, state]\n  );\n\n  const muiToolbarAlertBannerProps: AlertProps = useMemo(\n    () =>\n      hasError\n        ? {\n            children: t(\"table.error\"),\n            severity: \"error\",\n          }\n        : {},\n    [hasError, t]\n  );\n\n  const muiTablePaginationProps: Partial<\n    Omit<TablePaginationProps, \"rowsPerPage\">\n  > = useMemo(\n    () => ({\n      rowsPerPageOptions: [],\n      showFirstButton: false,\n      showLastButton: false,\n    }),\n    []\n  );\n\n  const muiCheckboxStyles = useCallback(\n    (theme) =>\n      typeof theme.components?.MuiCheckbox?.styleOverrides?.root === \"function\"\n        ? theme.components?.MuiCheckbox?.styleOverrides?.root?.({\n            ownerState: {},\n            theme,\n          })\n        : \"\",\n    []\n  );\n\n  return (\n    <MaterialReactTable\n      columns={columns}\n      data={data}\n      enableMultiRowSelection={hasRowSelection}\n      enablePagination\n      enableRowSelection={hasRowSelection}\n      enableSorting={false}\n      getRowId={getRowId}\n      initialState={modifiedInitialState}\n      muiSelectAllCheckboxProps={{ sx: muiCheckboxStyles }}\n      muiSelectCheckboxProps={{ sx: muiCheckboxStyles }}\n      muiTablePaginationProps={muiTablePaginationProps}\n      muiToolbarAlertBannerProps={muiToolbarAlertBannerProps}\n      onColumnFiltersChange={setColumnFilters}\n      onGlobalFilterChange={setGlobalFilter}\n      onPaginationChange={updatePagination}\n      onRowSelectionChange={setRowSelection}\n      renderBottomToolbarCustomActions={renderBottomToolbarCustomActions}\n      renderTopToolbarCustomActions={renderTopToolbarCustomActions}\n      rowVirtualizerInstanceRef={rowVirtualizerInstanceRef}\n      rowVirtualizerProps={{ overscan: 4 }}\n      state={modifiedState}\n    />\n  );\n};\n\nconst MemoizedPaginatedTable = memo(PaginatedTable) as typeof PaginatedTable;\n\n// @ts-expect-error | This is going to error because the component isn't and can't be defined as a `FunctionComponent`, and therefore, doesn't have a `displayName` prop.\nMemoizedPaginatedTable.displayName = \"PaginatedTable\";\n\nexport { MemoizedPaginatedTable as PaginatedTable };\n"],"mappings":"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"}
+{"version":3,"file":"PaginatedTable.js","names":["Typography","MaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","Trans","useTranslation","jsx","_jsx","Fragment","_Fragment","PaginatedTable","_ref","columns","data","fetchMoreData","getRowId","hasError","hasRowSelection","initialState","isFetching","onGlobalFilterChange","onPaginationChange","onRowSelectionChange","onRowSelectionChangeProp","rowsPerPage","state","ToolbarButtons","t","rowVirtualizerInstanceRef","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","undefined","current","scrollToIndex","error","console","totalFetchedRows","length","renderBottomToolbarCustomActions","children","count","i18nKey","values","totalRows","renderTopToolbarCustomActions","_ref2","table","rowSelection","setRowSelection","pagination","setPagination","pageIndex","pageSize","dataLengthRef","updatePagination","paginationFunction","previousPagination","nextPagination","numberOfPages","Math","floor","modifiedInitialState","modifiedState","muiToolbarAlertBannerProps","severity","muiTablePaginationProps","rowsPerPageOptions","showFirstButton","showLastButton","muiCheckboxStyles","theme","components","MuiCheckbox","styleOverrides","root","ownerState","enableMultiRowSelection","enablePagination","enableRowSelection","enableSorting","muiSelectAllCheckboxProps","sx","muiSelectCheckboxProps","onColumnFiltersChange","rowVirtualizerProps","overscan","MemoizedPaginatedTable","displayName"],"sources":["../../src/labs/PaginatedTable.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 { AlertProps, TablePaginationProps } from \"@mui/material\";\nimport { Typography } from \"../Typography\";\nimport MaterialReactTable, {\n  MRT_PaginationState,\n  type MRT_ColumnFiltersState,\n  type MRT_RowSelectionState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { Trans, useTranslation } from \"react-i18next\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes\";\n\nexport type PaginatedTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  fetchMoreData?: () => void;\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  hasRowSelection?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  isFetching?: boolean;\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  onPaginationChange?: MaterialReactTableProps<TData>[\"onPaginationChange\"];\n  onRowSelectionChange?: MaterialReactTableProps<TData>[\"onRowSelectionChange\"];\n  rowsPerPage?: number;\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<\n    { table: MRT_TableInstance<TData> } & unknown\n  >;\n};\n\nconst PaginatedTable = <TData extends DefaultMaterialReactTableData>({\n  columns,\n  data,\n  fetchMoreData,\n  getRowId,\n  hasError,\n  hasRowSelection,\n  initialState,\n  isFetching,\n  onGlobalFilterChange,\n  onPaginationChange,\n  onRowSelectionChange: onRowSelectionChangeProp,\n  rowsPerPage = 10,\n  state,\n  ToolbarButtons,\n}: PaginatedTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    []\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter !== undefined) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  const totalFetchedRows = data.length ?? 0;\n\n  const renderBottomToolbarCustomActions = useCallback(\n    () =>\n      fetchMoreData ? (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.fetchedrows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ) : (\n        <Typography>\n          <Trans\n            count={totalFetchedRows}\n            i18nKey=\"table.rows.text\"\n            values={{\n              totalRows: totalFetchedRows,\n            }}\n          />\n        </Typography>\n      ),\n    [fetchMoreData, totalFetchedRows]\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons]\n  );\n\n  const [rowSelection, setRowSelection] = useState<MRT_RowSelectionState>({});\n\n  useEffect(() => {\n    onRowSelectionChangeProp?.(rowSelection);\n  }, [onRowSelectionChangeProp, rowSelection]);\n\n  const [pagination, setPagination] = useState<MRT_PaginationState>(\n    initialState?.pagination || {\n      pageIndex: 0,\n      pageSize: rowsPerPage,\n    }\n  );\n\n  const dataLengthRef = useRef(data.length);\n\n  const updatePagination = useCallback(\n    (paginationFunction) => {\n      if (data.length === dataLengthRef.current) {\n        setPagination((previousPagination) => {\n          const nextPagination = paginationFunction(previousPagination);\n          return nextPagination;\n        });\n      } else {\n        dataLengthRef.current = data.length;\n      }\n    },\n    [data.length]\n  );\n\n  useEffect(() => {\n    const numberOfPages = Math.floor(data.length / pagination.pageSize);\n\n    if (!isFetching && pagination.pageIndex > numberOfPages - 1) {\n      fetchMoreData?.();\n    }\n  }, [\n    data.length,\n    fetchMoreData,\n    isFetching,\n    pagination.pageIndex,\n    pagination.pageSize,\n  ]);\n\n  useEffect(() => {\n    onPaginationChange?.({\n      pageIndex: pagination.pageIndex,\n      pageSize: pagination.pageSize,\n    });\n  }, [onPaginationChange, pagination.pageIndex, pagination.pageSize]);\n\n  const modifiedInitialState = useMemo(\n    () => ({\n      pagination,\n      ...initialState,\n    }),\n    [initialState, pagination]\n  );\n\n  const modifiedState = useMemo(\n    () => ({\n      pagination: {\n        pageIndex: pagination.pageIndex,\n        pageSize: pagination.pageSize,\n      },\n      rowSelection,\n      globalFilter,\n      columnFilters,\n      ...state,\n    }),\n    [\n      pagination.pageIndex,\n      pagination.pageSize,\n      rowSelection,\n      globalFilter,\n      columnFilters,\n      state,\n    ]\n  );\n\n  const muiToolbarAlertBannerProps: AlertProps = useMemo(\n    () =>\n      hasError\n        ? {\n            children: t(\"table.error\"),\n            severity: \"error\",\n          }\n        : {},\n    [hasError, t]\n  );\n\n  const muiTablePaginationProps: Partial<\n    Omit<TablePaginationProps, \"rowsPerPage\">\n  > = useMemo(\n    () => ({\n      rowsPerPageOptions: [],\n      showFirstButton: false,\n      showLastButton: false,\n    }),\n    []\n  );\n\n  const muiCheckboxStyles = useCallback(\n    (theme) =>\n      typeof theme.components?.MuiCheckbox?.styleOverrides?.root === \"function\"\n        ? theme.components?.MuiCheckbox?.styleOverrides?.root?.({\n            ownerState: {},\n            theme,\n          })\n        : \"\",\n    []\n  );\n\n  return (\n    <MaterialReactTable\n      columns={columns}\n      data={data}\n      enableMultiRowSelection={hasRowSelection}\n      enablePagination\n      enableRowSelection={hasRowSelection}\n      enableSorting={false}\n      getRowId={getRowId}\n      initialState={modifiedInitialState}\n      muiSelectAllCheckboxProps={{ sx: muiCheckboxStyles }}\n      muiSelectCheckboxProps={{ sx: muiCheckboxStyles }}\n      muiTablePaginationProps={muiTablePaginationProps}\n      muiToolbarAlertBannerProps={muiToolbarAlertBannerProps}\n      onColumnFiltersChange={setColumnFilters}\n      onGlobalFilterChange={setGlobalFilter}\n      onPaginationChange={updatePagination}\n      onRowSelectionChange={setRowSelection}\n      renderBottomToolbarCustomActions={renderBottomToolbarCustomActions}\n      renderTopToolbarCustomActions={renderTopToolbarCustomActions}\n      rowVirtualizerInstanceRef={rowVirtualizerInstanceRef}\n      rowVirtualizerProps={{ overscan: 4 }}\n      state={modifiedState}\n    />\n  );\n};\n\nconst MemoizedPaginatedTable = memo(PaginatedTable) as typeof PaginatedTable;\n\n// @ts-expect-error | This is going to error because the component isn't and can't be defined as a `FunctionComponent`, and therefore, doesn't have a `displayName` prop.\nMemoizedPaginatedTable.displayName = \"PaginatedTable\";\n\nexport { MemoizedPaginatedTable as PaginatedTable };\n"],"mappings":"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"}

package/dist/labs/StaticTable.js

@@ -11,7 +11,7 @@
  */
 
 import MaterialReactTable from "material-react-table";
-import { memo, useCallback, useEffect, useRef, useState } from "react";
+import { memo, useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { useTranslation } from "react-i18next";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
@@ -33,10 +33,15 @@ const StaticTable = _ref => {
   const [columnFilters, setColumnFilters] = useState([]);
   const [globalFilter, setGlobalFilter] = useState();
   useEffect(() => {
-    if (globalFilter) {
+    if (globalFilter !== undefined) {
       onGlobalFilterChange?.(globalFilter);
     }
   }, [globalFilter, onGlobalFilterChange]);
+  const modifiedState = useMemo(() => ({
+    globalFilter,
+    columnFilters,
+    ...state
+  }), [globalFilter, columnFilters, state]);
   const renderTopToolbarCustomActions = useCallback(_ref2 => {
     let {
       table
@@ -59,7 +64,7 @@ const StaticTable = _ref => {
     data: data,
     enableBottomToolbar: false,
     enablePagination: false,
-    enableRowVirtualization: data.length > 50,
+    enableRowVirtualization: true,
     enableSorting: false,
     getRowId: getRowId,
     initialState: initialState,
@@ -74,7 +79,7 @@ const StaticTable = _ref => {
     rowVirtualizerProps: {
       overscan: 4
     },
-    state: state
+    state: modifiedState
   });
 };
 const MemoizedStaticTable = memo(StaticTable);

package/dist/labs/StaticTable.js.map

@@ -1 +1 @@
-{"version":3,"file":"StaticTable.js","names":["MaterialReactTable","memo","useCallback","useEffect","useRef","useState","useTranslation","jsx","_jsx","Fragment","_Fragment","StaticTable","_ref","columns","data","getRowId","hasError","initialState","onGlobalFilterChange","state","ToolbarButtons","t","rowVirtualizerInstanceRef","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","renderTopToolbarCustomActions","_ref2","table","children","current","scrollToIndex","error","console","enableBottomToolbar","enablePagination","enableRowVirtualization","length","enableSorting","muiToolbarAlertBannerProps","color","undefined","onColumnFiltersChange","rowVirtualizerProps","overscan","MemoizedStaticTable"],"sources":["../../src/labs/StaticTable.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 MaterialReactTable, {\n  type MRT_ColumnFiltersState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes\";\n\nexport type StaticTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<\n    { table: MRT_TableInstance<TData> } & unknown\n  >;\n};\n\nconst StaticTable = <TData extends DefaultMaterialReactTableData>({\n  columns,\n  data,\n  getRowId,\n  hasError,\n  initialState,\n  onGlobalFilterChange,\n  state,\n  ToolbarButtons,\n}: StaticTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    []\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons]\n  );\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  return (\n    <MaterialReactTable\n      columns={columns}\n      data={data}\n      enableBottomToolbar={false}\n      enablePagination={false}\n      enableRowVirtualization={data.length > 50}\n      enableSorting={false}\n      getRowId={getRowId}\n      initialState={initialState}\n      muiToolbarAlertBannerProps={\n        hasError\n          ? {\n              children: t(\"table.error\"),\n              color: \"error\",\n            }\n          : undefined\n      }\n      onColumnFiltersChange={setColumnFilters}\n      onGlobalFilterChange={setGlobalFilter}\n      renderTopToolbarCustomActions={renderTopToolbarCustomActions}\n      rowVirtualizerInstanceRef={rowVirtualizerInstanceRef}\n      rowVirtualizerProps={{ overscan: 4 }}\n      state={state}\n    />\n  );\n};\n\nconst MemoizedStaticTable = memo(StaticTable) as typeof StaticTable;\n\nexport { MemoizedStaticTable as StaticTable };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,kBAAkB,MAIlB,sBAAsB;AAC7B,SAEEC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAoB/C,MAAMC,WAAW,GAAGC,IAAA,IASW;EAAA,IATmC;IAChEC,OAAO;IACPC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,oBAAoB;IACpBC,KAAK;IACLC;EACuB,CAAC,GAAAR,IAAA;EACxB,MAAM;IAAES;EAAE,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE9B,MAAMgB,yBAAyB,GAC7BlB,MAAM,CAAuD,IAAI,CAAC;EAEpE,MAAM,CAACmB,aAAa,EAAEC,gBAAgB,CAAC,GAAGnB,QAAQ,CAChD,EACF,CAAC;EAED,MAAM,CAACoB,YAAY,EAAEC,eAAe,CAAC,GAAGrB,QAAQ,CAAS,CAAC;EAE1DF,SAAS,CAAC,MAAM;IACd,IAAIsB,YAAY,EAAE;MAChBP,oBAAoB,GAAGO,YAAY,CAAC;IACtC;EACF,CAAC,EAAE,CAACA,YAAY,EAAEP,oBAAoB,CAAC,CAAC;EAExC,MAAMS,6BAA6B,GAAGzB,WAAW,CAM/C0B,KAAA;IAAA,IAAC;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAAA,OAAKpB,IAAA,CAAAE,SAAA;MAAAoB,QAAA,EAAGV,cAAc,IAAIZ,IAAA,CAACY,cAAc;QAACS,KAAK,EAAEA;MAAM,CAAE;IAAC,CAAG,CAAC;EAAA,GACxE,CAACT,cAAc,CACjB,CAAC;EAEDjB,SAAS,CAAC,MAAM;IACd,IAAI;MAEFmB,yBAAyB,CAACS,OAAO,EAAEC,aAAa,GAAG,CAAC,CAAC;IACvD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACV,aAAa,EAAEE,YAAY,CAAC,CAAC;EAEjC,OACEjB,IAAA,CAACR,kBAAkB;IACjBa,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXqB,mBAAmB,EAAE,KAAM;IAC3BC,gBAAgB,EAAE,KAAM;IACxBC,uBAAuB,EAAEvB,IAAI,CAACwB,MAAM,GAAG,EAAG;IAC1CC,aAAa,EAAE,KAAM;IACrBxB,QAAQ,EAAEA,QAAS;IACnBE,YAAY,EAAEA,YAAa;IAC3BuB,0BAA0B,EACxBxB,QAAQ,GACJ;MACEc,QAAQ,EAAET,CAAC,CAAC,aAAa,CAAC;MAC1BoB,KAAK,EAAE;IACT,CAAC,GACDC,SACL;IACDC,qBAAqB,EAAEnB,gBAAiB;IACxCN,oBAAoB,EAAEQ,eAAgB;IACtCC,6BAA6B,EAAEA,6BAA8B;IAC7DL,yBAAyB,EAAEA,yBAA0B;IACrDsB,mBAAmB,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAE;IACrC1B,KAAK,EAAEA;EAAM,CACd,CAAC;AAEN,CAAC;AAED,MAAM2B,mBAAmB,GAAG7C,IAAI,CAACU,WAAW,CAAuB;AAEnE,SAASmC,mBAAmB,IAAInC,WAAW"}
+{"version":3,"file":"StaticTable.js","names":["MaterialReactTable","memo","useCallback","useEffect","useMemo","useRef","useState","useTranslation","jsx","_jsx","Fragment","_Fragment","StaticTable","_ref","columns","data","getRowId","hasError","initialState","onGlobalFilterChange","state","ToolbarButtons","t","rowVirtualizerInstanceRef","columnFilters","setColumnFilters","globalFilter","setGlobalFilter","undefined","modifiedState","renderTopToolbarCustomActions","_ref2","table","children","current","scrollToIndex","error","console","enableBottomToolbar","enablePagination","enableRowVirtualization","enableSorting","muiToolbarAlertBannerProps","color","onColumnFiltersChange","rowVirtualizerProps","overscan","MemoizedStaticTable"],"sources":["../../src/labs/StaticTable.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 MaterialReactTable, {\n  type MRT_ColumnFiltersState,\n  type MRT_TableInstance,\n  type MRT_Virtualizer,\n} from \"material-react-table\";\nimport {\n  FunctionComponent,\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport { useTranslation } from \"react-i18next\";\n\nimport type {\n  DefaultMaterialReactTableData,\n  MaterialReactTableProps,\n} from \"./materialReactTableTypes\";\n\nexport type StaticTableProps<TData extends DefaultMaterialReactTableData> = {\n  columns: MaterialReactTableProps<TData>[\"columns\"];\n  data: MaterialReactTableProps<TData>[\"data\"];\n  getRowId?: MaterialReactTableProps<TData>[\"getRowId\"];\n  hasError?: boolean;\n  initialState?: MaterialReactTableProps<TData>[\"initialState\"];\n  onGlobalFilterChange?: MaterialReactTableProps<TData>[\"onGlobalFilterChange\"];\n  state?: MaterialReactTableProps<TData>[\"state\"];\n  ToolbarButtons?: FunctionComponent<\n    { table: MRT_TableInstance<TData> } & unknown\n  >;\n};\n\nconst StaticTable = <TData extends DefaultMaterialReactTableData>({\n  columns,\n  data,\n  getRowId,\n  hasError,\n  initialState,\n  onGlobalFilterChange,\n  state,\n  ToolbarButtons,\n}: StaticTableProps<TData>) => {\n  const { t } = useTranslation();\n\n  const rowVirtualizerInstanceRef =\n    useRef<MRT_Virtualizer<HTMLDivElement, HTMLTableRowElement>>(null);\n\n  const [columnFilters, setColumnFilters] = useState<MRT_ColumnFiltersState>(\n    []\n  );\n\n  const [globalFilter, setGlobalFilter] = useState<string>();\n\n  useEffect(() => {\n    if (globalFilter !== undefined) {\n      onGlobalFilterChange?.(globalFilter);\n    }\n  }, [globalFilter, onGlobalFilterChange]);\n\n  const modifiedState = useMemo(\n    () => ({\n      globalFilter,\n      columnFilters,\n      ...state,\n    }),\n    [globalFilter, columnFilters, state]\n  );\n\n  const renderTopToolbarCustomActions = useCallback<\n    Exclude<\n      MaterialReactTableProps<TData>[\"renderTopToolbarCustomActions\"],\n      undefined\n    >\n  >(\n    ({ table }) => <>{ToolbarButtons && <ToolbarButtons table={table} />}</>,\n    [ToolbarButtons]\n  );\n\n  useEffect(() => {\n    try {\n      // Scroll to top of table when sorting or filters change.\n      rowVirtualizerInstanceRef.current?.scrollToIndex?.(0);\n    } catch (error) {\n      console.error(error);\n    }\n  }, [columnFilters, globalFilter]);\n\n  return (\n    <MaterialReactTable\n      columns={columns}\n      data={data}\n      enableBottomToolbar={false}\n      enablePagination={false}\n      enableRowVirtualization\n      enableSorting={false}\n      getRowId={getRowId}\n      initialState={initialState}\n      muiToolbarAlertBannerProps={\n        hasError\n          ? {\n              children: t(\"table.error\"),\n              color: \"error\",\n            }\n          : undefined\n      }\n      onColumnFiltersChange={setColumnFilters}\n      onGlobalFilterChange={setGlobalFilter}\n      renderTopToolbarCustomActions={renderTopToolbarCustomActions}\n      rowVirtualizerInstanceRef={rowVirtualizerInstanceRef}\n      rowVirtualizerProps={{ overscan: 4 }}\n      state={modifiedState}\n    />\n  );\n};\n\nconst MemoizedStaticTable = memo(StaticTable) as typeof StaticTable;\n\nexport { MemoizedStaticTable as StaticTable };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,kBAAkB,MAIlB,sBAAsB;AAC7B,SAEEC,IAAI,EACJC,WAAW,EACXC,SAAS,EACTC,OAAO,EACPC,MAAM,EACNC,QAAQ,QACH,OAAO;AACd,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAoB/C,MAAMC,WAAW,GAAGC,IAAA,IASW;EAAA,IATmC;IAChEC,OAAO;IACPC,IAAI;IACJC,QAAQ;IACRC,QAAQ;IACRC,YAAY;IACZC,oBAAoB;IACpBC,KAAK;IACLC;EACuB,CAAC,GAAAR,IAAA;EACxB,MAAM;IAAES;EAAE,CAAC,GAAGf,cAAc,CAAC,CAAC;EAE9B,MAAMgB,yBAAyB,GAC7BlB,MAAM,CAAuD,IAAI,CAAC;EAEpE,MAAM,CAACmB,aAAa,EAAEC,gBAAgB,CAAC,GAAGnB,QAAQ,CAChD,EACF,CAAC;EAED,MAAM,CAACoB,YAAY,EAAEC,eAAe,CAAC,GAAGrB,QAAQ,CAAS,CAAC;EAE1DH,SAAS,CAAC,MAAM;IACd,IAAIuB,YAAY,KAAKE,SAAS,EAAE;MAC9BT,oBAAoB,GAAGO,YAAY,CAAC;IACtC;EACF,CAAC,EAAE,CAACA,YAAY,EAAEP,oBAAoB,CAAC,CAAC;EAExC,MAAMU,aAAa,GAAGzB,OAAO,CAC3B,OAAO;IACLsB,YAAY;IACZF,aAAa;IACb,GAAGJ;EACL,CAAC,CAAC,EACF,CAACM,YAAY,EAAEF,aAAa,EAAEJ,KAAK,CACrC,CAAC;EAED,MAAMU,6BAA6B,GAAG5B,WAAW,CAM/C6B,KAAA;IAAA,IAAC;MAAEC;IAAM,CAAC,GAAAD,KAAA;IAAA,OAAKtB,IAAA,CAAAE,SAAA;MAAAsB,QAAA,EAAGZ,cAAc,IAAIZ,IAAA,CAACY,cAAc;QAACW,KAAK,EAAEA;MAAM,CAAE;IAAC,CAAG,CAAC;EAAA,GACxE,CAACX,cAAc,CACjB,CAAC;EAEDlB,SAAS,CAAC,MAAM;IACd,IAAI;MAEFoB,yBAAyB,CAACW,OAAO,EAAEC,aAAa,GAAG,CAAC,CAAC;IACvD,CAAC,CAAC,OAAOC,KAAK,EAAE;MACdC,OAAO,CAACD,KAAK,CAACA,KAAK,CAAC;IACtB;EACF,CAAC,EAAE,CAACZ,aAAa,EAAEE,YAAY,CAAC,CAAC;EAEjC,OACEjB,IAAA,CAACT,kBAAkB;IACjBc,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXuB,mBAAmB,EAAE,KAAM;IAC3BC,gBAAgB,EAAE,KAAM;IACxBC,uBAAuB;IACvBC,aAAa,EAAE,KAAM;IACrBzB,QAAQ,EAAEA,QAAS;IACnBE,YAAY,EAAEA,YAAa;IAC3BwB,0BAA0B,EACxBzB,QAAQ,GACJ;MACEgB,QAAQ,EAAEX,CAAC,CAAC,aAAa,CAAC;MAC1BqB,KAAK,EAAE;IACT,CAAC,GACDf,SACL;IACDgB,qBAAqB,EAAEnB,gBAAiB;IACxCN,oBAAoB,EAAEQ,eAAgB;IACtCG,6BAA6B,EAAEA,6BAA8B;IAC7DP,yBAAyB,EAAEA,yBAA0B;IACrDsB,mBAAmB,EAAE;MAAEC,QAAQ,EAAE;IAAE,CAAE;IACrC1B,KAAK,EAAES;EAAc,CACtB,CAAC;AAEN,CAAC;AAED,MAAMkB,mBAAmB,GAAG9C,IAAI,CAACW,WAAW,CAAuB;AAEnE,SAASmC,mBAAmB,IAAInC,WAAW"}

package/dist/src/Autocomplete.d.ts

@@ -10,6 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { AutocompleteProps as MuiAutocompleteProps } from "@mui/material";
+import type { SeleniumProps } from "./SeleniumProps";
 export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined> = {
     /**
      * Enables multiple choice selection
@@ -31,6 +32,10 @@ export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | u
      * Displays a loading indicator
      */
     isLoading?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["loading"];
+    /**
+     * If `true`, the `input` element is not required.
+     */
+    isOptional?: boolean;
     /**
      * Makes the Autocomplete input read-only
      */
@@ -55,7 +60,7 @@ export type AutocompleteProps<OptionType, HasMultipleChoices extends boolean | u
      * The value of the Autocomplete input
      */
     value?: MuiAutocompleteProps<OptionType, HasMultipleChoices, undefined, IsCustomValueAllowed>["value"];
-};
-declare const MemoizedAutocomplete: <OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined>({ hasMultipleChoices, isCustomValueAllowed, isDisabled, isLoading, isReadOnly, hint, label, onChange, onInputChange, options, value, }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => JSX.Element;
+} & SeleniumProps;
+declare const MemoizedAutocomplete: <OptionType, HasMultipleChoices extends boolean | undefined, IsCustomValueAllowed extends boolean | undefined>({ hasMultipleChoices, isCustomValueAllowed, isDisabled, isLoading, isOptional, isReadOnly, hint, label, onChange, onInputChange, options, value, testId, }: AutocompleteProps<OptionType, HasMultipleChoices, IsCustomValueAllowed>) => JSX.Element;
 export { MemoizedAutocomplete as Autocomplete };
 //# sourceMappingURL=Autocomplete.d.ts.map

package/dist/src/Autocomplete.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAE1C,MAAM,eAAe,CAAC;AAKvB,MAAM,MAAM,iBAAiB,CAC3B,UAAU,EACV,kBAAkB,SAAS,OAAO,GAAG,SAAS,EAC9C,oBAAoB,SAAS,OAAO,GAAG,SAAS,IAC9C;IACF;;OAEG;IACH,kBAAkB,CAAC,EAAE,oBAAoB,CACvC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CACzC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAC9B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAC7B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAClC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,eAAe,CAAC,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,oBAAoB,CAC3B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAC1B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,OAAO,CAAC,CAAC;CACZ,CAAC;AA0DF,QAAA,MAAM,oBAAoB,gVAA4C,CAAC;AAEvE,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}
+{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../src/Autocomplete.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAEL,iBAAiB,IAAI,oBAAoB,EAE1C,MAAM,eAAe,CAAC;AAIvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,iBAAiB,CAC3B,UAAU,EACV,kBAAkB,SAAS,OAAO,GAAG,SAAS,EAC9C,oBAAoB,SAAS,OAAO,GAAG,SAAS,IAC9C;IACF;;OAEG;IACH,kBAAkB,CAAC,EAAE,oBAAoB,CACvC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,oBAAoB,CAAC,EAAE,oBAAoB,CACzC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAC9B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,oBAAoB,CAC/B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,oBAAoB,CAC7B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,UAAU,CAAC,CAAC;IACd;;OAEG;IACH,aAAa,CAAC,EAAE,oBAAoB,CAClC,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,eAAe,CAAC,CAAC;IACnB;;OAEG;IACH,OAAO,EAAE,oBAAoB,CAC3B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,SAAS,CAAC,CAAC;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,oBAAoB,CAC1B,UAAU,EACV,kBAAkB,EAClB,SAAS,EACT,oBAAoB,CACrB,CAAC,OAAO,CAAC,CAAC;CACZ,GAAG,aAAa,CAAC;AAgElB,QAAA,MAAM,oBAAoB,oWAA4C,CAAC;AAEvE,OAAO,EAAE,oBAAoB,IAAI,YAAY,EAAE,CAAC"}

package/dist/src/Banner.d.ts

@@ -11,6 +11,7 @@
  */
 /// <reference types="react" />
 import { AlertColor, AlertProps } from "@mui/material";
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const bannerRoleValues: readonly ["status", "alert"];
 export declare const bannerSeverityValues: AlertColor[];
 export type BannerProps = {
@@ -43,7 +44,7 @@ export type BannerProps = {
      * The text content of the alert
      */
     text: string;
-};
-declare const MemoizedBanner: import("react").MemoExoticComponent<({ linkUrl, linkText, onClose, role, severity, text, }: BannerProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedBanner: import("react").MemoExoticComponent<({ linkUrl, linkText, onClose, role, severity, text, testId, }: BannerProps) => JSX.Element>;
 export { MemoizedBanner as Banner };
 //# sourceMappingURL=Banner.d.ts.map

package/dist/src/Banner.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAAS,UAAU,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AAM1E,eAAO,MAAM,gBAAgB,8BAA+B,CAAC;AAC7D,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAK5C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,CAAC;AAyBF,QAAA,MAAM,cAAc,8FAhBjB,WAAW,iBAgBqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../src/Banner.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAAS,UAAU,EAAc,UAAU,EAAE,MAAM,eAAe,CAAC;AAM1E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,gBAAgB,8BAA+B,CAAC;AAC7D,eAAO,MAAM,oBAAoB,EAAE,UAAU,EAK5C,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,CAAC,SAAS,CAAC,CAAC;IAChC;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,oBAAoB,CAAC,CAAC,MAAM,CAAC,CAAC;IAChD;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,aAAa,CAAC;AAgClB,QAAA,MAAM,cAAc,sGAtBjB,WAAW,iBAsBqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/Box.d.ts

@@ -11,11 +11,18 @@
  */
 import { BoxProps as MuiBoxProps } from "@mui/material";
 import { ReactNode } from "react";
+import type { SeleniumProps } from "./SeleniumProps";
 export type BoxProps = {
     children?: ReactNode;
     component?: MuiBoxProps["component"];
     id?: MuiBoxProps["id"];
     sx?: MuiBoxProps["sx"];
-};
-export declare const Box: import("react").ForwardRefExoticComponent<BoxProps & import("react").RefAttributes<HTMLElement>>;
+} & SeleniumProps;
+declare const MemoizedBox: import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    children?: ReactNode;
+    component?: MuiBoxProps["component"];
+    id?: MuiBoxProps["id"];
+    sx?: MuiBoxProps["sx"];
+} & SeleniumProps & import("react").RefAttributes<HTMLElement>>>;
+export { MemoizedBox as Box };
 //# sourceMappingURL=Box.d.ts.map

package/dist/src/Box.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiB,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAc,MAAM,OAAO,CAAC;AAE9C,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CACxB,CAAC;AAEF,eAAO,MAAM,GAAG,kGAUf,CAAC"}
+{"version":3,"file":"Box.d.ts","sourceRoot":"","sources":["../../src/Box.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAiB,QAAQ,IAAI,WAAW,EAAE,MAAM,eAAe,CAAC;AACvE,OAAO,EAAE,SAAS,EAAoB,MAAM,OAAO,CAAC;AAEpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,QAAQ,GAAG;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,WAAW,CAAC,WAAW,CAAC,CAAC;IACrC,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;IACvB,EAAE,CAAC,EAAE,WAAW,CAAC,IAAI,CAAC,CAAC;CACxB,GAAG,aAAa,CAAC;AAelB,QAAA,MAAM,WAAW;eAnBJ,SAAS;gBACR,WAAW,CAAC,WAAW,CAAC;SAC/B,WAAW,CAAC,IAAI,CAAC;SACjB,WAAW,CAAC,IAAI,CAAC;gEAgBK,CAAC;AAG9B,OAAO,EAAE,WAAW,IAAI,GAAG,EAAE,CAAC"}

package/dist/src/Button.d.ts

@@ -11,6 +11,7 @@
  */
 import type { ButtonProps as MuiButtonProps } from "@mui/material";
 import { ReactElement } from "react";
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const buttonSizeValues: readonly ["small", "medium", "large"];
 export declare const buttonTypeValues: readonly ["button", "submit", "reset"];
 export declare const buttonVariantValues: readonly ["primary", "secondary", "tertiary", "danger", "floating"];
@@ -83,7 +84,7 @@ export type ButtonProps = {
     endIcon: ReactElement;
     label?: "" | undefined;
     startIcon?: ReactElement;
-});
-declare const MemoizedButton: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, endIcon, id, isDisabled, isFullWidth, label, onClick, size, startIcon, tooltipText, type, variant, }: ButtonProps) => JSX.Element>;
+}) & SeleniumProps;
+declare const MemoizedButton: import("react").MemoExoticComponent<({ ariaDescribedBy, ariaLabel, ariaLabelledBy, endIcon, id, isDisabled, isFullWidth, label, onClick, size, startIcon, testId, tooltipText, type, variant, }: ButtonProps) => JSX.Element>;
 export { MemoizedButton as Button };
 //# sourceMappingURL=Button.d.ts.map

package/dist/src/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAKxD,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AACtE,eAAO,MAAM,gBAAgB,wCAAyC,CAAC;AACvE,eAAO,MAAM,mBAAmB,qEAMtB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;CAC/C,GAAG,CACA;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,GACD;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;CACzB,GACD;IACE,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CACJ,CAAC;AAsEF,QAAA,MAAM,cAAc,2LArDjB,WAAW,iBAqDqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/Button.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,WAAW,IAAI,cAAc,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAIxD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,gBAAgB,uCAAwC,CAAC;AACtE,eAAO,MAAM,gBAAgB,wCAAyC,CAAC;AACvE,eAAO,MAAM,mBAAmB,qEAMtB,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC,SAAS,CAAC,CAAC;IACpC;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,CAAC;IACzB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,CAAC,CAAC;IACzC;;OAEG;IACH,OAAO,EAAE,CAAC,OAAO,mBAAmB,CAAC,CAAC,MAAM,CAAC,CAAC;CAC/C,GAAG,CACA;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,GACD;IACE,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,EAAE,YAAY,CAAC;CACzB,GACD;IACE,OAAO,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,EAAE,GAAG,SAAS,CAAC;IACvB,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CACJ,GACC,aAAa,CAAC;AAyEhB,QAAA,MAAM,cAAc,mMAvDjB,WAAW,iBAuDqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/Callout.d.ts

@@ -10,6 +10,7 @@
  * See the License for the specific language governing permissions and limitations under the License.
  */
 import { ReactNode } from "react";
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const calloutRoleValues: readonly ["status", "alert"];
 export declare const calloutSeverityValues: readonly ["success", "info", "warning", "error"];
 export type CalloutProps = {
@@ -31,7 +32,7 @@ export type CalloutProps = {
      * The title of the Callout
      */
     title?: string;
-};
-declare const MemoizedCallout: import("react").MemoExoticComponent<({ children, role, severity, title }: CalloutProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedCallout: import("react").MemoExoticComponent<({ children, role, severity, testId, title }: CalloutProps) => JSX.Element>;
 export { MemoizedCallout as Callout };
 //# sourceMappingURL=Callout.d.ts.map

package/dist/src/Callout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxC,eAAO,MAAM,iBAAiB,8BAA+B,CAAC;AAC9D,eAAO,MAAM,qBAAqB,kDAKxB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAcF,QAAA,MAAM,eAAe,4EAZiC,YAAY,iBAY7B,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}
+{"version":3,"file":"Callout.d.ts","sourceRoot":"","sources":["../../src/Callout.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,SAAS,EAAE,MAAM,OAAO,CAAC;AAKxC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,iBAAiB,8BAA+B,CAAC;AAC9D,eAAO,MAAM,qBAAqB,kDAKxB,CAAC;AAEX,MAAM,MAAM,YAAY,GAAG;IACzB;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;;;OAIG;IACH,IAAI,CAAC,EAAE,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,CAAC,CAAC;IAC1C;;OAEG;IACH,QAAQ,EAAE,CAAC,OAAO,qBAAqB,CAAC,CAAC,MAAM,CAAC,CAAC;IACjD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAclB,QAAA,MAAM,eAAe,oFAZyC,YAAY,iBAYrC,CAAC;AAGtC,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,CAAC"}

package/dist/src/Checkbox.d.ts

@@ -11,6 +11,7 @@
  */
 /// <reference types="react" />
 import { CheckboxProps as MuiCheckboxProps } from "@mui/material";
+import type { SeleniumProps } from "./SeleniumProps";
 export declare const checkboxValidityValues: readonly ["valid", "invalid", "inherit"];
 export type CheckboxProps = {
     /**
@@ -21,6 +22,10 @@ export type CheckboxProps = {
      * The ID of the element that labels the Checkbox
      */
     ariaLabelledBy?: string;
+    /**
+     * The id of the `input` element.
+     */
+    id?: string;
     /**
      * Determines whether the Checkbox is checked
      */
@@ -42,7 +47,7 @@ export type CheckboxProps = {
      */
     label?: string;
     /**
-     * The name attribute of the Checkbox
+     * The name of the `input` element. Defaults to the `id` if not set.
      */
     name?: string;
     /**
@@ -57,7 +62,7 @@ export type CheckboxProps = {
      * The value attribute of the Checkbox
      */
     value?: string;
-};
-declare const MemoizedCheckbox: import("react").MemoExoticComponent<({ ariaLabel, ariaLabelledBy, isDefaultChecked, isDisabled, isIndeterminate, isRequired, label: labelProp, name, onChange: onChangeProp, validity, value, }: CheckboxProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedCheckbox: import("react").MemoExoticComponent<({ ariaLabel, ariaLabelledBy, id: idOverride, isDefaultChecked, isDisabled, isIndeterminate, isRequired, label: labelProp, name: nameOverride, onChange: onChangeProp, testId, validity, value, }: CheckboxProps) => JSX.Element>;
 export { MemoizedCheckbox as Checkbox };
 //# sourceMappingURL=Checkbox.d.ts.map

package/dist/src/Checkbox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAElC,MAAM,eAAe,CAAC;AAKvB,eAAO,MAAM,sBAAsB,0CAA2C,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAkEF,QAAA,MAAM,gBAAgB,mMApDnB,aAAa,iBAoDuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../src/Checkbox.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;;AAEH,OAAO,EAEL,aAAa,IAAI,gBAAgB,EAElC,MAAM,eAAe,CAAC;AAKvB,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,eAAO,MAAM,sBAAsB,0CAA2C,CAAC;AAE/E,MAAM,MAAM,aAAa,GAAG;IAC1B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAC,UAAU,CAAC,CAAC;IACxC;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,OAAO,sBAAsB,CAAC,CAAC,MAAM,CAAC,CAAC;IACnD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAsElB,QAAA,MAAM,gBAAgB,yOAtDnB,aAAa,iBAsDuB,CAAC;AAGxC,OAAO,EAAE,gBAAgB,IAAI,QAAQ,EAAE,CAAC"}

package/dist/src/CheckboxGroup.d.ts

@@ -11,6 +11,7 @@
  */
 import { ReactElement } from "react";
 import { Checkbox } from "./Checkbox";
+import type { SeleniumProps } from "./SeleniumProps";
 export type CheckboxGroupProps = {
     /**
      * A single Checkbox element or an array of Checkbox elements
@@ -24,10 +25,6 @@ export type CheckboxGroupProps = {
      * The hint text for the CheckboxGroup
      */
     hint?: string;
-    /**
-     * The id of the `input` element. This will also be the input's `name` field.
-     */
-    id?: string;
     /**
      * If `true`, the CheckboxGroup is disabled
      */
@@ -40,7 +37,7 @@ export type CheckboxGroupProps = {
      * The label text for the CheckboxGroup
      */
     label: string;
-};
-declare const MemoizedCheckboxGroup: import("react").MemoExoticComponent<({ children, errorMessage, hint, id: idOverride, isDisabled, isRequired, label, }: CheckboxGroupProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedCheckboxGroup: import("react").MemoExoticComponent<({ children, errorMessage, hint, isDisabled, isRequired, label, testId, }: CheckboxGroupProps) => JSX.Element>;
 export { MemoizedCheckboxGroup as CheckboxGroup };
 //# sourceMappingURL=CheckboxGroup.d.ts.map

package/dist/src/CheckboxGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAGtC,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EACJ,YAAY,CAAC,OAAO,QAAQ,CAAC,GAC7B,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAmCF,QAAA,MAAM,qBAAqB,yHAzBxB,kBAAkB,iBAyB4B,CAAC;AAGlD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}
+{"version":3,"file":"CheckboxGroup.d.ts","sourceRoot":"","sources":["../../src/CheckboxGroup.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EAAQ,YAAY,EAAe,MAAM,OAAO,CAAC;AAExD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG;IAC/B;;OAEG;IACH,QAAQ,EACJ,YAAY,CAAC,OAAO,QAAQ,CAAC,GAC7B,KAAK,CAAC,YAAY,CAAC,OAAO,QAAQ,CAAC,CAAC,CAAC;IACzC;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;CACf,GAAG,aAAa,CAAC;AAkClB,QAAA,MAAM,qBAAqB,iHAxBxB,kBAAkB,iBAwB4B,CAAC;AAGlD,OAAO,EAAE,qBAAqB,IAAI,aAAa,EAAE,CAAC"}

package/dist/src/CircularProgress.d.ts

@@ -9,6 +9,7 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+import type { SeleniumProps } from "./SeleniumProps";
 export type CircularProgressProps = {
     /**
      * The ARIA label for the progress spinner
@@ -19,6 +20,6 @@ export type CircularProgressProps = {
      * If undefined, the spinner will spin perpetually.
      */
     value?: number;
-};
-export declare const CircularProgress: ({ ariaLabel, value, }: CircularProgressProps) => JSX.Element;
+} & SeleniumProps;
+export declare const CircularProgress: ({ ariaLabel, testId, value, }: CircularProgressProps) => JSX.Element;
 //# sourceMappingURL=CircularProgress.d.ts.map

package/dist/src/CircularProgress.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../src/CircularProgress.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,eAAO,MAAM,gBAAgB,0BAG1B,qBAAqB,gBAMvB,CAAC"}
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../src/CircularProgress.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,GAAG,aAAa,CAAC;AAElB,eAAO,MAAM,gBAAgB,kCAI1B,qBAAqB,gBAOvB,CAAC"}

package/dist/src/Dialog.d.ts

@@ -11,6 +11,7 @@
  */
 import { Button } from "./Button";
 import { ReactNode, ReactElement } from "react";
+import type { SeleniumProps } from "./SeleniumProps";
 export type DialogProps = {
     /**
      * An optional Button object to be situated in the Dialog footer. Should almost always be of variant `primary`.
@@ -41,7 +42,7 @@ export type DialogProps = {
      */
     title: string;
     ariaLabel: string;
-};
-declare const MemoizedDialog: import("react").MemoExoticComponent<({ callToActionFirstComponent, callToActionSecondComponent, callToActionLastComponent, children, isOpen, onClose, title, ariaLabel, }: DialogProps) => JSX.Element>;
+} & SeleniumProps;
+declare const MemoizedDialog: import("react").MemoExoticComponent<({ callToActionFirstComponent, callToActionSecondComponent, callToActionLastComponent, children, isOpen, onClose, testId, title, ariaLabel, }: DialogProps) => JSX.Element>;
 export { MemoizedDialog as Dialog };
 //# sourceMappingURL=Dialog.d.ts.map

package/dist/src/Dialog.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AASH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAEL,SAAS,EAIT,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,0BAA0B,CAAC,EAAE,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;IACzD;;OAEG;IACH,2BAA2B,CAAC,EAAE,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1D;;OAEG;IACH,yBAAyB,CAAC,EAAE,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;IACxD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AA0EF,QAAA,MAAM,cAAc,6KA/DjB,WAAW,iBA+DqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}
+{"version":3,"file":"Dialog.d.ts","sourceRoot":"","sources":["../../src/Dialog.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AASH,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,OAAO,EAEL,SAAS,EAIT,YAAY,EACb,MAAM,OAAO,CAAC;AAEf,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAErD,MAAM,MAAM,WAAW,GAAG;IACxB;;OAEG;IACH,0BAA0B,CAAC,EAAE,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;IACzD;;OAEG;IACH,2BAA2B,CAAC,EAAE,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;IAC1D;;OAEG;IACH,yBAAyB,CAAC,EAAE,YAAY,CAAC,OAAO,MAAM,CAAC,CAAC;IACxD;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;OAEG;IACH,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,GAAG,aAAa,CAAC;AA2ElB,QAAA,MAAM,cAAc,qLA/DjB,WAAW,iBA+DqB,CAAC;AAGpC,OAAO,EAAE,cAAc,IAAI,MAAM,EAAE,CAAC"}

package/dist/src/Field.d.ts

@@ -59,8 +59,9 @@ export type FieldProps = {
     /**
      * Render-props function that sends back ARIA props to your field component.
      */
-    renderFieldComponent: ({ ariaDescribedBy, id, }: {
+    renderFieldComponent: ({ ariaDescribedBy, dataSe, id, }: {
         ariaDescribedBy?: string;
+        dataSe?: string;
         id: string;
     }) => ReactElement;
 };

package/dist/src/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;AAcpD,eAAO,MAAM,eAAe,8BAA+B,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,oBAAoB,EAAE,CAAC,EACrB,eAAe,EACf,EAAE,GACH,EAAE;QACD,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,EAAE,EAAE,MAAM,CAAC;KACZ,KAAK,YAAY,CAAC;CACpB,CAAC;AAuEF,QAAA,MAAM,aAAa,+LA1DhB,UAAU,iBA0DoB,CAAC;AAGlC,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/Field.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAQ,YAAY,EAAW,MAAM,OAAO,CAAC;AAcpD,eAAO,MAAM,eAAe,8BAA+B,CAAC;AAE5D,MAAM,MAAM,UAAU,GAAG;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,SAAS,EAAE,CAAC,OAAO,eAAe,CAAC,CAAC,MAAM,CAAC,CAAC;IAC5C;;OAEG;IACH,eAAe,EAAE,OAAO,CAAC;IACzB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;OAEG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,oBAAoB,EAAE,CAAC,EACrB,eAAe,EACf,MAAM,EACN,EAAE,GACH,EAAE;QACD,eAAe,CAAC,EAAE,MAAM,CAAC;QACzB,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,EAAE,EAAE,MAAM,CAAC;KACZ,KAAK,YAAY,CAAC;CACpB,CAAC;AAuEF,QAAA,MAAM,aAAa,+LA1DhB,UAAU,iBA0DoB,CAAC;AAGlC,OAAO,EAAE,aAAa,IAAI,KAAK,EAAE,CAAC"}