@okta/odyssey-react-mui 0.22.0 → 0.24.0

package/dist/CircularProgress.js.map

@@ -1 +1 @@
-{"version":3,"file":"CircularProgress.js","names":["CircularProgress","value"],"sources":["../src/CircularProgress.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { CircularProgress as MuiCircularProgress } from \"@mui/material\";\n\nexport type CircularProgressProps = {\n  value?: number;\n};\n\nexport const CircularProgress = ({ value }: CircularProgressProps) => (\n  <MuiCircularProgress\n    value={value}\n    variant={value ? \"determinate\" : \"indeterminate\"}\n  />\n);\n"],"mappings":";;AAkBA,OAAO,MAAMA,gBAAgB,GAAG;EAAA,IAAC;IAAEC;EAAF,CAAD;EAAA,OAC9B;IACE,KAAK,EAAEA,KADT;IAEE,OAAO,EAAEA,KAAK,GAAG,aAAH,GAAmB;EAFnC,EAD8B;AAAA,CAAzB"}
+{"version":3,"file":"CircularProgress.js","names":["jsx","_jsx","CircularProgress","_ref","value","_CircularProgress","variant"],"sources":["../src/CircularProgress.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { CircularProgress as MuiCircularProgress } from \"@mui/material\";\n\nexport type CircularProgressProps = {\n  value?: number;\n};\n\nexport const CircularProgress = ({ value }: CircularProgressProps) => (\n  <MuiCircularProgress\n    value={value}\n    variant={value ? \"determinate\" : \"indeterminate\"}\n  />\n);\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAAAA,GAAA,IAAAC,IAAA;AAkBA,OAAO,MAAMC,gBAAgB,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAA6B,CAAC,GAAAD,IAAA;EAAA,OAC/DF,IAAA,CAAAI,iBAAA;IACED,KAAK,EAAEA,KAAM;IACbE,OAAO,EAAEF,KAAK,GAAG,aAAa,GAAG;EAAgB,CAClD,CAAC;AAAA,CACH"}

package/dist/Dialog.js

@@ -0,0 +1,72 @@
+import _Dialog from "@mui/material/Dialog";
+import _DialogActions from "@mui/material/DialogActions";
+import _DialogContent from "@mui/material/DialogContent";
+import _DialogTitle from "@mui/material/DialogTitle";
+import _DialogContentText from "@mui/material/DialogContentText";
+/*!
+ * Copyright (c) 2022-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.
+ */
+import { Button, CloseIcon } from "./index.js";
+import { memo, useState, useEffect, useRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Dialog = _ref => {
+  let {
+    callToActionPrimaryComponent,
+    callToActionSecondaryComponent,
+    callToActionTertiaryComponent,
+    children,
+    isOpen,
+    onClose,
+    title
+  } = _ref;
+  const [isContentScrollable, setIsContentScrollable] = useState(false);
+  const dialogContentRef = useRef(null);
+  useEffect(() => {
+    let frameId;
+    const handleContentScroll = () => {
+      const dialogContentElement = dialogContentRef.current;
+      if (dialogContentElement) {
+        setIsContentScrollable(dialogContentElement.scrollHeight > dialogContentElement.clientHeight);
+      }
+      frameId = requestAnimationFrame(handleContentScroll);
+    };
+    if (isOpen) {
+      frameId = requestAnimationFrame(handleContentScroll);
+    }
+    return () => {
+      cancelAnimationFrame(frameId);
+    };
+  }, [isOpen]);
+  const content = typeof children === "string" ? _jsx(_DialogContentText, {
+    children: children
+  }) : children;
+  return _jsxs(_Dialog, {
+    open: isOpen,
+    onClose: onClose,
+    children: [_jsxs(_DialogTitle, {
+      children: [title, _jsx(Button, {
+        variant: "floating",
+        onClick: onClose,
+        startIcon: _jsx(CloseIcon, {})
+      })]
+    }), _jsx(_DialogContent, {
+      dividers: isContentScrollable,
+      ref: dialogContentRef,
+      children: content
+    }), (callToActionPrimaryComponent || callToActionSecondaryComponent || callToActionTertiaryComponent) && _jsxs(_DialogActions, {
+      children: [callToActionTertiaryComponent, callToActionSecondaryComponent, callToActionPrimaryComponent]
+    })]
+  });
+};
+const MemoizedDialog = memo(Dialog);
+export { MemoizedDialog as Dialog };
+//# sourceMappingURL=Dialog.js.map

package/dist/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["Button","CloseIcon","memo","useState","useEffect","useRef","jsx","_jsx","jsxs","_jsxs","Dialog","_ref","callToActionPrimaryComponent","callToActionSecondaryComponent","callToActionTertiaryComponent","children","isOpen","onClose","title","isContentScrollable","setIsContentScrollable","dialogContentRef","frameId","handleContentScroll","dialogContentElement","current","scrollHeight","clientHeight","requestAnimationFrame","cancelAnimationFrame","content","_DialogContentText","_Dialog","open","_DialogTitle","variant","onClick","startIcon","_DialogContent","dividers","ref","_DialogActions","MemoizedDialog"],"sources":["../src/Dialog.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 { Dialog as MuiDialog } from \"@mui/material\";\nimport {\n  DialogTitle,\n  DialogContent,\n  DialogContentText,\n  DialogActions,\n} from \"@mui/material\";\nimport { Button, CloseIcon } from \"./\";\nimport {\n  memo,\n  ReactNode,\n  useState,\n  useEffect,\n  useRef,\n  ReactElement,\n} from \"react\";\n\nexport type DialogProps = {\n  callToActionPrimaryComponent?: ReactElement<typeof Button>;\n  callToActionSecondaryComponent?: ReactElement<typeof Button>;\n  callToActionTertiaryComponent?: ReactElement<typeof Button>;\n  children: ReactNode | Array<ReactNode>;\n  onClose: () => void;\n  isOpen: boolean;\n  title: string;\n};\n\nconst Dialog = ({\n  callToActionPrimaryComponent,\n  callToActionSecondaryComponent,\n  callToActionTertiaryComponent,\n  children,\n  isOpen,\n  onClose,\n  title,\n}: DialogProps) => {\n  const [isContentScrollable, setIsContentScrollable] = useState(false);\n  const dialogContentRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    let frameId: number;\n\n    const handleContentScroll = () => {\n      const dialogContentElement = dialogContentRef.current;\n      if (dialogContentElement) {\n        setIsContentScrollable(\n          dialogContentElement.scrollHeight > dialogContentElement.clientHeight\n        );\n      }\n      frameId = requestAnimationFrame(handleContentScroll);\n    };\n\n    if (isOpen) {\n      frameId = requestAnimationFrame(handleContentScroll);\n    }\n\n    return () => {\n      cancelAnimationFrame(frameId);\n    };\n  }, [isOpen]);\n\n  const content =\n    typeof children === \"string\" ? (\n      <DialogContentText>{children}</DialogContentText>\n    ) : (\n      children\n    );\n\n  return (\n    <MuiDialog open={isOpen} onClose={onClose}>\n      <DialogTitle>\n        {title}\n        <Button\n          variant=\"floating\"\n          onClick={onClose}\n          startIcon={<CloseIcon />}\n        />\n      </DialogTitle>\n      <DialogContent dividers={isContentScrollable} ref={dialogContentRef}>\n        {content}\n      </DialogContent>\n\n      {(callToActionPrimaryComponent ||\n        callToActionSecondaryComponent ||\n        callToActionTertiaryComponent) && (\n        <DialogActions>\n          {callToActionTertiaryComponent}\n          {callToActionSecondaryComponent}\n          {callToActionPrimaryComponent}\n        </DialogActions>\n      )}\n    </MuiDialog>\n  );\n};\n\nconst MemoizedDialog = memo(Dialog);\n\nexport { MemoizedDialog as Dialog };\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAmBSA,MAAM,EAAEC,SAAS;AAC1B,SACEC,IAAI,EAEJC,QAAQ,EACRC,SAAS,EACTC,MAAM,QAED,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAYf,MAAMC,MAAM,GAAGC,IAAA,IAQI;EAAA,IARH;IACdC,4BAA4B;IAC5BC,8BAA8B;IAC9BC,6BAA6B;IAC7BC,QAAQ;IACRC,MAAM;IACNC,OAAO;IACPC;EACW,CAAC,GAAAP,IAAA;EACZ,MAAM,CAACQ,mBAAmB,EAAEC,sBAAsB,CAAC,GAAGjB,QAAQ,CAAC,KAAK,CAAC;EACrE,MAAMkB,gBAAgB,GAAGhB,MAAM,CAAiB,IAAI,CAAC;EAErDD,SAAS,CAAC,MAAM;IACd,IAAIkB,OAAe;IAEnB,MAAMC,mBAAmB,GAAGA,CAAA,KAAM;MAChC,MAAMC,oBAAoB,GAAGH,gBAAgB,CAACI,OAAO;MACrD,IAAID,oBAAoB,EAAE;QACxBJ,sBAAsB,CACpBI,oBAAoB,CAACE,YAAY,GAAGF,oBAAoB,CAACG,YAC3D,CAAC;MACH;MACAL,OAAO,GAAGM,qBAAqB,CAACL,mBAAmB,CAAC;IACtD,CAAC;IAED,IAAIP,MAAM,EAAE;MACVM,OAAO,GAAGM,qBAAqB,CAACL,mBAAmB,CAAC;IACtD;IAEA,OAAO,MAAM;MACXM,oBAAoB,CAACP,OAAO,CAAC;IAC/B,CAAC;EACH,CAAC,EAAE,CAACN,MAAM,CAAC,CAAC;EAEZ,MAAMc,OAAO,GACX,OAAOf,QAAQ,KAAK,QAAQ,GAC1BR,IAAA,CAAAwB,kBAAA;IAAAhB,QAAA,EAAoBA;EAAQ,CAAoB,CAAC,GAEjDA,QACD;EAEH,OACEN,KAAA,CAAAuB,OAAA;IAAWC,IAAI,EAAEjB,MAAO;IAACC,OAAO,EAAEA,OAAQ;IAAAF,QAAA,GACxCN,KAAA,CAAAyB,YAAA;MAAAnB,QAAA,GACGG,KAAK,EACNX,IAAA,CAACP,MAAM;QACLmC,OAAO,EAAC,UAAU;QAClBC,OAAO,EAAEnB,OAAQ;QACjBoB,SAAS,EAAE9B,IAAA,CAACN,SAAS,IAAE;MAAE,CAC1B,CAAC;IAAA,CACS,CAAC,EACdM,IAAA,CAAA+B,cAAA;MAAeC,QAAQ,EAAEpB,mBAAoB;MAACqB,GAAG,EAAEnB,gBAAiB;MAAAN,QAAA,EACjEe;IAAO,CACK,CAAC,EAEf,CAAClB,4BAA4B,IAC5BC,8BAA8B,IAC9BC,6BAA6B,KAC7BL,KAAA,CAAAgC,cAAA;MAAA1B,QAAA,GACGD,6BAA6B,EAC7BD,8BAA8B,EAC9BD,4BAA4B;IAAA,CAChB,CAChB;EAAA,CACQ,CAAC;AAEhB,CAAC;AAED,MAAM8B,cAAc,GAAGxC,IAAI,CAACQ,MAAM,CAAC;AAEnC,SAASgC,cAAc,IAAIhC,MAAM"}

package/dist/Field.js

@@ -1,3 +1,6 @@
+import _FormControl from "@mui/material/FormControl";
+import _FormLabel from "@mui/material/FormLabel";
+import _Typography from "@mui/material/Typography";
 /*!
  * Copyright (c) 2022-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.")
@@ -9,37 +12,53 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo, useMemo } from "react";
-import { FieldError, FieldHint, FieldLabel, FormControl, useUniqueId } from "./index.js";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { FieldError } from "./FieldError.js";
+import { FieldHint } from "./FieldHint.js";
+import { FieldLabel } from "./FieldLabel.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { useTranslation } from "react-i18next";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
+import { jsx as _jsx } from "react/jsx-runtime";
 const Field = _ref => {
   let {
     errorMessage,
+    fieldType,
     hasVisibleLabel,
     hint,
     id: idOverride,
     isDisabled = false,
-    isRequired = true,
+    isRadioGroup = false,
+    isOptional = false,
     label,
-    optionalLabel,
     renderFieldComponent
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   const id = useUniqueId(idOverride);
   const hintId = hint ? `${id}-hint` : undefined;
   const errorId = errorMessage ? `${id}-error` : undefined;
   const labelId = `${id}-label`;
   const ariaDescribedBy = useMemo(() => [hintId, errorId].join(" ").trim() || undefined, [errorId, hintId]);
-  return _jsxs(FormControl, {
+  return _jsxs(_FormControl, {
+    component: fieldType === "group" ? "fieldset" : "div",
     disabled: isDisabled,
     error: Boolean(errorMessage),
-    children: [_jsx(FieldLabel, {
+    role: isRadioGroup ? "radiogroup" : undefined,
+    children: [fieldType === "group" ? _jsxs(_FormLabel, {
+      component: "legend",
+      children: [label, " ", isOptional && label && _jsxs(_Typography, {
+        component: "span",
+        color: "textSecondary",
+        children: ["(", t("fieldlabel.optional.text"), ")"]
+      })]
+    }) : _jsx(FieldLabel, {
       hasVisibleLabel: hasVisibleLabel,
       id: labelId,
       inputId: id,
-      isRequired: isRequired,
-      optionalText: optionalLabel,
+      isOptional: isOptional,
       text: label
     }), hint && _jsx(FieldHint, {
       id: hintId,
@@ -53,7 +72,6 @@ const Field = _ref => {
     })]
   });
 };
-
 const MemoizedField = memo(Field);
 export { MemoizedField as Field };
 //# sourceMappingURL=Field.js.map

package/dist/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","FormControl","useUniqueId","Field","errorMessage","hasVisibleLabel","hint","id","idOverride","isDisabled","isRequired","label","optionalLabel","renderFieldComponent","hintId","undefined","errorId","labelId","ariaDescribedBy","join","trim","Boolean","MemoizedField"],"sources":["../src/Field.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport {\n  FieldError,\n  FieldHint,\n  FieldLabel,\n  FormControl,\n  useUniqueId,\n} from \"./\";\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessage?: string;\n  hasVisibleLabel: boolean;\n  /**\n   * The helper text content.\n   */\n  hint?: string;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the `input` element is required.\n   */\n  isRequired?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The label for the `input` element if the it's not optional\n   */\n  optionalLabel?: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  renderFieldComponent: ({\n    ariaDescribedBy,\n    id,\n  }: {\n    ariaDescribedBy?: string;\n    id: string;\n  }) => ReactElement;\n};\n\nconst Field = ({\n  errorMessage,\n  hasVisibleLabel,\n  hint,\n  id: idOverride,\n  isDisabled = false,\n  isRequired = true,\n  label,\n  optionalLabel,\n  renderFieldComponent,\n}: FieldProps) => {\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorId = errorMessage ? `${id}-error` : undefined;\n  const labelId = `${id}-label`;\n\n  const ariaDescribedBy = useMemo(\n    () => [hintId, errorId].join(\" \").trim() || undefined,\n    [errorId, hintId]\n  );\n\n  return (\n    <FormControl disabled={isDisabled} error={Boolean(errorMessage)}>\n      <FieldLabel\n        hasVisibleLabel={hasVisibleLabel}\n        id={labelId}\n        inputId={id}\n        isRequired={isRequired}\n        optionalText={optionalLabel}\n        text={label}\n      />\n\n      {hint && <FieldHint id={hintId} text={hint} />}\n\n      {renderFieldComponent({\n        ariaDescribedBy,\n        id,\n      })}\n\n      {errorMessage && <FieldError id={errorId} text={errorMessage} />}\n    </FormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\n\nexport { MemoizedField as Field };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,EAA6BC,OAA7B,QAA4C,OAA5C;SAGEC,U,EACAC,S,EACAC,U,EACAC,W,EACAC,W;;;;AA8CF,MAAMC,KAAK,GAAG,QAUI;EAAA,IAVH;IACbC,YADa;IAEbC,eAFa;IAGbC,IAHa;IAIbC,EAAE,EAAEC,UAJS;IAKbC,UAAU,GAAG,KALA;IAMbC,UAAU,GAAG,IANA;IAObC,KAPa;IAQbC,aARa;IASbC;EATa,CAUG;EAChB,MAAMN,EAAE,GAAGL,WAAW,CAACM,UAAD,CAAtB;EACA,MAAMM,MAAM,GAAGR,IAAI,GAAI,GAAEC,EAAG,OAAT,GAAkBQ,SAArC;EACA,MAAMC,OAAO,GAAGZ,YAAY,GAAI,GAAEG,EAAG,QAAT,GAAmBQ,SAA/C;EACA,MAAME,OAAO,GAAI,GAAEV,EAAG,QAAtB;EAEA,MAAMW,eAAe,GAAGrB,OAAO,CAC7B,MAAM,CAACiB,MAAD,EAASE,OAAT,EAAkBG,IAAlB,CAAuB,GAAvB,EAA4BC,IAA5B,MAAsCL,SADf,EAE7B,CAACC,OAAD,EAAUF,MAAV,CAF6B,CAA/B;EAKA,OACE,MAAC,WAAD;IAAa,QAAQ,EAAEL,UAAvB;IAAmC,KAAK,EAAEY,OAAO,CAACjB,YAAD,CAAjD;IAAA,WACE,KAAC,UAAD;MACE,eAAe,EAAEC,eADnB;MAEE,EAAE,EAAEY,OAFN;MAGE,OAAO,EAAEV,EAHX;MAIE,UAAU,EAAEG,UAJd;MAKE,YAAY,EAAEE,aALhB;MAME,IAAI,EAAED;IANR,EADF,EAUGL,IAAI,IAAI,KAAC,SAAD;MAAW,EAAE,EAAEQ,MAAf;MAAuB,IAAI,EAAER;IAA7B,EAVX,EAYGO,oBAAoB,CAAC;MACpBK,eADoB;MAEpBX;IAFoB,CAAD,CAZvB,EAiBGH,YAAY,IAAI,KAAC,UAAD;MAAY,EAAE,EAAEY,OAAhB;MAAyB,IAAI,EAAEZ;IAA/B,EAjBnB;EAAA,EADF;AAqBD,CA1CD;;AA4CA,MAAMkB,aAAa,GAAG1B,IAAI,CAACO,KAAD,CAA1B;AAEA,SAASmB,aAAa,IAAInB,KAA1B"}
+{"version":3,"file":"Field.js","names":["memo","useMemo","FieldError","FieldHint","FieldLabel","useUniqueId","useTranslation","jsxs","_jsxs","jsx","_jsx","Field","_ref","errorMessage","fieldType","hasVisibleLabel","hint","id","idOverride","isDisabled","isRadioGroup","isOptional","label","renderFieldComponent","t","hintId","undefined","errorId","labelId","ariaDescribedBy","join","trim","_FormControl","component","disabled","error","Boolean","role","children","_FormLabel","_Typography","color","inputId","text","MemoizedField"],"sources":["../src/Field.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport {\n  FormControl as MuiFormControl,\n  FormLabel as MuiFormLabel,\n  Typography,\n} from \"@mui/material\";\nimport { FieldError } from \"./FieldError\";\nimport { FieldHint } from \"./FieldHint\";\nimport { FieldLabel } from \"./FieldLabel\";\nimport { useUniqueId } from \"./useUniqueId\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type FieldProps = {\n  /**\n   * If `error` is not undefined, the `input` will indicate an error.\n   */\n  errorMessage?: string;\n  /**\n   * The field type determines how ARIA components are setup. It's important to use this to denote if you expect only one component (like a text field) or multiple (like a radio group).\n   */\n  fieldType: \"single\" | \"group\";\n  hasVisibleLabel: boolean;\n  /**\n   * The helper text content.\n   */\n  hint?: string;\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n  /**\n   * Important for narrowing down the `fieldset` role to \"radiogroup\".\n   */\n  isRadioGroup?: boolean;\n  /**\n   * Important for determining if children inherit error state\n   */\n  isCheckboxGroup?: boolean;\n  /**\n   * If `true`, the component is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the `input` element is not required.\n   */\n  isOptional?: boolean;\n  /**\n   * The label for the `input` element.\n   */\n  label: string;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * Render-props function that sends back ARIA props to your field component.\n   */\n  renderFieldComponent: ({\n    ariaDescribedBy,\n    id,\n  }: {\n    ariaDescribedBy?: string;\n    id: string;\n  }) => ReactElement;\n};\n\nconst Field = ({\n  errorMessage,\n  fieldType,\n  hasVisibleLabel,\n  hint,\n  id: idOverride,\n  isDisabled = false,\n  isRadioGroup = false,\n  isOptional = false,\n  label,\n  renderFieldComponent,\n}: FieldProps) => {\n  const { t } = useTranslation();\n\n  const id = useUniqueId(idOverride);\n  const hintId = hint ? `${id}-hint` : undefined;\n  const errorId = errorMessage ? `${id}-error` : undefined;\n  const labelId = `${id}-label`;\n\n  const ariaDescribedBy = useMemo(\n    () => [hintId, errorId].join(\" \").trim() || undefined,\n    [errorId, hintId]\n  );\n\n  return (\n    <MuiFormControl\n      component={fieldType === \"group\" ? \"fieldset\" : \"div\"}\n      disabled={isDisabled}\n      error={Boolean(errorMessage)}\n      role={isRadioGroup ? \"radiogroup\" : undefined}\n    >\n      {fieldType === \"group\" ? (\n        <MuiFormLabel component=\"legend\">\n          {label}{\" \"}\n          {isOptional && label && (\n            <Typography component=\"span\" color=\"textSecondary\">\n              ({t(\"fieldlabel.optional.text\")})\n            </Typography>\n          )}\n        </MuiFormLabel>\n      ) : (\n        <FieldLabel\n          hasVisibleLabel={hasVisibleLabel}\n          id={labelId}\n          inputId={id}\n          isOptional={isOptional}\n          text={label}\n        />\n      )}\n\n      {hint && <FieldHint id={hintId} text={hint} />}\n\n      {renderFieldComponent({\n        ariaDescribedBy,\n        id,\n      })}\n\n      {errorMessage && <FieldError id={errorId} text={errorMessage} />}\n    </MuiFormControl>\n  );\n};\n\nconst MemoizedField = memo(Field);\n\nexport { MemoizedField as Field };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAAC,SAO3CC,UAAU;AAAA,SACVC,SAAS;AAAA,SACTC,UAAU;AAAA,SACVC,WAAW;AACpB,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,IAAA,IAAAC,KAAA;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAwD/C,MAAMC,KAAK,GAAGC,IAAA,IAWI;EAAA,IAXH;IACbC,YAAY;IACZC,SAAS;IACTC,eAAe;IACfC,IAAI;IACJC,EAAE,EAAEC,UAAU;IACdC,UAAU,GAAG,KAAK;IAClBC,YAAY,GAAG,KAAK;IACpBC,UAAU,GAAG,KAAK;IAClBC,KAAK;IACLC;EACU,CAAC,GAAAX,IAAA;EACX,MAAM;IAAEY;EAAE,CAAC,GAAGlB,cAAc,CAAC,CAAC;EAE9B,MAAMW,EAAE,GAAGZ,WAAW,CAACa,UAAU,CAAC;EAClC,MAAMO,MAAM,GAAGT,IAAI,GAAI,GAAEC,EAAG,OAAM,GAAGS,SAAS;EAC9C,MAAMC,OAAO,GAAGd,YAAY,GAAI,GAAEI,EAAG,QAAO,GAAGS,SAAS;EACxD,MAAME,OAAO,GAAI,GAAEX,EAAG,QAAO;EAE7B,MAAMY,eAAe,GAAG5B,OAAO,CAC7B,MAAM,CAACwB,MAAM,EAAEE,OAAO,CAAC,CAACG,IAAI,CAAC,GAAG,CAAC,CAACC,IAAI,CAAC,CAAC,IAAIL,SAAS,EACrD,CAACC,OAAO,EAAEF,MAAM,CAClB,CAAC;EAED,OACEjB,KAAA,CAAAwB,YAAA;IACEC,SAAS,EAAEnB,SAAS,KAAK,OAAO,GAAG,UAAU,GAAG,KAAM;IACtDoB,QAAQ,EAAEf,UAAW;IACrBgB,KAAK,EAAEC,OAAO,CAACvB,YAAY,CAAE;IAC7BwB,IAAI,EAAEjB,YAAY,GAAG,YAAY,GAAGM,SAAU;IAAAY,QAAA,GAE7CxB,SAAS,KAAK,OAAO,GACpBN,KAAA,CAAA+B,UAAA;MAAcN,SAAS,EAAC,QAAQ;MAAAK,QAAA,GAC7BhB,KAAK,EAAE,GAAG,EACVD,UAAU,IAAIC,KAAK,IAClBd,KAAA,CAAAgC,WAAA;QAAYP,SAAS,EAAC,MAAM;QAACQ,KAAK,EAAC,eAAe;QAAAH,QAAA,GAAC,GAChD,EAACd,CAAC,CAAC,0BAA0B,CAAC,EAAC,GAClC;MAAA,CAAY,CACb;IAAA,CACW,CAAC,GAEfd,IAAA,CAACN,UAAU;MACTW,eAAe,EAAEA,eAAgB;MACjCE,EAAE,EAAEW,OAAQ;MACZc,OAAO,EAAEzB,EAAG;MACZI,UAAU,EAAEA,UAAW;MACvBsB,IAAI,EAAErB;IAAM,CACb,CACF,EAEAN,IAAI,IAAIN,IAAA,CAACP,SAAS;MAACc,EAAE,EAAEQ,MAAO;MAACkB,IAAI,EAAE3B;IAAK,CAAE,CAAC,EAE7CO,oBAAoB,CAAC;MACpBM,eAAe;MACfZ;IACF,CAAC,CAAC,EAEDJ,YAAY,IAAIH,IAAA,CAACR,UAAU;MAACe,EAAE,EAAEU,OAAQ;MAACgB,IAAI,EAAE9B;IAAa,CAAE,CAAC;EAAA,CAClD,CAAC;AAErB,CAAC;AAED,MAAM+B,aAAa,GAAG5C,IAAI,CAACW,KAAK,CAAC;AAEjC,SAASiC,aAAa,IAAIjC,KAAK"}

package/dist/FieldError.js

@@ -9,26 +9,29 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo } from "react";
 import { FormHelperText } from "./index.js";
 import { ScreenReaderText } from "./ScreenReaderText.js";
+import { useTranslation } from "react-i18next";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const FieldError = _ref => {
   let {
     id,
     text
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   return _jsxs(FormHelperText, {
     error: true,
     id: id,
     children: [_jsx(ScreenReaderText, {
-      children: "Error:"
+      children: `${t("fielderror.screenreader.text")}:`
     }), text]
   });
 };
-
 const MemoizedFieldError = memo(FieldError);
 export { MemoizedFieldError as FieldError };
 //# sourceMappingURL=FieldError.js.map

package/dist/FieldError.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldError.js","names":["memo","FormHelperText","ScreenReaderText","FieldError","id","text","MemoizedFieldError"],"sources":["../src/FieldError.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 { memo } from \"react\";\n\nimport { FormHelperText } from \".\";\nimport { ScreenReaderText } from \"./ScreenReaderText\";\n\nexport type FieldErrorProps = {\n  id?: string;\n  text: string;\n};\n\nconst FieldError = ({ id, text }: FieldErrorProps) => {\n  return (\n    <FormHelperText error id={id}>\n      <ScreenReaderText>Error:</ScreenReaderText>\n      {text}\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldError = memo(FieldError);\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,QAAqB,OAArB;SAESC,c;SACAC,gB;;;;AAOT,MAAMC,UAAU,GAAG,QAAmC;EAAA,IAAlC;IAAEC,EAAF;IAAMC;EAAN,CAAkC;EACpD,OACE,MAAC,cAAD;IAAgB,KAAK,MAArB;IAAsB,EAAE,EAAED,EAA1B;IAAA,WACE,KAAC,gBAAD;MAAA;IAAA,EADF,EAEGC,IAFH;EAAA,EADF;AAMD,CAPD;;AASA,MAAMC,kBAAkB,GAAGN,IAAI,CAACG,UAAD,CAA/B;AAEA,SAASG,kBAAkB,IAAIH,UAA/B"}
+{"version":3,"file":"FieldError.js","names":["memo","FormHelperText","ScreenReaderText","useTranslation","jsx","_jsx","jsxs","_jsxs","FieldError","_ref","id","text","t","error","children","MemoizedFieldError"],"sources":["../src/FieldError.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 { memo } from \"react\";\n\nimport { FormHelperText } from \".\";\nimport { ScreenReaderText } from \"./ScreenReaderText\";\nimport { useTranslation } from \"react-i18next\";\n\nexport type FieldErrorProps = {\n  id?: string;\n  text: string;\n};\n\nconst FieldError = ({ id, text }: FieldErrorProps) => {\n  const { t } = useTranslation();\n\n  return (\n    <FormHelperText error id={id}>\n      <ScreenReaderText>{`${t(\n        \"fielderror.screenreader.text\"\n      )}:`}</ScreenReaderText>\n      {text}\n    </FormHelperText>\n  );\n};\n\nconst MemoizedFieldError = memo(FieldError);\n\nexport { MemoizedFieldError as FieldError };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAEpBC,cAAc;AAAA,SACdC,gBAAgB;AACzB,SAASC,cAAc,QAAQ,eAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAO/C,MAAMC,UAAU,GAAGC,IAAA,IAAmC;EAAA,IAAlC;IAAEC,EAAE;IAAEC;EAAsB,CAAC,GAAAF,IAAA;EAC/C,MAAM;IAAEG;EAAE,CAAC,GAAGT,cAAc,CAAC,CAAC;EAE9B,OACEI,KAAA,CAACN,cAAc;IAACY,KAAK;IAACH,EAAE,EAAEA,EAAG;IAAAI,QAAA,GAC3BT,IAAA,CAACH,gBAAgB;MAAAY,QAAA,EAAG,GAAEF,CAAC,CACrB,8BACF,CAAE;IAAE,CAAmB,CAAC,EACvBD,IAAI;EAAA,CACS,CAAC;AAErB,CAAC;AAED,MAAMI,kBAAkB,GAAGf,IAAI,CAACQ,UAAU,CAAC;AAE3C,SAASO,kBAAkB,IAAIP,UAAU"}

package/dist/FieldHint.js

@@ -9,10 +9,10 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo } from "react";
 import { FormHelperText } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const FieldHint = _ref => {
   let {
     id,
@@ -23,7 +23,6 @@ const FieldHint = _ref => {
     children: text
   });
 };
-
 const MemoizedFieldHint = memo(FieldHint);
 export { MemoizedFieldHint as FieldHint };
 //# sourceMappingURL=FieldHint.js.map

package/dist/FieldHint.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldHint.js","names":["memo","FormHelperText","FieldHint","id","text","MemoizedFieldHint"],"sources":["../src/FieldHint.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 { memo } from \"react\";\n\nimport { FormHelperText } from \"./\";\n\nexport type FieldHintProps = {\n  id?: string;\n  text: string;\n};\n\nconst FieldHint = ({ id, text }: FieldHintProps) => {\n  return <FormHelperText id={id}>{text}</FormHelperText>;\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,QAAqB,OAArB;SAESC,c;;;AAOT,MAAMC,SAAS,GAAG,QAAkC;EAAA,IAAjC;IAAEC,EAAF;IAAMC;EAAN,CAAiC;EAClD,OAAO,KAAC,cAAD;IAAgB,EAAE,EAAED,EAApB;IAAA,UAAyBC;EAAzB,EAAP;AACD,CAFD;;AAIA,MAAMC,iBAAiB,GAAGL,IAAI,CAACE,SAAD,CAA9B;AAEA,SAASG,iBAAiB,IAAIH,SAA9B"}
+{"version":3,"file":"FieldHint.js","names":["memo","FormHelperText","jsx","_jsx","FieldHint","_ref","id","text","children","MemoizedFieldHint"],"sources":["../src/FieldHint.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 { memo } from \"react\";\n\nimport { FormHelperText } from \"./\";\n\nexport type FieldHintProps = {\n  id?: string;\n  text: string;\n};\n\nconst FieldHint = ({ id, text }: FieldHintProps) => {\n  return <FormHelperText id={id}>{text}</FormHelperText>;\n};\n\nconst MemoizedFieldHint = memo(FieldHint);\n\nexport { MemoizedFieldHint as FieldHint };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAAC,SAEpBC,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAOvB,MAAMC,SAAS,GAAGC,IAAA,IAAkC;EAAA,IAAjC;IAAEC,EAAE;IAAEC;EAAqB,CAAC,GAAAF,IAAA;EAC7C,OAAOF,IAAA,CAACF,cAAc;IAACK,EAAE,EAAEA,EAAG;IAAAE,QAAA,EAAED;EAAI,CAAiB,CAAC;AACxD,CAAC;AAED,MAAME,iBAAiB,GAAGT,IAAI,CAACI,SAAS,CAAC;AAEzC,SAASK,iBAAiB,IAAIL,SAAS"}

package/dist/FieldLabel.js

@@ -1,32 +1,44 @@
 import _InputLabel from "@mui/material/InputLabel";
+/*!
+ * 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.
+ */
 import { memo, useMemo } from "react";
+import { useTranslation } from "react-i18next";
 import { ScreenReaderText } from "./ScreenReaderText.js";
 import { Typography } from "./index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const FieldLabel = _ref => {
   let {
     hasVisibleLabel,
     id,
     inputId,
-    isRequired,
-    optionalText,
+    isOptional,
     text
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   const inputLabel = useMemo(() => _jsxs(_InputLabel, {
     htmlFor: inputId,
     id: id,
-    children: [text, !isRequired && _jsx(Typography, {
+    children: [text, isOptional && _jsx(Typography, {
       variant: "subtitle1",
-      children: optionalText
+      children: t("fieldlabel.optional.text")
     })]
-  }), [id, inputId, isRequired, optionalText, text]);
+  }), [id, inputId, isOptional, text, t]);
   return hasVisibleLabel ? inputLabel : _jsx(ScreenReaderText, {
     children: inputLabel
   });
 };
-
 const MemoizedFieldLabel = memo(FieldLabel);
 export { MemoizedFieldLabel as FieldLabel };
 //# sourceMappingURL=FieldLabel.js.map

package/dist/FieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldLabel.js","names":["memo","useMemo","ScreenReaderText","Typography","FieldLabel","hasVisibleLabel","id","inputId","isRequired","optionalText","text","inputLabel","MemoizedFieldLabel"],"sources":["../src/FieldLabel.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 { InputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { ScreenReaderText } from \"./ScreenReaderText\";\nimport { Typography } from \".\";\n\nexport type FieldLabelProps = {\n  hasVisibleLabel: boolean;\n  id: string;\n  inputId: string;\n  isRequired: boolean;\n  optionalText?: string;\n  text: string;\n};\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isRequired,\n  optionalText,\n  text,\n}: FieldLabelProps) => {\n  const inputLabel = useMemo(\n    () => (\n      <InputLabel htmlFor={inputId} id={id}>\n        {text}\n        {!isRequired && (\n          <Typography variant=\"subtitle1\">{optionalText}</Typography>\n        )}\n      </InputLabel>\n    ),\n    [id, inputId, isRequired, optionalText, text]\n  );\n\n  return hasVisibleLabel ? (\n    inputLabel\n  ) : (\n    <ScreenReaderText>{inputLabel}</ScreenReaderText>\n  );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";AAaA,SAASA,IAAT,EAAeC,OAAf,QAA8B,OAA9B;SAESC,gB;SACAC,U;;;;AAWT,MAAMC,UAAU,GAAG,QAOI;EAAA,IAPH;IAClBC,eADkB;IAElBC,EAFkB;IAGlBC,OAHkB;IAIlBC,UAJkB;IAKlBC,YALkB;IAMlBC;EANkB,CAOG;EACrB,MAAMC,UAAU,GAAGV,OAAO,CACxB,MACE;IAAY,OAAO,EAAEM,OAArB;IAA8B,EAAE,EAAED,EAAlC;IAAA,WACGI,IADH,EAEG,CAACF,UAAD,IACC,KAAC,UAAD;MAAY,OAAO,EAAC,WAApB;MAAA,UAAiCC;IAAjC,EAHJ;EAAA,EAFsB,EASxB,CAACH,EAAD,EAAKC,OAAL,EAAcC,UAAd,EAA0BC,YAA1B,EAAwCC,IAAxC,CATwB,CAA1B;EAYA,OAAOL,eAAe,GACpBM,UADoB,GAGpB,KAAC,gBAAD;IAAA,UAAmBA;EAAnB,EAHF;AAKD,CAzBD;;AA2BA,MAAMC,kBAAkB,GAAGZ,IAAI,CAACI,UAAD,CAA/B;AAEA,SAASQ,kBAAkB,IAAIR,UAA/B"}
+{"version":3,"file":"FieldLabel.js","names":["memo","useMemo","useTranslation","ScreenReaderText","Typography","jsx","_jsx","jsxs","_jsxs","FieldLabel","_ref","hasVisibleLabel","id","inputId","isOptional","text","t","inputLabel","_InputLabel","htmlFor","children","variant","MemoizedFieldLabel"],"sources":["../src/FieldLabel.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 { InputLabel as MuiInputLabel } from \"@mui/material\";\nimport { memo, useMemo } from \"react\";\n\nimport { useTranslation } from \"react-i18next\";\nimport { ScreenReaderText } from \"./ScreenReaderText\";\nimport { Typography } from \".\";\n\nexport type FieldLabelProps = {\n  hasVisibleLabel: boolean;\n  id: string;\n  inputId: string;\n  isOptional: boolean;\n  text: string;\n};\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isOptional,\n  text,\n}: FieldLabelProps) => {\n  const { t } = useTranslation();\n\n  const inputLabel = useMemo(\n    () => (\n      <MuiInputLabel htmlFor={inputId} id={id}>\n        {text}\n        {isOptional && (\n          <Typography variant=\"subtitle1\">\n            {t(\"fieldlabel.optional.text\")}\n          </Typography>\n        )}\n      </MuiInputLabel>\n    ),\n    [id, inputId, isOptional, text, t]\n  );\n\n  return hasVisibleLabel ? (\n    inputLabel\n  ) : (\n    <ScreenReaderText>{inputLabel}</ScreenReaderText>\n  );\n};\n\nconst MemoizedFieldLabel = memo(FieldLabel);\n\nexport { MemoizedFieldLabel as FieldLabel };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,SAASA,IAAI,EAAEC,OAAO,QAAQ,OAAO;AAErC,SAASC,cAAc,QAAQ,eAAe;AAAC,SACtCC,gBAAgB;AAAA,SAChBC,UAAU;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAUnB,MAAMC,UAAU,GAAGC,IAAA,IAMI;EAAA,IANH;IAClBC,eAAe;IACfC,EAAE;IACFC,OAAO;IACPC,UAAU;IACVC;EACe,CAAC,GAAAL,IAAA;EAChB,MAAM;IAAEM;EAAE,CAAC,GAAGd,cAAc,CAAC,CAAC;EAE9B,MAAMe,UAAU,GAAGhB,OAAO,CACxB,MACEO,KAAA,CAAAU,WAAA;IAAeC,OAAO,EAAEN,OAAQ;IAACD,EAAE,EAAEA,EAAG;IAAAQ,QAAA,GACrCL,IAAI,EACJD,UAAU,IACTR,IAAA,CAACF,UAAU;MAACiB,OAAO,EAAC,WAAW;MAAAD,QAAA,EAC5BJ,CAAC,CAAC,0BAA0B;IAAC,CACpB,CACb;EAAA,CACY,CAChB,EACD,CAACJ,EAAE,EAAEC,OAAO,EAAEC,UAAU,EAAEC,IAAI,EAAEC,CAAC,CACnC,CAAC;EAED,OAAOL,eAAe,GACpBM,UAAU,GAEVX,IAAA,CAACH,gBAAgB;IAAAiB,QAAA,EAAEH;EAAU,CAAmB,CACjD;AACH,CAAC;AAED,MAAMK,kBAAkB,GAAGtB,IAAI,CAACS,UAAU,CAAC;AAE3C,SAASa,kBAAkB,IAAIb,UAAU"}

package/dist/Fieldset.js

@@ -0,0 +1,55 @@
+/*!
+ * Copyright (c) 2022-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.
+ */
+
+import { memo } from "react";
+import { Box, Typography } from "./index.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Fieldset = _ref => {
+  let {
+    alert,
+    children,
+    description,
+    legend,
+    name,
+    id: idOverride
+  } = _ref;
+  const id = useUniqueId(idOverride);
+  return _jsxs(Box, {
+    component: "fieldset",
+    name: name,
+    id: id,
+    sx: {
+      maxWidth: theme => theme.mixins.maxWidth,
+      margin: theme => theme.spacing(0),
+      marginBlockEnd: theme => theme.spacing(4),
+      padding: theme => theme.spacing(0),
+      border: "0",
+      "&:last-child": {
+        marginBlockEnd: theme => theme.spacing(0)
+      }
+    },
+    children: [_jsx(Typography, {
+      variant: "legend",
+      component: "legend",
+      children: legend
+    }), description && _jsx(Typography, {
+      paragraph: true,
+      children: description
+    }), alert, children]
+  });
+};
+const MemoizedFieldset = memo(Fieldset);
+MemoizedFieldset.displayName = "Fieldset";
+export { MemoizedFieldset as Fieldset };
+//# sourceMappingURL=Fieldset.js.map

package/dist/Fieldset.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.js","names":["memo","Box","Typography","useUniqueId","jsx","_jsx","jsxs","_jsxs","Fieldset","_ref","alert","children","description","legend","name","id","idOverride","component","sx","maxWidth","theme","mixins","margin","spacing","marginBlockEnd","padding","border","variant","paragraph","MemoizedFieldset","displayName"],"sources":["../src/Fieldset.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement } from \"react\";\n\nimport { Box, Typography } from \".\";\nimport { Infobox } from \"./Infobox\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type FieldsetProps = {\n  /**\n   * The title of the Fieldset\n   */\n  legend: string;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * The Field components within the Fieldset\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * An Infobox indicating a Fieldset-wide error or status update.\n   */\n  alert?: ReactElement<typeof Infobox>;\n  /**\n   * The name associated with the group.\n   */\n  name?: string;\n  // /**\n  //  * If this Boolean attribute is set, all form controls that are descendants of the <fieldset>, are disabled, meaning they are not editable and won't be submitted along with the <form>.\n  //  * They won't receive any browsing events, like mouse clicks or focus-related events.\n  //  * Note that form elements inside the <legend> element won't be disabled.\n  //  */\n  // NOTE: Functionality is currently disabled. This will correctly disable child <input>s, but will not pass `isDisabled` to the child components.\n  // isDisabled?: boolean;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n};\n\nconst Fieldset = ({\n  alert,\n  children,\n  description,\n  legend,\n  name,\n  id: idOverride,\n}: // isDisabled,\nFieldsetProps) => {\n  const id = useUniqueId(idOverride);\n\n  return (\n    <Box\n      component=\"fieldset\"\n      // disabled={isDisabled}\n      name={name}\n      id={id}\n      sx={{\n        maxWidth: (theme) => theme.mixins.maxWidth,\n        margin: (theme) => theme.spacing(0),\n        marginBlockEnd: (theme) => theme.spacing(4),\n        padding: (theme) => theme.spacing(0),\n        border: \"0\",\n\n        \"&:last-child\": {\n          marginBlockEnd: (theme) => theme.spacing(0),\n        },\n      }}\n    >\n      <Typography variant=\"legend\" component=\"legend\">\n        {legend}\n      </Typography>\n      {description && <Typography paragraph>{description}</Typography>}\n      {alert}\n      {children}\n    </Box>\n  );\n};\n\nconst MemoizedFieldset = memo(Fieldset);\nMemoizedFieldset.displayName = \"Fieldset\";\n\nexport { MemoizedFieldset as Fieldset };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAsB,OAAO;AAAC,SAElCC,GAAG,EAAEC,UAAU;AAAA,SAEfC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAoCpB,MAAMC,QAAQ,GAAGC,IAAA,IAQC;EAAA,IARA;IAChBC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,MAAM;IACNC,IAAI;IACJC,EAAE,EAAEC;EAEM,CAAC,GAAAP,IAAA;EACX,MAAMM,EAAE,GAAGZ,WAAW,CAACa,UAAU,CAAC;EAElC,OACET,KAAA,CAACN,GAAG;IACFgB,SAAS,EAAC,UAAU;IAEpBH,IAAI,EAAEA,IAAK;IACXC,EAAE,EAAEA,EAAG;IACPG,EAAE,EAAE;MACFC,QAAQ,EAAGC,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACF,QAAQ;MAC1CG,MAAM,EAAGF,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;MACnCC,cAAc,EAAGJ,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;MAC3CE,OAAO,EAAGL,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;MACpCG,MAAM,EAAE,GAAG;MAEX,cAAc,EAAE;QACdF,cAAc,EAAGJ,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC;MAC5C;IACF,CAAE;IAAAZ,QAAA,GAEFN,IAAA,CAACH,UAAU;MAACyB,OAAO,EAAC,QAAQ;MAACV,SAAS,EAAC,QAAQ;MAAAN,QAAA,EAC5CE;IAAM,CACG,CAAC,EACZD,WAAW,IAAIP,IAAA,CAACH,UAAU;MAAC0B,SAAS;MAAAjB,QAAA,EAAEC;IAAW,CAAa,CAAC,EAC/DF,KAAK,EACLC,QAAQ;EAAA,CACN,CAAC;AAEV,CAAC;AAED,MAAMkB,gBAAgB,GAAG7B,IAAI,CAACQ,QAAQ,CAAC;AACvCqB,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAIrB,QAAQ"}

package/dist/Form.js

@@ -0,0 +1,69 @@
+/*!
+ * Copyright (c) 2022-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.
+ */
+
+import { memo } from "react";
+import { Box, Typography } from "./index.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+const Form = _ref => {
+  let {
+    alert,
+    children,
+    description,
+    encodingType,
+    formActions,
+    hasAutoComplete,
+    id: idOverride,
+    method,
+    name,
+    noValidate = false,
+    target,
+    title
+  } = _ref;
+  const id = useUniqueId(idOverride);
+  return _jsxs(Box, {
+    component: "form",
+    autoComplete: hasAutoComplete,
+    name: name,
+    encType: encodingType,
+    method: method,
+    noValidate: noValidate,
+    target: target,
+    id: id,
+    sx: {
+      maxWidth: theme => theme.mixins.maxWidth,
+      margin: theme => theme.spacing(0),
+      padding: theme => theme.spacing(0)
+    },
+    children: [title && _jsx(Typography, {
+      variant: "h4",
+      component: "h1",
+      children: title
+    }), description && _jsx(Typography, {
+      paragraph: true,
+      children: description
+    }), alert, children, formActions && _jsx(Box, {
+      component: "div",
+      sx: {
+        display: "flex",
+        justifyContent: "flex-start",
+        gap: theme => theme.spacing(1)
+      },
+      children: formActions
+    })]
+  });
+};
+const MemoizedForm = memo(Form);
+MemoizedForm.displayName = "Form";
+export { MemoizedForm as Form };
+//# sourceMappingURL=Form.js.map

package/dist/Form.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.js","names":["memo","Box","Typography","useUniqueId","jsx","_jsx","jsxs","_jsxs","Form","_ref","alert","children","description","encodingType","formActions","hasAutoComplete","id","idOverride","method","name","noValidate","target","title","component","autoComplete","encType","sx","maxWidth","theme","mixins","margin","spacing","padding","variant","paragraph","display","justifyContent","gap","MemoizedForm","displayName"],"sources":["../src/Form.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.\n * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the \"License.\")\n *\n * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS, WITHOUT\n * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n *\n * See the License for the specific language governing permissions and limitations under the License.\n */\n\nimport { memo, ReactElement } from \"react\";\n\nimport { Box, Typography } from \"./\";\nimport { Button } from \"./Button\";\nimport { Infobox } from \"./Infobox\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type FormProps = {\n  /**\n   * The title of the Form\n   */\n  title?: string;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * The Field or FieldSet components within the Form\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * An Infobox indicating a Form-wide error or status update.\n   */\n  alert?: ReactElement<typeof Infobox>;\n  /**\n   * Indicates whether input elements can by default have their values automatically completed by the browser.\n   * `autocomplete` attributes on form elements override it on <form>\n   */\n  hasAutoComplete?: \"on\" | \"off\" | undefined;\n  /**\n   * The name of the form. The value must not be the empty string, and must be unique among the form elements in the forms collection that it is in, if any.\n   */\n  name: string;\n  /**\n   * This Boolean attribute indicates that the form shouldn't be validated when submitted.\n   * If this attribute is not set (and therefore the form is validated),\n   * it can be overridden by a formnovalidate attribute on a <button>, <input type=\"submit\">, or <input type=\"image\"> element belonging to the form.\n   */\n  noValidate?: boolean;\n  /**\n   * If the value of the method attribute is post, enctype is the MIME type of the form submission.\n   * This value can be overridden by formenctype attributes on <button>, <input type=\"submit\">, or <input type=\"image\"> elements.\n   */\n  encodingType?:\n    | \"application/x-www-form-urlencoded\"\n    | \"multipart/form-data\"\n    | \"text/plain\"\n    | undefined;\n  /**\n   * The HTTP method to submit the form with.\n   * This value is overridden by formmethod attributes on <button>, <input type=\"submit\">, or <input type=\"image\"> elements.\n   */\n  method?: \"post\" | \"get\" | \"dialog\" | undefined;\n  /**\n   * Indicates where to display the response after submitting the form. It is a name/keyword for a browsing context (for example, tab, window, or iframe).\n   * This value can be overridden by a formtarget attribute on a <button>, <input type=\"submit\">, or <input type=\"image\"> element.\n   */\n  target?: \"post\" | \"get\" | \"dialog\" | undefined;\n  /**\n   * The Field or FieldGroup components within the Form\n   */\n  formActions?:\n    | ReactElement<typeof Button>\n    | Array<ReactElement<typeof Button>>;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n};\n\nconst Form = ({\n  alert,\n  children,\n  description,\n  encodingType,\n  formActions,\n  hasAutoComplete,\n  id: idOverride,\n  method,\n  name,\n  noValidate = false,\n  target,\n  title,\n}: FormProps) => {\n  const id = useUniqueId(idOverride);\n\n  return (\n    <Box\n      component=\"form\"\n      autoComplete={hasAutoComplete}\n      name={name}\n      encType={encodingType}\n      method={method}\n      noValidate={noValidate}\n      target={target}\n      id={id}\n      sx={{\n        maxWidth: (theme) => theme.mixins.maxWidth,\n        margin: (theme) => theme.spacing(0),\n        padding: (theme) => theme.spacing(0),\n      }}\n    >\n      {title && (\n        <Typography variant=\"h4\" component=\"h1\">\n          {title}\n        </Typography>\n      )}\n      {description && <Typography paragraph>{description}</Typography>}\n      {alert}\n      {children}\n      {formActions && (\n        <Box\n          component=\"div\"\n          sx={{\n            display: \"flex\",\n            justifyContent: \"flex-start\",\n            gap: (theme) => theme.spacing(1),\n          }}\n        >\n          {formActions}\n        </Box>\n      )}\n    </Box>\n  );\n};\n\nconst MemoizedForm = memo(Form);\nMemoizedForm.displayName = \"Form\";\n\nexport { MemoizedForm as Form };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAsB,OAAO;AAAC,SAElCC,GAAG,EAAEC,UAAU;AAAA,SAGfC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAiEpB,MAAMC,IAAI,GAAGC,IAAA,IAaI;EAAA,IAbH;IACZC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC,eAAe;IACfC,EAAE,EAAEC,UAAU;IACdC,MAAM;IACNC,IAAI;IACJC,UAAU,GAAG,KAAK;IAClBC,MAAM;IACNC;EACS,CAAC,GAAAb,IAAA;EACV,MAAMO,EAAE,GAAGb,WAAW,CAACc,UAAU,CAAC;EAElC,OACEV,KAAA,CAACN,GAAG;IACFsB,SAAS,EAAC,MAAM;IAChBC,YAAY,EAAET,eAAgB;IAC9BI,IAAI,EAAEA,IAAK;IACXM,OAAO,EAAEZ,YAAa;IACtBK,MAAM,EAAEA,MAAO;IACfE,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfL,EAAE,EAAEA,EAAG;IACPU,EAAE,EAAE;MACFC,QAAQ,EAAGC,KAAK,IAAKA,KAAK,CAACC,MAAM,CAACF,QAAQ;MAC1CG,MAAM,EAAGF,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;MACnCC,OAAO,EAAGJ,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC;IACrC,CAAE;IAAApB,QAAA,GAEDW,KAAK,IACJjB,IAAA,CAACH,UAAU;MAAC+B,OAAO,EAAC,IAAI;MAACV,SAAS,EAAC,IAAI;MAAAZ,QAAA,EACpCW;IAAK,CACI,CACb,EACAV,WAAW,IAAIP,IAAA,CAACH,UAAU;MAACgC,SAAS;MAAAvB,QAAA,EAAEC;IAAW,CAAa,CAAC,EAC/DF,KAAK,EACLC,QAAQ,EACRG,WAAW,IACVT,IAAA,CAACJ,GAAG;MACFsB,SAAS,EAAC,KAAK;MACfG,EAAE,EAAE;QACFS,OAAO,EAAE,MAAM;QACfC,cAAc,EAAE,YAAY;QAC5BC,GAAG,EAAGT,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC;MACjC,CAAE;MAAApB,QAAA,EAEDG;IAAW,CACT,CACN;EAAA,CACE,CAAC;AAEV,CAAC;AAED,MAAMwB,YAAY,GAAGtC,IAAI,CAACQ,IAAI,CAAC;AAC/B8B,YAAY,CAACC,WAAW,GAAG,MAAM;AAEjC,SAASD,YAAY,IAAI9B,IAAI"}

package/dist/Icon.js

@@ -9,22 +9,22 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { forwardRef } from "react";
 import { iconDictionary } from "./iconDictionary/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Icon = forwardRef((_ref, ref) => {
+export const Icon = _ref => {
   let {
+    ariaLabelledby,
+    label,
     name,
-    titleAccess,
-    ...rest
+    size
   } = _ref;
   if (!(name in iconDictionary)) return null;
   const NamedIcon = iconDictionary[name];
   return _jsx(NamedIcon, {
-    titleAccess: titleAccess,
-    ref: ref,
-    ...rest
+    "aria-labelledby": ariaLabelledby,
+    fontSize: size,
+    titleAccess: label
   });
-});
+};
 Icon.displayName = "Icon";
 //# sourceMappingURL=Icon.js.map

package/dist/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","names":["forwardRef","iconDictionary","Icon","ref","name","titleAccess","rest","NamedIcon","displayName"],"sources":["../src/Icon.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2021-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 { forwardRef } from \"react\";\nimport type { SvgIconNoChildrenProps } from \"./iconDictionary/types\";\nimport { iconDictionary } from \"./iconDictionary\";\n\nexport interface IconProps extends SvgIconNoChildrenProps {\n  /**\n   * Name of the icon to render\n   */\n  name: keyof typeof iconDictionary;\n}\n\n/**\n * A system of icons which establishes a visual language\n * that can be easily understood regardless of age, language or culture.\n * This component includes all icon data as static imports. Favor individual\n * icon component imports where possible to keep your bundle size smaller.\n */\nexport const Icon = forwardRef<SVGSVGElement, IconProps>(\n  ({ name, titleAccess, ...rest }, ref) => {\n    if (!(name in iconDictionary)) return null;\n\n    const NamedIcon = iconDictionary[name];\n\n    return <NamedIcon titleAccess={titleAccess} ref={ref} {...rest} />;\n  }\n);\n\nIcon.displayName = \"Icon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,UAAT,QAA2B,OAA3B;SAESC,c;;AAeT,OAAO,MAAMC,IAAI,GAAGF,UAAU,CAC5B,OAAiCG,GAAjC,KAAyC;EAAA,IAAxC;IAAEC,IAAF;IAAQC,WAAR;IAAqB,GAAGC;EAAxB,CAAwC;EACvC,IAAI,EAAEF,IAAI,IAAIH,cAAV,CAAJ,EAA+B,OAAO,IAAP;EAE/B,MAAMM,SAAS,GAAGN,cAAc,CAACG,IAAD,CAAhC;EAEA,OAAO,KAAC,SAAD;IAAW,WAAW,EAAEC,WAAxB;IAAqC,GAAG,EAAEF,GAA1C;IAAA,GAAmDG;EAAnD,EAAP;AACD,CAP2B,CAAvB;AAUPJ,IAAI,CAACM,WAAL,GAAmB,MAAnB"}
+{"version":3,"file":"Icon.js","names":["iconDictionary","jsx","_jsx","Icon","_ref","ariaLabelledby","label","name","size","NamedIcon","fontSize","titleAccess","displayName"],"sources":["../src/Icon.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2021-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 { iconDictionary } from \"./iconDictionary\";\n\nexport type IconProps = {\n  /*\n   ** The element whose text describes the icon, if it exists\n   */\n  ariaLabelledby?: string;\n  /*\n   ** Text that describes the icon\n   */\n  label: string;\n  /*\n   ** Name of the icon to render\n   */\n  name: keyof typeof iconDictionary;\n  /*\n   ** The size of the icon\n   */\n  size: \"small\" | \"medium\" | \"large\";\n};\n\n/**\n * A system of icons which establishes a visual language\n * that can be easily understood regardless of age, language or culture.\n * This component includes all icon data as static imports. Favor individual\n * icon component imports where possible to keep your bundle size smaller.\n */\nexport const Icon = ({ ariaLabelledby, label, name, size }: IconProps) => {\n  if (!(name in iconDictionary)) return null;\n\n  const NamedIcon = iconDictionary[name];\n\n  return (\n    <NamedIcon\n      aria-labelledby={ariaLabelledby}\n      fontSize={size}\n      titleAccess={label}\n    />\n  );\n};\n\nIcon.displayName = \"Icon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAYSA,cAAc;AAAA,SAAAC,GAAA,IAAAC,IAAA;AA2BvB,OAAO,MAAMC,IAAI,GAAGC,IAAA,IAAsD;EAAA,IAArD;IAAEC,cAAc;IAAEC,KAAK;IAAEC,IAAI;IAAEC;EAAgB,CAAC,GAAAJ,IAAA;EACnE,IAAI,EAAEG,IAAI,IAAIP,cAAc,CAAC,EAAE,OAAO,IAAI;EAE1C,MAAMS,SAAS,GAAGT,cAAc,CAACO,IAAI,CAAC;EAEtC,OACEL,IAAA,CAACO,SAAS;IACR,mBAAiBJ,cAAe;IAChCK,QAAQ,EAAEF,IAAK;IACfG,WAAW,EAAEL;EAAM,CACpB,CAAC;AAEN,CAAC;AAEDH,IAAI,CAACS,WAAW,GAAG,MAAM"}

package/dist/Infobox.js

@@ -9,30 +9,33 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
+
 import { memo } from "react";
 import { Alert, AlertTitle, ScreenReaderText } from "./index.js";
+import { useTranslation } from "react-i18next";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 import { jsx as _jsx } from "react/jsx-runtime";
-
 const Infobox = _ref => {
   let {
     children,
-    severity,
     role,
+    severity,
     title
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   return _jsxs(Alert, {
     role: role,
     severity: severity,
     variant: "infobox",
     children: [_jsxs(ScreenReaderText, {
-      children: [severity, ": "]
+      children: [t(`severity.${severity}`), ": "]
     }), title && _jsx(AlertTitle, {
       children: title
     }), children]
   });
 };
-
 const MemoizedInfobox = memo(Infobox);
 export { MemoizedInfobox as Infobox };
 //# sourceMappingURL=Infobox.js.map