@elliemae/ds-menu-items-single-with-submenu 3.27.0-next.11

package/dist/cjs/DSMenuItemsSingleWithSubmenu.js

@@ -0,0 +1,151 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSMenuItemsSingleWithSubmenu_exports = {};
+__export(DSMenuItemsSingleWithSubmenu_exports, {
+  DSMenuItemsSingleWithSubmenu: () => DSMenuItemsSingleWithSubmenu,
+  DSMenuItemsSingleWithSubmenuWithSchema: () => DSMenuItemsSingleWithSubmenuWithSchema
+});
+module.exports = __toCommonJS(DSMenuItemsSingleWithSubmenu_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_icons = require("@elliemae/ds-icons");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_ds_menu_items_commons = require("@elliemae/ds-menu-items-commons");
+var import_useMenuItemsSingleWithSubmenu = require("./config/useMenuItemsSingleWithSubmenu.js");
+const DSMenuItemsSingleWithSubmenu = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps, eventHandlers } = (0, import_useMenuItemsSingleWithSubmenu.useMenuItemsSingleWithSubmenu)(props);
+  const { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick } = eventHandlers;
+  const {
+    dsId,
+    label,
+    secondaryLabel,
+    isActive,
+    disabled,
+    onClick,
+    isSelected,
+    isSubmenuOpened,
+    rightAddon,
+    innerRef,
+    wrapperStyles,
+    render: Render,
+    Dropdown,
+    dropdownProps: {
+      options,
+      openedSubmenus,
+      onSubmenuToggle,
+      selectedOptions,
+      onKeyDown,
+      onOptionClick,
+      onClickOutside,
+      minWidth,
+      maxHeight
+    }
+  } = propsWithDefault;
+  const [delayedIsOpened, setDelayedIsOpened] = import_react.default.useState(false);
+  const { minWidth: _widthToRemoveFromGlobals, ...restXStyled } = xstyledProps;
+  import_react.default.useEffect(() => {
+    setTimeout(() => setDelayedIsOpened(isSubmenuOpened));
+  }, [isSubmenuOpened]);
+  const gridLayout = import_react.default.useMemo(() => {
+    const cols = ["16px", "auto"];
+    if (secondaryLabel)
+      cols.push("min-content");
+    cols.push("min-content");
+    return cols;
+  }, [secondaryLabel]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    Dropdown,
+    {
+      isOpened: delayedIsOpened,
+      options: options ?? [],
+      onOptionClick,
+      startPlacementPreference: "right-start",
+      placementOrderPreference: ["right-start", "right-end", "left-start", "left-end"],
+      selectedOptions,
+      openedSubmenus,
+      onSubmenuToggle,
+      onKeyDown,
+      onClickOutside,
+      customOffset: [-4, 1],
+      onMouseEnter: onMouseEnterHandler,
+      onMouseLeave: onMouseLeaveHandler,
+      wrapperStyles: { ...wrapperStyles, w: "100%" },
+      minWidth,
+      maxHeight,
+      "data-popover-label": label,
+      as: "li",
+      role: "option",
+      "aria-selected": isSubmenuOpened,
+      "aria-describedby": `dropdownmenu-submenu-${dsId}`,
+      id: dsId,
+      ...globalProps,
+      ...restXStyled,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+        import_ds_menu_items_commons.StyledGlobalMenuItemWrapper,
+        {
+          pr: 0,
+          onClick: !disabled ? onClick : void 0,
+          isSelected: isSubmenuOpened,
+          disabled,
+          isActive,
+          onMouseEnter: onMouseEnterHandler,
+          onMouseLeave: onMouseLeaveHandler,
+          as: "div",
+          innerRef,
+          "data-type": "single-with-submenu",
+          children: [
+            Render !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...propsWithDefault }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_menu_items_commons.StyledContentWrapper, { cols: gridLayout, gutter: "xxs", alignItems: "center", children: [
+              isSelected ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, { size: "s", color: disabled ? ["neutral", "500"] : ["brand-primary", "600"] }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyleMenuItemLabel, { children: label }),
+              secondaryLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyleMenuItemSecondaryLabel, { children: secondaryLabel }),
+              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_menu_items_commons.StyledIconContainer, { children: [
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyledVerticalSeparator, {}),
+                rightAddon === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyledEllipsisButton, { tabIndex: -1, onClick: onEllipsisClick, disabled, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  import_ds_icons.MoreOptionsVert,
+                  {
+                    className: "ds-dropdown-menu-v2-more-options",
+                    color: disabled ? ["neutral", "500"] : ["brand-primary", "600"],
+                    size: "s"
+                  }
+                ) }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.ChevronRight, { color: disabled ? ["neutral", "500"] : ["brand-primary", "600"], size: "s" })
+              ] })
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { id: `dropdownmenu-submenu-${dsId}`, style: { display: "none" }, children: "submenu, to open this submenu press the Right Arrow key" })
+          ]
+        }
+      )
+    }
+  );
+};
+DSMenuItemsSingleWithSubmenu.displayName = `DSMenuItemSingleWithSubmenu`;
+const DSMenuItemsSingleWithSubmenuWithSchema = (0, import_ds_props_helpers.describe)(DSMenuItemsSingleWithSubmenu);
+DSMenuItemsSingleWithSubmenuWithSchema.propTypes = import_react_desc_prop_types.DSMenuItemsSingleWithSubmenuPropTypesSchema;
+//# sourceMappingURL=DSMenuItemsSingleWithSubmenu.js.map

package/dist/cjs/DSMenuItemsSingleWithSubmenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSMenuItemsSingleWithSubmenu.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { MoreOptionsVert, ChevronRight, Checkmark } from '@elliemae/ds-icons';\nimport {\n  type DSMenuItemsSingleWithSubmenuT,\n  DSMenuItemsSingleWithSubmenuPropTypesSchema,\n} from './react-desc-prop-types.js';\nimport {\n  StyledGlobalMenuItemWrapper,\n  StyledContentWrapper,\n  StyleMenuItemLabel,\n  StyleMenuItemSecondaryLabel,\n  StyledIconContainer,\n  StyledVerticalSeparator,\n  StyledEllipsisButton,\n} from '@elliemae/ds-menu-items-commons';\nimport { useMenuItemsSingleWithSubmenu } from './config/useMenuItemsSingleWithSubmenu.js';\n\nconst DSMenuItemsSingleWithSubmenu: React.ComponentType<DSMenuItemsSingleWithSubmenuT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps, eventHandlers } = useMenuItemsSingleWithSubmenu(props);\n  const { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick } = eventHandlers;\n  const {\n    dsId,\n    label,\n    secondaryLabel,\n    isActive,\n    disabled,\n    onClick,\n    isSelected,\n    isSubmenuOpened,\n    rightAddon,\n    innerRef,\n    wrapperStyles,\n    render: Render,\n    Dropdown,\n    dropdownProps: {\n      options,\n      openedSubmenus,\n      onSubmenuToggle,\n      selectedOptions,\n      onKeyDown,\n      onOptionClick,\n      onClickOutside,\n      minWidth,\n      maxHeight,\n    },\n  } = propsWithDefault;\n\n  // If we don't delay the opening of the poppers, the position will not be placed correctly\n  // That why we delay it for the next render using the useEffect hook\n  // TODO -- @carusox move this to utilities as a hook\n  const [delayedIsOpened, setDelayedIsOpened] = React.useState(false);\n\n  // eslint-disable-next-line @typescript-eslint/naming-convention, no-unused-vars\n  const { minWidth: _widthToRemoveFromGlobals, ...restXStyled } = xstyledProps;\n\n  React.useEffect(() => {\n    setTimeout(() => setDelayedIsOpened(isSubmenuOpened));\n  }, [isSubmenuOpened]);\n\n  const gridLayout = React.useMemo(() => {\n    const cols = ['16px', 'auto'];\n    if (secondaryLabel) cols.push('min-content');\n    cols.push('min-content');\n    return cols;\n  }, [secondaryLabel]);\n\n  return (\n    <Dropdown\n      isOpened={delayedIsOpened}\n      options={options ?? []}\n      onOptionClick={onOptionClick}\n      startPlacementPreference=\"right-start\"\n      placementOrderPreference={['right-start', 'right-end', 'left-start', 'left-end']}\n      selectedOptions={selectedOptions}\n      openedSubmenus={openedSubmenus}\n      onSubmenuToggle={onSubmenuToggle}\n      onKeyDown={onKeyDown}\n      onClickOutside={onClickOutside}\n      customOffset={[-4, 1]}\n      onMouseEnter={onMouseEnterHandler}\n      onMouseLeave={onMouseLeaveHandler}\n      wrapperStyles={{ ...wrapperStyles, w: '100%' }}\n      minWidth={minWidth}\n      maxHeight={maxHeight}\n      data-popover-label={label}\n      as=\"li\"\n      role=\"option\"\n      aria-selected={isSubmenuOpened}\n      aria-describedby={`dropdownmenu-submenu-${dsId}`}\n      id={dsId}\n      {...globalProps}\n      {...restXStyled}\n    >\n      <StyledGlobalMenuItemWrapper\n        pr={0}\n        onClick={!disabled ? onClick : undefined}\n        isSelected={isSubmenuOpened}\n        disabled={disabled}\n        isActive={isActive}\n        onMouseEnter={onMouseEnterHandler}\n        onMouseLeave={onMouseLeaveHandler}\n        as={'div' as keyof JSX.IntrinsicElements}\n        innerRef={innerRef}\n        data-type=\"single-with-submenu\"\n      >\n        {Render !== undefined ? (\n          <Render {...propsWithDefault} />\n        ) : (\n          <StyledContentWrapper cols={gridLayout} gutter=\"xxs\" alignItems=\"center\">\n            {isSelected ? (\n              <Checkmark size=\"s\" color={disabled ? ['neutral', '500'] : ['brand-primary', '600']} />\n            ) : (\n              <div />\n            )}\n            <StyleMenuItemLabel>{label}</StyleMenuItemLabel>\n            {secondaryLabel !== undefined && (\n              <StyleMenuItemSecondaryLabel>{secondaryLabel}</StyleMenuItemSecondaryLabel>\n            )}\n            <StyledIconContainer>\n              <StyledVerticalSeparator />\n              {rightAddon === 'ellipsis' ? (\n                <StyledEllipsisButton tabIndex={-1} onClick={onEllipsisClick} disabled={disabled}>\n                  <MoreOptionsVert\n                    className=\"ds-dropdown-menu-v2-more-options\"\n                    color={disabled ? ['neutral', '500'] : ['brand-primary', '600']}\n                    size=\"s\"\n                  />\n                </StyledEllipsisButton>\n              ) : (\n                <ChevronRight color={disabled ? ['neutral', '500'] : ['brand-primary', '600']} size=\"s\" />\n              )}\n            </StyledIconContainer>\n          </StyledContentWrapper>\n        )}\n        <span id={`dropdownmenu-submenu-${dsId}`} style={{ display: 'none' }}>\n          submenu, to open this submenu press the Right Arrow key\n        </span>\n      </StyledGlobalMenuItemWrapper>\n    </Dropdown>\n  );\n};\n\n// this is `'DSMenuItemSingleWithSubmenu'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsSingleWithSubmenu.displayName = `DSMenuItemSingleWithSubmenu`;\nconst DSMenuItemsSingleWithSubmenuWithSchema = describe(DSMenuItemsSingleWithSubmenu);\nDSMenuItemsSingleWithSubmenuWithSchema.propTypes = DSMenuItemsSingleWithSubmenuPropTypesSchema;\n\nexport { DSMenuItemsSingleWithSubmenu, DSMenuItemsSingleWithSubmenuWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Gb;AA3GV,mBAAkB;AAClB,8BAAyB;AACzB,sBAAyD;AACzD,mCAGO;AACP,mCAQO;AACP,2CAA8C;AAE9C,MAAM,+BAAyF,CAAC,UAAU;AACxG,QAAM,EAAE,kBAAkB,aAAa,cAAc,cAAc,QAAI,oEAA8B,KAAK;AAC1G,QAAM,EAAE,qBAAqB,qBAAqB,gBAAgB,IAAI;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,IACR;AAAA,IACA,eAAe;AAAA,MACb;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF,IAAI;AAKJ,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,aAAAA,QAAM,SAAS,KAAK;AAGlE,QAAM,EAAE,UAAU,2BAA2B,GAAG,YAAY,IAAI;AAEhE,eAAAA,QAAM,UAAU,MAAM;AACpB,eAAW,MAAM,mBAAmB,eAAe,CAAC;AAAA,EACtD,GAAG,CAAC,eAAe,CAAC;AAEpB,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM;AACrC,UAAM,OAAO,CAAC,QAAQ,MAAM;AAC5B,QAAI;AAAgB,WAAK,KAAK,aAAa;AAC3C,SAAK,KAAK,aAAa;AACvB,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU;AAAA,MACV,SAAS,WAAW,CAAC;AAAA,MACrB;AAAA,MACA,0BAAyB;AAAA,MACzB,0BAA0B,CAAC,eAAe,aAAa,cAAc,UAAU;AAAA,MAC/E;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,cAAc,CAAC,IAAI,CAAC;AAAA,MACpB,cAAc;AAAA,MACd,cAAc;AAAA,MACd,eAAe,EAAE,GAAG,eAAe,GAAG,OAAO;AAAA,MAC7C;AAAA,MACA;AAAA,MACA,sBAAoB;AAAA,MACpB,IAAG;AAAA,MACH,MAAK;AAAA,MACL,iBAAe;AAAA,MACf,oBAAkB,wBAAwB;AAAA,MAC1C,IAAI;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ;AAAA,QAAC;AAAA;AAAA,UACC,IAAI;AAAA,UACJ,SAAS,CAAC,WAAW,UAAU;AAAA,UAC/B,YAAY;AAAA,UACZ;AAAA,UACA;AAAA,UACA,cAAc;AAAA,UACd,cAAc;AAAA,UACd,IAAI;AAAA,UACJ;AAAA,UACA,aAAU;AAAA,UAET;AAAA,uBAAW,SACV,4CAAC,UAAQ,GAAG,kBAAkB,IAE9B,6CAAC,qDAAqB,MAAM,YAAY,QAAO,OAAM,YAAW,UAC7D;AAAA,2BACC,4CAAC,6BAAU,MAAK,KAAI,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK,GAAG,IAErF,4CAAC,SAAI;AAAA,cAEP,4CAAC,mDAAoB,iBAAM;AAAA,cAC1B,mBAAmB,UAClB,4CAAC,4DAA6B,0BAAe;AAAA,cAE/C,6CAAC,oDACC;AAAA,4DAAC,wDAAwB;AAAA,gBACxB,eAAe,aACd,4CAAC,qDAAqB,UAAU,IAAI,SAAS,iBAAiB,UAC5D;AAAA,kBAAC;AAAA;AAAA,oBACC,WAAU;AAAA,oBACV,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK;AAAA,oBAC9D,MAAK;AAAA;AAAA,gBACP,GACF,IAEA,4CAAC,gCAAa,OAAO,WAAW,CAAC,WAAW,KAAK,IAAI,CAAC,iBAAiB,KAAK,GAAG,MAAK,KAAI;AAAA,iBAE5F;AAAA,eACF;AAAA,YAEF,4CAAC,UAAK,IAAI,wBAAwB,QAAQ,OAAO,EAAE,SAAS,OAAO,GAAG,qEAEtE;AAAA;AAAA;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAGA,6BAA6B,cAAc;AAC3C,MAAM,6CAAyC,kCAAS,4BAA4B;AACpF,uCAAuC,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/config/useGetSubmenuHandlers.js

@@ -0,0 +1,90 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useGetSubmenuHandlers_exports = {};
+__export(useGetSubmenuHandlers_exports, {
+  useGetSubmenuHandlers: () => useGetSubmenuHandlers
+});
+module.exports = __toCommonJS(useGetSubmenuHandlers_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+const useGetSubmenuHandlers = ({
+  disabled,
+  rightAddon,
+  isSubmenuOpened,
+  onMouseEnter,
+  onSubmenuOpen,
+  onSubmenuClose,
+  onMouseLeave
+}) => {
+  const timeoutRef = import_react.default.useRef(null);
+  const onMouseEnterHandler = import_react.default.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 = import_react.default.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 = import_react.default.useCallback(
+    (e) => {
+      if (disabled)
+        return;
+      e.stopPropagation();
+      if (isSubmenuOpened)
+        onSubmenuClose?.(e);
+      else
+        onSubmenuOpen(e);
+    },
+    [disabled, isSubmenuOpened, onSubmenuClose, onSubmenuOpen]
+  );
+  return import_react.default.useMemo(
+    () => ({ onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick }),
+    [onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick]
+  );
+};
+//# sourceMappingURL=useGetSubmenuHandlers.js.map

package/dist/cjs/config/useGetSubmenuHandlers.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useGetSubmenuHandlers.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { type DSMenuItemsSingleWithSubmenuT } 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}: DSMenuItemsSingleWithSubmenuT.InternalProps) => {\n  const timeoutRef = React.useRef<NodeJS.Timeout | null>(null);\n\n  const onMouseEnterHandler = React.useCallback(\n    (e: React.MouseEvent<Element>) => {\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 = React.useCallback(\n    (e: React.MouseEvent<Element>) => {\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.useCallback<React.MouseEventHandler<Element>>(\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 React.useMemo(\n    () => ({ onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick }),\n    [onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAGX,MAAM,wBAAwB,CAAC;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAmD;AACjD,QAAM,aAAa,aAAAA,QAAM,OAA8B,IAAI;AAE3D,QAAM,sBAAsB,aAAAA,QAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,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,aAAAA,QAAM;AAAA,IAChC,CAAC,MAAiC;AAChC,UAAI,eAAe,YAAY;AAC7B,YAAI,WAAW,YAAY,MAAM;AAC/B,qBAAW,UAAU,WAAW,MAAM;AACpC,uBAAW,UAAU;AACrB,6BAAiB,CAAC;AAAA,UACpB,GAAG,GAAG;AAAA,QACR;AAAA,MACF;AACA,mBAAa,CAAC;AAAA,IAChB;AAAA,IACA,CAAC,cAAc,gBAAgB,UAAU;AAAA,EAC3C;AAEA,QAAM,kBAAkB,aAAAA,QAAM;AAAA,IAC5B,CAAC,MAAM;AACL,UAAI;AAAU;AACd,QAAE,gBAAgB;AAClB,UAAI;AAAiB,yBAAiB,CAAC;AAAA;AAClC,sBAAc,CAAC;AAAA,IACtB;AAAA,IACA,CAAC,UAAU,iBAAiB,gBAAgB,aAAa;AAAA,EAC3D;AAEA,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO,EAAE,qBAAqB,qBAAqB,gBAAgB;AAAA,IACnE,CAAC,qBAAqB,qBAAqB,eAAe;AAAA,EAC5D;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useMenuItemsSingleWithSubmenu.js

@@ -0,0 +1,64 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useMenuItemsSingleWithSubmenu_exports = {};
+__export(useMenuItemsSingleWithSubmenu_exports, {
+  useMenuItemsSingleWithSubmenu: () => useMenuItemsSingleWithSubmenu
+});
+module.exports = __toCommonJS(useMenuItemsSingleWithSubmenu_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_react_desc_prop_types = require("../react-desc-prop-types.js");
+var import_useValidateProps = require("./useValidateProps.js");
+var import_useGetSubmenuHandlers = require("./useGetSubmenuHandlers.js");
+const useMenuItemsSingleWithSubmenu = (propsFromUser) => {
+  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
+    propsFromUser,
+    import_react_desc_prop_types.defaultProps
+  );
+  (0, import_useValidateProps.useValidateProps)(propsWithDefault, import_react_desc_prop_types.DSMenuItemsSingleWithSubmenuPropTypes);
+  const globalProps = (0, import_lodash.omit)((0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault), [
+    "cols",
+    "rows",
+    "wrap"
+  ]);
+  const xstyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const eventHandlers = (0, import_useGetSubmenuHandlers.useGetSubmenuHandlers)(propsWithDefault);
+  return import_react.default.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps,
+      eventHandlers
+    }),
+    [propsWithDefault, globalProps, xstyledProps, eventHandlers]
+  );
+};
+//# sourceMappingURL=useMenuItemsSingleWithSubmenu.js.map

package/dist/cjs/config/useMenuItemsSingleWithSubmenu.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useMenuItemsSingleWithSubmenu.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n  type DSMenuItemsSingleWithSubmenuT,\n  DSMenuItemsSingleWithSubmenuPropTypes,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\nimport { useGetSubmenuHandlers } from './useGetSubmenuHandlers.js';\n\nexport interface MenuItemsSingleWithSubmenuCTX {\n  propsWithDefault: DSMenuItemsSingleWithSubmenuT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n  eventHandlers: ReturnType<typeof useGetSubmenuHandlers>;\n}\n\nexport const useMenuItemsSingleWithSubmenu = (propsFromUser: DSMenuItemsSingleWithSubmenuT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSingleWithSubmenuT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSMenuItemsSingleWithSubmenuPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSMenuItemsSingleWithSubmenuT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n  ]);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // HELPERS HOOKS CONFIGS\n  // =============================================================================\n\n  const eventHandlers = useGetSubmenuHandlers(propsWithDefault);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n      eventHandlers,\n    }),\n    [propsWithDefault, globalProps, xstyledProps, eventHandlers],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAqB;AACrB,8BAAyF;AACzF,mCAIO;AACP,8BAAiC;AACjC,mCAAsC;AAS/B,MAAM,gCAAgC,CAAC,kBAAuD;AAInG,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,kEAAqC;AAIxE,QAAM,kBAAc,wBAAK,gDAAoE,gBAAgB,GAAG;AAAA,IAC9G;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAe,4CAAmB,gBAAgB;AAKxD,QAAM,oBAAgB,oDAAsB,gBAAgB;AAE5D,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,cAAc,aAAa;AAAA,EAC7D;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

@@ -0,0 +1,41 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_menu_items_commons = require("@elliemae/ds-menu-items-commons");
+const DSMenuItemsSingleWithSubmenuName = `${import_ds_menu_items_commons.DSMenuItemName}SingleWithSubmenu`;
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, DSMenuItemsSingleWithSubmenuName);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { DSMenuItemName } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\nimport { type DSMenuItemsSingleWithSubmenuT } from '../react-desc-prop-types.js';\n\n// because this is inherited from the common props, we do not want to put this in the /constants/index.ts file\n//  this is strictly defined here because this is meant to strictly influence ONLY the ERROR layer\n//  this is 100% decoupled from ds-slots & data-testid\n//  this constants only affect the shown error message as of 21/december/2023\nconst DSMenuItemsSingleWithSubmenuName = `${DSMenuItemName}SingleWithSubmenu`;\n\nexport const useValidateProps = (\n  props: DSMenuItemsSingleWithSubmenuT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSMenuItemsSingleWithSubmenuName);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA+C;AAC/C,mCAA+B;AAQ/B,MAAM,mCAAmC,GAAG;AAErC,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,gCAAgC;AACnF;",
+  "names": []
+}

package/dist/cjs/constants/index.js

@@ -0,0 +1,25 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var React = __toESM(require("react"));
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,38 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+__export(src_exports, {
+  DSMenuItemsSingleWithSubmenu: () => import_DSMenuItemsSingleWithSubmenu.DSMenuItemsSingleWithSubmenu,
+  DSMenuItemsSingleWithSubmenuWithSchema: () => import_DSMenuItemsSingleWithSubmenu.DSMenuItemsSingleWithSubmenuWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSMenuItemsSingleWithSubmenu = require("./DSMenuItemsSingleWithSubmenu.js");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport {\n  DSMenuItemsSingleWithSubmenu,\n  DSMenuItemsSingleWithSubmenuWithSchema,\n} from './DSMenuItemsSingleWithSubmenu.js';\nexport { type DSMenuItemsSingleWithSubmenuT } from './react-desc-prop-types.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0CAGO;AACP,mCAAmD;",
+  "names": []
+}

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

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

@@ -0,0 +1,137 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSMenuItemsSingleWithSubmenuPropTypes: () => DSMenuItemsSingleWithSubmenuPropTypes,
+  DSMenuItemsSingleWithSubmenuPropTypesSchema: () => DSMenuItemsSingleWithSubmenuPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_menu_items_commons = require("@elliemae/ds-menu-items-commons");
+const defaultProps = {
+  ...import_ds_menu_items_commons.DSMenuItemsCommonsDefaultProps,
+  isSelected: false,
+  onClick: () => {
+  },
+  onMouseDown: () => {
+  },
+  onMouseEnter: () => {
+  },
+  onMouseLeave: () => {
+  },
+  dataTestid: "ds-menu-item",
+  tabIndex: 0,
+  // this is a lie, the "default" label is not producing anything useful...
+  // the idea of "default" is that if the user does not provide a value, we still have a valid value to use...
+  label: "",
+  isActive: false,
+  disabled: false,
+  isSubmenuOpened: false,
+  onSubmenuOpen: () => {
+  },
+  rightAddon: "chevron",
+  optionsShouldHavePadding: false,
+  Dropdown: () => null,
+  // this is a lie, the "default" dropdownProps is not producing anything useful...
+  // the idea of "default" is that if the user does not provide a value, we still have a valid value to use...
+  dropdownProps: {
+    options: [],
+    onSubmenuToggle: () => {
+    },
+    openedSubmenus: {},
+    selectedOptions: {},
+    onKeyDown: () => {
+    },
+    onOptionClick: () => {
+    },
+    onClickOutside: () => {
+    },
+    minWidth: "auto",
+    maxHeight: "auto"
+  }
+};
+const { tabIndex, label, value, ...notOvverriddenCommonPropsTypes } = import_ds_props_helpers.globalAttributesPropTypes;
+const DSMenuItemsSingleWithSubmenuPropTypes = {
+  // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps
+  // they are NOT inherited from a common element from ds-menu-items-commons
+  ...notOvverriddenCommonPropsTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  ...import_ds_menu_items_commons.DSMenuItemsCommonsPropTypes,
+  // TODO - add support to PropTypes.oneOf for typeof number
+  // currently PropTypes.oneOf([0, -1]) is not supported
+  tabIndex: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description("The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.").defaultValue(defaultProps.tabIndex),
+  label: import_ds_props_helpers.PropTypes.string.description("The label of the menu item."),
+  value: import_ds_props_helpers.PropTypes.any.description("The value of the menu item."),
+  isActive: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is active.").defaultValue(defaultProps.isActive),
+  optionsShouldHavePadding: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item should have padding. This is used in the context of a menu with options.").defaultValue(defaultProps.optionsShouldHavePadding),
+  secondaryLabel: import_ds_props_helpers.PropTypes.string.description("The secondary label of the menu item."),
+  isSelected: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item has to show the selected state or not.").defaultValue(defaultProps.isSelected),
+  dataTestid: import_ds_props_helpers.PropTypes.string.description("The data-testid of the menu item.").defaultValue(defaultProps.dataTestid),
+  isSubmenuOpened: import_ds_props_helpers.PropTypes.bool.description("Whether the submenu is opened or not.").defaultValue(defaultProps.isSubmenuOpened),
+  onSubmenuOpen: import_ds_props_helpers.PropTypes.func.description("Callback fired when the user tries to open the submenu."),
+  onSubmenuClose: import_ds_props_helpers.PropTypes.func.description("Callback fired when the user tries to close the submenu."),
+  rightAddon: import_ds_props_helpers.PropTypes.oneOf(["ellipsis", "chevron"]).description(
+    "The visual element to display on the right side of the menu item."
+  ),
+  Dropdown: import_ds_props_helpers.PropTypes.func.description("The Dropdown component to use to render the submenu."),
+  /* TODO - the validation detects "empty" even if the object is not empty...
+    we need to fix the validator for "shape"...
+  
+    .shape({
+      options: PropTypes.arrayOf(PropTypes.any).description('The options to display in the submenu.'),
+      onSubmenuToggle: PropTypes.func
+        .description(
+          'Callback fired when the user tries to toggle the submenu. It receives the next opened submenus, the submenu and the event.',
+        )
+        .signature(
+          '((nextOpenedSubmenus: Record<string, boolean>, submenu: unknown, e: React.MouseEvent | React.KeyboardEvent) => void)',
+        ),
+      openedSubmenus: PropTypes.objectOf(PropTypes.bool).description('The opened submenus.'),
+      selectedOptions: PropTypes.objectOf(PropTypes.bool).description('The selected options.'),
+      onKeyDown: PropTypes.func.description('Callback fired when the user presses a key.'),
+      onOptionClick: PropTypes.func
+        .description(
+          'Callback fired when the user clicks on an option. It receives the next selected options, the clicked option and the event.',
+        )
+        .signature(
+          '((nextSelectedOptions: Record<string, boolean>, clickedOption: unknown, e: React.MouseEvent | React.KeyboardEvent) => void)',
+        ),
+      onClickOutside: PropTypes.func
+        .description('Callback fired when the user clicks outside the submenu.')
+        .signature('((e: MouseEvent | React.KeyboardEvent | TouchEvent) => void)'),
+      minWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('The min width of the submenu.'),
+      maxHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('The max height of the submenu.'),
+    })
+    */
+  dropdownProps: import_ds_props_helpers.PropTypes.object.description("The props to pass to the Dropdown component.")
+};
+const DSMenuItemsSingleWithSubmenuPropTypesSchema = DSMenuItemsSingleWithSubmenuPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map