@okta/odyssey-contribution-tooling 1.52.0 → 1.53.0

package/dist/cjs/Breadcrumbs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Breadcrumbs.cjs","names":["_styled","_interopRequireDefault","require","_react","_i18n","_index","_Typography","_jsxRuntime","e","__esModule","default","BreadcrumbContext","exports","createContext","breadcrumbType","BreadcrumbContent","styled","span","Breadcrumb","children","href","iconName","onClick","useContext","onClickHandler","useCallback","event","preventDefault","stopPropagation","breadcrumbContent","jsxs","Fragment","jsx","GroupIcon","UserIcon","Subordinate","color","_MenuItem2","component","ariaCurrent","_ButtonBase2","breadcrumbProviderValue","currentPage","listItem","menuItem","defaultTruncationValue","BreadcrumbList","homeHref","maxVisibleItems","maxVisibleItemsProp","testId","translate","t","useTranslation","anchorEl","setAnchorEl","useState","useMemo","Math","min","max","length","breadcrumbSections","beforeMenu","insideMenu","remainingBreadcrumbs","menuStart","floor","menuLength","slice","onMenuButtonClick","currentTarget","onCloseMenu","_Breadcrumbs2","maxItems","HomeIcon","map","breadcrumb","index","Provider","value","_Menu2","anchorOrigin","horizontal","vertical","MenuListProps","sx","minWidth","onClose","open","Boolean","MemoizedBreadcrumbList","memo","displayName"],"sources":["../../src/Breadcrumbs.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 styled from \"@emotion/styled\";\nimport {\n  ButtonBase,\n  Menu,\n  MenuItem,\n  Breadcrumbs as MuiBreadcrumbs,\n} from \"@mui/material\";\nimport {\n  createContext,\n  memo,\n  MouseEventHandler,\n  ReactElement,\n  useCallback,\n  useContext,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport { HtmlProps } from \"./HtmlProps.js\";\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { GroupIcon, HomeIcon, UserIcon } from \"./icons.generated/index.js\";\nimport { Subordinate } from \"./Typography.js\";\n\nexport type BreadcrumbType = \"listItem\" | \"menuItem\" | \"currentPage\";\n\nexport type BreadcrumbProps = {\n  children?: string;\n  href?: string;\n  iconName?: \"user\" | \"group\";\n  onClick?: MouseEventHandler;\n};\n\nexport type BreadcrumbsProps = {\n  children: ReactElement<typeof Breadcrumb>[];\n  homeHref?: string;\n  maxVisibleItems?: number;\n} & Pick<HtmlProps, \"testId\" | \"translate\">;\n\nexport type BreadcrumbContextType = {\n  breadcrumbType: BreadcrumbType;\n};\n\nexport const BreadcrumbContext = createContext<BreadcrumbContextType>({\n  breadcrumbType: \"listItem\",\n});\n\nconst BreadcrumbContent = styled.span`\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 10rem;\n  text-overflow: ellipsis;\n`;\n\nexport const Breadcrumb = ({\n  children,\n  href,\n  iconName,\n  onClick,\n}: BreadcrumbProps) => {\n  const { breadcrumbType } = useContext(BreadcrumbContext);\n\n  const onClickHandler = useCallback<MouseEventHandler<HTMLAnchorElement>>(\n    (event) => {\n      if (onClick) {\n        event.preventDefault();\n        event.stopPropagation();\n        onClick(event);\n      }\n    },\n    [onClick],\n  );\n\n  const breadcrumbContent = (\n    <>\n      {iconName === \"group\" ? (\n        <GroupIcon />\n      ) : iconName === \"user\" ? (\n        <UserIcon />\n      ) : null}\n      <BreadcrumbContent>{children}</BreadcrumbContent>\n    </>\n  );\n\n  if (!href) {\n    return <Subordinate color=\"textPrimary\">{breadcrumbContent}</Subordinate>;\n  }\n\n  if (breadcrumbType === \"menuItem\") {\n    return (\n      <MenuItem component=\"a\" href={href} onClick={onClickHandler}>\n        {breadcrumbContent}\n      </MenuItem>\n    );\n  }\n\n  if (breadcrumbType === \"currentPage\") {\n    return (\n      <Subordinate ariaCurrent=\"page\" color=\"textPrimary\">\n        {breadcrumbContent}\n      </Subordinate>\n    );\n  }\n\n  // breadcrumbType === \"listItem\" is the default\n  // Provided here without a conditional to get TS to be quiet\n  // about potential undefined returns\n  return (\n    <ButtonBase href={href} onClick={onClickHandler}>\n      {breadcrumbContent}\n    </ButtonBase>\n  );\n};\n\nconst breadcrumbProviderValue: Record<\n  BreadcrumbType,\n  { breadcrumbType: BreadcrumbType }\n> = {\n  currentPage: {\n    breadcrumbType: \"currentPage\",\n  },\n  listItem: {\n    breadcrumbType: \"listItem\",\n  },\n  menuItem: {\n    breadcrumbType: \"menuItem\",\n  },\n};\n\nconst defaultTruncationValue = 5;\n\nconst BreadcrumbList = ({\n  children,\n  homeHref,\n  maxVisibleItems: maxVisibleItemsProp = defaultTruncationValue,\n  testId,\n  translate,\n}: BreadcrumbsProps) => {\n  const { t } = useTranslation();\n\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n\n  const maxVisibleItems = useMemo(\n    () => Math.min(Math.max(maxVisibleItemsProp, 0), children.length),\n    [maxVisibleItemsProp, children],\n  );\n\n  const breadcrumbSections = useMemo(() => {\n    if (children.length <= maxVisibleItems) {\n      return {\n        beforeMenu: [],\n        insideMenu: [],\n        remainingBreadcrumbs: children,\n      };\n    } else {\n      const menuStart = Math.floor(maxVisibleItems / 2);\n      const menuLength = children.length - maxVisibleItems;\n\n      return {\n        beforeMenu: children.slice(0, menuStart),\n        insideMenu: children.slice(menuStart, menuStart + menuLength),\n        remainingBreadcrumbs: children.slice(menuStart + menuLength),\n      };\n    }\n  }, [children, maxVisibleItems]);\n\n  const onMenuButtonClick = useCallback<MouseEventHandler<HTMLButtonElement>>(\n    (event) => setAnchorEl(event.currentTarget),\n    [],\n  );\n  const onCloseMenu = useCallback(() => {\n    setAnchorEl(null);\n  }, []);\n\n  return (\n    <MuiBreadcrumbs\n      aria-label={t(\"breadcrumbs.label.text\")}\n      data-se={testId}\n      maxItems={children.length + 1}\n      translate={translate}\n    >\n      {homeHref && (\n        <ButtonBase aria-label={t(\"breadcrumbs.home.text\")} href={homeHref}>\n          <HomeIcon />\n        </ButtonBase>\n      )}\n\n      {breadcrumbSections.beforeMenu.map((breadcrumb, index) => (\n        <BreadcrumbContext.Provider\n          key={index}\n          value={breadcrumbProviderValue.listItem}\n        >\n          {breadcrumb}\n        </BreadcrumbContext.Provider>\n      ))}\n\n      {breadcrumbSections.insideMenu.length > 0 && (\n        <>\n          <ButtonBase onClick={onMenuButtonClick}>...</ButtonBase>\n          <Menu\n            anchorEl={anchorEl}\n            anchorOrigin={{ horizontal: \"left\", vertical: \"bottom\" }}\n            MenuListProps={{\n              sx: {\n                minWidth: 180,\n              },\n            }}\n            onClose={onCloseMenu}\n            open={Boolean(anchorEl)}\n          >\n            <BreadcrumbContext.Provider\n              value={breadcrumbProviderValue.menuItem}\n            >\n              {breadcrumbSections.insideMenu}\n            </BreadcrumbContext.Provider>\n          </Menu>\n        </>\n      )}\n\n      {breadcrumbSections.remainingBreadcrumbs.map((breadcrumb, index) => {\n        if (index === breadcrumbSections.remainingBreadcrumbs.length - 1) {\n          return (\n            <BreadcrumbContext.Provider\n              key={index}\n              value={breadcrumbProviderValue.currentPage}\n            >\n              {breadcrumb}\n            </BreadcrumbContext.Provider>\n          );\n        }\n        return (\n          <BreadcrumbContext.Provider\n            key={index}\n            value={breadcrumbProviderValue.listItem}\n          >\n            {breadcrumb}\n          </BreadcrumbContext.Provider>\n        );\n      })}\n    </MuiBreadcrumbs>\n  );\n};\n\nconst MemoizedBreadcrumbList = memo(BreadcrumbList);\nMemoizedBreadcrumbList.displayName = \"BreadcrumbList\";\n\nexport { MemoizedBreadcrumbList as BreadcrumbList };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Buttons/BaseButton.cjs

@@ -0,0 +1,109 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.buttonVariantValues = exports.buttonTypeValues = exports.buttonSizeValues = exports.BaseButton = void 0;
+var _Button2 = _interopRequireDefault(require("@mui/material/Button"));
+var _react = require("react");
+var _MuiPropsContext = require("../MuiPropsContext.cjs");
+var _Tooltip = require("../Tooltip.cjs");
+var _ButtonContext = require("./ButtonContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const buttonSizeValues = exports.buttonSizeValues = ["small", "medium", "large"];
+const buttonTypeValues = exports.buttonTypeValues = ["button", "submit", "reset"];
+const buttonVariantValues = exports.buttonVariantValues = ["primary", "secondary", "danger", "dangerSecondary", "floating", "floatingAction"];
+const BaseButton = ({
+  ariaControls,
+  ariaDescribedBy,
+  ariaExpanded,
+  ariaHasPopup,
+  ariaLabel,
+  ariaLabelledBy,
+  buttonRef,
+  children,
+  endIcon,
+  href,
+  id,
+  isDisabled,
+  isFullWidth: isFullWidthProp,
+  label = "",
+  onClick,
+  size = "medium",
+  startIcon,
+  tabIndex,
+  testId,
+  tooltipText,
+  translate,
+  type = "button",
+  variant: variantProp
+}) => {
+  const muiProps = (0, _MuiPropsContext.useMuiProps)();
+  const variant = variantProp === "tertiary" ? "secondary" : variantProp;
+  const localButtonRef = (0, _react.useRef)(null);
+  const buttonContext = (0, _ButtonContext.useButton)();
+  const isFullWidth = (0, _react.useMemo)(() => buttonContext.isFullWidth ? buttonContext.isFullWidth : isFullWidthProp, [buttonContext, isFullWidthProp]);
+  (0, _react.useImperativeHandle)(buttonRef, () => ({
+    focus: () => {
+      localButtonRef.current?.focus();
+    }
+  }), []);
+  const renderButton = (0, _react.useCallback)(muiProps => {
+    return (0, _jsxRuntime.jsx)(_Button2.default, {
+      ...muiProps,
+      "aria-controls": ariaControls,
+      "aria-describedby": ariaDescribedBy,
+      "aria-expanded": ariaExpanded,
+      "aria-haspopup": ariaHasPopup,
+      "aria-label": ariaLabel,
+      "aria-labelledby": ariaLabelledBy,
+      "data-se": testId,
+      disabled: isDisabled,
+      endIcon: endIcon,
+      fullWidth: isFullWidth,
+      href: href,
+      id: id,
+      onClick: onClick,
+      ref: element => {
+        if (element) {
+          localButtonRef.current = element;
+          muiProps?.ref?.(element);
+        }
+      },
+      size: size,
+      startIcon: startIcon,
+      tabIndex: tabIndex,
+      translate: translate,
+      type: type,
+      variant: variant,
+      children: children ?? label
+    });
+  }, [ariaControls, ariaDescribedBy, ariaExpanded, ariaHasPopup, ariaLabel, ariaLabelledBy, endIcon, href, id, isDisabled, isFullWidth, label, children, onClick, size, startIcon, tabIndex, testId, translate, type, variant]);
+  if (tooltipText) {
+    return (0, _jsxRuntime.jsx)(_Tooltip.Tooltip, {
+      ariaType: "description",
+      placement: "top",
+      text: tooltipText,
+      children: (0, _jsxRuntime.jsx)(_MuiPropsContext.MuiPropsContext.Consumer, {
+        children: renderButton
+      })
+    });
+  }
+  return renderButton(muiProps);
+};
+const MemoizedBaseButton = exports.BaseButton = (0, _react.memo)(BaseButton);
+MemoizedBaseButton.displayName = "BaseButton";
+//# sourceMappingURL=BaseButton.cjs.map

package/dist/cjs/Buttons/BaseButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseButton.cjs","names":["_react","require","_MuiPropsContext","_Tooltip","_ButtonContext","_jsxRuntime","_interopRequireDefault","e","__esModule","default","buttonSizeValues","exports","buttonTypeValues","buttonVariantValues","BaseButton","ariaControls","ariaDescribedBy","ariaExpanded","ariaHasPopup","ariaLabel","ariaLabelledBy","buttonRef","children","endIcon","href","id","isDisabled","isFullWidth","isFullWidthProp","label","onClick","size","startIcon","tabIndex","testId","tooltipText","translate","type","variant","variantProp","muiProps","useMuiProps","localButtonRef","useRef","buttonContext","useButton","useMemo","useImperativeHandle","focus","current","renderButton","useCallback","jsx","_Button2","disabled","fullWidth","ref","element","Tooltip","ariaType","placement","text","MuiPropsContext","Consumer","MemoizedBaseButton","memo","displayName"],"sources":["../../../src/Buttons/BaseButton.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 type { ButtonProps as MuiButtonProps } from \"@mui/material\";\n\nimport { Button as MuiButton } from \"@mui/material\";\nimport {\n  HTMLAttributes,\n  memo,\n  ReactElement,\n  ReactNode,\n  RefObject,\n  useCallback,\n  useImperativeHandle,\n  useMemo,\n  useRef,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { FocusHandle } from \"../inputUtils.js\";\nimport {\n  MuiPropsContext,\n  MuiPropsContextType,\n  useMuiProps,\n} from \"../MuiPropsContext.js\";\nimport { Tooltip } from \"../Tooltip.js\";\nimport { useButton } from \"./ButtonContext.js\";\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  \"danger\",\n  \"dangerSecondary\",\n  \"floating\",\n  \"floatingAction\",\n] as const;\n\nexport type BaseButtonProps = {\n  /**\n   * The ref forwarded to the Button\n   */\n  buttonRef?: RefObject<FocusHandle>;\n  /**\n   * The contents of the button. Only available internal to Odyssey here in BaseButton. If set, label is ignored.\n   */\n  children?: ReactNode;\n  /**\n   * The icon element to display at the end of the Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * Optional href to render the button as a link\n   */\n  href?: string;\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  tabIndex?: HTMLAttributes<HTMLElement>[\"tabIndex\"];\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] | \"tertiary\";\n};\n\n// These are split and exported separately from the above because wrappers of this (e.g. Button) will\n// want to omit children, which they cannot do from the combined union type. Instead, they should\n// omit from BaseButtonProps, then union with the AdditionalBaseButtonProps (as seen in Button)\nexport type AdditionalBaseButtonProps = Pick<\n  HtmlProps,\n  | \"ariaControls\"\n  | \"ariaDescribedBy\"\n  | \"ariaExpanded\"\n  | \"ariaHasPopup\"\n  | \"ariaLabel\"\n  | \"ariaLabelledBy\"\n  | \"tabIndex\"\n  | \"testId\"\n  | \"translate\"\n>;\n\nconst BaseButton = ({\n  ariaControls,\n  ariaDescribedBy,\n  ariaExpanded,\n  ariaHasPopup,\n  ariaLabel,\n  ariaLabelledBy,\n  buttonRef,\n  children,\n  endIcon,\n  href,\n  id,\n  isDisabled,\n  isFullWidth: isFullWidthProp,\n  label = \"\",\n  onClick,\n  size = \"medium\",\n  startIcon,\n  tabIndex,\n  testId,\n  tooltipText,\n  translate,\n  type = \"button\",\n  variant: variantProp,\n}: BaseButtonProps & AdditionalBaseButtonProps) => {\n  const muiProps = useMuiProps();\n\n  // We're deprecating the \"tertiary\" variant, so map it to\n  // \"secondary\" in lieu of making a breaking change\n  const variant = variantProp === \"tertiary\" ? \"secondary\" : variantProp;\n  const localButtonRef = useRef<HTMLButtonElement | HTMLAnchorElement>(null);\n  const buttonContext = useButton();\n  const isFullWidth = useMemo(\n    () =>\n      buttonContext.isFullWidth ? buttonContext.isFullWidth : isFullWidthProp,\n    [buttonContext, isFullWidthProp],\n  );\n\n  useImperativeHandle(\n    buttonRef,\n    () => ({\n      focus: () => {\n        localButtonRef.current?.focus();\n      },\n    }),\n    [],\n  );\n\n  const renderButton = useCallback(\n    (muiProps: MuiPropsContextType) => {\n      return (\n        <MuiButton\n          {...muiProps}\n          aria-controls={ariaControls}\n          aria-describedby={ariaDescribedBy}\n          aria-expanded={ariaExpanded}\n          aria-haspopup={ariaHasPopup}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          data-se={testId}\n          disabled={isDisabled}\n          endIcon={endIcon}\n          fullWidth={isFullWidth}\n          href={href}\n          id={id}\n          onClick={onClick}\n          ref={(element) => {\n            if (element) {\n              (\n                localButtonRef as React.MutableRefObject<\n                  HTMLButtonElement | HTMLAnchorElement\n                >\n              ).current = element;\n              //@ts-expect-error ref is not an optional prop on the props context type\n              muiProps?.ref?.(element);\n            }\n          }}\n          size={size}\n          startIcon={startIcon}\n          tabIndex={tabIndex}\n          translate={translate}\n          type={type}\n          variant={variant}\n        >\n          {children ?? label}\n        </MuiButton>\n      );\n    },\n    [\n      ariaControls,\n      ariaDescribedBy,\n      ariaExpanded,\n      ariaHasPopup,\n      ariaLabel,\n      ariaLabelledBy,\n      endIcon,\n      href,\n      id,\n      isDisabled,\n      isFullWidth,\n      label,\n      children,\n      onClick,\n      size,\n      startIcon,\n      tabIndex,\n      testId,\n      translate,\n      type,\n      variant,\n    ],\n  );\n\n  if (tooltipText) {\n    return (\n      <Tooltip ariaType=\"description\" placement=\"top\" text={tooltipText}>\n        <MuiPropsContext.Consumer>{renderButton}</MuiPropsContext.Consumer>\n      </Tooltip>\n    );\n  }\n\n  return renderButton(muiProps);\n};\n\nconst MemoizedBaseButton = memo(BaseButton);\nMemoizedBaseButton.displayName = \"BaseButton\";\n\nexport { MemoizedBaseButton as BaseButton };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Buttons/BaseMenuButton.cjs

@@ -0,0 +1,176 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.verticalDividerAlignmentValues = exports.menuAlignmentValues = exports.BaseMenuButton = void 0;
+var _Popover2 = _interopRequireDefault(require("@mui/material/Popover"));
+var _Menu2 = _interopRequireDefault(require("@mui/material/Menu"));
+var _styled = _interopRequireDefault(require("@emotion/styled"));
+var _react = require("react");
+var _Box = require("../Box.cjs");
+var _index = require("../icons.generated/index.cjs");
+var _OdysseyDesignTokensContext = require("../OdysseyDesignTokensContext.cjs");
+var _useUniqueId = require("../useUniqueId.cjs");
+var _BaseButton = require("./BaseButton.cjs");
+var _MenuContext = require("./MenuContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/*!
+ * 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.
+ */
+
+const menuAlignmentValues = exports.menuAlignmentValues = ["left", "right"];
+const verticalDividerAlignmentValues = exports.verticalDividerAlignmentValues = ["start", "end"];
+const StyledMenuButtonContainer = (0, _styled.default)("div", {
+  shouldForwardProp: prop => prop !== "hasVerticalDivider" && prop !== "odysseyDesignTokens" && prop !== "verticalDividerAlignment"
+})(({
+  hasVerticalDivider,
+  odysseyDesignTokens,
+  verticalDividerAlignment
+}) => ({
+  position: "relative",
+  ...(hasVerticalDivider && {
+    display: "inline-block",
+    "&:before": {
+      position: "absolute",
+      top: "50%",
+      left: 0,
+      width: 1,
+      height: odysseyDesignTokens.Spacing6,
+      backgroundColor: odysseyDesignTokens.HueNeutral300,
+      content: '""',
+      transform: "translate3d(0, -50%, 0)",
+      transition: `opacity 200ms`,
+      ...(verticalDividerAlignment === "end" && {
+        left: "unset",
+        right: 0
+      })
+    },
+    ":has(> button:hover)": {
+      "&:before": {
+        opacity: 0
+      }
+    },
+    ":dir(rtl)": {
+      "&:before": {
+        left: "unset",
+        right: 0,
+        ...(verticalDividerAlignment === "end" && {
+          right: "unset",
+          left: 0
+        })
+      }
+    }
+  })
+}));
+const BaseMenuButton = ({
+  ariaLabel,
+  ariaLabelledBy,
+  ariaDescribedBy,
+  buttonChildren,
+  buttonLabel = "",
+  buttonVariant = "secondary",
+  children,
+  popoverContent,
+  endIcon: endIconProp,
+  hasVerticalDivider = false,
+  id: idOverride,
+  isDisabled,
+  isOverflow,
+  menuAlignment = "left",
+  omitEndIcon = false,
+  shouldCloseOnSelect = true,
+  size,
+  testId,
+  tooltipText,
+  translate,
+  verticalDividerAlignment = "start"
+}) => {
+  const odysseyDesignTokens = (0, _OdysseyDesignTokensContext.useOdysseyDesignTokens)();
+  const [anchorEl, setAnchorEl] = (0, _react.useState)(null);
+  const isOpen = Boolean(anchorEl);
+  const closeMenu = (0, _react.useCallback)(() => {
+    setAnchorEl(null);
+  }, []);
+  const openMenu = (0, _react.useCallback)(event => {
+    setAnchorEl(event.currentTarget);
+  }, []);
+  const uniqueId = (0, _useUniqueId.useUniqueId)(idOverride);
+  const menuListProps = (0, _react.useMemo)(() => ({
+    "aria-labelledby": `${uniqueId}-button`
+  }), [uniqueId]);
+  const providerValue = (0, _react.useMemo)(() => ({
+    closeMenu,
+    openMenu,
+    shouldCloseOnSelect
+  }), [closeMenu, openMenu, shouldCloseOnSelect]);
+  const endIcon = omitEndIcon ? undefined : endIconProp ? endIconProp : isOverflow ? (0, _jsxRuntime.jsx)(_index.MoreIcon, {}) : (0, _jsxRuntime.jsx)(_index.ChevronDownIcon, {});
+  const anchorOrigin = (0, _react.useMemo)(() => ({
+    horizontal: menuAlignment,
+    vertical: "bottom"
+  }), [menuAlignment]);
+  const transformOrigin = (0, _react.useMemo)(() => ({
+    horizontal: menuAlignment,
+    vertical: "top"
+  }), [menuAlignment]);
+  return (0, _jsxRuntime.jsxs)(StyledMenuButtonContainer, {
+    hasVerticalDivider: hasVerticalDivider,
+    odysseyDesignTokens: odysseyDesignTokens,
+    verticalDividerAlignment: verticalDividerAlignment,
+    children: [(0, _jsxRuntime.jsx)(_BaseButton.BaseButton, {
+      ariaControls: isOpen ? `${uniqueId}-menu` : undefined,
+      ariaDescribedBy: ariaDescribedBy,
+      ariaExpanded: isOpen ? "true" : undefined,
+      ariaHasPopup: "true",
+      ariaLabel: ariaLabel,
+      ariaLabelledBy: ariaLabelledBy,
+      children: buttonChildren,
+      endIcon: endIcon,
+      id: `${uniqueId}-button`,
+      isDisabled: isDisabled,
+      label: buttonLabel,
+      onClick: openMenu,
+      size: size,
+      testId: testId,
+      tooltipText: tooltipText,
+      translate: translate,
+      variant: buttonVariant
+    }), children && (0, _jsxRuntime.jsx)(_Menu2.default, {
+      anchorEl: anchorEl,
+      anchorOrigin: anchorOrigin,
+      id: `${uniqueId}-menu`,
+      MenuListProps: menuListProps,
+      onClose: closeMenu,
+      open: isOpen,
+      transformOrigin: transformOrigin,
+      children: (0, _jsxRuntime.jsx)(_MenuContext.MenuContext.Provider, {
+        value: providerValue,
+        children: children
+      })
+    }), popoverContent && (0, _jsxRuntime.jsx)(_Popover2.default, {
+      anchorEl: anchorEl,
+      anchorOrigin: anchorOrigin,
+      onClose: closeMenu,
+      open: isOpen,
+      transformOrigin: transformOrigin,
+      children: (0, _jsxRuntime.jsx)(_Box.Box, {
+        sx: {
+          padding: odysseyDesignTokens.Spacing4
+        },
+        children: popoverContent
+      })
+    })]
+  });
+};
+const MemoizedBaseMenuButton = exports.BaseMenuButton = (0, _react.memo)(BaseMenuButton);
+MemoizedBaseMenuButton.displayName = "BaseMenuButton";
+//# sourceMappingURL=BaseMenuButton.cjs.map

package/dist/cjs/Buttons/BaseMenuButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseMenuButton.cjs","names":["_styled","_interopRequireDefault","require","_react","_Box","_index","_OdysseyDesignTokensContext","_useUniqueId","_BaseButton","_MenuContext","_jsxRuntime","e","__esModule","default","menuAlignmentValues","exports","verticalDividerAlignmentValues","StyledMenuButtonContainer","styled","shouldForwardProp","prop","hasVerticalDivider","odysseyDesignTokens","verticalDividerAlignment","position","display","top","left","width","height","Spacing6","backgroundColor","HueNeutral300","content","transform","transition","right","opacity","BaseMenuButton","ariaLabel","ariaLabelledBy","ariaDescribedBy","buttonChildren","buttonLabel","buttonVariant","children","popoverContent","endIcon","endIconProp","id","idOverride","isDisabled","isOverflow","menuAlignment","omitEndIcon","shouldCloseOnSelect","size","testId","tooltipText","translate","useOdysseyDesignTokens","anchorEl","setAnchorEl","useState","isOpen","Boolean","closeMenu","useCallback","openMenu","event","currentTarget","uniqueId","useUniqueId","menuListProps","useMemo","providerValue","undefined","jsx","MoreIcon","ChevronDownIcon","anchorOrigin","horizontal","vertical","transformOrigin","jsxs","BaseButton","ariaControls","ariaExpanded","ariaHasPopup","label","onClick","variant","_Menu2","MenuListProps","onClose","open","MenuContext","Provider","value","_Popover2","Box","sx","padding","Spacing4","MemoizedBaseMenuButton","memo","displayName"],"sources":["../../../src/Buttons/BaseMenuButton.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 styled from \"@emotion/styled\";\nimport {\n  Menu as MuiMenu,\n  Popover as MuiPopover,\n  PopoverOrigin,\n} from \"@mui/material\";\nimport {\n  memo,\n  type ReactElement,\n  ReactNode,\n  useCallback,\n  useMemo,\n  useState,\n} from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { Box } from \"../Box.js\";\nimport { FieldComponentProps } from \"../FieldComponentProps.js\";\nimport { ChevronDownIcon, MoreIcon } from \"../icons.generated/index.js\";\nimport { NullElement } from \"../NullElement.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"../OdysseyDesignTokensContext.js\";\nimport { useUniqueId } from \"../useUniqueId.js\";\nimport {\n  BaseButton,\n  buttonSizeValues,\n  buttonVariantValues,\n} from \"./BaseButton.js\";\nimport { MenuContext, MenuContextType } from \"./MenuContext.js\";\n\nexport const menuAlignmentValues = [\"left\", \"right\"] as const;\nexport const verticalDividerAlignmentValues = [\"start\", \"end\"] as const;\n\nconst StyledMenuButtonContainer = styled(\"div\", {\n  shouldForwardProp: (prop) =>\n    prop !== \"hasVerticalDivider\" &&\n    prop !== \"odysseyDesignTokens\" &&\n    prop !== \"verticalDividerAlignment\",\n})<{\n  hasVerticalDivider: BaseMenuButtonProps[\"hasVerticalDivider\"];\n  odysseyDesignTokens: DesignTokens;\n  verticalDividerAlignment: BaseMenuButtonProps[\"verticalDividerAlignment\"];\n}>(({ hasVerticalDivider, odysseyDesignTokens, verticalDividerAlignment }) => ({\n  position: \"relative\",\n\n  ...(hasVerticalDivider && {\n    display: \"inline-block\",\n\n    \"&:before\": {\n      position: \"absolute\",\n      top: \"50%\",\n      left: 0,\n      width: 1,\n      height: odysseyDesignTokens.Spacing6,\n      backgroundColor: odysseyDesignTokens.HueNeutral300,\n      content: '\"\"',\n      transform: \"translate3d(0, -50%, 0)\",\n      transition: `opacity 200ms`,\n\n      ...(verticalDividerAlignment === \"end\" && {\n        left: \"unset\",\n        right: 0,\n      }),\n    },\n\n    \":has(> button:hover)\": {\n      \"&:before\": {\n        opacity: 0,\n      },\n    },\n\n    \":dir(rtl)\": {\n      \"&:before\": {\n        left: \"unset\",\n        right: 0,\n        ...(verticalDividerAlignment === \"end\" && {\n          right: \"unset\",\n          left: 0,\n        }),\n      },\n    },\n  }),\n}));\n\nexport type BaseMenuButtonProps = {\n  /**\n   * The button children for the triggering Button. Only available internal to Odyssey here in BaseMenuButton. If set, buttonLabel is ignored.\n   */\n  buttonChildren?: ReactNode;\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 end Icon on the triggering Button\n   */\n  endIcon?: ReactElement;\n  /**\n   * Add a vertical rule to divide the button from surrounding content\n   */\n  hasVerticalDivider?: boolean;\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   * Whether to omit the endIcon if not set (rather than use a default value for it based on overflow)\n   */\n  omitEndIcon?: boolean;\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   * Show vertical rule before or after the button\n   */\n  verticalDividerAlignment?: (typeof verticalDividerAlignmentValues)[number];\n};\n\n// These are split and exported separately from the above because wrappers of this (e.g. MenuButton) will\n// want to omit buttonChildren, which they cannot do from the combined union type. Instead, they should\n// omit from BaseMenuButtonProps, then union with the AdditionalBaseMenuButtonProps (as seen in MenuButton)\nexport type AdditionalBaseMenuButtonProps = Pick<\n  HtmlProps,\n  \"ariaDescribedBy\" | \"ariaLabel\" | \"ariaLabelledBy\" | \"testId\" | \"translate\"\n> &\n  Pick<FieldComponentProps, \"isDisabled\"> &\n  (\n    | { buttonLabel: string }\n    | (Required<Pick<HtmlProps, \"ariaLabelledBy\">> &\n        Partial<Pick<HtmlProps, \"ariaLabel\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n    | (Required<Pick<HtmlProps, \"ariaLabel\">> &\n        Partial<Pick<HtmlProps, \"ariaLabelledBy\">> & {\n          buttonLabel?: undefined | \"\";\n        })\n  ) &\n  (\n    | {\n        /**\n         * The <MenuItem> components within the Menu.\n         */\n        children: ReactNode | NullElement;\n        /**\n         * popoverContent is disallowed if children are present\n         */\n        popoverContent?: never;\n      }\n    | {\n        /**\n         * children is disallowed if popoverContent is present\n         */\n        children?: never;\n        /**\n         * The content for the popover that is triggered on click.\n         */\n        popoverContent: ReactNode | NullElement;\n      }\n  );\n\nconst BaseMenuButton = ({\n  ariaLabel,\n  ariaLabelledBy,\n  ariaDescribedBy,\n  buttonChildren,\n  buttonLabel = \"\",\n  buttonVariant = \"secondary\",\n  children,\n  popoverContent,\n  endIcon: endIconProp,\n  hasVerticalDivider = false,\n  id: idOverride,\n  isDisabled,\n  isOverflow,\n  menuAlignment = \"left\",\n  omitEndIcon = false,\n  shouldCloseOnSelect = true,\n  size,\n  testId,\n  tooltipText,\n  translate,\n  verticalDividerAlignment = \"start\",\n}: BaseMenuButtonProps & AdditionalBaseMenuButtonProps) => {\n  const odysseyDesignTokens = useOdysseyDesignTokens();\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 = omitEndIcon ? undefined : 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    <StyledMenuButtonContainer\n      hasVerticalDivider={hasVerticalDivider}\n      odysseyDesignTokens={odysseyDesignTokens}\n      verticalDividerAlignment={verticalDividerAlignment}\n    >\n      <BaseButton\n        ariaControls={isOpen ? `${uniqueId}-menu` : undefined}\n        ariaDescribedBy={ariaDescribedBy}\n        ariaExpanded={isOpen ? \"true\" : undefined}\n        ariaHasPopup=\"true\"\n        ariaLabel={ariaLabel}\n        ariaLabelledBy={ariaLabelledBy}\n        children={buttonChildren}\n        endIcon={endIcon}\n        id={`${uniqueId}-button`}\n        isDisabled={isDisabled}\n        label={buttonLabel}\n        onClick={openMenu}\n        size={size}\n        testId={testId}\n        tooltipText={tooltipText}\n        translate={translate}\n        variant={buttonVariant}\n      />\n\n      {children && (\n        <MuiMenu\n          anchorEl={anchorEl}\n          anchorOrigin={anchorOrigin}\n          id={`${uniqueId}-menu`}\n          MenuListProps={menuListProps}\n          onClose={closeMenu}\n          open={isOpen}\n          transformOrigin={transformOrigin}\n        >\n          <MenuContext.Provider value={providerValue}>\n            {children}\n          </MenuContext.Provider>\n        </MuiMenu>\n      )}\n\n      {popoverContent && (\n        <MuiPopover\n          anchorEl={anchorEl}\n          anchorOrigin={anchorOrigin}\n          onClose={closeMenu}\n          open={isOpen}\n          transformOrigin={transformOrigin}\n        >\n          <Box\n            sx={{\n              padding: odysseyDesignTokens.Spacing4,\n            }}\n          >\n            {popoverContent}\n          </Box>\n        </MuiPopover>\n      )}\n    </StyledMenuButtonContainer>\n  );\n};\n\nconst MemoizedBaseMenuButton = memo(BaseMenuButton);\nMemoizedBaseMenuButton.displayName = \"BaseMenuButton\";\n\nexport { MemoizedBaseMenuButton as BaseMenuButton };\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/Buttons/Button.cjs

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Button = void 0;
+var _react = require("react");
+var _BaseButton = require("./BaseButton.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * 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.
+ */
+
+const Button = props => {
+  return (0, _jsxRuntime.jsx)(_BaseButton.BaseButton, {
+    ...props
+  });
+};
+const MemoizedButton = exports.Button = (0, _react.memo)(Button);
+MemoizedButton.displayName = "Button";
+//# sourceMappingURL=Button.cjs.map

package/dist/cjs/Buttons/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","names":["_react","require","_BaseButton","_jsxRuntime","Button","props","jsx","BaseButton","MemoizedButton","exports","memo","displayName"],"sources":["../../../src/Buttons/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 { memo } from \"react\";\n\nimport {\n  AdditionalBaseButtonProps,\n  BaseButton,\n  BaseButtonProps,\n} from \"./BaseButton.js\";\n\nexport type ButtonProps = Omit<BaseButtonProps, \"children\"> &\n  AdditionalBaseButtonProps;\n\nconst Button = (props: ButtonProps) => {\n  return <BaseButton {...props} />;\n};\n\nconst MemoizedButton = memo(Button);\nMemoizedButton.displayName = \"Button\";\n\nexport { MemoizedButton as Button };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAIyB,IAAAE,WAAA,GAAAF,OAAA;AAlBzB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAaA,MAAMG,MAAM,GAAIC,KAAkB,IAAK;EACrC,OAAO,IAAAF,WAAA,CAAAG,GAAA,EAACJ,WAAA,CAAAK,UAAU;IAAA,GAAKF;EAAK,CAAG,CAAC;AAClC,CAAC;AAED,MAAMG,cAAc,GAAAC,OAAA,CAAAL,MAAA,GAAG,IAAAM,WAAI,EAACN,MAAM,CAAC;AACnCI,cAAc,CAACG,WAAW,GAAG,QAAQ","ignoreList":[]}

package/dist/cjs/Buttons/ButtonContext.cjs

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useButton = exports.ButtonContext = void 0;
+var _react = require("react");
+/*!
+ * Copyright (c) 2024-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.
+ */
+
+const ButtonContext = exports.ButtonContext = (0, _react.createContext)({
+  isFullWidth: false
+});
+const useButton = () => (0, _react.useContext)(ButtonContext);
+exports.useButton = useButton;
+//# sourceMappingURL=ButtonContext.cjs.map

package/dist/cjs/Buttons/ButtonContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContext.cjs","names":["_react","require","ButtonContext","exports","createContext","isFullWidth","useButton","useContext"],"sources":["../../../src/Buttons/ButtonContext.tsx"],"sourcesContent":["/*!\n * Copyright (c) 2024-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 ButtonContextValue = {\n  isFullWidth: boolean;\n};\n\nexport const ButtonContext = createContext<ButtonContextValue>({\n  isFullWidth: false,\n});\n\nexport const useButton = () => useContext(ButtonContext);\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAQO,MAAMC,aAAa,GAAAC,OAAA,CAAAD,aAAA,GAAG,IAAAE,oBAAa,EAAqB;EAC7DC,WAAW,EAAE;AACf,CAAC,CAAC;AAEK,MAAMC,SAAS,GAAGA,CAAA,KAAM,IAAAC,iBAAU,EAACL,aAAa,CAAC;AAACC,OAAA,CAAAG,SAAA,GAAAA,SAAA","ignoreList":[]}

package/dist/cjs/Buttons/MenuButton.cjs

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuButton = void 0;
+var _react = require("react");
+var _BaseMenuButton = require("./BaseMenuButton.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+/*!
+ * 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.
+ */
+
+const MenuButton = props => {
+  return (0, _jsxRuntime.jsx)(_BaseMenuButton.BaseMenuButton, {
+    ...props
+  });
+};
+const MemoizedMenuButton = exports.MenuButton = (0, _react.memo)(MenuButton);
+MemoizedMenuButton.displayName = "MenuButton";
+//# sourceMappingURL=MenuButton.cjs.map

package/dist/cjs/Buttons/MenuButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.cjs","names":["_react","require","_BaseMenuButton","_jsxRuntime","MenuButton","props","jsx","BaseMenuButton","MemoizedMenuButton","exports","memo","displayName"],"sources":["../../../src/Buttons/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 { memo } from \"react\";\n\nimport {\n  AdditionalBaseMenuButtonProps,\n  BaseMenuButton,\n  BaseMenuButtonProps,\n} from \"./BaseMenuButton.js\";\n\nexport type MenuButtonProps = Omit<\n  BaseMenuButtonProps,\n  \"buttonChildren\" | \"omitEndIcon\"\n> &\n  AdditionalBaseMenuButtonProps;\n\nconst MenuButton = (props: MenuButtonProps) => {\n  return <BaseMenuButton {...props} />;\n};\n\nconst MemoizedMenuButton = memo(MenuButton);\nMemoizedMenuButton.displayName = \"MenuButton\";\n\nexport { MemoizedMenuButton as MenuButton };\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,eAAA,GAAAD,OAAA;AAI6B,IAAAE,WAAA,GAAAF,OAAA;AAlB7B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAgBA,MAAMG,UAAU,GAAIC,KAAsB,IAAK;EAC7C,OAAO,IAAAF,WAAA,CAAAG,GAAA,EAACJ,eAAA,CAAAK,cAAc;IAAA,GAAKF;EAAK,CAAG,CAAC;AACtC,CAAC;AAED,MAAMG,kBAAkB,GAAAC,OAAA,CAAAL,UAAA,GAAG,IAAAM,WAAI,EAACN,UAAU,CAAC;AAC3CI,kBAAkB,CAACG,WAAW,GAAG,YAAY","ignoreList":[]}

package/dist/cjs/Buttons/MenuContext.cjs

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuContext = void 0;
+var _react = require("react");
+/*!
+ * 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.
+ */
+
+const MenuContext = exports.MenuContext = (0, _react.createContext)({
+  closeMenu: () => {},
+  openMenu: () => {},
+  shouldCloseOnSelect: true
+});
+//# sourceMappingURL=MenuContext.cjs.map

package/dist/cjs/Buttons/MenuContext.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.cjs","names":["_react","require","MenuContext","exports","createContext","closeMenu","openMenu","shouldCloseOnSelect"],"sources":["../../../src/Buttons/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  closeMenu: () => {},\n  openMenu: () => {},\n  shouldCloseOnSelect: true,\n});\n"],"mappings":";;;;;;AAYA,IAAAA,MAAA,GAAAC,OAAA;AAZA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAUO,MAAMC,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,oBAAa,EAAkB;EACxDC,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,mBAAmB,EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/Buttons/MenuItem.cjs

@@ -0,0 +1,59 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MenuItem = void 0;
+var _MenuItem2 = _interopRequireWildcard(require("@mui/material/MenuItem"));
+var _react = require("react");
+var _MenuContext = require("./MenuContext.cjs");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/*!
+ * 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.
+ */
+
+const MenuItem = ({
+  children,
+  hasInitialFocus,
+  isSelected,
+  isDisabled,
+  onClick: onClickProp,
+  testId,
+  value,
+  variant = "default"
+}) => {
+  const {
+    closeMenu,
+    shouldCloseOnSelect
+  } = (0, _react.useContext)(_MenuContext.MenuContext);
+  const onClick = (0, _react.useCallback)(event => {
+    onClickProp?.(event);
+    if (shouldCloseOnSelect) {
+      closeMenu();
+    }
+  }, [onClickProp, closeMenu, shouldCloseOnSelect]);
+  return (0, _jsxRuntime.jsx)(_MenuItem2.default, {
+    "aria-current": isSelected,
+    autoFocus: hasInitialFocus,
+    className: variant === "destructive" ? `${_MenuItem2.menuItemClasses.root}-destructive` : undefined,
+    "data-se": testId,
+    disabled: isDisabled,
+    onClick: onClick,
+    selected: isSelected,
+    tabIndex: 0,
+    value: value,
+    children: children
+  });
+};
+const MemoizedMenuItem = exports.MenuItem = (0, _react.memo)(MenuItem);
+MemoizedMenuItem.displayName = "MenuItem";
+//# sourceMappingURL=MenuItem.cjs.map

package/dist/cjs/Buttons/MenuItem.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.cjs","names":["_MenuItem2","_interopRequireWildcard","require","_react","_MenuContext","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MenuItem","children","hasInitialFocus","isSelected","isDisabled","onClick","onClickProp","testId","value","variant","closeMenu","shouldCloseOnSelect","useContext","MenuContext","useCallback","event","jsx","autoFocus","className","menuItemClasses","root","undefined","disabled","selected","tabIndex","MemoizedMenuItem","exports","memo","displayName"],"sources":["../../../src/Buttons/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, type ReactNode, useCallback, useContext } from \"react\";\n\nimport type { HtmlProps } from \"../HtmlProps.js\";\n\nimport { MenuContext } from \"./MenuContext.js\";\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 disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * If `true`, the menu item will be visually marked as selected.\n   */\n  isSelected?: 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} & Pick<HtmlProps, \"testId\">;\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      aria-current={isSelected}\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      tabIndex={0}\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":";;;;;;AAgBA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIA,IAAAE,YAAA,GAAAF,OAAA;AAA+C,IAAAG,WAAA,GAAAH,OAAA;AAAA,SAAAD,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AArB/C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AA8CA,MAAMkB,QAAQ,GAAGA,CAAC;EAChBC,QAAQ;EACRC,eAAe;EACfC,UAAU;EACVC,UAAU;EACVC,OAAO,EAAEC,WAAW;EACpBC,MAAM;EACNC,KAAK;EACLC,OAAO,GAAG;AACG,CAAC,KAAK;EACnB,MAAM;IAAEC,SAAS;IAAEC;EAAoB,CAAC,GAAG,IAAAC,iBAAU,EAACC,wBAAW,CAAC;EAElE,MAAMR,OAAO,GAAG,IAAAS,kBAAW,EACxBC,KAAK,IAAK;IACTT,WAAW,GAAGS,KAAK,CAAC;IACpB,IAAIJ,mBAAmB,EAAE;MACvBD,SAAS,CAAC,CAAC;IACb;EACF,CAAC,EACD,CAACJ,WAAW,EAAEI,SAAS,EAAEC,mBAAmB,CAC9C,CAAC;EAED,OACE,IAAA/B,WAAA,CAAAoC,GAAA,EAAAzC,UAAA,CAAAgB,OAAA;IACE,gBAAcY,UAAW;IAEzBc,SAAS,EAAEf,eAAgB;IAC3BgB,SAAS,EACPT,OAAO,KAAK,aAAa,GACrB,GAAGU,0BAAe,CAACC,IAAI,cAAc,GACrCC,SACL;IACD,WAASd,MAAO;IAChBe,QAAQ,EAAElB,UAAW;IACrBC,OAAO,EAAEA,OAAQ;IACjBkB,QAAQ,EAAEpB,UAAW;IACrBqB,QAAQ,EAAE,CAAE;IACZhB,KAAK,EAAEA,KAAM;IAAAP,QAAA,EAEZA;EAAQ,CACE,CAAC;AAElB,CAAC;AAED,MAAMwB,gBAAgB,GAAAC,OAAA,CAAA1B,QAAA,GAAG,IAAA2B,WAAI,EAAC3B,QAAQ,CAAC;AACvCyB,gBAAgB,CAACG,WAAW,GAAG,UAAU","ignoreList":[]}