@okta/odyssey-contribution-tooling 1.52.0 → 1.53.0

package/dist/esm/Buttons/BaseMenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseMenuButton.js","names":["styled","memo","useCallback","useMemo","useState","Box","ChevronDownIcon","MoreIcon","useOdysseyDesignTokens","useUniqueId","BaseButton","MenuContext","jsx","_jsx","jsxs","_jsxs","menuAlignmentValues","verticalDividerAlignmentValues","StyledMenuButtonContainer","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","anchorEl","setAnchorEl","isOpen","Boolean","closeMenu","openMenu","event","currentTarget","uniqueId","menuListProps","providerValue","undefined","anchorOrigin","horizontal","vertical","transformOrigin","ariaControls","ariaExpanded","ariaHasPopup","label","onClick","variant","_Menu","MenuListProps","onClose","open","Provider","value","_Popover","sx","padding","Spacing4","MemoizedBaseMenuButton","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/esm/Buttons/Button.js

@@ -0,0 +1,24 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo } from "react";
+import { BaseButton } from "./BaseButton.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const Button = props => {
+  return _jsx(BaseButton, {
+    ...props
+  });
+};
+const MemoizedButton = memo(Button);
+MemoizedButton.displayName = "Button";
+export { MemoizedButton as Button };
+//# sourceMappingURL=Button.js.map

package/dist/esm/Buttons/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","names":["memo","BaseButton","jsx","_jsx","Button","props","MemoizedButton","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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAEEC,UAAU,QAEL,iBAAiB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAKzB,MAAMC,MAAM,GAAIC,KAAkB,IAAK;EACrC,OAAOF,IAAA,CAACF,UAAU;IAAA,GAAKI;EAAK,CAAG,CAAC;AAClC,CAAC;AAED,MAAMC,cAAc,GAAGN,IAAI,CAACI,MAAM,CAAC;AACnCE,cAAc,CAACC,WAAW,GAAG,QAAQ;AAErC,SAASD,cAAc,IAAIF,MAAM","ignoreList":[]}

package/dist/esm/Buttons/ButtonContext.js

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

package/dist/esm/Buttons/ButtonContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonContext.js","names":["createContext","useContext","ButtonContext","isFullWidth","useButton"],"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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAMjD,OAAO,MAAMC,aAAa,GAAGF,aAAa,CAAqB;EAC7DG,WAAW,EAAE;AACf,CAAC,CAAC;AAEF,OAAO,MAAMC,SAAS,GAAGA,CAAA,KAAMH,UAAU,CAACC,aAAa,CAAC","ignoreList":[]}

package/dist/esm/Buttons/MenuButton.js

@@ -0,0 +1,24 @@
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { memo } from "react";
+import { BaseMenuButton } from "./BaseMenuButton.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MenuButton = props => {
+  return _jsx(BaseMenuButton, {
+    ...props
+  });
+};
+const MemoizedMenuButton = memo(MenuButton);
+MemoizedMenuButton.displayName = "MenuButton";
+export { MemoizedMenuButton as MenuButton };
+//# sourceMappingURL=MenuButton.js.map

package/dist/esm/Buttons/MenuButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuButton.js","names":["memo","BaseMenuButton","jsx","_jsx","MenuButton","props","MemoizedMenuButton","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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,OAAO;AAE5B,SAEEC,cAAc,QAET,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ7B,MAAMC,UAAU,GAAIC,KAAsB,IAAK;EAC7C,OAAOF,IAAA,CAACF,cAAc;IAAA,GAAKI;EAAK,CAAG,CAAC;AACtC,CAAC;AAED,MAAMC,kBAAkB,GAAGN,IAAI,CAACI,UAAU,CAAC;AAC3CE,kBAAkB,CAACC,WAAW,GAAG,YAAY;AAE7C,SAASD,kBAAkB,IAAIF,UAAU","ignoreList":[]}

package/dist/esm/Buttons/MenuContext.js

@@ -0,0 +1,19 @@
+/*!
+ * Copyright (c) 2023-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import { createContext } from "react";
+export const MenuContext = createContext({
+  closeMenu: () => {},
+  openMenu: () => {},
+  shouldCloseOnSelect: true
+});
+//# sourceMappingURL=MenuContext.js.map

package/dist/esm/Buttons/MenuContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuContext.js","names":["createContext","MenuContext","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":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,aAAa,QAA2B,OAAO;AAQxD,OAAO,MAAMC,WAAW,GAAGD,aAAa,CAAkB;EACxDE,SAAS,EAAEA,CAAA,KAAM,CAAC,CAAC;EACnBC,QAAQ,EAAEA,CAAA,KAAM,CAAC,CAAC;EAClBC,mBAAmB,EAAE;AACvB,CAAC,CAAC","ignoreList":[]}

package/dist/esm/Buttons/MenuItem.js

@@ -0,0 +1,53 @@
+import _MenuItem from "@mui/material/MenuItem";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * 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 { menuItemClasses } from "@mui/material/MenuItem";
+import { memo, useCallback, useContext } from "react";
+import { MenuContext } from "./MenuContext.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const MenuItem = ({
+  children,
+  hasInitialFocus,
+  isSelected,
+  isDisabled,
+  onClick: onClickProp,
+  testId,
+  value,
+  variant = "default"
+}) => {
+  const {
+    closeMenu,
+    shouldCloseOnSelect
+  } = useContext(MenuContext);
+  const onClick = useCallback(event => {
+    onClickProp?.(event);
+    if (shouldCloseOnSelect) {
+      closeMenu();
+    }
+  }, [onClickProp, closeMenu, shouldCloseOnSelect]);
+  return _jsx(_MenuItem, {
+    "aria-current": isSelected,
+    autoFocus: hasInitialFocus,
+    className: variant === "destructive" ? `${menuItemClasses.root}-destructive` : undefined,
+    "data-se": testId,
+    disabled: isDisabled,
+    onClick: onClick,
+    selected: isSelected,
+    tabIndex: 0,
+    value: value,
+    children: children
+  });
+};
+const MemoizedMenuItem = memo(MenuItem);
+MemoizedMenuItem.displayName = "MenuItem";
+export { MemoizedMenuItem as MenuItem };
+//# sourceMappingURL=MenuItem.js.map

package/dist/esm/Buttons/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","names":["menuItemClasses","memo","useCallback","useContext","MenuContext","jsx","_jsx","MenuItem","children","hasInitialFocus","isSelected","isDisabled","onClick","onClickProp","testId","value","variant","closeMenu","shouldCloseOnSelect","event","_MenuItem","autoFocus","className","root","undefined","disabled","selected","tabIndex","MemoizedMenuItem","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":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAMA,SAASA,eAAe,QAAQ,wBAAwB;AACxD,SAASC,IAAI,EAAkBC,WAAW,EAAEC,UAAU,QAAQ,OAAO;AAIrE,SAASC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAmC/C,MAAMC,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,GAAGf,UAAU,CAACC,WAAW,CAAC;EAElE,MAAMQ,OAAO,GAAGV,WAAW,CACxBiB,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,OACEZ,IAAA,CAAAc,SAAA;IACE,gBAAcV,UAAW;IAEzBW,SAAS,EAAEZ,eAAgB;IAC3Ba,SAAS,EACPN,OAAO,KAAK,aAAa,GACrB,GAAGhB,eAAe,CAACuB,IAAI,cAAc,GACrCC,SACL;IACD,WAASV,MAAO;IAChBW,QAAQ,EAAEd,UAAW;IACrBC,OAAO,EAAEA,OAAQ;IACjBc,QAAQ,EAAEhB,UAAW;IACrBiB,QAAQ,EAAE,CAAE;IACZZ,KAAK,EAAEA,KAAM;IAAAP,QAAA,EAEZA;EAAQ,CACE,CAAC;AAElB,CAAC;AAED,MAAMoB,gBAAgB,GAAG3B,IAAI,CAACM,QAAQ,CAAC;AACvCqB,gBAAgB,CAACC,WAAW,GAAG,UAAU;AAEzC,SAASD,gBAAgB,IAAIrB,QAAQ","ignoreList":[]}

package/dist/esm/Callout.js

@@ -0,0 +1,89 @@
+import _Alert from "@mui/material/Alert";
+import _Box from "@mui/material/Box";
+import _AlertTitle from "@mui/material/AlertTitle";
+/*!
+ * Copyright (c) 2022-present, Okta, Inc. and/or its affiliates. All rights reserved.
+ * The Okta software accompanied by this notice is provided pursuant to the Apache License, Version 2.0 (the "License.")
+ *
+ * You may obtain a copy of the License at http://www.apache.org/licenses/LICENSE-2.0.
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
+ * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ *
+ * See the License for the specific language governing permissions and limitations under the License.
+ */
+
+import styled from "@emotion/styled";
+import { memo } from "react";
+import { useTranslation } from "./i18n.generated/i18n.js";
+import { Link } from "./Link.js";
+import { useOdysseyDesignTokens } from "./OdysseyDesignTokensContext.js";
+import { Paragraph } from "./Typography.js";
+import { useUniqueId } from "./useUniqueId.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const calloutRoleValues = ["status", "alert"];
+export const calloutSeverityValues = ["success", "info", "warning", "error"];
+const ContentContainer = styled("div", {
+  shouldForwardProp: prop => prop !== "odysseyDesignTokens"
+})(({
+  odysseyDesignTokens
+}) => ({
+  "& > * + *": {
+    marginBlockStart: odysseyDesignTokens.Spacing4
+  }
+}));
+const Callout = ({
+  children,
+  linkRel,
+  linkTarget,
+  linkText,
+  linkUrl,
+  onLinkClick,
+  role,
+  severity,
+  testId,
+  text,
+  title,
+  translate
+}) => {
+  const {
+    t
+  } = useTranslation();
+  const odysseyDesignTokens = useOdysseyDesignTokens();
+  const titleId = useUniqueId();
+  return _jsxs(_Alert, {
+    "aria-label": t(`severity.${severity}`),
+    "aria-labelledby": titleId,
+    "data-se": testId,
+    role: role,
+    severity: severity,
+    variant: "callout",
+    children: [title && _jsx(_AlertTitle, {
+      "aria-hidden": true,
+      id: titleId,
+      translate: translate,
+      children: title
+    }), _jsxs(ContentContainer, {
+      odysseyDesignTokens: odysseyDesignTokens,
+      children: [children && _jsx(_Box, {
+        component: "div",
+        children: children
+      }), text && _jsx(Paragraph, {
+        children: text
+      }), linkText && _jsx(_Box, {
+        children: _jsx(Link, {
+          href: linkUrl ?? "#",
+          onClick: onLinkClick,
+          rel: linkRel,
+          target: linkTarget,
+          variant: "monochrome",
+          children: linkText
+        })
+      })]
+    })]
+  });
+};
+const MemoizedCallout = memo(Callout);
+MemoizedCallout.displayName = "Callout";
+export { MemoizedCallout as Callout };
+//# sourceMappingURL=Callout.js.map

package/dist/esm/Callout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Callout.js","names":["styled","memo","useTranslation","Link","useOdysseyDesignTokens","Paragraph","useUniqueId","jsx","_jsx","jsxs","_jsxs","calloutRoleValues","calloutSeverityValues","ContentContainer","shouldForwardProp","prop","odysseyDesignTokens","marginBlockStart","Spacing4","Callout","children","linkRel","linkTarget","linkText","linkUrl","onLinkClick","role","severity","testId","text","title","translate","t","titleId","_Alert","variant","_AlertTitle","id","_Box","component","href","onClick","rel","target","MemoizedCallout","displayName"],"sources":["../../src/Callout.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 { Alert, AlertTitle, Box } from \"@mui/material\";\nimport { memo, ReactNode } from \"react\";\n\nimport type { HtmlProps } from \"./HtmlProps.js\";\n\nimport { useTranslation } from \"./i18n.generated/i18n.js\";\nimport { Link, LinkProps } from \"./Link.js\";\nimport {\n  DesignTokens,\n  useOdysseyDesignTokens,\n} from \"./OdysseyDesignTokensContext.js\";\nimport { Paragraph } from \"./Typography.js\";\nimport { useUniqueId } from \"./useUniqueId.js\";\n\nexport const calloutRoleValues = [\"status\", \"alert\"] as const;\nexport const calloutSeverityValues = [\n  \"success\",\n  \"info\",\n  \"warning\",\n  \"error\",\n] as const;\n\nexport type CalloutProps = {\n  /**\n   * Used to optionally pass a text list to the component\n   */\n  children?: ReactNode;\n  /**\n   * Sets the ARIA role of the Callout\n   * (\"status\" for something that dynamically updates, \"alert\" for errors, null for something\n   * unchanging)\n   */\n  role?: (typeof calloutRoleValues)[number];\n  /**\n   * Determine the color and icon of the Callout\n   */\n  severity: (typeof calloutSeverityValues)[number];\n  /**\n   * The text content of the Callout\n   */\n  text?: string;\n  /**\n   * The title of the Callout\n   */\n  title?: string;\n} & (\n  | {\n      children?: never;\n      text: string;\n    }\n  | {\n      children: ReactNode;\n      text?: never;\n    }\n) &\n  // if linkText is provided, either linkUrl or onLinkClick must be provided\n  (| {\n        linkRel?: LinkProps[\"rel\"];\n        linkTarget?: LinkProps[\"target\"];\n        linkText: string;\n        linkUrl: LinkProps[\"href\"];\n        onLinkClick?: never;\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText: string;\n        linkUrl?: never;\n        onLinkClick: LinkProps[\"onClick\"];\n      }\n    | {\n        linkRel?: never;\n        linkTarget?: never;\n        linkText?: never;\n        linkUrl?: never;\n        onLinkClick?: never;\n      }\n  ) &\n  Pick<HtmlProps, \"testId\" | \"translate\">;\n\nconst ContentContainer = styled(\"div\", {\n  shouldForwardProp: (prop) => prop !== \"odysseyDesignTokens\",\n})<{ odysseyDesignTokens: DesignTokens }>(({ odysseyDesignTokens }) => ({\n  \"& > * + *\": {\n    marginBlockStart: odysseyDesignTokens.Spacing4,\n  },\n}));\n\nconst Callout = ({\n  children,\n  linkRel,\n  linkTarget,\n  linkText,\n  linkUrl,\n  onLinkClick,\n  role,\n  severity,\n  testId,\n  text,\n  title,\n  translate,\n}: CalloutProps) => {\n  const { t } = useTranslation();\n  const odysseyDesignTokens = useOdysseyDesignTokens();\n  const titleId = useUniqueId();\n\n  return (\n    <Alert\n      aria-label={t(`severity.${severity}`)}\n      aria-labelledby={titleId}\n      data-se={testId}\n      role={role}\n      severity={severity}\n      variant=\"callout\"\n    >\n      {title && (\n        <AlertTitle aria-hidden id={titleId} translate={translate}>\n          {title}\n        </AlertTitle>\n      )}\n\n      <ContentContainer odysseyDesignTokens={odysseyDesignTokens}>\n        {children && <Box component=\"div\">{children}</Box>}\n        {text && <Paragraph>{text}</Paragraph>}\n        {linkText && (\n          <Box>\n            <Link\n              href={linkUrl ?? \"#\"}\n              onClick={onLinkClick}\n              rel={linkRel}\n              target={linkTarget}\n              variant=\"monochrome\"\n            >\n              {linkText}\n            </Link>\n          </Box>\n        )}\n      </ContentContainer>\n    </Alert>\n  );\n};\n\nconst MemoizedCallout = memo(Callout);\nMemoizedCallout.displayName = \"Callout\";\n\nexport { MemoizedCallout as Callout };\n"],"mappings":";;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,MAAM,MAAM,iBAAiB;AAEpC,SAASC,IAAI,QAAmB,OAAO;AAIvC,SAASC,cAAc,QAAQ,0BAA0B;AACzD,SAASC,IAAI,QAAmB,WAAW;AAC3C,SAEEC,sBAAsB,QACjB,iCAAiC;AACxC,SAASC,SAAS,QAAQ,iBAAiB;AAC3C,SAASC,WAAW,QAAQ,kBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE/C,OAAO,MAAMC,iBAAiB,GAAG,CAAC,QAAQ,EAAE,OAAO,CAAU;AAC7D,OAAO,MAAMC,qBAAqB,GAAG,CACnC,SAAS,EACT,MAAM,EACN,SAAS,EACT,OAAO,CACC;AA4DV,MAAMC,gBAAgB,GAAGb,MAAM,CAAC,KAAK,EAAE;EACrCc,iBAAiB,EAAGC,IAAI,IAAKA,IAAI,KAAK;AACxC,CAAC,CAAC,CAAwC,CAAC;EAAEC;AAAoB,CAAC,MAAM;EACtE,WAAW,EAAE;IACXC,gBAAgB,EAAED,mBAAmB,CAACE;EACxC;AACF,CAAC,CAAC,CAAC;AAEH,MAAMC,OAAO,GAAGA,CAAC;EACfC,QAAQ;EACRC,OAAO;EACPC,UAAU;EACVC,QAAQ;EACRC,OAAO;EACPC,WAAW;EACXC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC,KAAK;EACLC;AACY,CAAC,KAAK;EAClB,MAAM;IAAEC;EAAE,CAAC,GAAG9B,cAAc,CAAC,CAAC;EAC9B,MAAMc,mBAAmB,GAAGZ,sBAAsB,CAAC,CAAC;EACpD,MAAM6B,OAAO,GAAG3B,WAAW,CAAC,CAAC;EAE7B,OACEI,KAAA,CAAAwB,MAAA;IACE,cAAYF,CAAC,CAAC,YAAYL,QAAQ,EAAE,CAAE;IACtC,mBAAiBM,OAAQ;IACzB,WAASL,MAAO;IAChBF,IAAI,EAAEA,IAAK;IACXC,QAAQ,EAAEA,QAAS;IACnBQ,OAAO,EAAC,SAAS;IAAAf,QAAA,GAEhBU,KAAK,IACJtB,IAAA,CAAA4B,WAAA;MAAY,mBAAW;MAACC,EAAE,EAAEJ,OAAQ;MAACF,SAAS,EAAEA,SAAU;MAAAX,QAAA,EACvDU;IAAK,CACI,CACb,EAEDpB,KAAA,CAACG,gBAAgB;MAACG,mBAAmB,EAAEA,mBAAoB;MAAAI,QAAA,GACxDA,QAAQ,IAAIZ,IAAA,CAAA8B,IAAA;QAAKC,SAAS,EAAC,KAAK;QAAAnB,QAAA,EAAEA;MAAQ,CAAM,CAAC,EACjDS,IAAI,IAAIrB,IAAA,CAACH,SAAS;QAAAe,QAAA,EAAES;MAAI,CAAY,CAAC,EACrCN,QAAQ,IACPf,IAAA,CAAA8B,IAAA;QAAAlB,QAAA,EACEZ,IAAA,CAACL,IAAI;UACHqC,IAAI,EAAEhB,OAAO,IAAI,GAAI;UACrBiB,OAAO,EAAEhB,WAAY;UACrBiB,GAAG,EAAErB,OAAQ;UACbsB,MAAM,EAAErB,UAAW;UACnBa,OAAO,EAAC,YAAY;UAAAf,QAAA,EAEnBG;QAAQ,CACL;MAAC,CACJ,CACN;IAAA,CACe,CAAC;EAAA,CACd,CAAC;AAEZ,CAAC;AAED,MAAMqB,eAAe,GAAG3C,IAAI,CAACkB,OAAO,CAAC;AACrCyB,eAAe,CAACC,WAAW,GAAG,SAAS;AAEvC,SAASD,eAAe,IAAIzB,OAAO","ignoreList":[]}