@okta/odyssey-react-mui 1.6.20 → 1.7.0

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [1.7.0](https://github.com/okta/odyssey/compare/v1.6.21...v1.7.0) (2023-12-01)
+
+**Note:** Version bump only for package @okta/odyssey-react-mui
+
+## [1.6.21](https://github.com/okta/odyssey/compare/v1.6.20...v1.6.21) (2023-11-28)
+
+**Note:** Version bump only for package @okta/odyssey-react-mui
+
 ## [1.6.20](https://github.com/okta/odyssey/compare/v1.6.19...v1.6.20) (2023-11-28)
 
 **Note:** Version bump only for package @okta/odyssey-react-mui

package/dist/Button.js

@@ -56,14 +56,14 @@ const Button = _ref => {
     children: label
   }), [ariaDescribedBy, ariaLabel, ariaLabelledBy, endIcon, id, isDisabled, isFullWidth, label, onClick, size, startIcon, testId, type, variant]);
   return _jsxs(_Fragment, {
-    children: [tooltipText && _jsx(Tooltip, {
+    children: [tooltipText && !isDisabled && _jsx(Tooltip, {
       ariaType: "description",
       placement: "top",
       text: tooltipText,
       children: _jsx(MuiPropsContext.Consumer, {
         children: renderButton
       })
-    }), !tooltipText && renderButton(muiProps)]
+    }), (isDisabled || !tooltipText) && renderButton(muiProps)]
   });
 };
 const MemoizedButton = memo(Button);

package/dist/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","names":["memo","useCallback","MuiPropsContext","useMuiProps","Tooltip","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","buttonSizeValues","buttonTypeValues","buttonVariantValues","Button","_ref","ariaDescribedBy","ariaLabel","ariaLabelledBy","endIcon","id","isDisabled","isFullWidth","label","onClick","size","startIcon","testId","tooltipText","type","variant","muiProps","renderButton","_Button","disabled","fullWidth","children","ariaType","placement","text","Consumer","MemoizedButton","displayName"],"sources":["../src/Button.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 as MuiButton } from \"@mui/material\";\nimport type { ButtonProps as MuiButtonProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback } from \"react\";\n\nimport { MuiPropsContext, useMuiProps } from \"./MuiPropsContext\";\nimport { Tooltip } from \"./Tooltip\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\n\nexport const buttonSizeValues = [\"small\", \"medium\", \"large\"] as const;\nexport const buttonTypeValues = [\"button\", \"submit\", \"reset\"] as const;\nexport const buttonVariantValues = [\n  \"primary\",\n  \"secondary\",\n  \"tertiary\",\n  \"danger\",\n  \"floating\",\n] as const;\n\nexport type ButtonProps = {\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 icon element to display at the end of the Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * The ID of the Button\n   */\n  id?: string;\n  /**\n   * Determines whether the Button is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Determines whether the Button should take up the full available width\n   */\n  isFullWidth?: boolean;\n  /**\n   * The text content of the Button\n   */\n  label?: string;\n  /**\n   * The click event handler for the Button\n   */\n  onClick?: MuiButtonProps[\"onClick\"];\n  /**\n   * The size of the button\n   */\n  size?: (typeof buttonSizeValues)[number];\n  /**\n   * The icon element to display at the start of the Button\n   */\n  startIcon?: ReactElement;\n  /**\n   * The tooltip text for the Button if it's icon-only\n   */\n  tooltipText?: string;\n  /**\n   * The type of the HTML button element\n   */\n  type?: (typeof buttonTypeValues)[number];\n  /**\n   * The variant of the Button\n   */\n  variant: (typeof buttonVariantValues)[number];\n} & (\n  | {\n      endIcon?: ReactElement;\n      label: string;\n      startIcon?: ReactElement;\n    }\n  | {\n      endIcon?: ReactElement;\n      label?: \"\" | undefined;\n      startIcon: ReactElement;\n    }\n  | {\n      endIcon: ReactElement;\n      label?: \"\" | undefined;\n      startIcon?: ReactElement;\n    }\n) &\n  SeleniumProps;\n\nconst Button = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  endIcon,\n  id,\n  isDisabled,\n  isFullWidth,\n  label = \"\",\n  onClick,\n  size = \"medium\",\n  startIcon,\n  testId,\n  tooltipText,\n  type = \"button\",\n  variant,\n}: ButtonProps) => {\n  const muiProps = useMuiProps();\n\n  const renderButton = useCallback(\n    (muiProps) => (\n      <MuiButton\n        {...muiProps}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        data-se={testId}\n        disabled={isDisabled}\n        endIcon={endIcon}\n        fullWidth={isFullWidth}\n        id={id}\n        onClick={onClick}\n        size={size}\n        startIcon={startIcon}\n        type={type}\n        variant={variant}\n      >\n        {label}\n      </MuiButton>\n    ),\n    [\n      ariaDescribedBy,\n      ariaLabel,\n      ariaLabelledBy,\n      endIcon,\n      id,\n      isDisabled,\n      isFullWidth,\n      label,\n      onClick,\n      size,\n      startIcon,\n      testId,\n      type,\n      variant,\n    ]\n  );\n\n  return (\n    <>\n      {tooltipText && (\n        <Tooltip ariaType=\"description\" placement=\"top\" text={tooltipText}>\n          <MuiPropsContext.Consumer>{renderButton}</MuiPropsContext.Consumer>\n        </Tooltip>\n      )}\n\n      {!tooltipText && renderButton(muiProps)}\n    </>\n  );\n};\n\nconst MemoizedButton = memo(Button);\nMemoizedButton.displayName = \"Button\";\n\nexport { MemoizedButton as Button };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA,SAASA,IAAI,EAAgBC,WAAW,QAAQ,OAAO;AAAC,SAE/CC,eAAe,EAAEC,WAAW;AAAA,SAC5BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGhB,OAAO,MAAMC,gBAAgB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU;AACrE,OAAO,MAAMC,gBAAgB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAU;AACtE,OAAO,MAAMC,mBAAmB,GAAG,CACjC,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,EACR,UAAU,CACF;AA8EV,MAAMC,MAAM,GAAGC,IAAA,IAgBI;EAAA,IAhBH;IACdC,eAAe;IACfC,SAAS;IACTC,cAAc;IACdC,OAAO;IACPC,EAAE;IACFC,UAAU;IACVC,WAAW;IACXC,KAAK,GAAG,EAAE;IACVC,OAAO;IACPC,IAAI,GAAG,QAAQ;IACfC,SAAS;IACTC,MAAM;IACNC,WAAW;IACXC,IAAI,GAAG,QAAQ;IACfC;EACW,CAAC,GAAAf,IAAA;EACZ,MAAMgB,QAAQ,GAAG5B,WAAW,CAAC,CAAC;EAE9B,MAAM6B,YAAY,GAAG/B,WAAW,CAC7B8B,QAAQ,IACPzB,IAAA,CAAA2B,OAAA;IAAA,GACMF,QAAQ;IACZ,cAAYd,SAAU;IACtB,mBAAiBC,cAAe;IAChC,oBAAkBF,eAAgB;IAClC,WAASW,MAAO;IAChBO,QAAQ,EAAEb,UAAW;IACrBF,OAAO,EAAEA,OAAQ;IACjBgB,SAAS,EAAEb,WAAY;IACvBF,EAAE,EAAEA,EAAG;IACPI,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBG,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IAAAM,QAAA,EAEhBb;EAAK,CACG,CACZ,EACD,CACEP,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,OAAO,EACPC,EAAE,EACFC,UAAU,EACVC,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNE,IAAI,EACJC,OAAO,CAEX,CAAC;EAED,OACEpB,KAAA,CAAAF,SAAA;IAAA4B,QAAA,GACGR,WAAW,IACVtB,IAAA,CAACF,OAAO;MAACiC,QAAQ,EAAC,aAAa;MAACC,SAAS,EAAC,KAAK;MAACC,IAAI,EAAEX,WAAY;MAAAQ,QAAA,EAChE9B,IAAA,CAACJ,eAAe,CAACsC,QAAQ;QAAAJ,QAAA,EAAEJ;MAAY,CAA2B;IAAC,CAC5D,CACV,EAEA,CAACJ,WAAW,IAAII,YAAY,CAACD,QAAQ,CAAC;EAAA,CACvC,CAAC;AAEP,CAAC;AAED,MAAMU,cAAc,GAAGzC,IAAI,CAACc,MAAM,CAAC;AACnC2B,cAAc,CAACC,WAAW,GAAG,QAAQ;AAErC,SAASD,cAAc,IAAI3B,MAAM"}
+{"version":3,"file":"Button.js","names":["memo","useCallback","MuiPropsContext","useMuiProps","Tooltip","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","buttonSizeValues","buttonTypeValues","buttonVariantValues","Button","_ref","ariaDescribedBy","ariaLabel","ariaLabelledBy","endIcon","id","isDisabled","isFullWidth","label","onClick","size","startIcon","testId","tooltipText","type","variant","muiProps","renderButton","_Button","disabled","fullWidth","children","ariaType","placement","text","Consumer","MemoizedButton","displayName"],"sources":["../src/Button.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 as MuiButton } from \"@mui/material\";\nimport type { ButtonProps as MuiButtonProps } from \"@mui/material\";\nimport { memo, ReactElement, useCallback } from \"react\";\n\nimport { MuiPropsContext, useMuiProps } from \"./MuiPropsContext\";\nimport { Tooltip } from \"./Tooltip\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\n\nexport const buttonSizeValues = [\"small\", \"medium\", \"large\"] as const;\nexport const buttonTypeValues = [\"button\", \"submit\", \"reset\"] as const;\nexport const buttonVariantValues = [\n  \"primary\",\n  \"secondary\",\n  \"tertiary\",\n  \"danger\",\n  \"floating\",\n] as const;\n\nexport type ButtonProps = {\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 icon element to display at the end of the Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * The ID of the Button\n   */\n  id?: string;\n  /**\n   * Determines whether the Button is disabled\n   */\n  isDisabled?: boolean;\n  /**\n   * Determines whether the Button should take up the full available width\n   */\n  isFullWidth?: boolean;\n  /**\n   * The text content of the Button\n   */\n  label?: string;\n  /**\n   * The click event handler for the Button\n   */\n  onClick?: MuiButtonProps[\"onClick\"];\n  /**\n   * The size of the button\n   */\n  size?: (typeof buttonSizeValues)[number];\n  /**\n   * The icon element to display at the start of the Button\n   */\n  startIcon?: ReactElement;\n  /**\n   * The tooltip text for the Button if it's icon-only\n   */\n  tooltipText?: string;\n  /**\n   * The type of the HTML button element\n   */\n  type?: (typeof buttonTypeValues)[number];\n  /**\n   * The variant of the Button\n   */\n  variant: (typeof buttonVariantValues)[number];\n} & (\n  | {\n      endIcon?: ReactElement;\n      label: string;\n      startIcon?: ReactElement;\n    }\n  | {\n      endIcon?: ReactElement;\n      label?: \"\" | undefined;\n      startIcon: ReactElement;\n    }\n  | {\n      endIcon: ReactElement;\n      label?: \"\" | undefined;\n      startIcon?: ReactElement;\n    }\n) &\n  SeleniumProps;\n\nconst Button = ({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  endIcon,\n  id,\n  isDisabled,\n  isFullWidth,\n  label = \"\",\n  onClick,\n  size = \"medium\",\n  startIcon,\n  testId,\n  tooltipText,\n  type = \"button\",\n  variant,\n}: ButtonProps) => {\n  const muiProps = useMuiProps();\n\n  const renderButton = useCallback(\n    (muiProps) => (\n      <MuiButton\n        {...muiProps}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        aria-describedby={ariaDescribedBy}\n        data-se={testId}\n        disabled={isDisabled}\n        endIcon={endIcon}\n        fullWidth={isFullWidth}\n        id={id}\n        onClick={onClick}\n        size={size}\n        startIcon={startIcon}\n        type={type}\n        variant={variant}\n      >\n        {label}\n      </MuiButton>\n    ),\n    [\n      ariaDescribedBy,\n      ariaLabel,\n      ariaLabelledBy,\n      endIcon,\n      id,\n      isDisabled,\n      isFullWidth,\n      label,\n      onClick,\n      size,\n      startIcon,\n      testId,\n      type,\n      variant,\n    ]\n  );\n\n  return (\n    <>\n      {tooltipText && !isDisabled && (\n        <Tooltip ariaType=\"description\" placement=\"top\" text={tooltipText}>\n          <MuiPropsContext.Consumer>{renderButton}</MuiPropsContext.Consumer>\n        </Tooltip>\n      )}\n\n      {(isDisabled || !tooltipText) && renderButton(muiProps)}\n    </>\n  );\n};\n\nconst MemoizedButton = memo(Button);\nMemoizedButton.displayName = \"Button\";\n\nexport { MemoizedButton as Button };\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAIA,SAASA,IAAI,EAAgBC,WAAW,QAAQ,OAAO;AAAC,SAE/CC,eAAe,EAAEC,WAAW;AAAA,SAC5BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAGhB,OAAO,MAAMC,gBAAgB,GAAG,CAAC,OAAO,EAAE,QAAQ,EAAE,OAAO,CAAU;AACrE,OAAO,MAAMC,gBAAgB,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,OAAO,CAAU;AACtE,OAAO,MAAMC,mBAAmB,GAAG,CACjC,SAAS,EACT,WAAW,EACX,UAAU,EACV,QAAQ,EACR,UAAU,CACF;AA8EV,MAAMC,MAAM,GAAGC,IAAA,IAgBI;EAAA,IAhBH;IACdC,eAAe;IACfC,SAAS;IACTC,cAAc;IACdC,OAAO;IACPC,EAAE;IACFC,UAAU;IACVC,WAAW;IACXC,KAAK,GAAG,EAAE;IACVC,OAAO;IACPC,IAAI,GAAG,QAAQ;IACfC,SAAS;IACTC,MAAM;IACNC,WAAW;IACXC,IAAI,GAAG,QAAQ;IACfC;EACW,CAAC,GAAAf,IAAA;EACZ,MAAMgB,QAAQ,GAAG5B,WAAW,CAAC,CAAC;EAE9B,MAAM6B,YAAY,GAAG/B,WAAW,CAC7B8B,QAAQ,IACPzB,IAAA,CAAA2B,OAAA;IAAA,GACMF,QAAQ;IACZ,cAAYd,SAAU;IACtB,mBAAiBC,cAAe;IAChC,oBAAkBF,eAAgB;IAClC,WAASW,MAAO;IAChBO,QAAQ,EAAEb,UAAW;IACrBF,OAAO,EAAEA,OAAQ;IACjBgB,SAAS,EAAEb,WAAY;IACvBF,EAAE,EAAEA,EAAG;IACPI,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXC,SAAS,EAAEA,SAAU;IACrBG,IAAI,EAAEA,IAAK;IACXC,OAAO,EAAEA,OAAQ;IAAAM,QAAA,EAEhBb;EAAK,CACG,CACZ,EACD,CACEP,eAAe,EACfC,SAAS,EACTC,cAAc,EACdC,OAAO,EACPC,EAAE,EACFC,UAAU,EACVC,WAAW,EACXC,KAAK,EACLC,OAAO,EACPC,IAAI,EACJC,SAAS,EACTC,MAAM,EACNE,IAAI,EACJC,OAAO,CAEX,CAAC;EAED,OACEpB,KAAA,CAAAF,SAAA;IAAA4B,QAAA,GACGR,WAAW,IAAI,CAACP,UAAU,IACzBf,IAAA,CAACF,OAAO;MAACiC,QAAQ,EAAC,aAAa;MAACC,SAAS,EAAC,KAAK;MAACC,IAAI,EAAEX,WAAY;MAAAQ,QAAA,EAChE9B,IAAA,CAACJ,eAAe,CAACsC,QAAQ;QAAAJ,QAAA,EAAEJ;MAAY,CAA2B;IAAC,CAC5D,CACV,EAEA,CAACX,UAAU,IAAI,CAACO,WAAW,KAAKI,YAAY,CAACD,QAAQ,CAAC;EAAA,CACvD,CAAC;AAEP,CAAC;AAED,MAAMU,cAAc,GAAGzC,IAAI,CAACc,MAAM,CAAC;AACnC2B,cAAc,CAACC,WAAW,GAAG,QAAQ;AAErC,SAASD,cAAc,IAAI3B,MAAM"}

package/dist/MenuButton.js

@@ -16,6 +16,7 @@ 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";
+export const menuAlignmentValues = ["left", "right"];
 const MenuButton = _ref => {
   let {
     ariaLabel,
@@ -24,9 +25,11 @@ const MenuButton = _ref => {
     buttonLabel = "",
     buttonVariant = "secondary",
     children,
+    shouldCloseOnSelect = true,
     endIcon: endIconProp,
     id: idOverride,
     isOverflow,
+    menuAlignment = "left",
     size,
     testId,
     tooltipText
@@ -45,9 +48,18 @@ const MenuButton = _ref => {
   }), [uniqueId]);
   const providerValue = useMemo(() => ({
     closeMenu,
-    openMenu
-  }), [closeMenu, openMenu]);
+    openMenu,
+    shouldCloseOnSelect
+  }), [closeMenu, openMenu, shouldCloseOnSelect]);
   const endIcon = endIconProp ? endIconProp : isOverflow ? _jsx(MoreIcon, {}) : _jsx(ChevronDownIcon, {});
+  const anchorOrigin = useMemo(() => ({
+    horizontal: menuAlignment,
+    vertical: "bottom"
+  }), [menuAlignment]);
+  const transformOrigin = useMemo(() => ({
+    horizontal: menuAlignment,
+    vertical: "top"
+  }), [menuAlignment]);
   return _jsxs("div", {
     children: [_jsx(Button, {
       "aria-controls": isOpen ? `${uniqueId}-menu` : undefined,
@@ -65,6 +77,8 @@ const MenuButton = _ref => {
       tooltipText: tooltipText,
       variant: buttonVariant
     }), _jsx(_Menu, {
+      anchorOrigin: anchorOrigin,
+      transformOrigin: transformOrigin,
       anchorEl: anchorEl,
       id: `${uniqueId}-menu`,
       MenuListProps: menuListProps,

package/dist/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","names":["Button","useUniqueId","ChevronDownIcon","MoreIcon","memo","useCallback","useMemo","useState","MenuContext","jsx","_jsx","jsxs","_jsxs","MenuButton","_ref","ariaLabel","ariaLabelledBy","ariaDescribedBy","buttonLabel","buttonVariant","children","endIcon","endIconProp","id","idOverride","isOverflow","size","testId","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 {\n  Button,\n  buttonSizeValues,\n  buttonVariantValues,\n  MenuItem,\n  useUniqueId,\n} from \"./\";\nimport { Divider, ListSubheader, Menu } from \"@mui/material\";\nimport { ChevronDownIcon, MoreIcon } from \"./icons.generated\";\nimport { memo, type ReactElement, useCallback, useMemo, useState } from \"react\";\n\nimport { MenuContext, MenuContextType } from \"./MenuContext\";\nimport { NullElement } from \"./NullElement\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\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<typeof MenuItem | typeof Divider | typeof ListSubheader>\n    | NullElement\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   * If the MenuButton is an overflow menu or standard menu.\n   */\n  isOverflow?: boolean;\n  /**\n   * The size of the button\n   */\n  size?: (typeof buttonSizeValues)[number];\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  SeleniumProps;\n\nconst MenuButton = ({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  buttonLabel = \"\",\n  buttonVariant = \"secondary\",\n  children,\n  endIcon: endIconProp,\n  id: idOverride,\n  isOverflow,\n  size,\n  testId,\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  const endIcon = endIconProp ? (\n    endIconProp\n  ) : isOverflow ? (\n    <MoreIcon />\n  ) : (\n    <ChevronDownIcon />\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        data-se={testId}\n        endIcon={endIcon}\n        id={`${uniqueId}-button`}\n        label={buttonLabel}\n        onClick={openMenu}\n        size={size}\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":"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"}
+{"version":3,"file":"MenuButton.js","names":["Button","useUniqueId","ChevronDownIcon","MoreIcon","memo","useCallback","useMemo","useState","MenuContext","jsx","_jsx","jsxs","_jsxs","menuAlignmentValues","MenuButton","_ref","ariaLabel","ariaLabelledBy","ariaDescribedBy","buttonLabel","buttonVariant","children","shouldCloseOnSelect","endIcon","endIconProp","id","idOverride","isOverflow","menuAlignment","size","testId","tooltipText","anchorEl","setAnchorEl","isOpen","Boolean","closeMenu","openMenu","event","currentTarget","uniqueId","menuListProps","providerValue","anchorOrigin","horizontal","vertical","transformOrigin","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 {\n  Button,\n  buttonSizeValues,\n  buttonVariantValues,\n  MenuItem,\n  useUniqueId,\n} from \"./\";\nimport {\n  Divider,\n  ListSubheader,\n  Menu as MuiMenu,\n  PopoverOrigin,\n} from \"@mui/material\";\nimport { ChevronDownIcon, MoreIcon } from \"./icons.generated\";\nimport { memo, type ReactElement, useCallback, useMemo, useState } from \"react\";\n\nimport { MenuContext, MenuContextType } from \"./MenuContext\";\nimport { NullElement } from \"./NullElement\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\n\nexport const menuAlignmentValues = [\"left\", \"right\"] as const;\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:\n    | ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader>\n    | Array<\n        | ReactElement<typeof MenuItem | typeof Divider | typeof ListSubheader>\n        | NullElement\n      >\n    | NullElement;\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   * If the MenuButton is an overflow menu or standard menu.\n   */\n  isOverflow?: boolean;\n  /**\n   * The horizontal alignment of the menu.\n   */\n  menuAlignment?: (typeof menuAlignmentValues)[number];\n  /**\n   * If true (the default), the menu will close when a child MenuItem is clicked.\n   * Otherwise, it will remain open.\n   */\n  shouldCloseOnSelect?: boolean;\n  /**\n   * The size of the button\n   */\n  size?: (typeof buttonSizeValues)[number];\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  SeleniumProps;\n\nconst MenuButton = ({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  buttonLabel = \"\",\n  buttonVariant = \"secondary\",\n  children,\n  shouldCloseOnSelect = true,\n  endIcon: endIconProp,\n  id: idOverride,\n  isOverflow,\n  menuAlignment = \"left\",\n  size,\n  testId,\n  tooltipText,\n}: MenuButtonProps) => {\n  const [anchorEl, setAnchorEl] = useState<null | HTMLElement>(null);\n\n  const isOpen = Boolean(anchorEl);\n\n  const closeMenu = useCallback(() => {\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      shouldCloseOnSelect,\n    }),\n    [closeMenu, openMenu, shouldCloseOnSelect]\n  );\n\n  const endIcon = endIconProp ? (\n    endIconProp\n  ) : isOverflow ? (\n    <MoreIcon />\n  ) : (\n    <ChevronDownIcon />\n  );\n\n  const anchorOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"bottom\",\n      } as PopoverOrigin),\n    [menuAlignment]\n  );\n\n  const transformOrigin = useMemo(\n    () =>\n      ({\n        horizontal: menuAlignment,\n        vertical: \"top\",\n      } as PopoverOrigin),\n    [menuAlignment]\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        data-se={testId}\n        endIcon={endIcon}\n        id={`${uniqueId}-button`}\n        label={buttonLabel}\n        onClick={openMenu}\n        size={size}\n        tooltipText={tooltipText}\n        variant={buttonVariant}\n      />\n\n      <MuiMenu\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\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      </MuiMenu>\n    </div>\n  );\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\nMemoizedMenuButton.displayName = \"MenuButton\";\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":"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"}

package/dist/MenuContext.js

@@ -13,6 +13,7 @@
 import { createContext } from "react";
 export const MenuContext = createContext({
   closeMenu: () => {},
-  openMenu: () => {}
+  openMenu: () => {},
+  shouldCloseOnSelect: true
 });
 //# sourceMappingURL=MenuContext.js.map

package/dist/MenuContext.js.map

@@ -1 +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"}
+{"version":3,"file":"MenuContext.js","names":["createContext","MenuContext","closeMenu","openMenu","shouldCloseOnSelect"],"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  shouldCloseOnSelect: boolean;\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  shouldCloseOnSelect: true,\n});\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAA2B,OAAO;AAQxD,OAAO,MAAMC,WAAW,GAAGD,aAAa,CAAkB;EAExDE,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EAEnBC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,mBAAmB,EAAE;AACvB,CAAC,CAAC"}

package/dist/MenuItem.js

@@ -26,12 +26,15 @@ const MenuItem = _ref => {
     variant = "default"
   } = _ref;
   const {
-    closeMenu
+    closeMenu,
+    shouldCloseOnSelect
   } = useContext(MenuContext);
   const onClick = useCallback(event => {
     onClickProp?.(event);
-    closeMenu();
-  }, [onClickProp, closeMenu]);
+    if (shouldCloseOnSelect) {
+      closeMenu();
+    }
+  }, [onClickProp, closeMenu, shouldCloseOnSelect]);
   return _jsx(_MenuItem, {
     autoFocus: hasInitialFocus,
     className: variant === "destructive" ? `${menuItemClasses.root}-destructive` : undefined,

package/dist/MenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuItem.js","names":["menuItemClasses","memo","useCallback","useContext","MenuContext","jsx","_jsx","MenuItem","_ref","children","hasInitialFocus","isSelected","isDisabled","onClick","onClickProp","testId","value","variant","closeMenu","event","_MenuItem","autoFocus","className","root","undefined","disabled","selected","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\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\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 disabled.\n   */\n  isDisabled?: 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} & SeleniumProps;\n\nconst MenuItem = ({\n  children,\n  hasInitialFocus,\n  isSelected,\n  isDisabled,\n  onClick: onClickProp,\n  testId,\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      className={\n        variant === \"destructive\"\n          ? `${menuItemClasses.root}-destructive`\n          : undefined\n      }\n      data-se={testId}\n      disabled={isDisabled}\n      onClick={onClick}\n      selected={isSelected}\n      value={value}\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;AAoCpB,MAAMC,QAAQ,GAAGC,IAAA,IASI;EAAA,IATH;IAChBC,QAAQ;IACRC,eAAe;IACfC,UAAU;IACVC,UAAU;IACVC,OAAO,EAAEC,WAAW;IACpBC,MAAM;IACNC,KAAK;IACLC,OAAO,GAAG;EACG,CAAC,GAAAT,IAAA;EACd,MAAM;IAAEU;EAAU,CAAC,GAAGf,UAAU,CAACC,WAAW,CAAC;EAE7C,MAAMS,OAAO,GAAGX,WAAW,CACxBiB,KAAK,IAAK;IACTL,WAAW,GAAGK,KAAK,CAAC;IACpBD,SAAS,CAAC,CAAC;EACb,CAAC,EACD,CAACJ,WAAW,EAAEI,SAAS,CACzB,CAAC;EAED,OACEZ,IAAA,CAAAc,SAAA;IAEEC,SAAS,EAAEX,eAAgB;IAC3BY,SAAS,EACPL,OAAO,KAAK,aAAa,GACpB,GAAEjB,eAAe,CAACuB,IAAK,cAAa,GACrCC,SACL;IACD,WAAST,MAAO;IAChBU,QAAQ,EAAEb,UAAW;IACrBC,OAAO,EAAEA,OAAQ;IACjBa,QAAQ,EAAEf,UAAW;IACrBK,KAAK,EAAEA,KAAM;IAAAP,QAAA,EAEZA;EAAQ,CACE,CAAC;AAElB,CAAC;AAED,MAAMkB,gBAAgB,GAAG1B,IAAI,CAACM,QAAQ,CAAC;AACvCoB,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAIpB,QAAQ"}
+{"version":3,"file":"MenuItem.js","names":["menuItemClasses","memo","useCallback","useContext","MenuContext","jsx","_jsx","MenuItem","_ref","children","hasInitialFocus","isSelected","isDisabled","onClick","onClickProp","testId","value","variant","closeMenu","shouldCloseOnSelect","event","_MenuItem","autoFocus","className","root","undefined","disabled","selected","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\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\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 disabled.\n   */\n  isDisabled?: 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} & SeleniumProps;\n\nconst MenuItem = ({\n  children,\n  hasInitialFocus,\n  isSelected,\n  isDisabled,\n  onClick: onClickProp,\n  testId,\n  value,\n  variant = \"default\",\n}: MenuItemProps) => {\n  const { closeMenu, shouldCloseOnSelect } = useContext(MenuContext);\n\n  const onClick = useCallback<NonNullable<MuiMenuItemProps[\"onClick\"]>>(\n    (event) => {\n      onClickProp?.(event);\n      if (shouldCloseOnSelect) {\n        closeMenu();\n      }\n    },\n    [onClickProp, closeMenu, shouldCloseOnSelect]\n  );\n\n  return (\n    <MuiMenuItem\n      /* eslint-disable-next-line jsx-a11y/no-autofocus */\n      autoFocus={hasInitialFocus}\n      className={\n        variant === \"destructive\"\n          ? `${menuItemClasses.root}-destructive`\n          : undefined\n      }\n      data-se={testId}\n      disabled={isDisabled}\n      onClick={onClick}\n      selected={isSelected}\n      value={value}\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;AAoCpB,MAAMC,QAAQ,GAAGC,IAAA,IASI;EAAA,IATH;IAChBC,QAAQ;IACRC,eAAe;IACfC,UAAU;IACVC,UAAU;IACVC,OAAO,EAAEC,WAAW;IACpBC,MAAM;IACNC,KAAK;IACLC,OAAO,GAAG;EACG,CAAC,GAAAT,IAAA;EACd,MAAM;IAAEU,SAAS;IAAEC;EAAoB,CAAC,GAAGhB,UAAU,CAACC,WAAW,CAAC;EAElE,MAAMS,OAAO,GAAGX,WAAW,CACxBkB,KAAK,IAAK;IACTN,WAAW,GAAGM,KAAK,CAAC;IACpB,IAAID,mBAAmB,EAAE;MACvBD,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EACD,CAACJ,WAAW,EAAEI,SAAS,EAAEC,mBAAmB,CAC9C,CAAC;EAED,OACEb,IAAA,CAAAe,SAAA;IAEEC,SAAS,EAAEZ,eAAgB;IAC3Ba,SAAS,EACPN,OAAO,KAAK,aAAa,GACpB,GAAEjB,eAAe,CAACwB,IAAK,cAAa,GACrCC,SACL;IACD,WAASV,MAAO;IAChBW,QAAQ,EAAEd,UAAW;IACrBC,OAAO,EAAEA,OAAQ;IACjBc,QAAQ,EAAEhB,UAAW;IACrBK,KAAK,EAAEA,KAAM;IAAAP,QAAA,EAEZA;EAAQ,CACE,CAAC;AAElB,CAAC;AAED,MAAMmB,gBAAgB,GAAG3B,IAAI,CAACM,QAAQ,CAAC;AACvCqB,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAIrB,QAAQ"}

package/dist/SearchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.js","names":["useState","useEffect","forwardRef","memo","useCallback","CloseCircleFilledIcon","SearchIcon","Field","jsx","_jsx","SearchField","_ref","ref","autoCompleteType","hasInitialFocus","id","idOverride","isDisabled","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","onClear","onClearProp","placeholder","testId","value","controlledValue","uncontrolledValue","setUncontrolledValue","event","currentTarget","undefined","renderFieldComponent","_ref2","ariaDescribedBy","_InputBase","autoComplete","autoFocus","endAdornment","_InputAdornment","position","children","_IconButton","disabled","onClick","size","startAdornment","type","fieldType","hasVisibleLabel","isOptional","MemoizedSearchField","displayName"],"sources":["../src/SearchField.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 { useState, useEffect } from \"react\";\nimport { InputAdornment, InputBase, IconButton } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  useCallback,\n} from \"react\";\n\nimport { CloseCircleFilledIcon, SearchIcon } from \"./icons.generated\";\nimport { Field } from \"./Field\";\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\n\nexport type SearchFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\n  /**\n   * This label won't show up visually, but it's required for accessibility.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the clear button is pressed.\n   */\n  onClear?: () => void;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & Pick<FieldComponentProps, \"id\" | \"isDisabled\" | \"name\"> &\n  SeleniumProps;\n\nconst SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      autoCompleteType,\n      hasInitialFocus,\n      id: idOverride,\n      isDisabled = false,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      onClear: onClearProp,\n      placeholder,\n      testId,\n      value: controlledValue,\n    },\n    ref\n  ) => {\n    const [uncontrolledValue, setUncontrolledValue] = useState(\"\");\n\n    const onChange: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> =\n      useCallback(\n        (event) => {\n          setUncontrolledValue(event.currentTarget.value);\n          onChangeProp?.(event);\n        },\n        [onChangeProp]\n      );\n\n    const onClear = useCallback(() => {\n      setUncontrolledValue(\"\");\n      onClearProp?.();\n    }, [onClearProp]);\n\n    useEffect(() => {\n      if (controlledValue !== undefined) {\n        setUncontrolledValue(controlledValue);\n      }\n    }, [controlledValue]);\n\n    const renderFieldComponent = useCallback(\n      ({ ariaDescribedBy, id }) => (\n        <InputBase\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          data-se={testId}\n          endAdornment={\n            uncontrolledValue && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-label=\"Clear\"\n                  disabled={isDisabled}\n                  onClick={onClear}\n                  size=\"small\"\n                >\n                  <CloseCircleFilledIcon />\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          ref={ref}\n          startAdornment={\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          }\n          type=\"search\"\n          value={\n            controlledValue === undefined ? uncontrolledValue : controlledValue\n          }\n        />\n      ),\n      [\n        autoCompleteType,\n        controlledValue,\n        hasInitialFocus,\n        isDisabled,\n        nameOverride,\n        onBlur,\n        onChange,\n        onClear,\n        onFocus,\n        placeholder,\n        ref,\n        testId,\n        uncontrolledValue,\n      ]\n    );\n\n    return (\n      <Field\n        fieldType=\"single\"\n        hasVisibleLabel={false}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isOptional={true}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  }\n);\n\nconst MemoizedSearchField = memo(SearchField);\nMemoizedSearchField.displayName = \"SearchField\";\n\nexport { MemoizedSearchField as SearchField };\n"],"mappings":"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"}
+{"version":3,"file":"SearchField.js","names":["useState","useEffect","forwardRef","memo","useCallback","CloseCircleFilledIcon","SearchIcon","Field","jsx","_jsx","SearchField","_ref","ref","autoCompleteType","hasInitialFocus","id","idOverride","isDisabled","label","name","nameOverride","onChange","onChangeProp","onFocus","onBlur","onClear","onClearProp","placeholder","testId","value","controlledValue","uncontrolledValue","setUncontrolledValue","event","currentTarget","undefined","renderFieldComponent","_ref2","ariaDescribedBy","_InputBase","autoComplete","autoFocus","endAdornment","_InputAdornment","position","children","_IconButton","disabled","onClick","size","startAdornment","type","fieldType","hasVisibleLabel","isOptional","MemoizedSearchField","displayName"],"sources":["../src/SearchField.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 { useState, useEffect } from \"react\";\nimport { InputAdornment, InputBase, IconButton } from \"@mui/material\";\nimport {\n  ChangeEventHandler,\n  FocusEventHandler,\n  forwardRef,\n  InputHTMLAttributes,\n  memo,\n  useCallback,\n} from \"react\";\n\nimport { CloseCircleFilledIcon, SearchIcon } from \"./icons.generated\";\nimport { Field } from \"./Field\";\nimport { FieldComponentProps } from \"./FieldComponentProps\";\nimport type { SeleniumProps } from \"./SeleniumProps\";\n\nexport type SearchFieldProps = {\n  /**\n   * This prop helps users to fill forms faster, especially on mobile devices.\n   * The name can be confusing, as it's more like an autofill.\n   * You can learn more about it [following the specification](https://html.spec.whatwg.org/multipage/form-control-infrastructure.html#autofill).\n   */\n  autoCompleteType?: InputHTMLAttributes<HTMLInputElement>[\"autoComplete\"];\n  /**\n   * If `true`, the component will receive focus automatically.\n   */\n  hasInitialFocus?: boolean;\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   * This label won't show up visually, but it's required for accessibility.\n   */\n  label: string;\n  /**\n   * Callback fired when the `input` element loses focus.\n   */\n  onBlur?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * Callback fired when the clear button is pressed.\n   */\n  onClear?: () => void;\n  /**\n   * Callback fired when the value is changed.\n   */\n  onChange?: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement>;\n  /**\n   * Callback fired when the `input` element get focus.\n   */\n  onFocus?: FocusEventHandler<HTMLInputElement | HTMLTextAreaElement>;\n  /**\n   * The short hint displayed in the `input` before the user enters a value.\n   */\n  placeholder?: string;\n  /**\n   * The value of the `input` element, required for a controlled component.\n   */\n  value?: string;\n} & Pick<FieldComponentProps, \"id\" | \"isDisabled\" | \"name\"> &\n  SeleniumProps;\n\nconst SearchField = forwardRef<HTMLInputElement, SearchFieldProps>(\n  (\n    {\n      autoCompleteType,\n      hasInitialFocus,\n      id: idOverride,\n      isDisabled = false,\n      label,\n      name: nameOverride,\n      onChange: onChangeProp,\n      onFocus,\n      onBlur,\n      onClear: onClearProp,\n      placeholder,\n      testId,\n      value: controlledValue,\n    },\n    ref\n  ) => {\n    const [uncontrolledValue, setUncontrolledValue] = useState(\"\");\n\n    const onChange: ChangeEventHandler<HTMLTextAreaElement | HTMLInputElement> =\n      useCallback(\n        (event) => {\n          setUncontrolledValue(event.currentTarget.value);\n          onChangeProp?.(event);\n        },\n        [onChangeProp]\n      );\n\n    const onClear = useCallback(() => {\n      setUncontrolledValue(\"\");\n      onClearProp?.();\n    }, [onClearProp]);\n\n    useEffect(() => {\n      if (controlledValue !== undefined) {\n        setUncontrolledValue(controlledValue);\n      }\n    }, [controlledValue]);\n\n    const renderFieldComponent = useCallback(\n      ({ ariaDescribedBy, id }) => (\n        <InputBase\n          aria-describedby={ariaDescribedBy}\n          autoComplete={autoCompleteType}\n          /* eslint-disable-next-line jsx-a11y/no-autofocus */\n          autoFocus={hasInitialFocus}\n          data-se={testId}\n          endAdornment={\n            uncontrolledValue && (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  aria-label=\"Clear\"\n                  disabled={isDisabled}\n                  onClick={onClear}\n                  size=\"small\"\n                >\n                  <CloseCircleFilledIcon />\n                </IconButton>\n              </InputAdornment>\n            )\n          }\n          id={id}\n          name={nameOverride ?? id}\n          onBlur={onBlur}\n          onChange={onChange}\n          onFocus={onFocus}\n          placeholder={placeholder}\n          ref={ref}\n          startAdornment={\n            <InputAdornment position=\"start\">\n              <SearchIcon />\n            </InputAdornment>\n          }\n          type=\"search\"\n          value={\n            controlledValue === undefined ? uncontrolledValue : controlledValue\n          }\n        />\n      ),\n      [\n        autoCompleteType,\n        controlledValue,\n        hasInitialFocus,\n        isDisabled,\n        nameOverride,\n        onBlur,\n        onChange,\n        onClear,\n        onFocus,\n        placeholder,\n        ref,\n        testId,\n        uncontrolledValue,\n      ]\n    );\n\n    return (\n      <Field\n        fieldType=\"single\"\n        hasVisibleLabel={false}\n        id={idOverride}\n        isDisabled={isDisabled}\n        isOptional={true}\n        label={label}\n        renderFieldComponent={renderFieldComponent}\n      />\n    );\n  }\n);\n\nconst MemoizedSearchField = memo(SearchField);\nMemoizedSearchField.displayName = \"SearchField\";\n\nexport { MemoizedSearchField as SearchField };\n"],"mappings":"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"}

package/dist/icons.generated/ArrowBottom.js

@@ -0,0 +1,33 @@
+/*!
+ * 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 { forwardRef } from "react";
+import { SvgIcon } from "../SvgIcon.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const ArrowBottomIcon = forwardRef((props, ref) => {
+  return _jsx(SvgIcon, {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref,
+    ...props,
+    children: _jsx(_Fragment, {
+      children: _jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M18 20.0008L6 20.0008L6 22.0008L18 22.0008L18 20.0008ZM17.7071 13.7079L13.0607 18.3544C12.4749 18.9402 11.5251 18.9402 10.9393 18.3544L6.2929 13.7079L7.70711 12.2937L11 15.5866L11 5.0008L13 5.0008L13 15.5866L16.2929 12.2937L17.7071 13.7079Z",
+        fill: "currentColor"
+      })
+    })
+  });
+});
+ArrowBottomIcon.displayName = "ArrowBottomIcon";
+//# sourceMappingURL=ArrowBottom.js.map

package/dist/icons.generated/ArrowBottom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowBottom.js","names":["forwardRef","SvgIcon","jsx","_jsx","Fragment","_Fragment","ArrowBottomIcon","props","ref","viewBox","fill","xmlns","children","fillRule","clipRule","d","displayName"],"sources":["../../src/icons.generated/ArrowBottom.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nimport { forwardRef } from \"react\";\nimport { SvgIcon, type SvgIconNoChildrenProps } from \"../SvgIcon\";\n\nexport type ArrowBottomIconProps = SvgIconNoChildrenProps;\n\nexport const ArrowBottomIcon = forwardRef<SVGSVGElement, ArrowBottomIconProps>(\n  (props, ref) => {\n    return (\n      <SvgIcon\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        ref={ref}\n        {...props}\n      >\n        <>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M18 20.0008L6 20.0008L6 22.0008L18 22.0008L18 20.0008ZM17.7071 13.7079L13.0607 18.3544C12.4749 18.9402 11.5251 18.9402 10.9393 18.3544L6.2929 13.7079L7.70711 12.2937L11 15.5866L11 5.0008L13 5.0008L13 15.5866L16.2929 12.2937L17.7071 13.7079Z\"\n            fill=\"currentColor\"\n          />\n        </>\n      </SvgIcon>\n    );\n  }\n);\n\nArrowBottomIcon.displayName = \"ArrowBottomIcon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAC1BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAIhB,OAAO,MAAMC,eAAe,GAAGN,UAAU,CACvC,CAACO,KAAK,EAAEC,GAAG,KAAK;EACd,OACEL,IAAA,CAACF,OAAO;IACNQ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAClCH,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IAAAK,QAAA,EAETT,IAAA,CAAAE,SAAA;MAAAO,QAAA,EACET,IAAA;QACEU,QAAQ,EAAC,SAAS;QAClBC,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC,kPAAkP;QACpPL,IAAI,EAAC;MAAc,CACpB;IAAC,CACF;EAAC,CACI,CAAC;AAEd,CACF,CAAC;AAEDJ,eAAe,CAACU,WAAW,GAAG,iBAAiB"}

package/dist/icons.generated/ArrowTop.js

@@ -0,0 +1,33 @@
+/*!
+ * 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 { forwardRef } from "react";
+import { SvgIcon } from "../SvgIcon.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+export const ArrowTopIcon = forwardRef((props, ref) => {
+  return _jsx(SvgIcon, {
+    viewBox: "0 0 24 24",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    ref: ref,
+    ...props,
+    children: _jsx(_Fragment, {
+      children: _jsx("path", {
+        fillRule: "evenodd",
+        clipRule: "evenodd",
+        d: "M6 4.00073H18V2.00073H6V4.00073ZM6.29289 10.2936L10.9393 5.64713C11.5251 5.06135 12.4749 5.06135 13.0607 5.64713L17.7071 10.2936L16.2929 11.7078L13 8.4149V19.0007H11V8.4149L7.7071 11.7078L6.29289 10.2936Z",
+        fill: "currentColor"
+      })
+    })
+  });
+});
+ArrowTopIcon.displayName = "ArrowTopIcon";
+//# sourceMappingURL=ArrowTop.js.map

package/dist/icons.generated/ArrowTop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowTop.js","names":["forwardRef","SvgIcon","jsx","_jsx","Fragment","_Fragment","ArrowTopIcon","props","ref","viewBox","fill","xmlns","children","fillRule","clipRule","d","displayName"],"sources":["../../src/icons.generated/ArrowTop.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nimport { forwardRef } from \"react\";\nimport { SvgIcon, type SvgIconNoChildrenProps } from \"../SvgIcon\";\n\nexport type ArrowTopIconProps = SvgIconNoChildrenProps;\n\nexport const ArrowTopIcon = forwardRef<SVGSVGElement, ArrowTopIconProps>(\n  (props, ref) => {\n    return (\n      <SvgIcon\n        viewBox=\"0 0 24 24\"\n        fill=\"none\"\n        xmlns=\"http://www.w3.org/2000/svg\"\n        ref={ref}\n        {...props}\n      >\n        <>\n          <path\n            fillRule=\"evenodd\"\n            clipRule=\"evenodd\"\n            d=\"M6 4.00073H18V2.00073H6V4.00073ZM6.29289 10.2936L10.9393 5.64713C11.5251 5.06135 12.4749 5.06135 13.0607 5.64713L17.7071 10.2936L16.2929 11.7078L13 8.4149V19.0007H11V8.4149L7.7071 11.7078L6.29289 10.2936Z\"\n            fill=\"currentColor\"\n          />\n        </>\n      </SvgIcon>\n    );\n  }\n);\n\nArrowTopIcon.displayName = \"ArrowTopIcon\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,GAIA,SAASA,UAAU,QAAQ,OAAO;AAAC,SAC1BC,OAAO;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,QAAA,IAAAC,SAAA;AAIhB,OAAO,MAAMC,YAAY,GAAGN,UAAU,CACpC,CAACO,KAAK,EAAEC,GAAG,KAAK;EACd,OACEL,IAAA,CAACF,OAAO;IACNQ,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,KAAK,EAAC,4BAA4B;IAClCH,GAAG,EAAEA,GAAI;IAAA,GACLD,KAAK;IAAAK,QAAA,EAETT,IAAA,CAAAE,SAAA;MAAAO,QAAA,EACET,IAAA;QACEU,QAAQ,EAAC,SAAS;QAClBC,QAAQ,EAAC,SAAS;QAClBC,CAAC,EAAC,8MAA8M;QAChNL,IAAI,EAAC;MAAc,CACpB;IAAC,CACF;EAAC,CACI,CAAC;AAEd,CACF,CAAC;AAEDJ,YAAY,CAACU,WAAW,GAAG,cAAc"}

package/dist/icons.generated/index.js

@@ -12,11 +12,13 @@
 export * from "./Add.js";
 export * from "./AddCircle.js";
 export * from "./Apps.js";
+export * from "./ArrowBottom.js";
 export * from "./ArrowDown.js";
 export * from "./ArrowLeft.js";
 export * from "./ArrowLowerLeft.js";
 export * from "./ArrowLowerRight.js";
 export * from "./ArrowRight.js";
+export * from "./ArrowTop.js";
 export * from "./ArrowUnsorted.js";
 export * from "./ArrowUp.js";
 export * from "./ArrowUpperLeft.js";

package/dist/icons.generated/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/icons.generated/index.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nexport * from \"./Add\";\nexport * from \"./AddCircle\";\nexport * from \"./Apps\";\nexport * from \"./ArrowDown\";\nexport * from \"./ArrowLeft\";\nexport * from \"./ArrowLowerLeft\";\nexport * from \"./ArrowLowerRight\";\nexport * from \"./ArrowRight\";\nexport * from \"./ArrowUnsorted\";\nexport * from \"./ArrowUp\";\nexport * from \"./ArrowUpperLeft\";\nexport * from \"./ArrowUpperRight\";\nexport * from \"./Bug\";\nexport * from \"./Calendar\";\nexport * from \"./Call\";\nexport * from \"./Chat\";\nexport * from \"./Check\";\nexport * from \"./CheckCircleFilled\";\nexport * from \"./ChevronDown\";\nexport * from \"./ChevronLeft\";\nexport * from \"./ChevronRight\";\nexport * from \"./ChevronUp\";\nexport * from \"./Clock\";\nexport * from \"./Close\";\nexport * from \"./CloseCircleFilled\";\nexport * from \"./CollapseLeft\";\nexport * from \"./CollapseRight\";\nexport * from \"./Copy\";\nexport * from \"./DangerDiamond\";\nexport * from \"./DangerDiamondFilled\";\nexport * from \"./Delete\";\nexport * from \"./Deny\";\nexport * from \"./Devices\";\nexport * from \"./Directory\";\nexport * from \"./Documentation\";\nexport * from \"./Download\";\nexport * from \"./DragIndicator\";\nexport * from \"./Edit\";\nexport * from \"./ExpandLeft\";\nexport * from \"./ExpandRight\";\nexport * from \"./ExternalLink\";\nexport * from \"./Filter\";\nexport * from \"./Folder\";\nexport * from \"./Globe\";\nexport * from \"./Grid\";\nexport * from \"./Group\";\nexport * from \"./Hide\";\nexport * from \"./Home\";\nexport * from \"./InformationCircle\";\nexport * from \"./InformationCircleFilled\";\nexport * from \"./Link\";\nexport * from \"./List\";\nexport * from \"./Lock\";\nexport * from \"./More\";\nexport * from \"./Notification\";\nexport * from \"./Pause\";\nexport * from \"./QuestionCircle\";\nexport * from \"./QuestionCircleFilled\";\nexport * from \"./Refresh\";\nexport * from \"./Reset\";\nexport * from \"./Resume\";\nexport * from \"./Search\";\nexport * from \"./Server\";\nexport * from \"./Settings\";\nexport * from \"./Show\";\nexport * from \"./Subtract\";\nexport * from \"./Sync\";\nexport * from \"./Unlock\";\nexport * from \"./Upload\";\nexport * from \"./User\";\nexport * from \"./Video\";\nexport * from \"./Warning\";\nexport * from \"./WarningFilled\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/icons.generated/index.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\n// Code automatically generated by svgr; DO NOT EDIT.\n\nexport * from \"./Add\";\nexport * from \"./AddCircle\";\nexport * from \"./Apps\";\nexport * from \"./ArrowBottom\";\nexport * from \"./ArrowDown\";\nexport * from \"./ArrowLeft\";\nexport * from \"./ArrowLowerLeft\";\nexport * from \"./ArrowLowerRight\";\nexport * from \"./ArrowRight\";\nexport * from \"./ArrowTop\";\nexport * from \"./ArrowUnsorted\";\nexport * from \"./ArrowUp\";\nexport * from \"./ArrowUpperLeft\";\nexport * from \"./ArrowUpperRight\";\nexport * from \"./Bug\";\nexport * from \"./Calendar\";\nexport * from \"./Call\";\nexport * from \"./Chat\";\nexport * from \"./Check\";\nexport * from \"./CheckCircleFilled\";\nexport * from \"./ChevronDown\";\nexport * from \"./ChevronLeft\";\nexport * from \"./ChevronRight\";\nexport * from \"./ChevronUp\";\nexport * from \"./Clock\";\nexport * from \"./Close\";\nexport * from \"./CloseCircleFilled\";\nexport * from \"./CollapseLeft\";\nexport * from \"./CollapseRight\";\nexport * from \"./Copy\";\nexport * from \"./DangerDiamond\";\nexport * from \"./DangerDiamondFilled\";\nexport * from \"./Delete\";\nexport * from \"./Deny\";\nexport * from \"./Devices\";\nexport * from \"./Directory\";\nexport * from \"./Documentation\";\nexport * from \"./Download\";\nexport * from \"./DragIndicator\";\nexport * from \"./Edit\";\nexport * from \"./ExpandLeft\";\nexport * from \"./ExpandRight\";\nexport * from \"./ExternalLink\";\nexport * from \"./Filter\";\nexport * from \"./Folder\";\nexport * from \"./Globe\";\nexport * from \"./Grid\";\nexport * from \"./Group\";\nexport * from \"./Hide\";\nexport * from \"./Home\";\nexport * from \"./InformationCircle\";\nexport * from \"./InformationCircleFilled\";\nexport * from \"./Link\";\nexport * from \"./List\";\nexport * from \"./Lock\";\nexport * from \"./More\";\nexport * from \"./Notification\";\nexport * from \"./Pause\";\nexport * from \"./QuestionCircle\";\nexport * from \"./QuestionCircleFilled\";\nexport * from \"./Refresh\";\nexport * from \"./Reset\";\nexport * from \"./Resume\";\nexport * from \"./Search\";\nexport * from \"./Server\";\nexport * from \"./Settings\";\nexport * from \"./Show\";\nexport * from \"./Subtract\";\nexport * from \"./Sync\";\nexport * from \"./Unlock\";\nexport * from \"./Upload\";\nexport * from \"./User\";\nexport * from \"./Video\";\nexport * from \"./Warning\";\nexport * from \"./WarningFilled\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAVA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}