@okta/odyssey-react-mui 1.0.2 → 1.2.0

package/dist/Typography.js

@@ -10,7 +10,7 @@ import _Typography from "@mui/material/Typography";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { useMemo } from "react";
+import { memo, useMemo } from "react";
 import { jsx as _jsx } from "react/jsx-runtime";
 export const typographyVariantMapping = {
   h1: "h1",
@@ -25,15 +25,15 @@ export const typographyVariantMapping = {
   legend: "legend"
 };
 export const typographyColorValues = ["primary", "textPrimary", "secondary", "textSecondary", "error"];
-export const Typography = _ref => {
+const Typography = _ref => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
     component: componentProp,
+    testId,
     variant = "body"
   } = _ref;
   const component = useMemo(() => {
@@ -41,7 +41,7 @@ export const Typography = _ref => {
       if (variant === "body") {
         return "p";
       } else if (variant === "subordinate" || variant === "support") {
-        return "h6";
+        return "p";
       } else {
         return variant;
       }
@@ -49,235 +49,247 @@ export const Typography = _ref => {
     return componentProp;
   }, [componentProp, variant]);
   return _jsx(_Typography, {
-    ariaDescribedBy: ariaDescribedBy,
-    ariaLabel: ariaLabel,
-    ariaLabelledBy: ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: typographyVariantMapping[variant]
   });
 };
-Typography.displayName = "Typography";
-export const Heading1 = _ref2 => {
+const MemoizedTypography = memo(Typography);
+MemoizedTypography.displayName = "Typography";
+const Heading1 = _ref2 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref2;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "h1"
   });
 };
-Heading1.displayName = "Heading1";
-export const Heading2 = _ref3 => {
+const MemoizedHeading1 = memo(Heading1);
+MemoizedHeading1.displayName = "Heading1";
+const Heading2 = _ref3 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref3;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "h2"
   });
 };
-Heading2.displayName = "Heading2";
-export const Heading3 = _ref4 => {
+const MemoizedHeading2 = memo(Heading2);
+MemoizedHeading2.displayName = "Heading2";
+const Heading3 = _ref4 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref4;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "h3"
   });
 };
-Heading3.displayName = "Heading3";
-export const Heading4 = _ref5 => {
+const MemoizedHeading3 = memo(Heading3);
+MemoizedHeading3.displayName = "Heading3";
+const Heading4 = _ref5 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref5;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "h4"
   });
 };
-Heading4.displayName = "Heading4";
-export const Heading5 = _ref6 => {
+const MemoizedHeading4 = memo(Heading4);
+MemoizedHeading4.displayName = "Heading4";
+const Heading5 = _ref6 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref6;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "h5"
   });
 };
-Heading5.displayName = "Heading5";
-export const Heading6 = _ref7 => {
+const MemoizedHeading5 = memo(Heading5);
+MemoizedHeading5.displayName = "Heading5";
+const Heading6 = _ref7 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref7;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "h6"
   });
 };
-Heading6.displayName = "Heading6";
-export const Paragraph = _ref8 => {
+const MemoizedHeading6 = memo(Heading6);
+MemoizedHeading6.displayName = "Heading6";
+const Paragraph = _ref8 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref8;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "body"
   });
 };
-Paragraph.displayName = "Paragraph";
-export const Subordinate = _ref9 => {
+const MemoizedParagraph = memo(Paragraph);
+MemoizedParagraph.displayName = "Paragraph";
+const Subordinate = _ref9 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref9;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "subordinate"
   });
 };
-Subordinate.displayName = "Subordinate";
-export const Support = _ref10 => {
+const MemoizedSubordinate = memo(Subordinate);
+MemoizedSubordinate.displayName = "Subordinate";
+const Support = _ref10 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref10;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "support"
   });
 };
-Support.displayName = "Support";
-export const Legend = _ref11 => {
+const MemoizedSupport = memo(Support);
+MemoizedSupport.displayName = "Support";
+const Legend = _ref11 => {
   let {
     ariaDescribedBy,
     ariaLabel,
     ariaLabelledBy,
     children,
-    classes,
     color,
-    component
+    component,
+    testId
   } = _ref11;
   return _jsx(Typography, {
     ariaDescribedBy: ariaDescribedBy,
     ariaLabel: ariaLabel,
     ariaLabelledBy: ariaLabelledBy,
     children: children,
-    classes: classes,
     color: color,
     component: component,
+    "data-se": testId,
     variant: "legend"
   });
 };
-Legend.displayName = "Legend";
+const MemoizedLegend = memo(Legend);
+MemoizedLegend.displayName = "Legend";
+export { MemoizedTypography as Typography, MemoizedHeading1 as Heading1, MemoizedHeading2 as Heading2, MemoizedHeading3 as Heading3, MemoizedHeading4 as Heading4, MemoizedHeading5 as Heading5, MemoizedHeading6 as Heading6, MemoizedLegend as Legend, MemoizedParagraph as Paragraph, MemoizedSubordinate as Subordinate, MemoizedSupport as Support };
 //# sourceMappingURL=Typography.js.map

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","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   * 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  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      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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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  color,\n  component,\n  testId,\n}: TypographyProps) => (\n  <Typography\n    ariaDescribedBy={ariaDescribedBy}\n    ariaLabel={ariaLabel}\n    ariaLabelledBy={ariaLabelledBy}\n    children={children}\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/createShadowDom.js

@@ -0,0 +1,26 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+export const createShadowDom = containerElement => {
+  const shadowContainer = containerElement.attachShadow({
+    mode: "open"
+  });
+  const emotionRootElement = document.createElement("style");
+  const shadowRootElement = document.createElement("div");
+  shadowContainer.appendChild(emotionRootElement);
+  shadowContainer.appendChild(shadowRootElement);
+  return {
+    emotionRootElement,
+    shadowRootElement
+  };
+};
+//# sourceMappingURL=createShadowDom.js.map

package/dist/createShadowDom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createShadowDom.js","names":["createShadowDom","containerElement","shadowContainer","attachShadow","mode","emotionRootElement","document","createElement","shadowRootElement","appendChild"],"sources":["../src/createShadowDom.ts"],"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\nexport const createShadowDom = (containerElement: HTMLElement) => {\n  const shadowContainer = containerElement.attachShadow({ mode: \"open\" });\n  const emotionRootElement = document.createElement(\"style\");\n  const shadowRootElement = document.createElement(\"div\");\n\n  shadowContainer.appendChild(emotionRootElement);\n  shadowContainer.appendChild(shadowRootElement);\n\n  return {\n    emotionRootElement,\n    shadowRootElement,\n  };\n};\n\n// --DOCS--\n\n// const {\n//   emotionRootElement,\n//   shadowRootElement,\n// } = (\n//   createShadowDom(\n//     document.querySelector('#root') as HTMLElement\n//   )\n// )\n\n// ReactDOM\n// .createRoot(\n//   shadowRootElement\n// )\n// .render(\n//   <OdysseyProvider emotionRootElement={emotionRootElement} shadowRootElement={shadowRootElement}>\n//     <App />\n//   </OdysseyProvider>\n// )\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAO,MAAMA,eAAe,GAAIC,gBAA6B,IAAK;EAChE,MAAMC,eAAe,GAAGD,gBAAgB,CAACE,YAAY,CAAC;IAAEC,IAAI,EAAE;EAAO,CAAC,CAAC;EACvE,MAAMC,kBAAkB,GAAGC,QAAQ,CAACC,aAAa,CAAC,OAAO,CAAC;EAC1D,MAAMC,iBAAiB,GAAGF,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;EAEvDL,eAAe,CAACO,WAAW,CAACJ,kBAAkB,CAAC;EAC/CH,eAAe,CAACO,WAAW,CAACD,iBAAiB,CAAC;EAE9C,OAAO;IACLH,kBAAkB;IAClBG;EACF,CAAC;AACH,CAAC"}

package/dist/{OdysseyI18n.js → i18n.js}

@@ -38,6 +38,7 @@ import { translation as sv } from "./properties/ts/odyssey-react-mui_sv.js";
 import { translation as th } from "./properties/ts/odyssey-react-mui_th.js";
 import { translation as tr } from "./properties/ts/odyssey-react-mui_tr.js";
 import { translation as uk } from "./properties/ts/odyssey-react-mui_uk.js";
+import { translation as vi } from "./properties/ts/odyssey-react-mui_vi.js";
 import { translation as zhCN } from "./properties/ts/odyssey-react-mui_zh_CN.js";
 import { translation as znTW } from "./properties/ts/odyssey-react-mui_zh_TW.js";
 import { supportedLanguages } from "./OdysseyTranslationProvider.types.js";
@@ -70,6 +71,7 @@ export const resources = {
   th,
   tr,
   uk,
+  vi,
   zh_CN: zhCN,
   zh_TW: znTW
 };
@@ -93,5 +95,6 @@ Object.entries(resources).forEach(_ref => {
   let [locale, property] = _ref;
   i18n.addResourceBundle(locale, defaultNS, property);
 });
-export default i18n;
-//# sourceMappingURL=OdysseyI18n.js.map
+export const odysseyTranslate = i18n.t.bind(i18n);
+export { i18n };
+//# sourceMappingURL=i18n.js.map

package/dist/i18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.js","names":["i18n","initReactI18next","translation","cs","da","de","el","en","es","fi","fr","hu","id","it","ja","ko","ms","nb","nlNL","okPL","okSK","pl","ptBR","ro","ru","sv","th","tr","uk","vi","zhCN","znTW","supportedLanguages","defaultLNG","defaultNS","resources","nl_NL","ok_PL","ok_SK","pt_BR","zh_CN","zh_TW","use","init","ns","fallbackLng","supportedLngs","load","keySeparator","interpolation","escapeValue","skipOnVariables","react","useSuspense","bindI18nStore","Object","entries","forEach","_ref","locale","property","addResourceBundle","odysseyTranslate","t","bind"],"sources":["../src/i18n.ts"],"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 i18n from \"i18next\";\nimport { initReactI18next } from \"react-i18next\";\n\nimport { translation as cs } from \"./properties/ts/odyssey-react-mui_cs\";\nimport { translation as da } from \"./properties/ts/odyssey-react-mui_da\";\nimport { translation as de } from \"./properties/ts/odyssey-react-mui_de\";\nimport { translation as el } from \"./properties/ts/odyssey-react-mui_el\";\nimport { translation as en } from \"./properties/ts/odyssey-react-mui\";\nimport { translation as es } from \"./properties/ts/odyssey-react-mui_es\";\nimport { translation as fi } from \"./properties/ts/odyssey-react-mui_fi\";\nimport { translation as fr } from \"./properties/ts/odyssey-react-mui_fr\";\nimport { translation as hu } from \"./properties/ts/odyssey-react-mui_hu\";\nimport { translation as id } from \"./properties/ts/odyssey-react-mui_id\";\nimport { translation as it } from \"./properties/ts/odyssey-react-mui_it\";\nimport { translation as ja } from \"./properties/ts/odyssey-react-mui_ja\";\nimport { translation as ko } from \"./properties/ts/odyssey-react-mui_ko\";\nimport { translation as ms } from \"./properties/ts/odyssey-react-mui_ms\";\nimport { translation as nb } from \"./properties/ts/odyssey-react-mui_nb\";\nimport { translation as nlNL } from \"./properties/ts/odyssey-react-mui_nl_NL\";\nimport { translation as okPL } from \"./properties/ts/odyssey-react-mui_ok_PL\";\nimport { translation as okSK } from \"./properties/ts/odyssey-react-mui_ok_SK\";\nimport { translation as pl } from \"./properties/ts/odyssey-react-mui_pl\";\nimport { translation as ptBR } from \"./properties/ts/odyssey-react-mui_pt_BR\";\nimport { translation as ro } from \"./properties/ts/odyssey-react-mui_ro\";\nimport { translation as ru } from \"./properties/ts/odyssey-react-mui_ru\";\nimport { translation as sv } from \"./properties/ts/odyssey-react-mui_sv\";\nimport { translation as th } from \"./properties/ts/odyssey-react-mui_th\";\nimport { translation as tr } from \"./properties/ts/odyssey-react-mui_tr\";\nimport { translation as uk } from \"./properties/ts/odyssey-react-mui_uk\";\nimport { translation as vi } from \"./properties/ts/odyssey-react-mui_vi\";\nimport { translation as zhCN } from \"./properties/ts/odyssey-react-mui_zh_CN\";\nimport { translation as znTW } from \"./properties/ts/odyssey-react-mui_zh_TW\";\n\nimport {\n  SupportedLanguages,\n  supportedLanguages,\n} from \"./OdysseyTranslationProvider.types\";\n\nexport const defaultLNG: SupportedLanguages = \"en\";\nexport const defaultNS = \"translations\";\nexport const resources = {\n  cs,\n  da,\n  de,\n  el,\n  en,\n  es,\n  fi,\n  fr,\n  hu,\n  id,\n  it,\n  ja,\n  ko,\n  ms,\n  nb,\n  nl_NL: nlNL,\n  ok_PL: okPL,\n  ok_SK: okSK,\n  pl,\n  pt_BR: ptBR,\n  ro,\n  ru,\n  sv,\n  th,\n  tr,\n  uk,\n  vi,\n  zh_CN: zhCN,\n  zh_TW: znTW,\n};\n\ni18n.use(initReactI18next).init({\n  defaultNS,\n  ns: [defaultNS],\n  fallbackLng: defaultLNG,\n  supportedLngs: supportedLanguages,\n  load: \"currentOnly\",\n  keySeparator: false,\n  interpolation: {\n    escapeValue: false, // react already safe from xss\n    skipOnVariables: false, // to handle translations that use nesting\n  },\n  react: {\n    useSuspense: false,\n    bindI18nStore: \"added\",\n  },\n});\n\nObject.entries(resources).forEach(([locale, property]) => {\n  i18n.addResourceBundle(locale, defaultNS, property);\n});\n\nexport const odysseyTranslate = i18n.t.bind(i18n);\nexport { i18n };\n"],"mappings":"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"}

package/dist/index.js

@@ -31,6 +31,7 @@ export * from "./MenuItem.js";
 export * from "./NativeSelect.js";
 export * from "./NullElement.js";
 export * from "./OdysseyCacheProvider.js";
+export { odysseyTranslate } from "./i18n.js";
 export * from "./OdysseyProvider.js";
 export * from "./OdysseyThemeProvider.js";
 export * from "./OdysseyTranslationProvider.js";

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["deepmerge","visuallyHidden","createTheme","CssBaseline","DialogContentText","Divider","InputAdornment","InputBase","ListItemIcon","ListItemText","ListSubheader","MenuList","Paper","ScopedCssBaseline","ThemeProvider","useOdysseyDesignTokens"],"sources":["../src/index.ts"],"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\nexport { deepmerge, visuallyHidden } from \"@mui/utils\";\n\nexport {\n  createTheme,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  CssBaseline,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  DialogContentText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Divider,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputAdornment,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputBase,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemIcon,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListSubheader,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  MenuList,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Paper,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ScopedCssBaseline,\n  ThemeProvider,\n} from \"@mui/material\";\n\nexport type {\n  CssBaselineProps,\n  DialogContentTextProps,\n  DividerProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuListProps,\n  PaperProps,\n  ScopedCssBaselineProps,\n  ThemeOptions,\n} from \"@mui/material\";\n\nexport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext\";\n\nexport * from \"./Autocomplete\";\nexport * from \"./Banner\";\nexport * from \"./Box\";\nexport * from \"./Button\";\nexport * from \"./Callout\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CircularProgress\";\nexport * from \"./createUniqueId\";\nexport * from \"./Dialog\";\nexport * from \"./Fieldset\";\nexport * from \"./Form\";\nexport * from \"./Link\";\nexport * from \"./MenuButton\";\nexport * from \"./MenuItem\";\nexport * from \"./NativeSelect\";\nexport * from \"./NullElement\";\nexport * from \"./OdysseyCacheProvider\";\nexport * from \"./OdysseyProvider\";\nexport * from \"./OdysseyThemeProvider\";\nexport * from \"./OdysseyTranslationProvider\";\nexport * from \"./PasswordField\";\nexport * from \"./Radio\";\nexport * from \"./RadioGroup\";\nexport * from \"./ScreenReaderText\";\nexport * from \"./SearchField\";\nexport * from \"./Select\";\nexport * from \"./Status\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./TagList\";\nexport * from \"./TextField\";\nexport * from \"./theme\";\nexport * from \"./Toast\";\nexport * from \"./ToastStack\";\nexport * from \"./Tooltip\";\nexport * from \"./Typography\";\nexport * from \"./useUniqueId\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,cAAc,QAAQ,YAAY;AAEtD,SACEC,WAAW,EAEXC,WAAW,EAEXC,iBAAiB,EAEjBC,OAAO,EAEPC,cAAc,EAEdC,SAAS,EAETC,YAAY,EAEZC,YAAY,EAEZC,aAAa,EAEbC,QAAQ,EAERC,KAAK,EAELC,iBAAiB,EACjBC,aAAa,QACR,eAAe;AAAC,SAiBdC,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":["deepmerge","visuallyHidden","createTheme","CssBaseline","DialogContentText","Divider","InputAdornment","InputBase","ListItemIcon","ListItemText","ListSubheader","MenuList","Paper","ScopedCssBaseline","ThemeProvider","useOdysseyDesignTokens","odysseyTranslate"],"sources":["../src/index.ts"],"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\nexport { deepmerge, visuallyHidden } from \"@mui/utils\";\n\nexport {\n  createTheme,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  CssBaseline,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  DialogContentText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Divider,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputAdornment,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  InputBase,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemIcon,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListItemText,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ListSubheader,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  MenuList,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  Paper,\n  /** @deprecated Will be removed in a future Odyssey version in lieu of a wrapped version. */\n  ScopedCssBaseline,\n  ThemeProvider,\n} from \"@mui/material\";\n\nexport type {\n  CssBaselineProps,\n  DialogContentTextProps,\n  DividerProps,\n  InputAdornmentProps,\n  InputBaseProps,\n  ListItemIconProps,\n  ListItemTextProps,\n  ListSubheaderProps,\n  MenuListProps,\n  PaperProps,\n  ScopedCssBaselineProps,\n  ThemeOptions,\n} from \"@mui/material\";\n\nexport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext\";\n\nexport * from \"./Autocomplete\";\nexport * from \"./Banner\";\nexport * from \"./Box\";\nexport * from \"./Button\";\nexport * from \"./Callout\";\nexport * from \"./Checkbox\";\nexport * from \"./CheckboxGroup\";\nexport * from \"./CircularProgress\";\nexport * from \"./createUniqueId\";\nexport * from \"./Dialog\";\nexport * from \"./Fieldset\";\nexport * from \"./Form\";\nexport * from \"./Link\";\nexport * from \"./MenuButton\";\nexport * from \"./MenuItem\";\nexport * from \"./NativeSelect\";\nexport * from \"./NullElement\";\nexport * from \"./OdysseyCacheProvider\";\nexport { odysseyTranslate } from \"./i18n\";\nexport * from \"./OdysseyProvider\";\nexport * from \"./OdysseyThemeProvider\";\nexport * from \"./OdysseyTranslationProvider\";\nexport * from \"./PasswordField\";\nexport * from \"./Radio\";\nexport * from \"./RadioGroup\";\nexport * from \"./ScreenReaderText\";\nexport * from \"./SearchField\";\nexport * from \"./Select\";\nexport * from \"./Status\";\nexport * from \"./Tabs\";\nexport * from \"./Tag\";\nexport * from \"./TagList\";\nexport * from \"./TextField\";\nexport * from \"./theme\";\nexport * from \"./Toast\";\nexport * from \"./ToastStack\";\nexport * from \"./Tooltip\";\nexport * from \"./Typography\";\nexport * from \"./useUniqueId\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,SAAS,EAAEC,cAAc,QAAQ,YAAY;AAEtD,SACEC,WAAW,EAEXC,WAAW,EAEXC,iBAAiB,EAEjBC,OAAO,EAEPC,cAAc,EAEdC,SAAS,EAETC,YAAY,EAEZC,YAAY,EAEZC,aAAa,EAEbC,QAAQ,EAERC,KAAK,EAELC,iBAAiB,EACjBC,aAAa,QACR,eAAe;AAAC,SAiBdC,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SAoBtBC,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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"