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

package/dist/cjs/components/SkeletonMenuItem/index.js

@@ -28,33 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SkeletonMenuItem_exports = {};
 __export(SkeletonMenuItem_exports, {
-  DSSkeletonMenuItem: () => SkeletonMenuItem,
-  SkeletonMenuItem: () => SkeletonMenuItem
+  DSMenuItemsSkeleton: () => import_ds_menu_items_skeleton.DSMenuItemsSkeleton,
+  DSMenuItemsSkeletonWithSchema: () => import_ds_menu_items_skeleton.DSMenuItemsSkeletonWithSchema,
+  DSSkeletonMenuItem: () => import_ds_menu_items_skeleton.DSMenuItemsSkeleton,
+  SkeletonMenuItem: () => import_ds_menu_items_skeleton.DSMenuItemsSkeleton
 });
 module.exports = __toCommonJS(SkeletonMenuItem_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_skeleton = require("@elliemae/ds-skeleton");
-var import_styled = require("../styled.js");
-const SkeletonMenuItem = (props) => {
-  const { wrapperStyles, isActive, dsId } = props;
-  const gridLayout = (0, import_react.useMemo)(() => ["16px", "auto"], []);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.StyledGlobalMenuItemWrapper,
-    {
-      id: dsId,
-      "data-type": "skeleton",
-      "data-testid": "ds-skeleton-menu-item",
-      role: "option",
-      "aria-label": "skeleton",
-      style: wrapperStyles,
-      isActive,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "100%" }),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "100%" })
-      ] })
-    }
-  );
-};
+var import_ds_menu_items_skeleton = require("@elliemae/ds-menu-items-skeleton");
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/SkeletonMenuItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/SkeletonMenuItem/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { type DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { StyledContentWrapper, StyledGlobalMenuItemWrapper } from '../styled.js';\nconst SkeletonMenuItem: React.ComponentType<DSMenuItemT.SkeletonProps> = (props) => {\n  const { wrapperStyles, isActive, dsId } = props;\n  const gridLayout = useMemo(() => ['16px', 'auto'], []);\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      data-type=\"skeleton\"\n      data-testid=\"ds-skeleton-menu-item\"\n      role=\"option\"\n      aria-label=\"skeleton\"\n      style={wrapperStyles}\n      isActive={isActive}\n    >\n      <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nexport { SkeletonMenuItem, SkeletonMenuItem as DSSkeletonMenuItem };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkBjB;AAlBN,mBAA+B;AAC/B,yBAA2B;AAE3B,oBAAkE;AAClE,MAAM,mBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAC1C,QAAM,iBAAa,sBAAQ,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,CAAC;AAErD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,MACP;AAAA,MAEA,uDAAC,sCAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,oDAAC,iCAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,QACjD,4CAAC,iCAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,SACnD;AAAA;AAAA,EACF;AAEJ;",
+  "sourcesContent": ["export {\n  // legacy exports where renaming like this, keeping around for backwards compatibility.\n  DSMenuItemsSkeleton as SkeletonMenuItem,\n  DSMenuItemsSkeleton as DSSkeletonMenuItem,\n  // the \"current\" correctly named export\n  DSMenuItemsSkeleton,\n  DSMenuItemsSkeletonWithSchema,\n  type DSMenuItemsSkeletonT,\n} from '@elliemae/ds-menu-items-skeleton';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oCAQO;",
   "names": []
 }

package/dist/cjs/components/SubmenuItem/index.js

@@ -28,135 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SubmenuItem_exports = {};
 __export(SubmenuItem_exports, {
-  SubmenuItem: () => SubmenuItem,
-  SubmenuItemWithSchema: () => SubmenuItemWithSchema
+  DSMenuItemsSubmenu: () => import_ds_menu_items_submenu.DSMenuItemsSubmenu,
+  DSMenuItemsSubmenuWithSchema: () => import_ds_menu_items_submenu.DSMenuItemsSubmenuWithSchema,
+  SubmenuItem: () => import_ds_menu_items_submenu.DSMenuItemsSubmenu,
+  SubmenuItemWithSchema: () => import_ds_menu_items_submenu.DSMenuItemsSubmenuWithSchema
 });
 module.exports = __toCommonJS(SubmenuItem_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_react_desc_prop_types = require("../../react-desc-prop-types.js");
-var import_styled = require("../styled.js");
-var import_useGetSubmenuHandlers = require("./useGetSubmenuHandlers.js");
-var import_exported_related = require("../../exported-related/index.js");
-var import_useGetGlobalsAndXStyledProps = require("../useGetGlobalsAndXStyledProps.js");
-const SubmenuItem = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultSubmenuProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.itemProps, `${import_exported_related.DSMenuItemName}Submenu`);
-  const {
-    dsId,
-    label,
-    secondaryLabel,
-    isActive,
-    disabled,
-    isSubmenuOpened,
-    rightAddon,
-    innerRef,
-    wrapperStyles,
-    optionsShouldHavePadding,
-    render: Render,
-    Dropdown,
-    dropdownProps: {
-      options,
-      openedSubmenus,
-      onSubmenuToggle,
-      selectedOptions,
-      onKeyDown,
-      onOptionClick,
-      onClickOutside,
-      minWidth,
-      maxHeight
-    }
-  } = propsWithDefault;
-  const [delayedIsOpened, setDelayedIsOpened] = (0, import_react.useState)(false);
-  (0, import_react.useEffect)(() => {
-    setTimeout(() => setDelayedIsOpened(isSubmenuOpened));
-  }, [isSubmenuOpened]);
-  const { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick } = (0, import_useGetSubmenuHandlers.useGetSubmenuHandlers)(propsWithDefault);
-  const gridLayout = (0, import_react.useMemo)(() => {
-    const cols = ["auto"];
-    if (secondaryLabel !== void 0)
-      cols.push("min-content");
-    cols.push("min-content");
-    return cols;
-  }, [secondaryLabel]);
-  const { globalAttributes, xStyledProps } = (0, import_useGetGlobalsAndXStyledProps.useGetGlobalsAndXStyledProps)(
-    propsWithDefault,
-    props.original ? {
-      onMouseEnter: onMouseEnterHandler,
-      onMouseLeave: onMouseLeaveHandler,
-      onMouseDown: onMouseDownHandler
-    } : void 0
-  );
-  const { minWidth: customMinWidth, ...restXStyled } = xStyledProps;
-  const { onMouseLeave, onMouseEnter, onMouseDown, ...restGlobalAttributes } = globalAttributes;
-  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],
-      wrapperStyles: { ...wrapperStyles, w: "100%" },
-      as: "li",
-      role: "option",
-      minWidth,
-      maxHeight,
-      "aria-selected": isSubmenuOpened,
-      "aria-describedby": `dropdownmenu-submenu-${dsId}`,
-      "data-popover-label": label,
-      id: dsId,
-      onMouseEnter: onMouseEnterHandler,
-      onMouseLeave: onMouseLeaveHandler,
-      onMouseDown: onMouseDownHandler,
-      ...restGlobalAttributes,
-      ...restXStyled,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_styled.StyledGlobalMenuItemWrapper,
-        {
-          pr: 0,
-          isSelected: isSubmenuOpened,
-          isActive,
-          onMouseEnter: onMouseEnterHandler,
-          onMouseLeave: onMouseLeaveHandler,
-          innerRef,
-          disabled,
-          pl: optionsShouldHavePadding ? 40 : 16,
-          as: "div",
-          "data-type": "submenu",
-          children: [
-            Render !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...propsWithDefault }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledContentWrapper, { cols: gridLayout, gutter: "xxs", alignItems: "center", children: [
-              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyleMenuItemLabel, { children: label }),
-              secondaryLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyleMenuItemSecondaryLabel, { children: secondaryLabel }),
-              /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledIconContainer, { children: [
-                /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledVerticalSeparator, {}),
-                rightAddon === "ellipsis" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.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" })
-          ]
-        }
-      )
-    }
-  );
-};
-SubmenuItem.displayName = `${import_exported_related.DSMenuItemName}Submenu`;
-const SubmenuItemWithSchema = (0, import_ds_props_helpers.describe)(SubmenuItem);
-SubmenuItemWithSchema.propTypes = import_react_desc_prop_types.itemProps;
+var import_ds_menu_items_submenu = require("@elliemae/ds-menu-items-submenu");
 //# sourceMappingURL=index.js.map

package/dist/cjs/components/SubmenuItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/SubmenuItem/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable max-lines */\nimport React, { useEffect, useMemo, useState } from 'react';\nimport { MoreOptionsVert, ChevronRight } from '@elliemae/ds-icons';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { defaultSubmenuProps, itemProps } from '../../react-desc-prop-types.js';\nimport {\n  StyleMenuItemLabel,\n  StyleMenuItemSecondaryLabel,\n  StyledIconContainer,\n  StyledEllipsisButton,\n  StyledGlobalMenuItemWrapper,\n  StyledVerticalSeparator,\n  StyledContentWrapper,\n} from '../styled.js';\nimport { useGetSubmenuHandlers } from './useGetSubmenuHandlers.js';\nimport { DSMenuItemName } from '../../exported-related/index.js';\nimport { useGetGlobalsAndXStyledProps } from '../useGetGlobalsAndXStyledProps.js';\n\nconst SubmenuItem: React.ComponentType<DSMenuItemT.SubmenuProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSMenuItemT.SubmenuProps>>(props, defaultSubmenuProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps, `${DSMenuItemName}Submenu`);\n\n  const {\n    dsId,\n    label,\n    secondaryLabel,\n    isActive,\n    disabled,\n    isSubmenuOpened,\n    rightAddon,\n    innerRef,\n    wrapperStyles,\n    optionsShouldHavePadding,\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] = useState(false);\n\n  useEffect(() => {\n    setTimeout(() => setDelayedIsOpened(isSubmenuOpened));\n  }, [isSubmenuOpened]);\n\n  const { onMouseEnterHandler, onMouseLeaveHandler, onMouseDownHandler, onEllipsisClick } =\n    useGetSubmenuHandlers(propsWithDefault);\n\n  const gridLayout = useMemo(() => {\n    const cols = ['auto'];\n    if (secondaryLabel !== undefined) cols.push('min-content');\n    cols.push('min-content');\n    return cols;\n  }, [secondaryLabel]);\n  const { globalAttributes, xStyledProps } = useGetGlobalsAndXStyledProps(\n    propsWithDefault,\n    props.original\n      ? {\n          onMouseEnter: onMouseEnterHandler,\n          onMouseLeave: onMouseLeaveHandler,\n          onMouseDown: onMouseDownHandler,\n        }\n      : undefined,\n  );\n  // We need to exclude minWidth because we have already used it as a key value for the dropdown menu options.\n  // i dont think there is a workaround for this at the moment\n  // we need a complete refactor in how we build the submenus\n  const { minWidth: customMinWidth, ...restXStyled } = xStyledProps;\n  const { onMouseLeave, onMouseEnter, onMouseDown, ...restGlobalAttributes } = globalAttributes;\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      wrapperStyles={{ ...wrapperStyles, w: '100%' }}\n      as=\"li\"\n      role=\"option\"\n      minWidth={minWidth}\n      maxHeight={maxHeight}\n      aria-selected={isSubmenuOpened}\n      aria-describedby={`dropdownmenu-submenu-${dsId}`}\n      data-popover-label={label}\n      id={dsId}\n      onMouseEnter={onMouseEnterHandler}\n      onMouseLeave={onMouseLeaveHandler}\n      onMouseDown={onMouseDownHandler}\n      {...restGlobalAttributes}\n      {...restXStyled}\n    >\n      <StyledGlobalMenuItemWrapper\n        pr={0}\n        isSelected={isSubmenuOpened}\n        isActive={isActive}\n        onMouseEnter={onMouseEnterHandler}\n        onMouseLeave={onMouseLeaveHandler}\n        innerRef={innerRef}\n        disabled={disabled}\n        pl={optionsShouldHavePadding ? 40 : 16}\n        as={'div' as keyof JSX.IntrinsicElements}\n        data-type=\"submenu\"\n      >\n        {Render !== undefined ? (\n          <Render {...propsWithDefault} />\n        ) : (\n          <StyledContentWrapper cols={gridLayout} gutter=\"xxs\" alignItems=\"center\">\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\nSubmenuItem.displayName = `${DSMenuItemName}Submenu`;\nconst SubmenuItemWithSchema = describe(SubmenuItem);\nSubmenuItemWithSchema.propTypes = itemProps;\n\nexport { SubmenuItem, SubmenuItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["export {\n  // legacy exports where renaming like this, keeping around for backwards compatibility.\n  DSMenuItemsSubmenu as SubmenuItem,\n  DSMenuItemsSubmenuWithSchema as SubmenuItemWithSchema,\n  // the \"current\" correctly named export\n  DSMenuItemsSubmenu,\n  DSMenuItemsSubmenuWithSchema,\n  type DSMenuItemsSubmenuT,\n} from '@elliemae/ds-menu-items-submenu';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAQO;",
   "names": []
 }

package/dist/cjs/components/index.js

@@ -5,6 +5,10 @@ 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))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -24,14 +27,53 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var components_exports = {};
+__export(components_exports, {
+  ActionMenuItem: () => import_ActionMenuItem.ActionMenuItem,
+  ActionMenuItemWithSchema: () => import_ActionMenuItem.ActionMenuItemWithSchema,
+  DSActionMenuItem: () => import_ActionMenuItem.DSActionMenuItem,
+  DSMenuItemsAction: () => import_ActionMenuItem.DSMenuItemsAction,
+  DSMenuItemsActionWithSchema: () => import_ActionMenuItem.DSMenuItemsActionWithSchema,
+  DSMenuItemsMulti: () => import_MultiMenuItem.DSMenuItemsMulti,
+  DSMenuItemsMultiWithSchema: () => import_MultiMenuItem.DSMenuItemsMultiWithSchema,
+  DSMenuItemsSection: () => import_Section.DSMenuItemsSection,
+  DSMenuItemsSectionWithSchema: () => import_Section.DSMenuItemsSectionWithSchema,
+  DSMenuItemsSeparator: () => import_Separator.DSMenuItemsSeparator,
+  DSMenuItemsSeparatorWithSchema: () => import_Separator.DSMenuItemsSeparatorWithSchema,
+  DSMenuItemsSingle: () => import_SingleMenuItem.DSMenuItemsSingle,
+  DSMenuItemsSingleWithSchema: () => import_SingleMenuItem.DSMenuItemsSingleWithSchema,
+  DSMenuItemsSingleWithSubmenu: () => import_SingleWithSubmenuItem.DSMenuItemsSingleWithSubmenu,
+  DSMenuItemsSingleWithSubmenuWithSchema: () => import_SingleWithSubmenuItem.DSMenuItemsSingleWithSubmenuWithSchema,
+  DSMenuItemsSkeleton: () => import_SkeletonMenuItem.DSMenuItemsSkeleton,
+  DSMenuItemsSkeletonWithSchema: () => import_SkeletonMenuItem.DSMenuItemsSkeletonWithSchema,
+  DSMenuItemsSubmenu: () => import_SubmenuItem.DSMenuItemsSubmenu,
+  DSMenuItemsSubmenuWithSchema: () => import_SubmenuItem.DSMenuItemsSubmenuWithSchema,
+  DSMultiMenuItem: () => import_MultiMenuItem.DSMultiMenuItem,
+  DSSectionMenuItem: () => import_Section.DSSectionMenuItem,
+  DSSeparatorMenuItem: () => import_Separator.DSSeparatorMenuItem,
+  DSSingleMenuItem: () => import_SingleMenuItem.DSSingleMenuItem,
+  DSSkeletonMenuItem: () => import_SkeletonMenuItem.DSSkeletonMenuItem,
+  MultiMenuItem: () => import_MultiMenuItem.MultiMenuItem,
+  MultiMenuItemWithSchema: () => import_MultiMenuItem.MultiMenuItemWithSchema,
+  Section: () => import_Section.Section,
+  SectionWithSchema: () => import_Section.SectionWithSchema,
+  Separator: () => import_Separator.Separator,
+  SeparatorWithSchema: () => import_Separator.SeparatorWithSchema,
+  SingleMenuItem: () => import_SingleMenuItem.SingleMenuItem,
+  SingleMenuItemWithSchema: () => import_SingleMenuItem.SingleMenuItemWithSchema,
+  SingleWithSubmenuItem: () => import_SingleWithSubmenuItem.SingleWithSubmenuItem,
+  SingleWithSubmenuItemWithSchema: () => import_SingleWithSubmenuItem.SingleWithSubmenuItemWithSchema,
+  SkeletonMenuItem: () => import_SkeletonMenuItem.SkeletonMenuItem,
+  SubmenuItem: () => import_SubmenuItem.SubmenuItem,
+  SubmenuItemWithSchema: () => import_SubmenuItem.SubmenuItemWithSchema
+});
 module.exports = __toCommonJS(components_exports);
 var React = __toESM(require("react"));
-__reExport(components_exports, require("./ActionMenuItem/index.js"), module.exports);
-__reExport(components_exports, require("./MultiMenuItem/index.js"), module.exports);
-__reExport(components_exports, require("./Section/index.js"), module.exports);
-__reExport(components_exports, require("./Separator/index.js"), module.exports);
-__reExport(components_exports, require("./SingleMenuItem/index.js"), module.exports);
-__reExport(components_exports, require("./SingleWithSubmenuItem/index.js"), module.exports);
-__reExport(components_exports, require("./SubmenuItem/index.js"), module.exports);
-__reExport(components_exports, require("./SkeletonMenuItem/index.js"), module.exports);
+var import_ActionMenuItem = require("./ActionMenuItem/index.js");
+var import_MultiMenuItem = require("./MultiMenuItem/index.js");
+var import_Section = require("./Section/index.js");
+var import_Separator = require("./Separator/index.js");
+var import_SingleMenuItem = require("./SingleMenuItem/index.js");
+var import_SingleWithSubmenuItem = require("./SingleWithSubmenuItem/index.js");
+var import_SkeletonMenuItem = require("./SkeletonMenuItem/index.js");
+var import_SubmenuItem = require("./SubmenuItem/index.js");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './ActionMenuItem/index.js';\nexport * from './MultiMenuItem/index.js';\nexport * from './Section/index.js';\nexport * from './Separator/index.js';\nexport * from './SingleMenuItem/index.js';\nexport * from './SingleWithSubmenuItem/index.js';\nexport * from './SubmenuItem/index.js';\nexport * from './SkeletonMenuItem/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,sCAAd;AACA,+BAAc,qCADd;AAEA,+BAAc,+BAFd;AAGA,+BAAc,iCAHd;AAIA,+BAAc,sCAJd;AAKA,+BAAc,6CALd;AAMA,+BAAc,mCANd;AAOA,+BAAc,wCAPd;",
+  "sourcesContent": ["export {\n  ActionMenuItem,\n  DSActionMenuItem,\n  ActionMenuItemWithSchema,\n  DSMenuItemsAction,\n  DSMenuItemsActionWithSchema,\n  type DSMenuItemsActionT,\n} from './ActionMenuItem/index.js';\nexport {\n  MultiMenuItem,\n  DSMultiMenuItem,\n  MultiMenuItemWithSchema,\n  DSMenuItemsMulti,\n  DSMenuItemsMultiWithSchema,\n  type DSMenuItemsMultiT,\n} from './MultiMenuItem/index.js';\nexport {\n  Section,\n  DSSectionMenuItem,\n  SectionWithSchema,\n  DSMenuItemsSection,\n  DSMenuItemsSectionWithSchema,\n  type DSMenuItemsSectionT,\n} from './Section/index.js';\nexport {\n  Separator,\n  DSSeparatorMenuItem,\n  SeparatorWithSchema,\n  DSMenuItemsSeparator,\n  DSMenuItemsSeparatorWithSchema,\n  type DSMenuItemsSeparatorT,\n} from './Separator/index.js';\nexport {\n  SingleMenuItem,\n  DSSingleMenuItem,\n  SingleMenuItemWithSchema,\n  DSMenuItemsSingle,\n  DSMenuItemsSingleWithSchema,\n  type DSMenuItemsSingleT,\n} from './SingleMenuItem/index.js';\nexport {\n  SingleWithSubmenuItem,\n  SingleWithSubmenuItemWithSchema,\n  DSMenuItemsSingleWithSubmenu,\n  DSMenuItemsSingleWithSubmenuWithSchema,\n  type DSMenuItemsSingleWithSubmenuT,\n} from './SingleWithSubmenuItem/index.js';\nexport {\n  SkeletonMenuItem,\n  DSSkeletonMenuItem,\n  DSMenuItemsSkeleton,\n  DSMenuItemsSkeletonWithSchema,\n  type DSMenuItemsSkeletonT,\n} from './SkeletonMenuItem/index.js';\nexport {\n  SubmenuItem,\n  SubmenuItemWithSchema,\n  DSMenuItemsSubmenu,\n  DSMenuItemsSubmenuWithSchema,\n  type DSMenuItemsSubmenuT,\n} from './SubmenuItem/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,4BAOO;AACP,2BAOO;AACP,qBAOO;AACP,uBAOO;AACP,4BAOO;AACP,mCAMO;AACP,8BAMO;AACP,yBAMO;",
   "names": []
 }

package/dist/cjs/exported-related/index.js

@@ -5,6 +5,10 @@ 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))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -24,7 +27,11 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var exported_related_exports = {};
+__export(exported_related_exports, {
+  DSMenuItemName: () => import_ds_menu_items_commons.DSMenuItemName,
+  DSMenuItemSlots: () => import_ds_menu_items_commons.DSMenuItemSlots
+});
 module.exports = __toCommonJS(exported_related_exports);
 var React = __toESM(require("react"));
-__reExport(exported_related_exports, require("./constants.js"), module.exports);
+var import_ds_menu_items_commons = require("@elliemae/ds-menu-items-commons");
 //# sourceMappingURL=index.js.map

package/dist/cjs/exported-related/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/exported-related/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './constants.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCAAc,2BAAd;",
+  "sourcesContent": ["export { DSMenuItemName, DSMenuItemSlots } from '@elliemae/ds-menu-items-commons';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCAAgD;",
   "names": []
 }

package/dist/cjs/index.js

@@ -5,6 +5,10 @@ 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))
@@ -13,7 +17,6 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
 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-
@@ -24,9 +27,47 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
+__export(src_exports, {
+  ActionMenuItem: () => import_components.ActionMenuItem,
+  ActionMenuItemWithSchema: () => import_components.ActionMenuItemWithSchema,
+  DSActionMenuItem: () => import_components.DSActionMenuItem,
+  DSMenuItemName: () => import_exported_related.DSMenuItemName,
+  DSMenuItemSlots: () => import_exported_related.DSMenuItemSlots,
+  DSMenuItemsAction: () => import_components.DSMenuItemsAction,
+  DSMenuItemsActionWithSchema: () => import_components.DSMenuItemsActionWithSchema,
+  DSMenuItemsMulti: () => import_components.DSMenuItemsMulti,
+  DSMenuItemsMultiWithSchema: () => import_components.DSMenuItemsMultiWithSchema,
+  DSMenuItemsSection: () => import_components.DSMenuItemsSection,
+  DSMenuItemsSectionWithSchema: () => import_components.DSMenuItemsSectionWithSchema,
+  DSMenuItemsSeparator: () => import_components.DSMenuItemsSeparator,
+  DSMenuItemsSeparatorWithSchema: () => import_components.DSMenuItemsSeparatorWithSchema,
+  DSMenuItemsSingle: () => import_components.DSMenuItemsSingle,
+  DSMenuItemsSingleWithSchema: () => import_components.DSMenuItemsSingleWithSchema,
+  DSMenuItemsSingleWithSubmenu: () => import_components.DSMenuItemsSingleWithSubmenu,
+  DSMenuItemsSingleWithSubmenuWithSchema: () => import_components.DSMenuItemsSingleWithSubmenuWithSchema,
+  DSMenuItemsSkeleton: () => import_components.DSMenuItemsSkeleton,
+  DSMenuItemsSkeletonWithSchema: () => import_components.DSMenuItemsSkeletonWithSchema,
+  DSMultiMenuItem: () => import_components.DSMultiMenuItem,
+  DSSectionMenuItem: () => import_components.DSSectionMenuItem,
+  DSSeparatorMenuItem: () => import_components.DSSeparatorMenuItem,
+  DSSingleMenuItem: () => import_components.DSSingleMenuItem,
+  DSSkeletonMenuItem: () => import_components.DSSkeletonMenuItem,
+  MultiMenuItem: () => import_components.MultiMenuItem,
+  MultiMenuItemWithSchema: () => import_components.MultiMenuItemWithSchema,
+  Section: () => import_components.Section,
+  SectionWithSchema: () => import_components.SectionWithSchema,
+  Separator: () => import_components.Separator,
+  SeparatorWithSchema: () => import_components.SeparatorWithSchema,
+  SingleMenuItem: () => import_components.SingleMenuItem,
+  SingleMenuItemWithSchema: () => import_components.SingleMenuItemWithSchema,
+  SingleWithSubmenuItem: () => import_components.SingleWithSubmenuItem,
+  SingleWithSubmenuItemWithSchema: () => import_components.SingleWithSubmenuItemWithSchema,
+  SkeletonMenuItem: () => import_components.SkeletonMenuItem,
+  SubmenuItem: () => import_components.SubmenuItem,
+  SubmenuItemWithSchema: () => import_components.SubmenuItemWithSchema
+});
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./components/index.js"), module.exports);
-__reExport(src_exports, require("./exported-related/index.js"), module.exports);
-__reExport(src_exports, require("./TempTreeviewItem.js"), module.exports);
+var import_components = require("./components/index.js");
+var import_exported_related = require("./exported-related/index.js");
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nexport * from './components/index.js';\nexport * from './exported-related/index.js';\nexport * from './TempTreeviewItem.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADGvB,wBAAc,kCAHd;AAIA,wBAAc,wCAJd;AAKA,wBAAc,kCALd;",
+  "sourcesContent": ["import type {} from '@xstyled/system';\nimport type {} from '@xstyled/util';\n\nexport {\n  // legacy names\n  ActionMenuItem,\n  DSActionMenuItem,\n  ActionMenuItemWithSchema,\n  // correct convention names\n  DSMenuItemsAction,\n  DSMenuItemsActionWithSchema,\n  type DSMenuItemsActionT,\n\n  // legacy names\n  MultiMenuItem,\n  DSMultiMenuItem,\n  MultiMenuItemWithSchema,\n  // correct convention names\n  DSMenuItemsMulti,\n  DSMenuItemsMultiWithSchema,\n  type DSMenuItemsMultiT,\n\n  // legacy names\n  Section,\n  DSSectionMenuItem,\n  SectionWithSchema,\n  // correct convention names\n  DSMenuItemsSection,\n  DSMenuItemsSectionWithSchema,\n  type DSMenuItemsSectionT,\n\n  // legacy names\n  Separator,\n  DSSeparatorMenuItem,\n  SeparatorWithSchema,\n  // correct convention names\n  DSMenuItemsSeparator,\n  DSMenuItemsSeparatorWithSchema,\n  type DSMenuItemsSeparatorT,\n\n  // legacy names\n  SingleMenuItem,\n  DSSingleMenuItem,\n  SingleMenuItemWithSchema,\n  // correct convention names\n  DSMenuItemsSingle,\n  DSMenuItemsSingleWithSchema,\n  type DSMenuItemsSingleT,\n\n  // legacy names\n  SingleWithSubmenuItem,\n  SingleWithSubmenuItemWithSchema,\n  // correct convention names\n  DSMenuItemsSingleWithSubmenu,\n  DSMenuItemsSingleWithSubmenuWithSchema,\n  type DSMenuItemsSingleWithSubmenuT,\n\n  // legacy names\n  SkeletonMenuItem,\n  DSSkeletonMenuItem,\n  // correct convention names\n  DSMenuItemsSkeleton,\n  DSMenuItemsSkeletonWithSchema,\n  type DSMenuItemsSkeletonT,\n\n  // legacy names\n  SubmenuItem,\n  SubmenuItemWithSchema,\n  // correct convention names\n} from './components/index.js';\nexport { DSMenuItemName, DSMenuItemSlots } from './exported-related/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,wBAkEO;AACP,8BAAgD;",
   "names": []
 }

package/dist/esm/components/ActionMenuItem/index.js

@@ -1,70 +1,16 @@
 import * as React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useMemo } from "react";
-import { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
-import { defaultActionProps, ActionMenuItemPropTypes } from "../../react-desc-prop-types.js";
 import {
-  StyledContentWrapper,
-  StyledGlobalMenuItemWrapper,
-  StyleMenuItemLabel,
-  StyleMenuItemSecondaryLabel
-} from "../styled.js";
-import { DSMenuItemName } from "../../exported-related/index.js";
-import { useGetGlobalsAndXStyledProps } from "../useGetGlobalsAndXStyledProps.js";
-const ActionMenuItem = (props) => {
-  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultActionProps);
-  useValidateTypescriptPropTypes(propsWithDefault, ActionMenuItemPropTypes, `${DSMenuItemName}Action`);
-  const {
-    dsId,
-    label,
-    secondaryLabel,
-    onClick,
-    isActive,
-    disabled,
-    innerRef,
-    wrapperStyles,
-    optionsShouldHavePadding,
-    render: Render
-  } = propsWithDefault;
-  const { globalAttributes, xStyledProps } = useGetGlobalsAndXStyledProps(
-    propsWithDefault,
-    props.original ? {
-      onClick
-    } : void 0
-  );
-  const gridLayout = useMemo(() => {
-    const cols = ["auto"];
-    if (secondaryLabel)
-      cols.push("min-content");
-    return cols;
-  }, [secondaryLabel]);
-  return /* @__PURE__ */ jsx(
-    StyledGlobalMenuItemWrapper,
-    {
-      id: dsId,
-      role: "option",
-      isActive,
-      disabled,
-      onClick: !disabled ? onClick : void 0,
-      innerRef,
-      pl: optionsShouldHavePadding ? 40 : 16,
-      style: wrapperStyles,
-      "data-type": "action",
-      ...globalAttributes,
-      ...xStyledProps,
-      children: Render !== void 0 ? /* @__PURE__ */ jsx(Render, { ...propsWithDefault }) : /* @__PURE__ */ jsx(StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(StyleMenuItemLabel, { children: label }),
-        secondaryLabel !== void 0 && /* @__PURE__ */ jsx(StyleMenuItemSecondaryLabel, { children: secondaryLabel })
-      ] }) })
-    }
-  );
-};
-ActionMenuItem.displayName = "DSActionMenuItem";
-const ActionMenuItemWithSchema = describe(ActionMenuItem);
-ActionMenuItemWithSchema.propTypes = ActionMenuItemPropTypes;
+  DSMenuItemsAction,
+  DSMenuItemsAction as DSMenuItemsAction2,
+  DSMenuItemsActionWithSchema,
+  DSMenuItemsAction as DSMenuItemsAction3,
+  DSMenuItemsActionWithSchema as DSMenuItemsActionWithSchema2
+} from "@elliemae/ds-menu-items-action";
 export {
-  ActionMenuItem,
-  ActionMenuItemWithSchema,
-  ActionMenuItem as DSActionMenuItem
+  DSMenuItemsAction as ActionMenuItem,
+  DSMenuItemsActionWithSchema as ActionMenuItemWithSchema,
+  DSMenuItemsAction2 as DSActionMenuItem,
+  DSMenuItemsAction3 as DSMenuItemsAction,
+  DSMenuItemsActionWithSchema2 as DSMenuItemsActionWithSchema
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/components/ActionMenuItem/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/ActionMenuItem/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { defaultActionProps, ActionMenuItemPropTypes } from '../../react-desc-prop-types.js';\nimport {\n  StyledContentWrapper,\n  StyledGlobalMenuItemWrapper,\n  StyleMenuItemLabel,\n  StyleMenuItemSecondaryLabel,\n} from '../styled.js';\nimport { DSMenuItemName } from '../../exported-related/index.js';\nimport { useGetGlobalsAndXStyledProps } from '../useGetGlobalsAndXStyledProps.js';\nconst ActionMenuItem: React.ComponentType<DSMenuItemT.ActionProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultActionProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, ActionMenuItemPropTypes, `${DSMenuItemName}Action`);\n\n  const {\n    dsId,\n    label,\n    secondaryLabel,\n    onClick,\n    isActive,\n    disabled,\n    innerRef,\n    wrapperStyles,\n    optionsShouldHavePadding,\n    render: Render,\n  } = propsWithDefault;\n\n  const { globalAttributes, xStyledProps } = useGetGlobalsAndXStyledProps(\n    propsWithDefault,\n    props.original\n      ? {\n          onClick: onClick,\n        }\n      : undefined,\n  );\n  const gridLayout = useMemo(() => {\n    const cols = ['auto'];\n    if (secondaryLabel) cols.push('min-content');\n    return cols;\n  }, [secondaryLabel]);\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      role=\"option\"\n      isActive={isActive}\n      disabled={disabled}\n      onClick={!disabled ? onClick : undefined}\n      innerRef={innerRef}\n      pl={optionsShouldHavePadding ? 40 : 16}\n      style={wrapperStyles}\n      data-type=\"action\"\n      {...globalAttributes}\n      {...xStyledProps}\n    >\n      {Render !== undefined ? (\n        <Render {...propsWithDefault} />\n      ) : (\n        <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n          <>\n            <StyleMenuItemLabel>{label}</StyleMenuItemLabel>\n            {secondaryLabel !== undefined && (\n              <StyleMenuItemSecondaryLabel>{secondaryLabel}</StyleMenuItemSecondaryLabel>\n            )}\n          </>\n        </StyledContentWrapper>\n      )}\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nActionMenuItem.displayName = 'DSActionMenuItem';\nconst ActionMenuItemWithSchema = describe(ActionMenuItem);\nActionMenuItemWithSchema.propTypes = ActionMenuItemPropTypes;\n\nexport { ActionMenuItem, ActionMenuItem as DSActionMenuItem, ActionMenuItemWithSchema };\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC2Df,SAGE,UAHF,KAGE,YAHF;AA3DR,SAAgB,eAAe;AAC/B,SAAS,UAAU,8BAA8B,sCAAsC;AAEvF,SAAS,oBAAoB,+BAA+B;AAC5D;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,sBAAsB;AAC/B,SAAS,oCAAoC;AAC7C,MAAM,iBAA+D,CAAC,UAAU;AAC9E,QAAM,mBAAmB,6BAA6B,OAAO,kBAAkB;AAE/E,iCAA+B,kBAAkB,yBAAyB,GAAG,sBAAsB;AAEnG,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI;AAEJ,QAAM,EAAE,kBAAkB,aAAa,IAAI;AAAA,IACzC;AAAA,IACA,MAAM,WACF;AAAA,MACE;AAAA,IACF,IACA;AAAA,EACN;AACA,QAAM,aAAa,QAAQ,MAAM;AAC/B,UAAM,OAAO,CAAC,MAAM;AACpB,QAAI;AAAgB,WAAK,KAAK,aAAa;AAC3C,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA,SAAS,CAAC,WAAW,UAAU;AAAA,MAC/B;AAAA,MACA,IAAI,2BAA2B,KAAK;AAAA,MACpC,OAAO;AAAA,MACP,aAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,qBAAW,SACV,oBAAC,UAAQ,GAAG,kBAAkB,IAE9B,oBAAC,wBAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E,2CACE;AAAA,4BAAC,sBAAoB,iBAAM;AAAA,QAC1B,mBAAmB,UAClB,oBAAC,+BAA6B,0BAAe;AAAA,SAEjD,GACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  // legacy exports where renaming like this, keeping around for backwards compatibility.\n  DSMenuItemsAction as ActionMenuItem,\n  DSMenuItemsAction as DSActionMenuItem,\n  DSMenuItemsActionWithSchema as ActionMenuItemWithSchema,\n  // the \"current\" correctly named export\n  DSMenuItemsAction,\n  DSMenuItemsActionWithSchema,\n  type DSMenuItemsActionT,\n} from '@elliemae/ds-menu-items-action';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EAEuB;AAAA,EACA,qBAArBA;AAAA,EAC+B;AAAA,EAE/B,qBAAAA;AAAA,EACA,+BAAAC;AAAA,OAEK;",
+  "names": ["DSMenuItemsAction", "DSMenuItemsActionWithSchema"]
 }