@okta/odyssey-react-mui 0.23.0 → 1.0.0

package/dist/FieldLabel.js

@@ -1,32 +1,46 @@
 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 { Subordinate } from "./Typography.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const FieldLabel = _ref => {
   let {
     hasVisibleLabel,
     id,
     inputId,
     isOptional,
-    optionalText,
     text
   } = _ref;
+  const {
+    t
+  } = useTranslation();
   const inputLabel = useMemo(() => _jsxs(_InputLabel, {
     htmlFor: inputId,
     id: id,
-    children: [text, isOptional && _jsx(Typography, {
-      variant: "subtitle1",
-      children: optionalText
+    children: [_jsx("span", {
+      children: text
+    }), isOptional && _jsx(Subordinate, {
+      children: t("fieldlabel.optional.text")
     })]
-  }), [id, inputId, isOptional, optionalText, text]);
+  }), [id, inputId, isOptional, text, t]);
   return hasVisibleLabel ? inputLabel : _jsx(ScreenReaderText, {
     children: inputLabel
   });
 };
-
 const MemoizedFieldLabel = memo(FieldLabel);
+MemoizedFieldLabel.displayName = "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","isOptional","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 as MuiInputLabel } 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  isOptional: boolean;\n  optionalText?: string;\n  text: string;\n};\n\nconst FieldLabel = ({\n  hasVisibleLabel,\n  id,\n  inputId,\n  isOptional,\n  optionalText,\n  text,\n}: FieldLabelProps) => {\n  const inputLabel = useMemo(\n    () => (\n      <MuiInputLabel htmlFor={inputId} id={id}>\n        {text}\n        {isOptional && (\n          <Typography variant=\"subtitle1\">{optionalText}</Typography>\n        )}\n      </MuiInputLabel>\n    ),\n    [id, inputId, isOptional, 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;IAAe,OAAO,EAAEM,OAAxB;IAAiC,EAAE,EAAED,EAArC;IAAA,WACGI,IADH,EAEGF,UAAU,IACT,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","Subordinate","jsx","_jsx","jsxs","_jsxs","FieldLabel","_ref","hasVisibleLabel","id","inputId","isOptional","text","t","inputLabel","_InputLabel","htmlFor","children","MemoizedFieldLabel","displayName"],"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 { Subordinate } from \"./Typography\";\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        <span>{text}</span>\n        {isOptional && (\n          <Subordinate>{t(\"fieldlabel.optional.text\")}</Subordinate>\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);\nMemoizedFieldLabel.displayName = \"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,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAUpB,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,GACtCd,IAAA;MAAAc,QAAA,EAAOL;IAAI,CAAO,CAAC,EAClBD,UAAU,IACTR,IAAA,CAACF,WAAW;MAAAgB,QAAA,EAAEJ,CAAC,CAAC,0BAA0B;IAAC,CAAc,CAC1D;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,MAAMI,kBAAkB,GAAGrB,IAAI,CAACS,UAAU,CAAC;AAC3CY,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,SAASD,kBAAkB,IAAIZ,UAAU"}

package/dist/Fieldset.js

@@ -0,0 +1,64 @@
+import _Box from "@mui/material/Box";
+/*!
+ * 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, useMemo } from "react";
+import { FieldsetContext } from "./FieldsetContext.js";
+import { Legend, Subordinate } from "./Typography.js";
+import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.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,
+    id: idOverride,
+    isDisabled = false,
+    legend,
+    name
+  } = _ref;
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const id = useUniqueId(idOverride);
+  const fieldsetContextValue = useMemo(() => ({
+    isDisabled
+  }), [isDisabled]);
+  return _jsxs(_Box, {
+    component: "fieldset",
+    disabled: isDisabled,
+    name: name,
+    id: id,
+    sx: {
+      border: "0",
+      margin: odysseyDesignTokens.Spacing0,
+      marginBlockEnd: odysseyDesignTokens.Spacing6,
+      maxWidth: odysseyDesignTokens.TypographyLineLengthMax,
+      padding: odysseyDesignTokens.Spacing0,
+      "&:last-child": {
+        marginBlockEnd: odysseyDesignTokens.Spacing0
+      }
+    },
+    children: [_jsx(Legend, {
+      children: legend
+    }), description && _jsx(Subordinate, {
+      component: "p",
+      children: description
+    }), alert, _jsx(FieldsetContext.Provider, {
+      value: fieldsetContextValue,
+      children: 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","useMemo","FieldsetContext","Legend","Subordinate","useOdysseyDesignTokens","useUniqueId","jsx","_jsx","jsxs","_jsxs","Fieldset","_ref","alert","children","description","id","idOverride","isDisabled","legend","name","odysseyDesignTokens","fieldsetContextValue","_Box","component","disabled","sx","border","margin","Spacing0","marginBlockEnd","Spacing6","maxWidth","TypographyLineLengthMax","padding","Provider","value","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 { Box } from \"@mui/material\";\nimport { memo, ReactElement, useMemo } from \"react\";\n\nimport { Callout } from \"./Callout\";\nimport { FieldsetContext } from \"./FieldsetContext\";\nimport { Legend, Subordinate } from \"./Typography\";\nimport { useOdysseyDesignTokens } from \"./OdysseyDesignTokensContext\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport type FieldsetProps = {\n  /**\n   * A Callout indicating a Fieldset-wide error or status update.\n   */\n  alert?: ReactElement<typeof Callout>;\n  /**\n   * The Field components within the Fieldset\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * A supplementary description\n   */\n  description?: string;\n  /**\n   * Defines a unique identifier (ID) which must be unique in the whole document.\n   */\n  id?: string;\n  /**\n   * Disables the component and any wrapped input fields.\n   */\n  isDisabled?: boolean;\n  /**\n   * The title of the Fieldset\n   */\n  legend: string;\n  /**\n   * The name associated with the group.\n   */\n  name?: string;\n};\n\nconst Fieldset = ({\n  alert,\n  children,\n  description,\n  id: idOverride,\n  isDisabled = false,\n  legend,\n  name,\n}: FieldsetProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const id = useUniqueId(idOverride);\n\n  const fieldsetContextValue = useMemo(\n    () => ({\n      isDisabled,\n    }),\n    [isDisabled]\n  );\n\n  return (\n    <Box\n      component=\"fieldset\"\n      disabled={isDisabled}\n      name={name}\n      id={id}\n      sx={{\n        border: \"0\",\n        margin: odysseyDesignTokens.Spacing0,\n        marginBlockEnd: odysseyDesignTokens.Spacing6,\n        maxWidth: odysseyDesignTokens.TypographyLineLengthMax,\n        padding: odysseyDesignTokens.Spacing0,\n\n        \"&:last-child\": {\n          marginBlockEnd: odysseyDesignTokens.Spacing0,\n        },\n      }}\n    >\n      <Legend>{legend}</Legend>\n\n      {description && <Subordinate component=\"p\">{description}</Subordinate>}\n\n      {alert}\n\n      <FieldsetContext.Provider value={fieldsetContextValue}>\n        {children}\n      </FieldsetContext.Provider>\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;AAGA,SAASA,IAAI,EAAgBC,OAAO,QAAQ,OAAO;AAAC,SAG3CC,eAAe;AAAA,SACfC,MAAM,EAAEC,WAAW;AAAA,SACnBC,sBAAsB;AAAA,SACtBC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAiCpB,MAAMC,QAAQ,GAAGC,IAAA,IAQI;EAAA,IARH;IAChBC,KAAK;IACLC,QAAQ;IACRC,WAAW;IACXC,EAAE,EAAEC,UAAU;IACdC,UAAU,GAAG,KAAK;IAClBC,MAAM;IACNC;EACa,CAAC,GAAAR,IAAA;EACd,MAAMS,mBAAmB,GAAGhB,sBAAsB,CAAC,CAAC;EACpD,MAAMW,EAAE,GAAGV,WAAW,CAACW,UAAU,CAAC;EAElC,MAAMK,oBAAoB,GAAGrB,OAAO,CAClC,OAAO;IACLiB;EACF,CAAC,CAAC,EACF,CAACA,UAAU,CACb,CAAC;EAED,OACER,KAAA,CAAAa,IAAA;IACEC,SAAS,EAAC,UAAU;IACpBC,QAAQ,EAAEP,UAAW;IACrBE,IAAI,EAAEA,IAAK;IACXJ,EAAE,EAAEA,EAAG;IACPU,EAAE,EAAE;MACFC,MAAM,EAAE,GAAG;MACXC,MAAM,EAAEP,mBAAmB,CAACQ,QAAQ;MACpCC,cAAc,EAAET,mBAAmB,CAACU,QAAQ;MAC5CC,QAAQ,EAAEX,mBAAmB,CAACY,uBAAuB;MACrDC,OAAO,EAAEb,mBAAmB,CAACQ,QAAQ;MAErC,cAAc,EAAE;QACdC,cAAc,EAAET,mBAAmB,CAACQ;MACtC;IACF,CAAE;IAAAf,QAAA,GAEFN,IAAA,CAACL,MAAM;MAAAW,QAAA,EAAEK;IAAM,CAAS,CAAC,EAExBJ,WAAW,IAAIP,IAAA,CAACJ,WAAW;MAACoB,SAAS,EAAC,GAAG;MAAAV,QAAA,EAAEC;IAAW,CAAc,CAAC,EAErEF,KAAK,EAENL,IAAA,CAACN,eAAe,CAACiC,QAAQ;MAACC,KAAK,EAAEd,oBAAqB;MAAAR,QAAA,EACnDA;IAAQ,CACe,CAAC;EAAA,CACxB,CAAC;AAEV,CAAC;AAED,MAAMuB,gBAAgB,GAAGrC,IAAI,CAACW,QAAQ,CAAC;AACvC0B,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAI1B,QAAQ"}

package/dist/FieldsetContext.js

@@ -0,0 +1,18 @@
+/*!
+ * 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 { createContext, useContext } from "react";
+export const FieldsetContext = createContext({
+  isDisabled: false
+});
+export const useFieldset = () => useContext(FieldsetContext);
+//# sourceMappingURL=FieldsetContext.js.map

package/dist/FieldsetContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsetContext.js","names":["createContext","useContext","FieldsetContext","isDisabled","useFieldset"],"sources":["../src/FieldsetContext.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 { createContext, useContext } from \"react\";\n\nexport type FieldsetContextValue = {\n  isDisabled: boolean;\n};\n\nexport const FieldsetContext = createContext<FieldsetContextValue>({\n  isDisabled: false,\n});\n\nexport const useFieldset = () => useContext(FieldsetContext);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAMjD,OAAO,MAAMC,eAAe,GAAGF,aAAa,CAAuB;EACjEG,UAAU,EAAE;AACd,CAAC,CAAC;AAEF,OAAO,MAAMC,WAAW,GAAGA,CAAA,KAAMH,UAAU,CAACC,eAAe,CAAC"}

package/dist/Form.js

@@ -0,0 +1,81 @@
+import _Box from "@mui/material/Box";
+/*!
+ * 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 { Heading4, Support } from "./Typography.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export const formEncodingTypeValues = ["application/x-www-form-urlencoded", "application/json", "multipart/form-data", "text/plain"];
+export const formAutoCompleteTypeValues = ["on", "off"];
+export const formMethodValues = ["post", "get", "dialog"];
+const Form = _ref => {
+  let {
+    alert,
+    autoCompleteType,
+    children,
+    description,
+    encodingType,
+    formActions,
+    id: idOverride,
+    method,
+    name,
+    noValidate = false,
+    target,
+    title
+  } = _ref;
+  const id = useUniqueId(idOverride);
+  return _jsxs(_Box, {
+    component: "form",
+    autoComplete: autoCompleteType,
+    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: [_jsxs(_Box, {
+      component: "div",
+      sx: {
+        marginBlockEnd: theme => theme.spacing(4)
+      },
+      children: [title && _jsx(Heading4, {
+        component: "h1",
+        children: title
+      }), description && _jsx(Support, {
+        children: description
+      }), alert]
+    }), _jsx(_Box, {
+      component: "div",
+      children: children
+    }), formActions && _jsx(_Box, {
+      component: "div",
+      sx: {
+        display: "flex",
+        justifyContent: "flex-start",
+        gap: theme => theme.spacing(1),
+        marginBlockStart: theme => theme.spacing(7)
+      },
+      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","Heading4","Support","useUniqueId","jsx","_jsx","jsxs","_jsxs","formEncodingTypeValues","formAutoCompleteTypeValues","formMethodValues","Form","_ref","alert","autoCompleteType","children","description","encodingType","formActions","id","idOverride","method","name","noValidate","target","title","_Box","component","autoComplete","encType","sx","maxWidth","theme","mixins","margin","spacing","padding","marginBlockEnd","display","justifyContent","gap","marginBlockStart","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 } from \"@mui/material\";\nimport { Button } from \"./Button\";\nimport { Callout } from \"./Callout\";\nimport { Heading4, Support } from \"./Typography\";\nimport { useUniqueId } from \"./useUniqueId\";\n\nexport const formEncodingTypeValues = [\n  \"application/x-www-form-urlencoded\",\n  \"application/json\",\n  \"multipart/form-data\",\n  \"text/plain\",\n] as const;\nexport const formAutoCompleteTypeValues = [\"on\", \"off\"] as const;\nexport const formMethodValues = [\"post\", \"get\", \"dialog\"] as const;\n\nexport type FormProps = {\n  /**\n   * A Callout indicating a Form-wide error or status update.\n   */\n  alert?: ReactElement<typeof Callout>;\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  autoCompleteType?: (typeof formAutoCompleteTypeValues)[number];\n  /**\n   * The Field or FieldSet components within the Form\n   */\n  children: ReactElement | Array<ReactElement>;\n  /**\n   * A supplementary description\n   */\n  description?: string;\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?: (typeof formEncodingTypeValues)[number];\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   * 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?: (typeof formMethodValues)[number];\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   * 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?: string;\n  /**\n   * The title of the Form\n   */\n  title?: string;\n};\n\nconst Form = ({\n  alert,\n  autoCompleteType,\n  children,\n  description,\n  encodingType,\n  formActions,\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={autoCompleteType}\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      <Box\n        component=\"div\"\n        sx={{\n          marginBlockEnd: (theme) => theme.spacing(4),\n        }}\n      >\n        {title && <Heading4 component=\"h1\">{title}</Heading4>}\n        {description && <Support>{description}</Support>}\n        {alert}\n      </Box>\n      <Box component=\"div\">{children}</Box>\n      {formActions && (\n        <Box\n          component=\"div\"\n          sx={{\n            display: \"flex\",\n            justifyContent: \"flex-start\",\n            gap: (theme) => theme.spacing(1),\n            marginBlockStart: (theme) => theme.spacing(7),\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,SAKlCC,QAAQ,EAAEC,OAAO;AAAA,SACjBC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpB,OAAO,MAAMC,sBAAsB,GAAG,CACpC,mCAAmC,EACnC,kBAAkB,EAClB,qBAAqB,EACrB,YAAY,CACJ;AACV,OAAO,MAAMC,0BAA0B,GAAG,CAAC,IAAI,EAAE,KAAK,CAAU;AAChE,OAAO,MAAMC,gBAAgB,GAAG,CAAC,MAAM,EAAE,KAAK,EAAE,QAAQ,CAAU;AA6DlE,MAAMC,IAAI,GAAGC,IAAA,IAaI;EAAA,IAbH;IACZC,KAAK;IACLC,gBAAgB;IAChBC,QAAQ;IACRC,WAAW;IACXC,YAAY;IACZC,WAAW;IACXC,EAAE,EAAEC,UAAU;IACdC,MAAM;IACNC,IAAI;IACJC,UAAU,GAAG,KAAK;IAClBC,MAAM;IACNC;EACS,CAAC,GAAAb,IAAA;EACV,MAAMO,EAAE,GAAGhB,WAAW,CAACiB,UAAU,CAAC;EAElC,OACEb,KAAA,CAAAmB,IAAA;IACEC,SAAS,EAAC,MAAM;IAChBC,YAAY,EAAEd,gBAAiB;IAC/BQ,IAAI,EAAEA,IAAK;IACXO,OAAO,EAAEZ,YAAa;IACtBI,MAAM,EAAEA,MAAO;IACfE,UAAU,EAAEA,UAAW;IACvBC,MAAM,EAAEA,MAAO;IACfL,EAAE,EAAEA,EAAG;IACPW,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,GAEFR,KAAA,CAAAmB,IAAA;MACEC,SAAS,EAAC,KAAK;MACfG,EAAE,EAAE;QACFO,cAAc,EAAGL,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC;MAC5C,CAAE;MAAApB,QAAA,GAEDU,KAAK,IAAIpB,IAAA,CAACJ,QAAQ;QAAC0B,SAAS,EAAC,IAAI;QAAAZ,QAAA,EAAEU;MAAK,CAAW,CAAC,EACpDT,WAAW,IAAIX,IAAA,CAACH,OAAO;QAAAa,QAAA,EAAEC;MAAW,CAAU,CAAC,EAC/CH,KAAK;IAAA,CACH,CAAC,EACNR,IAAA,CAAAqB,IAAA;MAAKC,SAAS,EAAC,KAAK;MAAAZ,QAAA,EAAEA;IAAQ,CAAM,CAAC,EACpCG,WAAW,IACVb,IAAA,CAAAqB,IAAA;MACEC,SAAS,EAAC,KAAK;MACfG,EAAE,EAAE;QACFQ,OAAO,EAAE,MAAM;QACfC,cAAc,EAAE,YAAY;QAC5BC,GAAG,EAAGR,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC,CAAC;QAChCM,gBAAgB,EAAGT,KAAK,IAAKA,KAAK,CAACG,OAAO,CAAC,CAAC;MAC9C,CAAE;MAAApB,QAAA,EAEDG;IAAW,CACT,CACN;EAAA,CACE,CAAC;AAEV,CAAC;AAED,MAAMwB,YAAY,GAAG1C,IAAI,CAACW,IAAI,CAAC;AAC/B+B,YAAY,CAACC,WAAW,GAAG,MAAM;AAEjC,SAASD,YAAY,IAAI/B,IAAI"}

package/dist/Link.js

@@ -1,6 +1,4 @@
 import _Link from "@mui/material/Link";
-import _SvgIcon from "@mui/material/SvgIcon";
-
 /*!
  * 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.")
@@ -12,36 +10,37 @@ import _SvgIcon from "@mui/material/SvgIcon";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { forwardRef } from "react";
+
+import { memo } from "react";
+import { ExternalLinkIcon } from "./icons.generated/index.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-export const Link = forwardRef((props, ref) => {
-  const {
-    icon,
+export const linkVariantValues = ["default", "monochrome"];
+const Link = _ref => {
+  let {
     children,
+    href,
+    icon,
     target,
+    rel,
     variant
-  } = props;
+  } = _ref;
   return _jsxs(_Link, {
-    ref: ref,
-    variant: variant,
+    href: href,
+    rel: rel,
     target: target,
+    variant: variant,
     children: [icon && _jsx("span", {
       className: "Link-icon",
       children: icon
     }), children, target === "_blank" && _jsx("span", {
       className: "Link-indicator",
       role: "presentation",
-      children: _jsx(_SvgIcon, {
-        viewBox: "0 0 16 16",
-        children: _jsx("path", {
-          fillRule: "evenodd",
-          clipRule: "evenodd",
-          d: "M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z",
-          fill: "currentColor"
-        })
-      })
+      children: _jsx(ExternalLinkIcon, {})
     })]
   });
-});
+};
+const MemoizedLink = memo(Link);
+MemoizedLink.displayName = "Link";
+export { MemoizedLink as Link };
 //# sourceMappingURL=Link.js.map

package/dist/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","names":["forwardRef","Link","props","ref","icon","children","target","variant"],"sources":["../src/Link.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 { forwardRef, ReactElement } from \"react\";\n\nimport {\n  Link as MuiLink,\n  LinkProps as MuiLinkProps,\n  SvgIcon,\n} from \"@mui/material\";\n\nexport type LinkProps = {\n  children: React.ReactNode;\n  href: string;\n  icon?: ReactElement;\n  rel?: string;\n  target?: \"_self\" | \"_blank\" | \"_parent\" | \"_top\" | string;\n  variant?: MuiLinkProps[\"variant\"];\n};\n\nexport const Link = forwardRef<HTMLAnchorElement, LinkProps>((props, ref) => {\n  const { icon, children, target, variant } = props;\n  return (\n    <MuiLink ref={ref} variant={variant} target={target}>\n      {icon && <span className=\"Link-icon\">{icon}</span>}\n      {children}\n      {target === \"_blank\" && (\n        <span className=\"Link-indicator\" role=\"presentation\">\n          <SvgIcon viewBox=\"0 0 16 16\">\n            <path\n              fillRule=\"evenodd\"\n              clipRule=\"evenodd\"\n              d=\"M13.2929 2H7.99998V1H14.5C14.7761 1 15 1.22386 15 1.5V8H14V2.70711L6.35353 10.3536L5.64642 9.64645L13.2929 2ZM1.5 4H1V4.5V14.5V15H1.5H11.5H12V14.5V8H11V14H2V5H8V4H1.5Z\"\n              fill=\"currentColor\"\n            />\n          </SvgIcon>\n        </span>\n      )}\n    </MuiLink>\n  );\n});\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,UAAT,QAAyC,OAAzC;;;AAiBA,OAAO,MAAMC,IAAI,GAAGD,UAAU,CAA+B,CAACE,KAAD,EAAQC,GAAR,KAAgB;EAC3E,MAAM;IAAEC,IAAF;IAAQC,QAAR;IAAkBC,MAAlB;IAA0BC;EAA1B,IAAsCL,KAA5C;EACA,OACE;IAAS,GAAG,EAAEC,GAAd;IAAmB,OAAO,EAAEI,OAA5B;IAAqC,MAAM,EAAED,MAA7C;IAAA,WACGF,IAAI,IAAI;MAAM,SAAS,EAAC,WAAhB;MAAA,UAA6BA;IAA7B,EADX,EAEGC,QAFH,EAGGC,MAAM,KAAK,QAAX,IACC;MAAM,SAAS,EAAC,gBAAhB;MAAiC,IAAI,EAAC,cAAtC;MAAA,UACE;QAAS,OAAO,EAAC,WAAjB;QAAA,UACE;UACE,QAAQ,EAAC,SADX;UAEE,QAAQ,EAAC,SAFX;UAGE,CAAC,EAAC,yKAHJ;UAIE,IAAI,EAAC;QAJP;MADF;IADF,EAJJ;EAAA,EADF;AAkBD,CApB6B,CAAvB"}
+{"version":3,"file":"Link.js","names":["memo","ExternalLinkIcon","jsx","_jsx","jsxs","_jsxs","linkVariantValues","Link","_ref","children","href","icon","target","rel","variant","_Link","className","role","MemoizedLink","displayName"],"sources":["../src/Link.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\";\nimport { ExternalLinkIcon } from \"./icons.generated\";\n\nimport { Link as MuiLink } from \"@mui/material\";\n\nexport const linkVariantValues = [\"default\", \"monochrome\"] as const;\n\nexport type LinkProps = {\n  /**\n   * The content within the Link\n   */\n  children: React.ReactNode;\n  /**\n   * The Link destination\n   */\n  href: string;\n  /**\n   * An optional Icon component at the start of the Link\n   */\n  icon?: ReactElement;\n  /**\n   * The HTML `rel` attribute for the Link\n   */\n  rel?: string;\n  /**\n   * The HTML `target` attribute for the Link\n   */\n  target?:\n    | \"_self\"\n    | \"_blank\"\n    | \"_parent\"\n    | \"_top\"\n    | (string & NonNullable<unknown>);\n  /**\n   * The visual presentation of the Link (default or monochrome)\n   */\n  variant?: (typeof linkVariantValues)[number];\n};\n\nconst Link = ({ children, href, icon, target, rel, variant }: LinkProps) => (\n  <MuiLink href={href} rel={rel} target={target} variant={variant}>\n    {icon && <span className=\"Link-icon\">{icon}</span>}\n\n    {children}\n\n    {target === \"_blank\" && (\n      <span className=\"Link-indicator\" role=\"presentation\">\n        <ExternalLinkIcon />\n      </span>\n    )}\n  </MuiLink>\n);\n\nconst MemoizedLink = memo(Link);\n\nMemoizedLink.displayName = \"Link\";\n\nexport { MemoizedLink as Link };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAsB,OAAO;AAAC,SAClCC,gBAAgB;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAIzB,OAAO,MAAMC,iBAAiB,GAAG,CAAC,SAAS,EAAE,YAAY,CAAU;AAkCnE,MAAMC,IAAI,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC,IAAI;IAAEC,IAAI;IAAEC,MAAM;IAAEC,GAAG;IAAEC;EAAmB,CAAC,GAAAN,IAAA;EAAA,OACrEH,KAAA,CAAAU,KAAA;IAASL,IAAI,EAAEA,IAAK;IAACG,GAAG,EAAEA,GAAI;IAACD,MAAM,EAAEA,MAAO;IAACE,OAAO,EAAEA,OAAQ;IAAAL,QAAA,GAC7DE,IAAI,IAAIR,IAAA;MAAMa,SAAS,EAAC,WAAW;MAAAP,QAAA,EAAEE;IAAI,CAAO,CAAC,EAEjDF,QAAQ,EAERG,MAAM,KAAK,QAAQ,IAClBT,IAAA;MAAMa,SAAS,EAAC,gBAAgB;MAACC,IAAI,EAAC,cAAc;MAAAR,QAAA,EAClDN,IAAA,CAACF,gBAAgB,IAAE;IAAC,CAChB,CACP;EAAA,CACM,CAAC;AAAA,CACX;AAED,MAAMiB,YAAY,GAAGlB,IAAI,CAACO,IAAI,CAAC;AAE/BW,YAAY,CAACC,WAAW,GAAG,MAAM;AAEjC,SAASD,YAAY,IAAIX,IAAI"}

package/dist/MenuButton.js

@@ -1,3 +1,4 @@
+import _Menu from "@mui/material/Menu";
 /*!
  * 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,55 +10,68 @@
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { Button, ChevronDownIcon, Menu, useUniqueId } from "./index.js";
-import { memo, useMemo, useState } from "react";
+import { Button, useUniqueId } from "./index.js";
+import { ChevronDownIcon } from "./icons.generated/index.js";
+import { memo, useCallback, useMemo, useState } from "react";
+import { MenuContext } from "./MenuContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
-
 const MenuButton = _ref => {
   let {
+    ariaLabel,
+    ariaLabelledBy,
+    ariaDescribedBy,
     buttonLabel = "",
-    children,
-    buttonEndIcon = _jsx(ChevronDownIcon, {}),
     buttonVariant = "secondary",
-    id: idOverride
+    children,
+    endIcon = _jsx(ChevronDownIcon, {}),
+    id: idOverride,
+    tooltipText
   } = _ref;
   const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-
-  const handleClick = event => {
-    setAnchorEl(event.currentTarget);
-  };
-
-  const handleClose = () => {
+  const isOpen = Boolean(anchorEl);
+  const closeMenu = useCallback(() => {
     setAnchorEl(null);
-  };
-
+  }, []);
+  const openMenu = useCallback(event => {
+    setAnchorEl(event.currentTarget);
+  }, []);
   const uniqueId = useUniqueId(idOverride);
   const menuListProps = useMemo(() => ({
     "aria-labelledby": `${uniqueId}-button`
   }), [uniqueId]);
+  const providerValue = useMemo(() => ({
+    closeMenu,
+    openMenu
+  }), [closeMenu, openMenu]);
   return _jsxs("div", {
     children: [_jsx(Button, {
-      endIcon: buttonEndIcon,
-      id: `${uniqueId}-button`,
-      "aria-controls": open ? `${uniqueId}-menu` : undefined,
+      "aria-controls": isOpen ? `${uniqueId}-menu` : undefined,
+      "aria-expanded": isOpen ? "true" : undefined,
       "aria-haspopup": "true",
-      "aria-expanded": open ? "true" : undefined,
-      onClick: handleClick,
-      text: buttonLabel,
+      ariaDescribedBy: ariaDescribedBy,
+      ariaLabel: ariaLabel,
+      ariaLabelledBy: ariaLabelledBy,
+      endIcon: endIcon,
+      id: `${uniqueId}-button`,
+      label: buttonLabel,
+      onClick: openMenu,
+      tooltipText: tooltipText,
       variant: buttonVariant
-    }), _jsx(Menu, {
-      id: `${uniqueId}-menu`,
+    }), _jsx(_Menu, {
       anchorEl: anchorEl,
-      open: open,
-      onClose: handleClose,
+      id: `${uniqueId}-menu`,
       MenuListProps: menuListProps,
-      children: children
+      onClose: closeMenu,
+      open: isOpen,
+      children: _jsx(MenuContext.Provider, {
+        value: providerValue,
+        children: children
+      })
     })]
   });
 };
-
 const MemoizedMenuButton = memo(MenuButton);
+MemoizedMenuButton.displayName = "MenuButton";
 export { MemoizedMenuButton as MenuButton };
 //# sourceMappingURL=MenuButton.js.map

package/dist/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","names":["Button","ChevronDownIcon","Menu","useUniqueId","memo","useMemo","useState","MenuButton","buttonLabel","children","buttonEndIcon","buttonVariant","id","idOverride","anchorEl","setAnchorEl","open","Boolean","handleClick","event","currentTarget","handleClose","uniqueId","menuListProps","undefined","MemoizedMenuButton"],"sources":["../src/MenuButton.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 {\n  Button,\n  ButtonProps,\n  ChevronDownIcon,\n  Divider,\n  ListSubheader,\n  Menu,\n  MenuItem,\n  useUniqueId,\n} from \"./\";\nimport { memo, MouseEvent, ReactElement, useMemo, useState } from \"react\";\n\nexport type MenuButtonProps = {\n  /**\n   * The <MenuItem> components within the Menu.\n   */\n  children: Array<\n    ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader>\n  >;\n  /**\n   * The end Icon on the trigggering Button\n   */\n  buttonEndIcon?: ReactElement;\n  /**\n   * The label on the triggering Button\n   */\n  buttonLabel?: string;\n  /**\n   * The variant of the triggering Button\n   */\n  buttonVariant?: ButtonProps[\"variant\"];\n  /**\n   * The id of the `input` element.\n   */\n  id?: string;\n};\n\nconst MenuButton = ({\n  buttonLabel = \"\",\n  children,\n  buttonEndIcon = <ChevronDownIcon />,\n  buttonVariant = \"secondary\",\n  id: idOverride,\n}: MenuButtonProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  const uniqueId = useUniqueId(idOverride);\n\n  const menuListProps = useMemo(\n    () => ({ \"aria-labelledby\": `${uniqueId}-button` }),\n    [uniqueId]\n  );\n\n  return (\n    <div>\n      <Button\n        endIcon={buttonEndIcon}\n        id={`${uniqueId}-button`}\n        aria-controls={open ? `${uniqueId}-menu` : undefined}\n        aria-haspopup=\"true\"\n        aria-expanded={open ? \"true\" : undefined}\n        onClick={handleClick}\n        text={buttonLabel}\n        variant={buttonVariant}\n      />\n      <Menu\n        id={`${uniqueId}-menu`}\n        anchorEl={anchorEl}\n        open={open}\n        onClose={handleClose}\n        MenuListProps={menuListProps}\n      >\n        {children}\n      </Menu>\n    </div>\n  );\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;SAGEA,M,EAEAC,e,EAGAC,I,EAEAC,W;AAEF,SAASC,IAAT,EAAyCC,OAAzC,EAAkDC,QAAlD,QAAkE,OAAlE;;;;AA2BA,MAAMC,UAAU,GAAG,QAMI;EAAA,IANH;IAClBC,WAAW,GAAG,EADI;IAElBC,QAFkB;IAGlBC,aAAa,GAAG,KAAC,eAAD,KAHE;IAIlBC,aAAa,GAAG,WAJE;IAKlBC,EAAE,EAAEC;EALc,CAMG;EACrB,MAAM,CAACC,QAAD,EAAWC,WAAX,IAA0BT,QAAQ,CAAqB,IAArB,CAAxC;EAEA,MAAMU,IAAI,GAAGC,OAAO,CAACH,QAAD,CAApB;;EAEA,MAAMI,WAAW,GAAIC,KAAD,IAA0C;IAC5DJ,WAAW,CAACI,KAAK,CAACC,aAAP,CAAX;EACD,CAFD;;EAIA,MAAMC,WAAW,GAAG,MAAM;IACxBN,WAAW,CAAC,IAAD,CAAX;EACD,CAFD;;EAIA,MAAMO,QAAQ,GAAGnB,WAAW,CAACU,UAAD,CAA5B;EAEA,MAAMU,aAAa,GAAGlB,OAAO,CAC3B,OAAO;IAAE,mBAAoB,GAAEiB,QAAS;EAAjC,CAAP,CAD2B,EAE3B,CAACA,QAAD,CAF2B,CAA7B;EAKA,OACE;IAAA,WACE,KAAC,MAAD;MACE,OAAO,EAAEZ,aADX;MAEE,EAAE,EAAG,GAAEY,QAAS,SAFlB;MAGE,iBAAeN,IAAI,GAAI,GAAEM,QAAS,OAAf,GAAwBE,SAH7C;MAIE,iBAAc,MAJhB;MAKE,iBAAeR,IAAI,GAAG,MAAH,GAAYQ,SALjC;MAME,OAAO,EAAEN,WANX;MAOE,IAAI,EAAEV,WAPR;MAQE,OAAO,EAAEG;IARX,EADF,EAWE,KAAC,IAAD;MACE,EAAE,EAAG,GAAEW,QAAS,OADlB;MAEE,QAAQ,EAAER,QAFZ;MAGE,IAAI,EAAEE,IAHR;MAIE,OAAO,EAAEK,WAJX;MAKE,aAAa,EAAEE,aALjB;MAAA,UAOGd;IAPH,EAXF;EAAA,EADF;AAuBD,CAjDD;;AAmDA,MAAMgB,kBAAkB,GAAGrB,IAAI,CAACG,UAAD,CAA/B;AAEA,SAASkB,kBAAkB,IAAIlB,UAA/B"}
+{"version":3,"file":"MenuButton.js","names":["Button","useUniqueId","ChevronDownIcon","memo","useCallback","useMemo","useState","MenuContext","jsx","_jsx","jsxs","_jsxs","MenuButton","_ref","ariaLabel","ariaLabelledBy","ariaDescribedBy","buttonLabel","buttonVariant","children","endIcon","id","idOverride","tooltipText","anchorEl","setAnchorEl","isOpen","Boolean","closeMenu","openMenu","event","currentTarget","uniqueId","menuListProps","providerValue","undefined","label","onClick","variant","_Menu","MenuListProps","onClose","open","Provider","value","MemoizedMenuButton","displayName"],"sources":["../src/MenuButton.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 { Button, buttonVariantValues, MenuItem, useUniqueId } from \"./\";\nimport { Divider, ListSubheader, Menu } from \"@mui/material\";\nimport { ChevronDownIcon } from \"./icons.generated\";\nimport { memo, type ReactElement, useCallback, useMemo, useState } from \"react\";\n\nimport { MenuContext, MenuContextType } from \"./MenuContext\";\nimport { NullElement } from \"./NullElement\";\n\nexport type MenuButtonProps = {\n  /**\n   * The ARIA label for the Button\n   */\n  ariaLabel?: string;\n  /**\n   * The ID of the element that labels the Button\n   */\n  ariaLabelledBy?: string;\n  /**\n   * The ID of the element that describes the Button\n   */\n  ariaDescribedBy?: string;\n  /**\n   * The label on the triggering Button\n   */\n  buttonLabel?: string;\n  /**\n   * The variant of the triggering Button\n   */\n  buttonVariant?: (typeof buttonVariantValues)[number];\n  /**\n   * The <MenuItem> components within the Menu.\n   */\n  children: Array<\n    ReactElement<\n      typeof MenuItem | typeof Divider | typeof ListSubheader | NullElement\n    >\n  >;\n  /**\n   * The end Icon on the trigggering Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * The id of the Button\n   */\n  id?: string;\n  /**\n   * The tooltip text for the Button if it's icon-only\n   */\n  tooltipText?: string;\n} & (\n  | {\n      ariaLabel?: string;\n      ariaLabelledBy?: string;\n      buttonLabel: string;\n    }\n  | {\n      ariaLabel: string;\n      ariaLabelledBy?: string;\n      buttonLabel?: undefined | \"\";\n    }\n  | {\n      ariaLabel?: string;\n      ariaLabelledBy: string;\n      buttonLabel?: undefined | \"\";\n    }\n);\n\nconst MenuButton = ({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  buttonLabel = \"\",\n  buttonVariant = \"secondary\",\n  children,\n  endIcon = <ChevronDownIcon />,\n  id: idOverride,\n  tooltipText,\n}: MenuButtonProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const isOpen = Boolean(anchorEl);\n\n  const closeMenu = useCallback<MenuContextType[\"closeMenu\"]>(() => {\n    setAnchorEl(null);\n  }, []);\n\n  const openMenu = useCallback<MenuContextType[\"openMenu\"]>((event) => {\n    setAnchorEl(event.currentTarget);\n  }, []);\n\n  const uniqueId = useUniqueId(idOverride);\n\n  const menuListProps = useMemo(\n    () => ({ \"aria-labelledby\": `${uniqueId}-button` }),\n    [uniqueId]\n  );\n\n  const providerValue = useMemo<MenuContextType>(\n    () => ({\n      closeMenu,\n      openMenu,\n    }),\n    [closeMenu, openMenu]\n  );\n\n  return (\n    <div>\n      <Button\n        aria-controls={isOpen ? `${uniqueId}-menu` : undefined}\n        aria-expanded={isOpen ? \"true\" : undefined}\n        aria-haspopup=\"true\"\n        ariaDescribedBy={ariaDescribedBy}\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        endIcon={endIcon}\n        id={`${uniqueId}-button`}\n        label={buttonLabel}\n        onClick={openMenu}\n        tooltipText={tooltipText}\n        variant={buttonVariant}\n      />\n\n      <Menu\n        anchorEl={anchorEl}\n        id={`${uniqueId}-menu`}\n        MenuListProps={menuListProps}\n        onClose={closeMenu}\n        open={isOpen}\n      >\n        <MenuContext.Provider value={providerValue}>\n          {children}\n        </MenuContext.Provider>\n      </Menu>\n    </div>\n  );\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\nMemoizedMenuButton.displayName = \"MenuButton\";\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA,SAYSA,MAAM,EAAiCC,WAAW;AAAA,SAElDC,eAAe;AACxB,SAASC,IAAI,EAAqBC,WAAW,EAAEC,OAAO,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAEvEC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AA8DpB,MAAMC,UAAU,GAAGC,IAAA,IAUI;EAAA,IAVH;IAClBC,SAAS;IACTC,cAAc;IACdC,eAAe;IACfC,WAAW,GAAG,EAAE;IAChBC,aAAa,GAAG,WAAW;IAC3BC,QAAQ;IACRC,OAAO,GAAGX,IAAA,CAACP,eAAe,IAAE,CAAC;IAC7BmB,EAAE,EAAEC,UAAU;IACdC;EACe,CAAC,GAAAV,IAAA;EAChB,MAAM,CAACW,QAAQ,EAAEC,WAAW,CAAC,GAAGnB,QAAQ,CAAqB,IAAI,CAAC;EAElE,MAAMoB,MAAM,GAAGC,OAAO,CAACH,QAAQ,CAAC;EAEhC,MAAMI,SAAS,GAAGxB,WAAW,CAA+B,MAAM;IAChEqB,WAAW,CAAC,IAAI,CAAC;EACnB,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMI,QAAQ,GAAGzB,WAAW,CAA+B0B,KAAK,IAAK;IACnEL,WAAW,CAACK,KAAK,CAACC,aAAa,CAAC;EAClC,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,QAAQ,GAAG/B,WAAW,CAACqB,UAAU,CAAC;EAExC,MAAMW,aAAa,GAAG5B,OAAO,CAC3B,OAAO;IAAE,iBAAiB,EAAG,GAAE2B,QAAS;EAAS,CAAC,CAAC,EACnD,CAACA,QAAQ,CACX,CAAC;EAED,MAAME,aAAa,GAAG7B,OAAO,CAC3B,OAAO;IACLuB,SAAS;IACTC;EACF,CAAC,CAAC,EACF,CAACD,SAAS,EAAEC,QAAQ,CACtB,CAAC;EAED,OACElB,KAAA;IAAAQ,QAAA,GACEV,IAAA,CAACT,MAAM;MACL,iBAAe0B,MAAM,GAAI,GAAEM,QAAS,OAAM,GAAGG,SAAU;MACvD,iBAAeT,MAAM,GAAG,MAAM,GAAGS,SAAU;MAC3C,iBAAc,MAAM;MACpBnB,eAAe,EAAEA,eAAgB;MACjCF,SAAS,EAAEA,SAAU;MACrBC,cAAc,EAAEA,cAAe;MAC/BK,OAAO,EAAEA,OAAQ;MACjBC,EAAE,EAAG,GAAEW,QAAS,SAAS;MACzBI,KAAK,EAAEnB,WAAY;MACnBoB,OAAO,EAAER,QAAS;MAClBN,WAAW,EAAEA,WAAY;MACzBe,OAAO,EAAEpB;IAAc,CACxB,CAAC,EAEFT,IAAA,CAAA8B,KAAA;MACEf,QAAQ,EAAEA,QAAS;MACnBH,EAAE,EAAG,GAAEW,QAAS,OAAO;MACvBQ,aAAa,EAAEP,aAAc;MAC7BQ,OAAO,EAAEb,SAAU;MACnBc,IAAI,EAAEhB,MAAO;MAAAP,QAAA,EAEbV,IAAA,CAACF,WAAW,CAACoC,QAAQ;QAACC,KAAK,EAAEV,aAAc;QAAAf,QAAA,EACxCA;MAAQ,CACW;IAAC,CACnB,CAAC;EAAA,CACJ,CAAC;AAEV,CAAC;AAED,MAAM0B,kBAAkB,GAAG1C,IAAI,CAACS,UAAU,CAAC;AAC3CiC,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,SAASD,kBAAkB,IAAIjC,UAAU"}

package/dist/MenuContext.js

@@ -0,0 +1,18 @@
+/*!
+ * 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 { createContext } from "react";
+export const MenuContext = createContext({
+  closeMenu: () => {},
+  openMenu: () => {}
+});
+//# sourceMappingURL=MenuContext.js.map

package/dist/MenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.js","names":["createContext","MenuContext","closeMenu","openMenu"],"sources":["../src/MenuContext.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 { createContext, MouseEventHandler } from \"react\";\n\nexport type MenuContextType = {\n  closeMenu: () => void;\n  openMenu: MouseEventHandler<HTMLElement>;\n};\n\nexport const MenuContext = createContext<MenuContextType>({\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  closeMenu: () => {},\n  // eslint-disable-next-line @typescript-eslint/no-empty-function\n  openMenu: () => {},\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAA2B,OAAO;AAOxD,OAAO,MAAMC,WAAW,GAAGD,aAAa,CAAkB;EAExDE,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EAEnBC,QAAQ,EAAEA,CAAA,KAAM,CAAC;AACnB,CAAC,CAAC"}

package/dist/MenuItem.js

@@ -1,5 +1,4 @@
 import _MenuItem from "@mui/material/MenuItem";
-
 /*!
  * 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.")
@@ -11,20 +10,36 @@ import _MenuItem from "@mui/material/MenuItem";
  *
  * See the License for the specific language governing permissions and limitations under the License.
  */
-import { memo, forwardRef } from "react";
 import { menuItemClasses } from "@mui/material/MenuItem";
+import { memo, useCallback, useContext } from "react";
+import { MenuContext } from "./MenuContext.js";
 import { jsx as _jsx } from "react/jsx-runtime";
-const MenuItem = forwardRef((_ref, ref) => {
+const MenuItem = _ref => {
   let {
-    isDestructive,
-    ...props
+    children,
+    hasInitialFocus,
+    isSelected,
+    onClick: onClickProp,
+    value,
+    variant = "default"
   } = _ref;
-  return _jsx(_MenuItem, { ...props,
-    ref: ref,
-    className: isDestructive ? `${menuItemClasses.root}-destructive` : undefined,
-    children: props.children
+  const {
+    closeMenu
+  } = useContext(MenuContext);
+  const onClick = useCallback(event => {
+    onClickProp?.(event);
+    closeMenu();
+  }, [onClickProp, closeMenu]);
+  return _jsx(_MenuItem, {
+    autoFocus: hasInitialFocus,
+    selected: isSelected,
+    value: value,
+    onClick: onClick,
+    className: variant === "destructive" ? `${menuItemClasses.root}-destructive` : undefined,
+    children: children
   });
-});
+};
 const MemoizedMenuItem = memo(MenuItem);
+MemoizedMenuItem.displayName = "MenuItem";
 export { MemoizedMenuItem as MenuItem };
 //# sourceMappingURL=MenuItem.js.map

package/dist/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["memo","forwardRef","menuItemClasses","MenuItem","ref","isDestructive","props","root","undefined","children","MemoizedMenuItem"],"sources":["../src/MenuItem.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, forwardRef } from \"react\";\nimport { MenuItem as MuiMenuItem } from \"@mui/material\";\nimport { menuItemClasses } from \"@mui/material/MenuItem\";\nimport type { MenuItemProps as MuiMenuItemProps } from \"@mui/material\";\n\nexport interface MenuItemProps\n  extends Omit<\n    MuiMenuItemProps,\n    | \"component\"\n    | \"dense\"\n    | \"disableGutters\"\n    | \"divider\"\n    | \"focusVisibleClassName\"\n  > {\n  /**\n   * Toggles whether or not the MenuItem represents a destructive action.\n   */\n  isDestructive?: boolean;\n}\n\nconst MenuItem = forwardRef<HTMLLIElement, MenuItemProps>(\n  ({ isDestructive, ...props }, ref) => (\n    <MuiMenuItem\n      {...props}\n      ref={ref}\n      className={\n        isDestructive ? `${menuItemClasses.root}-destructive` : undefined\n      }\n    >\n      {props.children}\n    </MuiMenuItem>\n  )\n);\n\nconst MemoizedMenuItem = memo(MenuItem);\n\nexport { MemoizedMenuItem as MenuItem };\n"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,SAASA,IAAT,EAAeC,UAAf,QAAiC,OAAjC;AAEA,SAASC,eAAT,QAAgC,wBAAhC;;AAkBA,MAAMC,QAAQ,GAAGF,UAAU,CACzB,OAA8BG,GAA9B;EAAA,IAAC;IAAEC,aAAF;IAAiB,GAAGC;EAApB,CAAD;EAAA,OACE,qBACMA,KADN;IAEE,GAAG,EAAEF,GAFP;IAGE,SAAS,EACPC,aAAa,GAAI,GAAEH,eAAe,CAACK,IAAK,cAA3B,GAA2CC,SAJ5D;IAAA,UAOGF,KAAK,CAACG;EAPT,EADF;AAAA,CADyB,CAA3B;AAcA,MAAMC,gBAAgB,GAAGV,IAAI,CAACG,QAAD,CAA7B;AAEA,SAASO,gBAAgB,IAAIP,QAA7B"}
+{"version":3,"file":"MenuItem.js","names":["menuItemClasses","memo","useCallback","useContext","MenuContext","jsx","_jsx","MenuItem","_ref","children","hasInitialFocus","isSelected","onClick","onClickProp","value","variant","closeMenu","event","_MenuItem","autoFocus","selected","className","root","undefined","MemoizedMenuItem","displayName"],"sources":["../src/MenuItem.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 {\n  MenuItem as MuiMenuItem,\n  MenuItemProps as MuiMenuItemProps,\n} from \"@mui/material\";\nimport { menuItemClasses } from \"@mui/material/MenuItem\";\nimport { memo, useCallback, useContext, type ReactNode } from \"react\";\n\nimport { MenuContext } from \"./MenuContext\";\n\nexport type MenuItemProps = {\n  /**\n   * The content of the menu item.\n   */\n  children: ReactNode;\n  /**\n   * If `true`, the menu item will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * If `true`, the menu item will be visually marked as selected.\n   */\n  isSelected?: boolean;\n  /**\n   * If `true`, the menu item will be visually marked as destructive.\n   */\n  isDestructive?: boolean;\n  /**\n   * Callback fired when the menu item is clicked.\n   */\n  onClick?: MuiMenuItemProps[\"onClick\"];\n  /**\n   * The value associated with the menu item.\n   */\n  value?: string;\n  /**\n   * The variant of the menu item.\n   * - \"default\": The default variant.\n   * - \"destructive\": A variant indicating a destructive action.\n   */\n  variant?: \"default\" | \"destructive\";\n};\n\nconst MenuItem = ({\n  children,\n  hasInitialFocus,\n  isSelected,\n  onClick: onClickProp,\n  value,\n  variant = \"default\",\n}: MenuItemProps) => {\n  const { closeMenu } = useContext(MenuContext);\n\n  const onClick = useCallback<NonNullable<MuiMenuItemProps[\"onClick\"]>>(\n    (event) => {\n      onClickProp?.(event);\n      closeMenu();\n    },\n    [onClickProp, closeMenu]\n  );\n\n  return (\n    <MuiMenuItem\n      /* eslint-disable-next-line jsx-a11y/no-autofocus */\n      autoFocus={hasInitialFocus}\n      selected={isSelected}\n      value={value}\n      onClick={onClick}\n      className={\n        variant === \"destructive\"\n          ? `${menuItemClasses.root}-destructive`\n          : undefined\n      }\n    >\n      {children}\n    </MuiMenuItem>\n  );\n};\n\nconst MemoizedMenuItem = memo(MenuItem);\nMemoizedMenuItem.displayName = \"MenuItem\";\n\nexport { MemoizedMenuItem as MenuItem };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA,SAASA,eAAe,QAAQ,wBAAwB;AACxD,SAASC,IAAI,EAAEC,WAAW,EAAEC,UAAU,QAAwB,OAAO;AAAC,SAE7DC,WAAW;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAmCpB,MAAMC,QAAQ,GAAGC,IAAA,IAOI;EAAA,IAPH;IAChBC,QAAQ;IACRC,eAAe;IACfC,UAAU;IACVC,OAAO,EAAEC,WAAW;IACpBC,KAAK;IACLC,OAAO,GAAG;EACG,CAAC,GAAAP,IAAA;EACd,MAAM;IAAEQ;EAAU,CAAC,GAAGb,UAAU,CAACC,WAAW,CAAC;EAE7C,MAAMQ,OAAO,GAAGV,WAAW,CACxBe,KAAK,IAAK;IACTJ,WAAW,GAAGI,KAAK,CAAC;IACpBD,SAAS,CAAC,CAAC;EACb,CAAC,EACD,CAACH,WAAW,EAAEG,SAAS,CACzB,CAAC;EAED,OACEV,IAAA,CAAAY,SAAA;IAEEC,SAAS,EAAET,eAAgB;IAC3BU,QAAQ,EAAET,UAAW;IACrBG,KAAK,EAAEA,KAAM;IACbF,OAAO,EAAEA,OAAQ;IACjBS,SAAS,EACPN,OAAO,KAAK,aAAa,GACpB,GAAEf,eAAe,CAACsB,IAAK,cAAa,GACrCC,SACL;IAAAd,QAAA,EAEAA;EAAQ,CACE,CAAC;AAElB,CAAC;AAED,MAAMe,gBAAgB,GAAGvB,IAAI,CAACM,QAAQ,CAAC;AACvCiB,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAIjB,QAAQ"}