@elliemae/ds-menu-items 3.27.0-next.8 → 3.27.0-rc.0

package/dist/esm/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js

@@ -1,57 +0,0 @@
-import * as React from "react";
-import { useRef, useCallback } from "react";
-const useGetSubmenuHandlers = ({
-  disabled,
-  rightAddon,
-  isSubmenuOpened,
-  onMouseEnter,
-  onSubmenuOpen,
-  onSubmenuClose,
-  onMouseLeave
-}) => {
-  const timeoutRef = useRef(null);
-  const onMouseEnterHandler = useCallback(
-    (e) => {
-      if (rightAddon !== "ellipsis") {
-        if (timeoutRef.current !== null)
-          clearTimeout(timeoutRef.current);
-        else if (!isSubmenuOpened)
-          onSubmenuOpen(e);
-        timeoutRef.current = null;
-      }
-      onMouseEnter(e);
-    },
-    [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon]
-  );
-  const onMouseLeaveHandler = useCallback(
-    (e) => {
-      if (rightAddon !== "ellipsis") {
-        if (timeoutRef.current === null) {
-          timeoutRef.current = setTimeout(() => {
-            timeoutRef.current = null;
-            onSubmenuClose(e);
-          }, 300);
-        }
-      }
-      onMouseLeave(e);
-    },
-    [onMouseLeave, onSubmenuClose, rightAddon]
-  );
-  const onEllipsisClick = useCallback(
-    (e) => {
-      if (disabled)
-        return;
-      e.stopPropagation();
-      if (isSubmenuOpened)
-        onSubmenuClose(e);
-      else
-        onSubmenuOpen(e);
-    },
-    [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen]
-  );
-  return { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick };
-};
-export {
-  useGetSubmenuHandlers
-};
-//# sourceMappingURL=useGetSubmenuHandlers.js.map

package/dist/esm/components/SingleWithSubmenuItem/useGetSubmenuHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SingleWithSubmenuItem/useGetSubmenuHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useRef, useCallback } from 'react';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\n\nexport const useGetSubmenuHandlers = ({\n  disabled,\n  rightAddon,\n  isSubmenuOpened,\n  onMouseEnter,\n  onSubmenuOpen,\n  onSubmenuClose,\n  onMouseLeave,\n}: Required<DSMenuItemT.SingleWithSubmenuProps>) => {\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n\n  const onMouseEnterHandler = useCallback(\n    (e: React.MouseEvent) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n        else if (!isSubmenuOpened) onSubmenuOpen(e);\n        timeoutRef.current = null;\n      }\n      onMouseEnter(e);\n    },\n    [isSubmenuOpened, onMouseEnter, onSubmenuOpen, rightAddon],\n  );\n\n  const onMouseLeaveHandler = useCallback(\n    (e: React.MouseEvent) => {\n      if (rightAddon !== 'ellipsis') {\n        if (timeoutRef.current === null) {\n          timeoutRef.current = setTimeout(() => {\n            timeoutRef.current = null;\n            onSubmenuClose(e);\n          }, 300);\n        }\n      }\n      onMouseLeave(e);\n    },\n    [onMouseLeave, onSubmenuClose, rightAddon],\n  );\n\n  const onEllipsisClick: React.MouseEventHandler = useCallback(\n    (e) => {\n      if (disabled) return;\n      e.stopPropagation();\n      if (isSubmenuOpened) onSubmenuClose(e);\n      else onSubmenuOpen(e);\n    },\n    [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen],\n  );\n\n  return { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,mBAAmB;AAG7B,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoD;AAClD,QAAM,aAAa,OAA8B,IAAI;AAErD,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY;AAAM,uBAAa,WAAW,OAAO;AAAA,iBACvD,CAAC;AAAiB,wBAAc,CAAC;AAC1C,mBAAW,UAAU;AAAA,MACvB;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,iBAAiB,cAAc,eAAe,UAAU;AAAA,EAC3D;AAEA,QAAM,sBAAsB;AAAA,IAC1B,CAAC,MAAwB;AACvB,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,2BAAe,CAAC;AAAA,UAClB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,kBAA2C;AAAA,IAC/C,CAAC,MAAM;AACL,UAAI;AAAU;AACd,QAAE,gBAAgB;AAClB,UAAI;AAAiB,uBAAe,CAAC;AAAA;AAChC,sBAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AACrE;",
-  "names": []
-}

package/dist/esm/components/SubmenuItem/getChevronHandlers.js

@@ -1,42 +0,0 @@
-import * as React from "react";
-const getChevronHandlers = ({
-  isSubmenuOpened,
-  onMouseEnter,
-  onSubmenuOpen,
-  onSubmenuClose,
-  onMouseLeave,
-  onMouseDown,
-  disabled
-}) => {
-  const timeoutRef = { current: null };
-  const onMouseEnterHandler = (e) => {
-    if (timeoutRef.current !== null)
-      clearTimeout(timeoutRef.current);
-    else if (!isSubmenuOpened)
-      onSubmenuOpen?.(e);
-    timeoutRef.current = null;
-    onMouseEnter?.(e);
-  };
-  const onMouseLeaveHandler = (e) => {
-    if (timeoutRef.current === null) {
-      timeoutRef.current = setTimeout(() => {
-        timeoutRef.current = null;
-        onSubmenuClose?.(e);
-      }, 300);
-    }
-    onMouseLeave?.(e);
-  };
-  const onMouseDownHandler = (e) => {
-    if (disabled)
-      return;
-    onMouseDown?.(e);
-  };
-  const onEllipsisClick = () => {
-    throw new Error("Invoking onEllipsisClick from chevron handlers... this should never happen");
-  };
-  return { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick };
-};
-export {
-  getChevronHandlers
-};
-//# sourceMappingURL=getChevronHandlers.js.map

package/dist/esm/components/SubmenuItem/getChevronHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SubmenuItem/getChevronHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSMenuItemT } from '../../react-desc-prop-types.js';\n\n// what we are trying to do:\n//   onMouseEnter -> open submenu\n//   onMouseLeave -> close submenu\n//   onEllipsisClick -> we should not even invoke this handler, as the \"ellipsis\" should not even exist?\n\n// what are the \"challenges\" of the task:\n//  - the submenu close has an animation and we ideally want to be sure state changes after the animation is done\n//      (we do it via an hardcoded 300ms delay, this is know to cause issues in some cases)\n//  - \"what is open and what is closed\" state lives under ds-dropdownmenu,\n//      we manipulate it via \"onSubmenuOpen\" and \"onSubmenuClose\" callbacks\n//  - we have created the API in such a way that we implement a \"bridge\" and \"inversion of control\" pattern\n//      this requires extra care when handling the logic and designing the solution\n\n// important and relevant info:\n//  when this comment has been written,\n//    onSubmenuOpen coming from SingleWithSubmenuProps is forcing only one submenu to be open at a time internally\n//      the logic for this is implemented in ds-dropdownmenu,\n//         we had a bug in which we were invoking a stale callback,\n//            we monkeypatching it by ensuring the callback never changes\n//            in the future we should create code with \"hydraters\" to avoid this as per shuttle-v2\n\nexport const getChevronHandlers = ({\n  isSubmenuOpened,\n  onMouseEnter,\n  onSubmenuOpen,\n  onSubmenuClose,\n  onMouseLeave,\n  onMouseDown,\n  disabled,\n}: Required<DSMenuItemT.SubmenuProps>) => {\n  const timeoutRef: { current: NodeJS.Timeout | null } = { current: null };\n\n  const onMouseEnterHandler = (e: React.MouseEvent) => {\n    if (timeoutRef.current !== null) clearTimeout(timeoutRef.current);\n    else if (!isSubmenuOpened) onSubmenuOpen?.(e);\n    timeoutRef.current = null;\n    onMouseEnter?.(e);\n  };\n\n  const onMouseLeaveHandler = (e: React.MouseEvent) => {\n    if (timeoutRef.current === null) {\n      timeoutRef.current = setTimeout(() => {\n        timeoutRef.current = null;\n        onSubmenuClose?.(e);\n      }, 300);\n    }\n    onMouseLeave?.(e);\n  };\n\n  const onMouseDownHandler = (e: React.MouseEvent) => {\n    if (disabled) return;\n    onMouseDown?.(e);\n  };\n\n  const onEllipsisClick = () => {\n    throw new Error('Invoking onEllipsisClick from chevron handlers... this should never happen');\n  };\n\n  return { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACuBhB,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0C;AACxC,QAAM,aAAiD,EAAE,SAAS,KAAK;AAEvE,QAAM,sBAAsB,CAAC,MAAwB;AACnD,QAAI,WAAW,YAAY;AAAM,mBAAa,WAAW,OAAO;AAAA,aACvD,CAAC;AAAiB,sBAAgB,CAAC;AAC5C,eAAW,UAAU;AACrB,mBAAe,CAAC;AAAA,EAClB;AAEA,QAAM,sBAAsB,CAAC,MAAwB;AACnD,QAAI,WAAW,YAAY,MAAM;AAC/B,iBAAW,UAAU,WAAW,MAAM;AACpC,mBAAW,UAAU;AACrB,yBAAiB,CAAC;AAAA,MACpB,GAAG,GAAG;AAAA,IACR;AACA,mBAAe,CAAC;AAAA,EAClB;AAEA,QAAM,qBAAqB,CAAC,MAAwB;AAClD,QAAI;AAAU;AACd,kBAAc,CAAC;AAAA,EACjB;AAEA,QAAM,kBAAkB,MAAM;AAC5B,UAAM,IAAI,MAAM,4EAA4E;AAAA,EAC9F;AAEA,SAAO,EAAE,qBAAqB,qBAAqB,oBAAoB,gBAAgB;AACzF;",
-  "names": []
-}

package/dist/esm/components/SubmenuItem/getEllipsisHandlers.js

@@ -1,34 +0,0 @@
-import * as React from "react";
-const getEllipsisHandlers = ({
-  disabled,
-  isSubmenuOpened,
-  onMouseEnter,
-  onSubmenuOpen,
-  onSubmenuClose,
-  onMouseLeave,
-  onMouseDown
-}) => {
-  const onMouseEnterHandler = (e) => onMouseEnter?.(e);
-  const onMouseLeaveHandler = (e) => onMouseLeave?.(e);
-  const onMouseDownHandler = (e) => {
-    if (disabled) {
-      e.preventDefault();
-      return;
-    }
-    onMouseDown?.(e);
-  };
-  const onEllipsisClick = (e) => {
-    if (disabled)
-      return;
-    e.stopPropagation();
-    if (isSubmenuOpened)
-      onSubmenuClose(e);
-    else
-      onSubmenuOpen(e);
-  };
-  return { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick };
-};
-export {
-  getEllipsisHandlers
-};
-//# sourceMappingURL=getEllipsisHandlers.js.map

package/dist/esm/components/SubmenuItem/getEllipsisHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SubmenuItem/getEllipsisHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { DSMenuItemT } from '../../react-desc-prop-types.js';\n\n// what we are trying to do:\n//   onMouseEnter -> be transparently \"doing nothing\" as hover does nothing by design for \"ellipsis\"\n//   onMouseLeave -> be transparently \"doing nothing\" as hover does nothing by design for \"ellipsis\"\n//   onEllipsisClick -> toggle the submenu open/close as per design\n\n// what are the \"challenges\" of the task:\n//  - we have created the API in such a way that we implement a \"bridge\" and \"inversion of control\" pattern\n//      this requires extra care when handling the logic and designing the solution\n\nexport const getEllipsisHandlers = ({\n  disabled,\n  isSubmenuOpened,\n  onMouseEnter,\n  onSubmenuOpen,\n  onSubmenuClose,\n  onMouseLeave,\n  onMouseDown,\n}: Required<DSMenuItemT.SubmenuProps>) => {\n  // why not just onMouseEnterHandler = onMouseEnter?\n  //  we expect onMouseEnterHandler/onMouseLeaveHandler\n  //    to always exist even if onMouseEnter/onMouseLeave are undefined\n  //  also, if in the future we need custom logic for these handlers, we can add it here\n  const onMouseEnterHandler: React.MouseEventHandler = (e) => onMouseEnter?.(e);\n  const onMouseLeaveHandler: React.MouseEventHandler = (e) => onMouseLeave?.(e);\n  const onMouseDownHandler: React.MouseEventHandler = (e) => {\n    if (disabled) {\n      e.preventDefault();\n      return;\n    }\n    onMouseDown?.(e);\n  };\n  const onEllipsisClick: React.MouseEventHandler = (e) => {\n    if (disabled) return;\n    e.stopPropagation();\n    if (isSubmenuOpened) onSubmenuClose(e);\n    else onSubmenuOpen(e);\n  };\n\n  return { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACWhB,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0C;AAKxC,QAAM,sBAA+C,CAAC,MAAM,eAAe,CAAC;AAC5E,QAAM,sBAA+C,CAAC,MAAM,eAAe,CAAC;AAC5E,QAAM,qBAA8C,CAAC,MAAM;AACzD,QAAI,UAAU;AACZ,QAAE,eAAe;AACjB;AAAA,IACF;AACA,kBAAc,CAAC;AAAA,EACjB;AACA,QAAM,kBAA2C,CAAC,MAAM;AACtD,QAAI;AAAU;AACd,MAAE,gBAAgB;AAClB,QAAI;AAAiB,qBAAe,CAAC;AAAA;AAChC,oBAAc,CAAC;AAAA,EACtB;AAEA,SAAO,EAAE,qBAAqB,qBAAqB,oBAAoB,gBAAgB;AACzF;",
-  "names": []
-}

package/dist/esm/components/SubmenuItem/useGetSubmenuHandlers.js

@@ -1,16 +0,0 @@
-import * as React from "react";
-import { useMemo } from "react";
-import { getEllipsisHandlers } from "./getEllipsisHandlers.js";
-import { getChevronHandlers } from "./getChevronHandlers.js";
-const useGetSubmenuHandlers = (submenuProps) => {
-  const { rightAddon } = submenuProps;
-  return useMemo(() => {
-    if (rightAddon === "ellipsis")
-      return getEllipsisHandlers(submenuProps);
-    return getChevronHandlers(submenuProps);
-  }, [submenuProps, rightAddon]);
-};
-export {
-  useGetSubmenuHandlers
-};
-//# sourceMappingURL=useGetSubmenuHandlers.js.map

package/dist/esm/components/SubmenuItem/useGetSubmenuHandlers.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SubmenuItem/useGetSubmenuHandlers.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useMemo } from 'react';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { getEllipsisHandlers } from './getEllipsisHandlers.js';\nimport { getChevronHandlers } from './getChevronHandlers.js';\n\n// what we are trying to do:\n//   Ellipsis case:\n//     onMouseEnter -> open submenu\n//     onMouseLeave -> close submenu\n//     onEllipsisClick -> we should not even invoke this handler, as the \"ellipsis\" should not even exist?\n//   Chevron case:\n//     onMouseEnter -> be transparently \"doing nothing\" as hover does nothing by design for \"ellipsis\"\n//     onMouseLeave -> be transparently \"doing nothing\" as hover does nothing by design for \"ellipsis\"\n//     onEllipsisClick -> toggle the submenu open/close as per design\n\n// what are the \"challenges\" of the task:\n//  - we have chosen to abstract multiple possible logical \"flows\" into the same layer for some reason\n//      specifically speaking this is trying to solve the\n//         \"rightAddons\" is \"ellipsis\" case\n//            at the same time as the\n//         \"rightAddons\" is \"chevron\" case\n//    they have more differences than similarities, so this is messy\n\n// @yuri since I'm both lazy and stupid, I want my code to be as stupid simple as me\n//   I am removing one layer of abstraction,\n//       ellipsis gets it's own logical flow\n//       as does chevron\n//   if you are a DRY advocate, you will probably hate me for this, I'm all for AHA (Avoid Hasty Abstractions).\nexport const useGetSubmenuHandlers = (submenuProps: Required<DSMenuItemT.SubmenuProps>) => {\n  const { rightAddon } = submenuProps;\n  return useMemo(() => {\n    if (rightAddon === 'ellipsis') return getEllipsisHandlers(submenuProps);\n    return getChevronHandlers(submenuProps);\n  }, [submenuProps, rightAddon]);\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,eAAe;AAExB,SAAS,2BAA2B;AACpC,SAAS,0BAA0B;AAyB5B,MAAM,wBAAwB,CAAC,iBAAqD;AACzF,QAAM,EAAE,WAAW,IAAI;AACvB,SAAO,QAAQ,MAAM;AACnB,QAAI,eAAe;AAAY,aAAO,oBAAoB,YAAY;AACtE,WAAO,mBAAmB,YAAY;AAAA,EACxC,GAAG,CAAC,cAAc,UAAU,CAAC;AAC/B;",
-  "names": []
-}

package/dist/esm/components/styled.js

@@ -1,162 +0,0 @@
-import * as React from "react";
-import { styled, css, xStyledCommonProps } from "@elliemae/ds-system";
-import { Grid } from "@elliemae/ds-grid";
-import { DSMenuItemName, DSMenuItemSlots } from "../exported-related/index.js";
-const borderOutside = () => css`
-  :after {
-    display: block;
-    content: ' ';
-    position: absolute;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    border: 1px solid ${({ theme }) => theme.colors.brand[500]};
-    pointer-events: none;
-    z-index: 7;
-  }
-`;
-const disabledOption = () => css`
-  color: ${({ theme }) => theme.colors.neutral[500]};
-  background-color: ${({ theme }) => theme.colors.neutral["000"]};
-  cursor: not-allowed;
-  * {
-    cursor: not-allowed;
-  }
-`;
-const StyledGlobalMenuItemWrapper = styled("li", {
-  name: DSMenuItemName,
-  slot: DSMenuItemSlots.MENU_ITEM_WRAPPER
-})`
-  cursor: pointer;
-  min-height: 32px;
-
-  padding-left: 16px;
-  padding-right: 16px;
-  display: grid;
-  align-items: center;
-  list-style: none;
-  position: relative;
-
-  ${(props) => {
-  if (props.disabled)
-    return disabledOption();
-  if (props.isActive)
-    return borderOutside();
-  return "";
-}};
-
-  background-color: ${(props) => props.isActive ? props.theme.colors.brand[200] : props.theme.colors.neutral["000"]};
-
-  // focus style for standalone version
-  &:focus {
-    ${(props) => {
-  if (props.disabled)
-    return disabledOption();
-  return borderOutside();
-}};
-    outline: none;
-    background-color: ${(props) => !props.disabled ? props.theme.colors.brand[200] : props.theme.colors.neutral["000"]};
-  }
-  &:hover {
-    background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};
-  }
-  ${xStyledCommonProps}
-`;
-const StyleMenuItemLabel = styled("span", { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_LABEL })`
-  padding: 8px 0;
-  font-size: 13px;
-`;
-const StyleMenuItemSecondaryLabel = styled("span", {
-  name: DSMenuItemName,
-  slot: DSMenuItemSlots.MENU_ITEM_SECONDARY_LABEL
-})`
-  padding: 8px 0;
-  font-size: 11px;
-  font-style: italic;
-  color: brand-800;
-`;
-const StyledIconContainer = styled("div", { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_ICON })`
-  width: 25px;
-  height: 24px;
-  display: grid;
-  grid-template-columns: min-content auto;
-  place-items: center;
-`;
-const StyledEllipsisButton = styled("div", {
-  name: DSMenuItemName,
-  slot: DSMenuItemSlots.MENU_ITEM_ELLIPSIS_BUTTON
-})`
-  position: relative;
-  width: 100%;
-  height: 100%;
-  display: grid;
-  place-items: center;
-  background: transparent;
-  :active {
-    ${(props) => props.disabled ? "" : borderOutside()}
-  }
-`;
-const StyledItemContent = styled("div", { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_CONTENT })`
-  display: flex;
-  width: 100%;
-  margin: 8px 0px;
-`;
-const StyledSeparator = styled("hr", { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_SEPARATOR })`
-  border: 0;
-  border-top: 1px solid #697489;
-  margin: 4px 0px;
-  padding: 0;
-`;
-const StyledSeparatorWrapper = styled("li", {
-  name: DSMenuItemName,
-  slot: DSMenuItemSlots.MENU_ITEM_SEPARATOR_WRAPPER
-})`
-  list-style: none;
-  padding: 0px 16px;
-
-  ${xStyledCommonProps}
-`;
-const StyledGroupLabel = styled("span", { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_GROUP_LABEL })`
-  font-size: 13px;
-  color: neutral-500;
-`;
-const StyledSectionWrapper = styled("li", {
-  name: DSMenuItemName,
-  slot: DSMenuItemSlots.MENU_ITEM_SECTION_WRAPPER
-})`
-  list-style: none;
-  padding: 0px 16px;
-  height: 24px;
-  display: flex;
-  align-items: center;
-
-  ${xStyledCommonProps}
-`;
-const StyledVerticalSeparator = styled("div", {
-  name: DSMenuItemName,
-  slot: DSMenuItemSlots.MENU_ITEM_VERTICAL_SEPARATOR
-})`
-  width: 1px;
-  height: 18px;
-  background-color: neutral-300;
-`;
-const StyledContentWrapper = styled(Grid, {
-  name: DSMenuItemName,
-  slot: DSMenuItemSlots.MENU_ITEM_CONTENT_WRAPPER
-})``;
-export {
-  StyleMenuItemLabel,
-  StyleMenuItemSecondaryLabel,
-  StyledContentWrapper,
-  StyledEllipsisButton,
-  StyledGlobalMenuItemWrapper,
-  StyledGroupLabel,
-  StyledIconContainer,
-  StyledItemContent,
-  StyledSectionWrapper,
-  StyledSeparator,
-  StyledSeparatorWrapper,
-  StyledVerticalSeparator
-};
-//# sourceMappingURL=styled.js.map

package/dist/esm/components/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { LayoutProps, SizingProps, PositionProps, SpaceProps } from '@elliemae/ds-system';\nimport { styled, css, xStyledCommonProps } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSMenuItemName, DSMenuItemSlots } from '../exported-related/index.js';\n\nconst borderOutside = () => css`\n  :after {\n    display: block;\n    content: ' ';\n    position: absolute;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    border: 1px solid ${({ theme }) => theme.colors.brand[500]};\n    pointer-events: none;\n    z-index: 7;\n  }\n`;\n\nconst disabledOption = () => css`\n  color: ${({ theme }) => theme.colors.neutral[500]};\n  background-color: ${({ theme }) => theme.colors.neutral['000']};\n  cursor: not-allowed;\n  * {\n    cursor: not-allowed;\n  }\n`;\n\ninterface StyledGlobalMenuItemWrapperT extends LayoutProps, SizingProps, PositionProps, SpaceProps {\n  isSelected?: boolean;\n  isActive?: boolean;\n  disabled?: boolean;\n}\n\nexport const StyledGlobalMenuItemWrapper = styled('li', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_WRAPPER,\n})<StyledGlobalMenuItemWrapperT>`\n  cursor: pointer;\n  min-height: 32px;\n\n  padding-left: 16px;\n  padding-right: 16px;\n  display: grid;\n  align-items: center;\n  list-style: none;\n  position: relative;\n\n  ${(props) => {\n    if (props.disabled) return disabledOption();\n    if (props.isActive) return borderOutside();\n    return '';\n  }};\n\n  background-color: ${(props) => (props.isActive ? props.theme.colors.brand[200] : props.theme.colors.neutral['000'])};\n\n  // focus style for standalone version\n  &:focus {\n    ${(props) => {\n      if (props.disabled) return disabledOption();\n      return borderOutside();\n    }};\n    outline: none;\n    background-color: ${(props) =>\n      !props.disabled ? props.theme.colors.brand[200] : props.theme.colors.neutral['000']};\n  }\n  &:hover {\n    background-color: ${(props) => !props.disabled && props.theme.colors.brand[200]};\n  }\n  ${xStyledCommonProps}\n`;\n\nexport const StyleMenuItemLabel = styled('span', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_LABEL })`\n  padding: 8px 0;\n  font-size: 13px;\n`;\n\nexport const StyleMenuItemSecondaryLabel = styled('span', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_SECONDARY_LABEL,\n})`\n  padding: 8px 0;\n  font-size: 11px;\n  font-style: italic;\n  color: brand-800;\n`;\n\nexport const StyledIconContainer = styled('div', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_ICON })`\n  width: 25px;\n  height: 24px;\n  display: grid;\n  grid-template-columns: min-content auto;\n  place-items: center;\n`;\n\nexport const StyledEllipsisButton = styled('div', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_ELLIPSIS_BUTTON,\n})<{ disabled: boolean }>`\n  position: relative;\n  width: 100%;\n  height: 100%;\n  display: grid;\n  place-items: center;\n  background: transparent;\n  :active {\n    ${(props) => (props.disabled ? '' : borderOutside())}\n  }\n`;\n\nexport const StyledItemContent = styled('div', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_CONTENT })`\n  display: flex;\n  width: 100%;\n  margin: 8px 0px;\n`;\n\nexport const StyledSeparator = styled('hr', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_SEPARATOR })`\n  border: 0;\n  border-top: 1px solid #697489;\n  margin: 4px 0px;\n  padding: 0;\n`;\n\nexport const StyledSeparatorWrapper = styled('li', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_SEPARATOR_WRAPPER,\n})`\n  list-style: none;\n  padding: 0px 16px;\n\n  ${xStyledCommonProps}\n`;\n\nexport const StyledGroupLabel = styled('span', { name: DSMenuItemName, slot: DSMenuItemSlots.MENU_ITEM_GROUP_LABEL })`\n  font-size: 13px;\n  color: neutral-500;\n`;\n\nexport const StyledSectionWrapper = styled('li', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_SECTION_WRAPPER,\n})`\n  list-style: none;\n  padding: 0px 16px;\n  height: 24px;\n  display: flex;\n  align-items: center;\n\n  ${xStyledCommonProps}\n`;\n\nexport const StyledVerticalSeparator = styled('div', {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_VERTICAL_SEPARATOR,\n})`\n  width: 1px;\n  height: 18px;\n  background-color: neutral-300;\n`;\n\nexport const StyledContentWrapper = styled(Grid, {\n  name: DSMenuItemName,\n  slot: DSMenuItemSlots.MENU_ITEM_CONTENT_WRAPPER,\n})``;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/esm/components/useGetGlobalsAndXStyledProps.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
-const useGetGlobalsAndXStyledProps = (props, toMergeEvents) => {
-  const sourceGlobalProps = props.original ?? props;
-  const globalAttributes = useGetGlobalAttributes(sourceGlobalProps, toMergeEvents);
-  const xStyledProps = useGetXstyledProps(sourceGlobalProps);
-  return { globalAttributes, xStyledProps };
-};
-export {
-  useGetGlobalsAndXStyledProps
-};
-//# sourceMappingURL=useGetGlobalsAndXStyledProps.js.map

package/dist/esm/components/useGetGlobalsAndXStyledProps.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/useGetGlobalsAndXStyledProps.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport type { DSMenuItemT } from '../react-desc-prop-types.js';\n\nexport const useGetGlobalsAndXStyledProps = (\n  props: DSMenuItemT.AllTypeItems,\n  toMergeEvents?: Record<string, unknown>,\n) => {\n  const sourceGlobalProps = props.original ?? props;\n\n  const globalAttributes = useGetGlobalAttributes(sourceGlobalProps, toMergeEvents);\n  const xStyledProps = useGetXstyledProps(sourceGlobalProps);\n\n  return { globalAttributes, xStyledProps };\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,0BAA0B;AAGpD,MAAM,+BAA+B,CAC1C,OACA,kBACG;AACH,QAAM,oBAAoB,MAAM,YAAY;AAE5C,QAAM,mBAAmB,uBAAuB,mBAAmB,aAAa;AAChF,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,SAAO,EAAE,kBAAkB,aAAa;AAC1C;",
-  "names": []
-}

package/dist/esm/exported-related/constants.js

@@ -1,21 +0,0 @@
-import * as React from "react";
-const DSMenuItemName = "DSMenuItem";
-const DSMenuItemSlots = {
-  MENU_ITEM_WRAPPER: "menu-item-wrapper",
-  MENU_ITEM_LABEL: "menu-item-label",
-  MENU_ITEM_SECONDARY_LABEL: "menu-item-secondary-label",
-  MENU_ITEM_ICON: "menu-item-icon",
-  MENU_ITEM_ELLIPSIS_BUTTON: "menu-item-ellipsis-button",
-  MENU_ITEM_CONTENT: "menu-item-content",
-  MENU_ITEM_SEPARATOR: "menu-item-separator",
-  MENU_ITEM_SEPARATOR_WRAPPER: "menu-item-separator-wrapper",
-  MENU_ITEM_GROUP_LABEL: "menu-item-group-label",
-  MENU_ITEM_SECTION_WRAPPER: "menu-item-section-wrapper",
-  MENU_ITEM_VERTICAL_SEPARATOR: "menu-item-vertical-separator",
-  MENU_ITEM_CONTENT_WRAPPER: "menu-item-content-wrapper"
-};
-export {
-  DSMenuItemName,
-  DSMenuItemSlots
-};
-//# sourceMappingURL=constants.js.map

package/dist/esm/exported-related/constants.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/constants.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSMenuItemName = 'DSMenuItem';\n\nexport const DSMenuItemSlots = {\n  MENU_ITEM_WRAPPER: 'menu-item-wrapper',\n  MENU_ITEM_LABEL: 'menu-item-label',\n  MENU_ITEM_SECONDARY_LABEL: 'menu-item-secondary-label',\n  MENU_ITEM_ICON: 'menu-item-icon',\n  MENU_ITEM_ELLIPSIS_BUTTON: 'menu-item-ellipsis-button',\n  MENU_ITEM_CONTENT: 'menu-item-content',\n  MENU_ITEM_SEPARATOR: 'menu-item-separator',\n  MENU_ITEM_SEPARATOR_WRAPPER: 'menu-item-separator-wrapper',\n  MENU_ITEM_GROUP_LABEL: 'menu-item-group-label',\n  MENU_ITEM_SECTION_WRAPPER: 'menu-item-section-wrapper',\n  MENU_ITEM_VERTICAL_SEPARATOR: 'menu-item-vertical-separator',\n  MENU_ITEM_CONTENT_WRAPPER: 'menu-item-content-wrapper',\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,iBAAiB;AAEvB,MAAM,kBAAkB;AAAA,EAC7B,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,2BAA2B;AAAA,EAC3B,gBAAgB;AAAA,EAChB,2BAA2B;AAAA,EAC3B,mBAAmB;AAAA,EACnB,qBAAqB;AAAA,EACrB,6BAA6B;AAAA,EAC7B,uBAAuB;AAAA,EACvB,2BAA2B;AAAA,EAC3B,8BAA8B;AAAA,EAC9B,2BAA2B;AAC7B;",
-  "names": []
-}

package/dist/esm/react-desc-prop-types.js

@@ -1,139 +0,0 @@
-import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
-const noop = () => null;
-const defaultCommonProps = {
-  innerRef: noop,
-  wrapperStyles: {}
-};
-const defaultActionProps = {
-  ...defaultCommonProps,
-  label: "",
-  value: void 0,
-  disabled: false,
-  isActive: false,
-  onClick: noop,
-  optionsShouldHavePadding: false,
-  tabIndex: 0
-};
-const defaultMultiProps = {
-  ...defaultCommonProps,
-  label: "",
-  isActive: false,
-  disabled: false,
-  isSelected: false,
-  onClick: noop,
-  onMouseDown: noop,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
-  tabIndex: 0
-};
-const defaultSingleProps = {
-  ...defaultCommonProps,
-  label: "",
-  isActive: false,
-  disabled: false,
-  isSelected: false,
-  onClick: noop,
-  onMouseDown: noop,
-  onMouseEnter: noop,
-  onMouseLeave: noop,
-  dataTestid: "ds-menu-item",
-  tabIndex: 0
-};
-const defaultSubmenuProps = {
-  ...defaultCommonProps,
-  label: "",
-  isActive: false,
-  disabled: false,
-  isSubmenuOpened: false,
-  onSubmenuOpen: noop,
-  rightAddon: "chevron",
-  optionsShouldHavePadding: false,
-  Dropdown: noop,
-  dropdownProps: {
-    options: [],
-    onSubmenuToggle: noop,
-    openedSubmenus: {},
-    selectedOptions: {},
-    onKeyDown: noop,
-    onOptionClick: noop,
-    onClickOutside: noop,
-    minWidth: "auto",
-    maxHeight: "auto"
-  }
-};
-const defaultSectionProps = {
-  ...defaultCommonProps,
-  label: ""
-};
-const defaultSeparatorProps = {
-  ...defaultCommonProps
-};
-const defaultSingleWithSubmenuProps = {
-  ...defaultSingleProps,
-  ...defaultSubmenuProps
-};
-const itemProps = {
-  ...globalAttributesPropTypes,
-  ...xstyledPropTypes,
-  dsId: PropTypes.string,
-  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),
-  wrapperStyles: PropTypes.object,
-  render: PropTypes.func
-};
-const MenuItemPropTypes = {
-  dsId: PropTypes.string.description("The unique ID for the menu item.").isRequired,
-  innerRef: PropTypes.oneOfType([
-    PropTypes.shape({
-      current: PropTypes.node
-    }),
-    PropTypes.func.description(
-      " A ref object or callback function to access the underlying DOM element (HTMLLIElement) of the menu item."
-    )
-  ]),
-  render: PropTypes.func.description("A custom render function to render the content of the menu item.")
-};
-const SingleMenuItemPropTypes = {
-  ...MenuItemPropTypes,
-  label: PropTypes.string.description("The label of the menu item."),
-  secondaryLabel: PropTypes.string.description("The secondary label of the menu item."),
-  isActive: PropTypes.bool.description("Whether the menu item is active."),
-  disabled: PropTypes.bool.description("Whether the menu item is disabled."),
-  isSelected: PropTypes.bool.description("Whether the menu item is selected.")
-};
-const MultiMenuItemPropTypes = {
-  ...MenuItemPropTypes,
-  label: PropTypes.string.description("The label of the menu item."),
-  secondaryLabel: PropTypes.string.description("The secondary label of the menu item."),
-  isActive: PropTypes.bool.description("Whether the menu item is active."),
-  disabled: PropTypes.bool.description("Whether the menu item is disabled."),
-  isSelected: PropTypes.bool.description("Whether the menu item is selected.")
-};
-const ActionMenuItemPropTypes = {
-  ...MenuItemPropTypes,
-  label: PropTypes.string.description("The label of the menu item."),
-  value: PropTypes.any.description("The value of the menu item."),
-  disabled: PropTypes.bool.description("Whether the menu item is disabled."),
-  isActive: PropTypes.bool.description("Whether the menu item is active.")
-};
-const SectionMenuItemPropTypes = {
-  ...MenuItemPropTypes,
-  label: PropTypes.string.description("The label of the menu item.")
-};
-export {
-  ActionMenuItemPropTypes,
-  MenuItemPropTypes,
-  MultiMenuItemPropTypes,
-  SectionMenuItemPropTypes,
-  SingleMenuItemPropTypes,
-  defaultActionProps,
-  defaultCommonProps,
-  defaultMultiProps,
-  defaultSectionProps,
-  defaultSeparatorProps,
-  defaultSingleProps,
-  defaultSingleWithSubmenuProps,
-  defaultSubmenuProps,
-  itemProps
-};
-//# sourceMappingURL=react-desc-prop-types.js.map

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable @typescript-eslint/no-explicit-any */\nimport type { PropsWithChildren, WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { SizingProps } from '@elliemae/ds-system';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nexport namespace DSMenuItemT {\n  export interface CommonProps<T = Record<string, unknown>> {\n    dsId: string;\n    innerRef?: React.RefObject<HTMLLIElement> | ((_ref: HTMLLIElement) => void);\n    wrapperStyles?: Record<string, unknown>;\n    render?: React.ComponentType<T>;\n    original?: Record<string, unknown>;\n  }\n\n  export interface ActionProps extends CommonProps<ActionProps> {\n    label?: string;\n    secondaryLabel?: string;\n    value?: unknown;\n    disabled?: boolean;\n    isActive?: boolean;\n    onClick?: React.MouseEventHandler;\n    optionsShouldHavePadding?: boolean;\n    tabIndex: WCAGTabIndex;\n  }\n\n  export interface SkeletonProps extends CommonProps<ActionProps> {\n    secondaryLabel?: string;\n    isActive?: boolean;\n    onClick?: React.MouseEventHandler;\n    tabIndex?: WCAGTabIndex;\n  }\n\n  export interface MultiProps extends CommonProps<MultiProps> {\n    label?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    isSelected?: boolean;\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n    onMouseDown?: React.MouseEventHandler;\n    onMouseEnter?: React.MouseEventHandler;\n    onMouseLeave?: React.MouseEventHandler;\n    dataTestid?: string;\n    tabIndex?: WCAGTabIndex;\n    value?: unknown;\n  }\n\n  export interface SingleProps extends CommonProps<SingleProps> {\n    label?: string;\n    secondaryLabel?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    isSelected?: boolean;\n    onClick?: React.MouseEventHandler;\n    onKeyDown?: React.KeyboardEventHandler;\n    onMouseDown?: React.MouseEventHandler;\n    onMouseEnter?: React.MouseEventHandler;\n    onMouseLeave?: React.MouseEventHandler;\n    dataTestid?: string;\n    tabIndex?: number;\n    value?: unknown;\n  }\n\n  export interface SubmenuProps extends CommonProps<SubmenuProps> {\n    label?: string;\n    secondaryLabel?: string;\n    isActive?: boolean;\n    disabled?: boolean;\n    isSubmenuOpened?: boolean;\n    onSubmenuOpen?: React.MouseEventHandler;\n    onSubmenuClose?: React.MouseEventHandler;\n    rightAddon?: 'ellipsis' | 'chevron';\n    optionsShouldHavePadding?: boolean;\n    onMouseEnter?: React.MouseEventHandler;\n    onMouseLeave?: React.MouseEventHandler;\n    onMouseDown?: React.MouseEventHandler;\n    Dropdown: React.ComponentType<PropsWithChildren<SubmenuProps['dropdownProps']>>;\n    dropdownProps?: {\n      options: any[];\n      onSubmenuToggle?: (\n        nextOpenedSubmenus: Record<string, boolean>,\n        submenu: any,\n        e: React.MouseEvent | React.KeyboardEvent,\n      ) => void;\n      openedSubmenus?: Record<string, boolean>;\n      selectedOptions?: Record<string, boolean>;\n      onKeyDown?: React.KeyboardEventHandler;\n      onOptionClick?: (\n        nextSelectedOptions: Record<string, boolean>,\n        clickedOption: any,\n        e: React.MouseEvent | React.KeyboardEvent,\n      ) => void;\n      onClickOutside?: (e: MouseEvent | React.KeyboardEvent | TouchEvent) => void;\n      minWidth?: SizingProps['minWidth'];\n      maxHeight?: SizingProps['maxHeight'];\n      [key: string]: unknown;\n    };\n  }\n\n  export interface SectionProps extends CommonProps<SectionProps> {\n    label?: string;\n  }\n\n  export type SeparatorProps = CommonProps<SeparatorProps>;\n\n  export interface SingleWithSubmenuProps extends Omit<SingleProps, 'render'>, Omit<SubmenuProps, 'render'> {\n    render?: React.ComponentType<SingleWithSubmenuProps>;\n  }\n  export type AllTypeItems = ActionProps | MultiProps | SingleProps | SubmenuProps | SectionProps | SeparatorProps;\n}\n\nconst noop = () => null;\n\nexport const defaultCommonProps: Partial<Omit<DSMenuItemT.CommonProps, 'render'>> = {\n  innerRef: noop,\n  wrapperStyles: {},\n};\n\nexport const defaultActionProps: Partial<DSMenuItemT.ActionProps> = {\n  ...defaultCommonProps,\n  label: '',\n  value: undefined,\n  disabled: false,\n  isActive: false,\n  onClick: noop,\n  optionsShouldHavePadding: false,\n  tabIndex: 0,\n};\n\nexport const defaultMultiProps: Partial<DSMenuItemT.MultiProps> = {\n  ...defaultCommonProps,\n  label: '',\n  isActive: false,\n  disabled: false,\n  isSelected: false,\n  onClick: noop,\n  onMouseDown: noop,\n  onMouseEnter: noop,\n  onMouseLeave: noop,\n  tabIndex: 0,\n};\n\nexport const defaultSingleProps: Partial<DSMenuItemT.SingleProps> = {\n  ...defaultCommonProps,\n  label: '',\n  isActive: false,\n  disabled: false,\n  isSelected: false,\n  onClick: noop,\n  onMouseDown: noop,\n  onMouseEnter: noop,\n  onMouseLeave: noop,\n  dataTestid: 'ds-menu-item',\n  tabIndex: 0,\n};\n\nexport const defaultSubmenuProps: Partial<DSMenuItemT.SubmenuProps> = {\n  ...defaultCommonProps,\n  label: '',\n  isActive: false,\n  disabled: false,\n  isSubmenuOpened: false,\n  onSubmenuOpen: noop,\n  rightAddon: 'chevron',\n  optionsShouldHavePadding: false,\n  Dropdown: noop,\n  dropdownProps: {\n    options: [],\n    onSubmenuToggle: noop,\n    openedSubmenus: {},\n    selectedOptions: {},\n    onKeyDown: noop,\n    onOptionClick: noop,\n    onClickOutside: noop,\n    minWidth: 'auto',\n    maxHeight: 'auto',\n  },\n};\n\nexport const defaultSectionProps: Partial<DSMenuItemT.SectionProps> = {\n  ...defaultCommonProps,\n  label: '',\n};\n\nexport const defaultSeparatorProps: Partial<DSMenuItemT.SeparatorProps> = {\n  ...defaultCommonProps,\n};\n\nexport const defaultSingleWithSubmenuProps: Partial<Omit<DSMenuItemT.SingleWithSubmenuProps, 'render'>> = {\n  ...defaultSingleProps,\n  ...defaultSubmenuProps,\n};\n\nexport const itemProps = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  dsId: PropTypes.string,\n  innerRef: PropTypes.oneOfType([PropTypes.func, PropTypes.shape({ current: PropTypes.any })]),\n  wrapperStyles: PropTypes.object,\n  render: PropTypes.func,\n} as WeakValidationMap<unknown>;\n\nexport const MenuItemPropTypes = {\n  dsId: PropTypes.string.description('The unique ID for the menu item.').isRequired,\n  innerRef: PropTypes.oneOfType([\n    PropTypes.shape({\n      current: PropTypes.node,\n    }),\n    PropTypes.func.description(\n      ' A ref object or callback function to access the underlying DOM element (HTMLLIElement) of the menu item.',\n    ),\n  ]),\n  render: PropTypes.func.description('A custom render function to render the content of the menu item.'),\n} as WeakValidationMap<unknown>;\n\nexport const SingleMenuItemPropTypes = {\n  ...MenuItemPropTypes,\n  label: PropTypes.string.description('The label of the menu item.'),\n  secondaryLabel: PropTypes.string.description('The secondary label of the menu item.'),\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n  disabled: PropTypes.bool.description('Whether the menu item is disabled.'),\n  isSelected: PropTypes.bool.description('Whether the menu item is selected.'),\n} as WeakValidationMap<unknown>;\n\nexport const MultiMenuItemPropTypes = {\n  ...MenuItemPropTypes,\n  label: PropTypes.string.description('The label of the menu item.'),\n  secondaryLabel: PropTypes.string.description('The secondary label of the menu item.'),\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n  disabled: PropTypes.bool.description('Whether the menu item is disabled.'),\n  isSelected: PropTypes.bool.description('Whether the menu item is selected.'),\n} as WeakValidationMap<unknown>;\n\nexport const ActionMenuItemPropTypes = {\n  ...MenuItemPropTypes,\n  label: PropTypes.string.description('The label of the menu item.'),\n  value: PropTypes.any.description('The value of the menu item.'),\n  disabled: PropTypes.bool.description('Whether the menu item is disabled.'),\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n} as WeakValidationMap<unknown>;\n\nexport const SectionMenuItemPropTypes = {\n  ...MenuItemPropTypes,\n  label: PropTypes.string.description('The label of the menu item.'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "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",
-  "names": []
-}

package/dist/types/TempTreeviewItem.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-interface ItemT {
-    dsId: string;
-    collapsed?: boolean;
-    depth: number;
-    subitems: ItemT[] | null;
-}
-interface TreeviewItemProps {
-    onCollapse: (dsId: string) => void;
-    item: ItemT;
-    onSelect?: (dsId: string) => void;
-    isSelected?: boolean;
-    multiple?: boolean;
-}
-export declare const TreeviewItem: React.ComponentType<TreeviewItemProps>;
-export {};

package/dist/types/components/SingleWithSubmenuItem/useGetSubmenuHandlers.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import type { DSMenuItemT } from '../../react-desc-prop-types.js';
-export declare const useGetSubmenuHandlers: ({ disabled, rightAddon, isSubmenuOpened, onMouseEnter, onSubmenuOpen, onSubmenuClose, onMouseLeave, }: Required<DSMenuItemT.SingleWithSubmenuProps>) => {
-    onMouseEnterHandler: (e: React.MouseEvent) => void;
-    onMouseLeaveHandler: (e: React.MouseEvent) => void;
-    onEllipsisClick: import("react").MouseEventHandler<Element>;
-};

package/dist/types/components/SubmenuItem/getChevronHandlers.d.ts

@@ -1,7 +0,0 @@
-import type { DSMenuItemT } from '../../react-desc-prop-types.js';
-export declare const getChevronHandlers: ({ isSubmenuOpened, onMouseEnter, onSubmenuOpen, onSubmenuClose, onMouseLeave, onMouseDown, disabled, }: Required<DSMenuItemT.SubmenuProps>) => {
-    onMouseEnterHandler: (e: React.MouseEvent) => void;
-    onMouseLeaveHandler: (e: React.MouseEvent) => void;
-    onMouseDownHandler: (e: React.MouseEvent) => void;
-    onEllipsisClick: () => never;
-};