@elliemae/ds-menu-items 3.27.0-next.9 → 3.27.0

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

@@ -28,68 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var ActionMenuItem_exports = {};
 __export(ActionMenuItem_exports, {
-  ActionMenuItem: () => ActionMenuItem,
-  ActionMenuItemWithSchema: () => ActionMenuItemWithSchema,
-  DSActionMenuItem: () => ActionMenuItem
+  ActionMenuItem: () => import_ds_menu_items_action.DSMenuItemsAction,
+  ActionMenuItemWithSchema: () => import_ds_menu_items_action.DSMenuItemsActionWithSchema,
+  DSActionMenuItem: () => import_ds_menu_items_action.DSMenuItemsAction,
+  DSMenuItemsAction: () => import_ds_menu_items_action.DSMenuItemsAction,
+  DSMenuItemsActionWithSchema: () => import_ds_menu_items_action.DSMenuItemsActionWithSchema
 });
 module.exports = __toCommonJS(ActionMenuItem_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_react = require("react");
-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_exported_related = require("../../exported-related/index.js");
-var import_useGetGlobalsAndXStyledProps = require("../useGetGlobalsAndXStyledProps.js");
-const ActionMenuItem = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultActionProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.ActionMenuItemPropTypes, `${import_exported_related.DSMenuItemName}Action`);
-  const {
-    dsId,
-    label,
-    secondaryLabel,
-    onClick,
-    isActive,
-    disabled,
-    innerRef,
-    wrapperStyles,
-    optionsShouldHavePadding,
-    render: Render
-  } = propsWithDefault;
-  const { globalAttributes, xStyledProps } = (0, import_useGetGlobalsAndXStyledProps.useGetGlobalsAndXStyledProps)(
-    propsWithDefault,
-    props.original ? {
-      onClick
-    } : void 0
-  );
-  const gridLayout = (0, import_react.useMemo)(() => {
-    const cols = ["auto"];
-    if (secondaryLabel)
-      cols.push("min-content");
-    return cols;
-  }, [secondaryLabel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.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__ */ (0, import_jsx_runtime.jsx)(Render, { ...propsWithDefault }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { 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 })
-      ] }) })
-    }
-  );
-};
-ActionMenuItem.displayName = "DSActionMenuItem";
-const ActionMenuItemWithSchema = (0, import_ds_props_helpers.describe)(ActionMenuItem);
-ActionMenuItemWithSchema.propTypes = import_react_desc_prop_types.ActionMenuItemPropTypes;
+var import_ds_menu_items_action = require("@elliemae/ds-menu-items-action");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/ActionMenuItem/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD2Df;AA3DR,mBAA+B;AAC/B,8BAAuF;AAEvF,mCAA4D;AAC5D,oBAKO;AACP,8BAA+B;AAC/B,0CAA6C;AAC7C,MAAM,iBAA+D,CAAC,UAAU;AAC9E,QAAM,uBAAmB,sDAA6B,OAAO,+CAAkB;AAE/E,8DAA+B,kBAAkB,sDAAyB,GAAG,8CAAsB;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,QAAI;AAAA,IACzC;AAAA,IACA,MAAM,WACF;AAAA,MACE;AAAA,IACF,IACA;AAAA,EACN;AACA,QAAM,iBAAa,sBAAQ,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,4CAAC,UAAQ,GAAG,kBAAkB,IAE9B,4CAAC,sCAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E,sFACE;AAAA,oDAAC,oCAAoB,iBAAM;AAAA,QAC1B,mBAAmB,UAClB,4CAAC,6CAA6B,0BAAe;AAAA,SAEjD,GACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
+  "sourcesContent": ["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", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCASO;",
   "names": []
 }

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

@@ -28,86 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var MultiMenuItem_exports = {};
 __export(MultiMenuItem_exports, {
-  DSMultiMenuItem: () => MultiMenuItem,
-  MultiMenuItem: () => MultiMenuItem,
-  MultiMenuItemWithSchema: () => MultiMenuItemWithSchema
+  DSMenuItemsMulti: () => import_ds_menu_items_multi.DSMenuItemsMulti,
+  DSMenuItemsMultiWithSchema: () => import_ds_menu_items_multi.DSMenuItemsMultiWithSchema,
+  DSMultiMenuItem: () => import_ds_menu_items_multi.DSMenuItemsMulti,
+  MultiMenuItem: () => import_ds_menu_items_multi.DSMenuItemsMulti,
+  MultiMenuItemWithSchema: () => import_ds_menu_items_multi.DSMenuItemsMultiWithSchema
 });
 module.exports = __toCommonJS(MultiMenuItem_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_form_checkbox = require("@elliemae/ds-form-checkbox");
-var import_react_desc_prop_types = require("../../react-desc-prop-types.js");
-var import_styled = require("../styled.js");
-var import_useGetGlobalsAndXStyledProps = require("../useGetGlobalsAndXStyledProps.js");
-var import_exported_related = require("../../exported-related/index.js");
-const noop = () => null;
-const MultiMenuItem = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultMultiProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.MultiMenuItemPropTypes, `${import_exported_related.DSMenuItemName}Multi`);
-  const {
-    dsId,
-    label,
-    disabled,
-    isSelected,
-    isActive,
-    onClick,
-    dataTestid,
-    innerRef,
-    onMouseEnter,
-    onMouseLeave,
-    onMouseDown,
-    wrapperStyles,
-    tabIndex,
-    render: Render
-  } = propsWithDefault;
-  const { globalAttributes, xStyledProps } = (0, import_useGetGlobalsAndXStyledProps.useGetGlobalsAndXStyledProps)(
-    propsWithDefault,
-    props.original ? {
-      onClick,
-      onMouseDown,
-      onMouseEnter,
-      onMouseLeave
-    } : void 0
-  );
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.StyledGlobalMenuItemWrapper,
-    {
-      id: dsId,
-      disabled,
-      isActive,
-      isSelected,
-      innerRef,
-      onMouseDown,
-      onMouseEnter,
-      onMouseLeave,
-      role: "option",
-      className: isActive ? "ds-list-item-active" : "",
-      "aria-selected": isSelected,
-      style: wrapperStyles,
-      onClick,
-      "data-testid": dataTestid,
-      "data-type": "multi",
-      ...globalAttributes,
-      ...xStyledProps,
-      children: Render !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledItemContent, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-        import_ds_form_checkbox.PresentationalCheckbox,
-        {
-          disabled,
-          checked: isSelected,
-          onMouseDown,
-          name: label,
-          label,
-          onChange: noop,
-          tabIndex,
-          wrapLabel: true,
-          device: "desktop"
-        }
-      ) })
-    }
-  );
-};
-MultiMenuItem.displayName = "DSMultiMenuItem";
-const MultiMenuItemWithSchema = (0, import_ds_props_helpers.describe)(MultiMenuItem);
-MultiMenuItemWithSchema.propTypes = import_react_desc_prop_types.MultiMenuItemPropTypes;
+var import_ds_menu_items_multi = require("@elliemae/ds-menu-items-multi");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/MultiMenuItem/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { PresentationalCheckbox } from '@elliemae/ds-form-checkbox';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { defaultMultiProps, MultiMenuItemPropTypes } from '../../react-desc-prop-types.js';\nimport { StyledGlobalMenuItemWrapper, StyledItemContent } from '../styled.js';\nimport { useGetGlobalsAndXStyledProps } from '../useGetGlobalsAndXStyledProps.js';\nimport { DSMenuItemName } from '../../exported-related/index.js';\n\nconst noop = () => null;\n\nconst MultiMenuItem: React.ComponentType<DSMenuItemT.MultiProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultMultiProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, MultiMenuItemPropTypes, `${DSMenuItemName}Multi`);\n\n  const {\n    dsId,\n    label,\n    disabled,\n    isSelected,\n    isActive,\n    onClick,\n    dataTestid,\n    innerRef,\n    onMouseEnter,\n    onMouseLeave,\n    onMouseDown,\n    wrapperStyles,\n    tabIndex,\n    render: Render,\n  } = propsWithDefault;\n\n  // menuitems use original prop from dsdropdownmenu or dscombobox\n  const { globalAttributes, xStyledProps } = useGetGlobalsAndXStyledProps(\n    propsWithDefault,\n    props.original\n      ? {\n          onClick: onClick,\n          onMouseDown: onMouseDown,\n          onMouseEnter: onMouseEnter,\n          onMouseLeave: onMouseLeave,\n        }\n      : undefined,\n  );\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      disabled={disabled}\n      isActive={isActive}\n      isSelected={isSelected}\n      innerRef={innerRef}\n      onMouseDown={onMouseDown}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      role=\"option\"\n      className={isActive ? 'ds-list-item-active' : ''}\n      aria-selected={isSelected}\n      style={wrapperStyles}\n      onClick={onClick}\n      data-testid={dataTestid}\n      data-type=\"multi\"\n      {...globalAttributes}\n      {...xStyledProps}\n    >\n      {Render !== undefined ? (\n        <Render {...props} />\n      ) : (\n        <StyledItemContent>\n          <PresentationalCheckbox\n            disabled={disabled}\n            checked={isSelected}\n            onMouseDown={onMouseDown}\n            name={label}\n            label={label}\n            onChange={noop}\n            tabIndex={tabIndex}\n            wrapLabel\n            device=\"desktop\"\n          />\n        </StyledItemContent>\n      )}\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nMultiMenuItem.displayName = 'DSMultiMenuItem';\nconst MultiMenuItemWithSchema = describe(MultiMenuItem);\nMultiMenuItemWithSchema.propTypes = MultiMenuItemPropTypes;\n\nexport { MultiMenuItem, MultiMenuItem as DSMultiMenuItem, MultiMenuItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmEf;AAlER,8BAAuF;AACvF,8BAAuC;AAEvC,mCAA0D;AAC1D,oBAA+D;AAC/D,0CAA6C;AAC7C,8BAA+B;AAE/B,MAAM,OAAO,MAAM;AAEnB,MAAM,gBAA6D,CAAC,UAAU;AAC5E,QAAM,uBAAmB,sDAA6B,OAAO,8CAAiB;AAE9E,8DAA+B,kBAAkB,qDAAwB,GAAG,6CAAqB;AAEjG,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;AAAA,IACA;AAAA,IACA,QAAQ;AAAA,EACV,IAAI;AAGJ,QAAM,EAAE,kBAAkB,aAAa,QAAI;AAAA,IACzC;AAAA,IACA,MAAM,WACF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF,IACA;AAAA,EACN;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,MAAK;AAAA,MACL,WAAW,WAAW,wBAAwB;AAAA,MAC9C,iBAAe;AAAA,MACf,OAAO;AAAA,MACP;AAAA,MACA,eAAa;AAAA,MACb,aAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,qBAAW,SACV,4CAAC,UAAQ,GAAG,OAAO,IAEnB,4CAAC,mCACC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT;AAAA,UACA,MAAM;AAAA,UACN;AAAA,UACA,UAAU;AAAA,UACV;AAAA,UACA,WAAS;AAAA,UACT,QAAO;AAAA;AAAA,MACT,GACF;AAAA;AAAA,EAEJ;AAEJ;AAEA,cAAc,cAAc;AAC5B,MAAM,8BAA0B,kCAAS,aAAa;AACtD,wBAAwB,YAAY;",
+  "sourcesContent": ["export {\n  // legacy exports where renaming like this, keeping around for backwards compatibility.\n  DSMenuItemsMulti as MultiMenuItem,\n  DSMenuItemsMulti as DSMultiMenuItem,\n  DSMenuItemsMultiWithSchema as MultiMenuItemWithSchema,\n  // the \"current\" correctly named export\n  DSMenuItemsMulti,\n  DSMenuItemsMultiWithSchema,\n  type DSMenuItemsMultiT,\n} from '@elliemae/ds-menu-items-multi';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,iCASO;",
   "names": []
 }

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

@@ -28,36 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Section_exports = {};
 __export(Section_exports, {
-  DSSectionMenuItem: () => Section,
-  Section: () => Section,
-  SectionWithSchema: () => SectionWithSchema
+  DSMenuItemsSection: () => import_ds_menu_items_section.DSMenuItemsSection,
+  DSMenuItemsSectionWithSchema: () => import_ds_menu_items_section.DSMenuItemsSectionWithSchema,
+  DSSectionMenuItem: () => import_ds_menu_items_section.DSMenuItemsSection,
+  Section: () => import_ds_menu_items_section.DSMenuItemsSection,
+  SectionWithSchema: () => import_ds_menu_items_section.DSMenuItemsSectionWithSchema
 });
 module.exports = __toCommonJS(Section_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-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_exported_related = require("../../exported-related/index.js");
-var import_useGetGlobalsAndXStyledProps = require("../useGetGlobalsAndXStyledProps.js");
-const Section = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultSectionProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.SectionMenuItemPropTypes, `${import_exported_related.DSMenuItemName}Section`);
-  const { label, wrapperStyles, innerRef, render: Render } = props;
-  const { globalAttributes, xStyledProps } = (0, import_useGetGlobalsAndXStyledProps.useGetGlobalsAndXStyledProps)(propsWithDefault);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.StyledSectionWrapper,
-    {
-      style: wrapperStyles,
-      innerRef,
-      role: "option",
-      ...globalAttributes,
-      ...xStyledProps,
-      children: Render !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledGroupLabel, { children: label })
-    }
-  );
-};
-Section.displayName = "DSSectionMenuItem";
-const SectionWithSchema = (0, import_ds_props_helpers.describe)(Section);
-SectionWithSchema.propTypes = import_react_desc_prop_types.SectionMenuItemPropTypes;
+var import_ds_menu_items_section = require("@elliemae/ds-menu-items-section");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Section/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { defaultSectionProps, SectionMenuItemPropTypes } from '../../react-desc-prop-types.js';\nimport { StyledSectionWrapper, StyledGroupLabel } from '../styled.js';\nimport { DSMenuItemName } from '../../exported-related/index.js';\nimport { useGetGlobalsAndXStyledProps } from '../useGetGlobalsAndXStyledProps.js';\n\nconst Section: React.ComponentType<DSMenuItemT.SectionProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultSectionProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, SectionMenuItemPropTypes, `${DSMenuItemName}Section`);\n\n  const { label, wrapperStyles, innerRef, render: Render } = props;\n\n  const { globalAttributes, xStyledProps } = useGetGlobalsAndXStyledProps(propsWithDefault);\n\n  return (\n    <StyledSectionWrapper\n      style={wrapperStyles}\n      innerRef={innerRef}\n      role=\"option\"\n      {...globalAttributes}\n      {...xStyledProps}\n    >\n      {Render !== undefined ? <Render {...props} /> : <StyledGroupLabel>{label}</StyledGroupLabel>}\n    </StyledSectionWrapper>\n  );\n};\n\nSection.displayName = 'DSSectionMenuItem';\nconst SectionWithSchema = describe(Section);\nSectionWithSchema.propTypes = SectionMenuItemPropTypes;\n\nexport { Section, Section as DSSectionMenuItem, SectionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADyBO;AAxB9B,8BAAuF;AAEvF,mCAA8D;AAC9D,oBAAuD;AACvD,8BAA+B;AAC/B,0CAA6C;AAE7C,MAAM,UAAyD,CAAC,UAAU;AACxE,QAAM,uBAAmB,sDAA6B,OAAO,gDAAmB;AAEhF,8DAA+B,kBAAkB,uDAA0B,GAAG,+CAAuB;AAErG,QAAM,EAAE,OAAO,eAAe,UAAU,QAAQ,OAAO,IAAI;AAE3D,QAAM,EAAE,kBAAkB,aAAa,QAAI,kEAA6B,gBAAgB;AAExF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,MAAK;AAAA,MACJ,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,qBAAW,SAAY,4CAAC,UAAQ,GAAG,OAAO,IAAK,4CAAC,kCAAkB,iBAAM;AAAA;AAAA,EAC3E;AAEJ;AAEA,QAAQ,cAAc;AACtB,MAAM,wBAAoB,kCAAS,OAAO;AAC1C,kBAAkB,YAAY;",
+  "sourcesContent": ["export {\n  // legacy exports where renaming like this, keeping around for backwards compatibility.\n  DSMenuItemsSection as Section,\n  DSMenuItemsSection as DSSectionMenuItem,\n  DSMenuItemsSectionWithSchema as SectionWithSchema,\n  // the \"current\" correctly named export\n  DSMenuItemsSection,\n  DSMenuItemsSectionWithSchema,\n  type DSMenuItemsSectionT,\n} from '@elliemae/ds-menu-items-section';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mCASO;",
   "names": []
 }

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

@@ -28,39 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var Separator_exports = {};
 __export(Separator_exports, {
-  DSSeparatorMenuItem: () => Separator,
-  Separator: () => Separator,
-  SeparatorWithSchema: () => SeparatorWithSchema
+  DSMenuItemsSeparator: () => import_ds_menu_items_separator.DSMenuItemsSeparator,
+  DSMenuItemsSeparatorWithSchema: () => import_ds_menu_items_separator.DSMenuItemsSeparatorWithSchema,
+  DSSeparatorMenuItem: () => import_ds_menu_items_separator.DSMenuItemsSeparator,
+  Separator: () => import_ds_menu_items_separator.DSMenuItemsSeparator,
+  SeparatorWithSchema: () => import_ds_menu_items_separator.DSMenuItemsSeparatorWithSchema
 });
 module.exports = __toCommonJS(Separator_exports);
 var React = __toESM(require("react"));
-var import_jsx_runtime = require("react/jsx-runtime");
-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_exported_related = require("../../exported-related/index.js");
-const Separator = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultSeparatorProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.MenuItemPropTypes, `${import_exported_related.DSMenuItemName}Separator`);
-  const { wrapperStyles, innerRef, render: Render } = propsWithDefault;
-  const sourceGlobalProps = propsWithDefault.original ?? propsWithDefault;
-  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(sourceGlobalProps);
-  const xStyledProps = (0, import_ds_props_helpers.useGetXstyledProps)(sourceGlobalProps);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.StyledSeparatorWrapper,
-    {
-      style: wrapperStyles,
-      innerRef,
-      "aria-label": "separator",
-      ...globalAttributes,
-      ...xStyledProps,
-      role: "option",
-      tabIndex: void 0,
-      children: Render ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledSeparator, {})
-    }
-  );
-};
-Separator.displayName = `${import_exported_related.DSMenuItemName}Separator`;
-const SeparatorWithSchema = (0, import_ds_props_helpers.describe)(Separator);
-SeparatorWithSchema.propTypes = import_react_desc_prop_types.MenuItemPropTypes;
+var import_ds_menu_items_separator = require("@elliemae/ds-menu-items-separator");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/Separator/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useGetGlobalAttributes,\n  useGetXstyledProps,\n  useValidateTypescriptPropTypes,\n} from '@elliemae/ds-props-helpers';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { MenuItemPropTypes, defaultSeparatorProps } from '../../react-desc-prop-types.js';\nimport { StyledSeparatorWrapper, StyledSeparator } from '../styled.js';\nimport { DSMenuItemName } from '../../exported-related/index.js';\n\nconst Separator: React.ComponentType<DSMenuItemT.SeparatorProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultSeparatorProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, MenuItemPropTypes, `${DSMenuItemName}Separator`);\n  const { wrapperStyles, innerRef, render: Render } = propsWithDefault;\n\n  // menuitems use original prop from dsdropdownmenu or dscombobox\n  const sourceGlobalProps = propsWithDefault.original ?? propsWithDefault;\n\n  const globalAttributes = useGetGlobalAttributes(sourceGlobalProps);\n\n  const xStyledProps = useGetXstyledProps(sourceGlobalProps);\n  return (\n    <StyledSeparatorWrapper\n      style={wrapperStyles}\n      innerRef={innerRef}\n      aria-label=\"separator\"\n      {...globalAttributes}\n      {...xStyledProps}\n      role=\"option\"\n      tabIndex={undefined}\n    >\n      {Render ? <Render {...props} /> : <StyledSeparator />}\n    </StyledSeparatorWrapper>\n  );\n};\n\nSeparator.displayName = `${DSMenuItemName}Separator`;\nconst SeparatorWithSchema = describe(Separator);\nSeparatorWithSchema.propTypes = MenuItemPropTypes;\n\nexport { Separator, Separator as DSSeparatorMenuItem, SeparatorWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmCP;AAlChB,8BAMO;AAEP,mCAAyD;AACzD,oBAAwD;AACxD,8BAA+B;AAE/B,MAAM,YAA6D,CAAC,UAAU;AAC5E,QAAM,uBAAmB,sDAA6B,OAAO,kDAAqB;AAElF,8DAA+B,kBAAkB,gDAAmB,GAAG,iDAAyB;AAChG,QAAM,EAAE,eAAe,UAAU,QAAQ,OAAO,IAAI;AAGpD,QAAM,oBAAoB,iBAAiB,YAAY;AAEvD,QAAM,uBAAmB,gDAAuB,iBAAiB;AAEjE,QAAM,mBAAe,4CAAmB,iBAAiB;AACzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,MACP;AAAA,MACA,cAAW;AAAA,MACV,GAAG;AAAA,MACH,GAAG;AAAA,MACJ,MAAK;AAAA,MACL,UAAU;AAAA,MAET,mBAAS,4CAAC,UAAQ,GAAG,OAAO,IAAK,4CAAC,iCAAgB;AAAA;AAAA,EACrD;AAEJ;AAEA,UAAU,cAAc,GAAG;AAC3B,MAAM,0BAAsB,kCAAS,SAAS;AAC9C,oBAAoB,YAAY;",
+  "sourcesContent": ["export {\n  // legacy exports where renaming like this, keeping around for backwards compatibility.\n  DSMenuItemsSeparator as Separator,\n  DSMenuItemsSeparator as DSSeparatorMenuItem,\n  DSMenuItemsSeparatorWithSchema as SeparatorWithSchema,\n  // the \"current\" correctly named export\n  DSMenuItemsSeparator,\n  DSMenuItemsSeparatorWithSchema,\n  type DSMenuItemsSeparatorT,\n} from '@elliemae/ds-menu-items-separator';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,qCASO;",
   "names": []
 }

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

@@ -28,91 +28,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SingleMenuItem_exports = {};
 __export(SingleMenuItem_exports, {
-  DSSingleMenuItem: () => SingleMenuItem,
-  SingleMenuItem: () => SingleMenuItem,
-  SingleMenuItemWithSchema: () => SingleMenuItemWithSchema
+  DSMenuItemsSingle: () => import_ds_menu_items_single.DSMenuItemsSingle,
+  DSMenuItemsSingleWithSchema: () => import_ds_menu_items_single.DSMenuItemsSingleWithSchema,
+  DSSingleMenuItem: () => import_ds_menu_items_single.DSMenuItemsSingle,
+  SingleMenuItem: () => import_ds_menu_items_single.DSMenuItemsSingle,
+  SingleMenuItemWithSchema: () => import_ds_menu_items_single.DSMenuItemsSingleWithSchema
 });
 module.exports = __toCommonJS(SingleMenuItem_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_useGetGlobalsAndXStyledProps = require("../useGetGlobalsAndXStyledProps.js");
-var import_react_desc_prop_types = require("../../react-desc-prop-types.js");
-var import_styled = require("../styled.js");
-var import_exported_related = require("../../exported-related/index.js");
-const SingleMenuItem = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_react_desc_prop_types.defaultSingleProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.SingleMenuItemPropTypes, `${import_exported_related.DSMenuItemName}Single`);
-  const {
-    dsId,
-    label,
-    secondaryLabel,
-    isSelected,
-    onClick,
-    isActive,
-    innerRef,
-    onMouseDown,
-    onMouseEnter,
-    onMouseLeave,
-    wrapperStyles,
-    render: Render,
-    dataTestid,
-    disabled
-  } = propsWithDefault;
-  const onMouseDownHandler = import_react.default.useCallback(
-    (e) => {
-      if (disabled)
-        return;
-      onMouseDown?.(e);
-    },
-    [disabled, onMouseDown]
-  );
-  const { globalAttributes, xStyledProps } = (0, import_useGetGlobalsAndXStyledProps.useGetGlobalsAndXStyledProps)(
-    propsWithDefault,
-    props.original ? {
-      onClick,
-      onMouseDown: onMouseDownHandler,
-      onMouseEnter,
-      onMouseLeave
-    } : void 0
-  );
-  const gridLayout = (0, import_react.useMemo)(() => {
-    const cols = ["16px", "auto"];
-    if (secondaryLabel)
-      cols.push("min-content");
-    return cols;
-  }, [secondaryLabel]);
-  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-    import_styled.StyledGlobalMenuItemWrapper,
-    {
-      "aria-selected": isSelected,
-      id: dsId,
-      role: "option",
-      isActive,
-      isSelected,
-      onClick,
-      innerRef,
-      onMouseDown: onMouseDownHandler,
-      onMouseEnter,
-      onMouseLeave,
-      className: isActive ? "ds-list-item-active" : "",
-      style: wrapperStyles,
-      "data-testid": dataTestid,
-      disabled,
-      "data-type": "single",
-      ...globalAttributes,
-      ...xStyledProps,
-      children: Render !== void 0 ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(Render, { ...props }) : /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: isSelected && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_icons.Checkmark, { size: "s", color: ["brand-primary", "600"] }) }),
-        /* @__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 })
-      ] })
-    }
-  );
-};
-SingleMenuItem.displayName = "DSSingleMenuItem";
-const SingleMenuItemWithSchema = (0, import_ds_props_helpers.describe)(SingleMenuItem);
-SingleMenuItemWithSchema.propTypes = import_react_desc_prop_types.SingleMenuItemPropTypes;
+var import_ds_menu_items_single = require("@elliemae/ds-menu-items-single");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/SingleMenuItem/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport { Checkmark } from '@elliemae/ds-icons';\nimport { useGetGlobalsAndXStyledProps } from '../useGetGlobalsAndXStyledProps.js';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { defaultSingleProps, SingleMenuItemPropTypes } 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';\n\nconst SingleMenuItem: React.ComponentType<DSMenuItemT.SingleProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault(props, defaultSingleProps);\n\n  useValidateTypescriptPropTypes(propsWithDefault, SingleMenuItemPropTypes, `${DSMenuItemName}Single`);\n  const {\n    dsId,\n    label,\n    secondaryLabel,\n    isSelected,\n    onClick,\n    isActive,\n    innerRef,\n    onMouseDown,\n    onMouseEnter,\n    onMouseLeave,\n    wrapperStyles,\n    render: Render,\n    dataTestid,\n    disabled,\n  } = propsWithDefault;\n\n  const onMouseDownHandler = React.useCallback(\n    (e: React.MouseEvent) => {\n      if (disabled) return;\n      onMouseDown?.(e);\n    },\n    [disabled, onMouseDown],\n  );\n\n  const { globalAttributes, xStyledProps } = useGetGlobalsAndXStyledProps(\n    propsWithDefault,\n    props.original\n      ? {\n          onClick: onClick,\n          onMouseDown: onMouseDownHandler,\n          onMouseEnter: onMouseEnter,\n          onMouseLeave: onMouseLeave,\n        }\n      : undefined,\n  );\n\n  const gridLayout = useMemo(() => {\n    const cols = ['16px', 'auto'];\n    if (secondaryLabel) cols.push('min-content');\n    return cols;\n  }, [secondaryLabel]);\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      aria-selected={isSelected}\n      id={dsId}\n      role=\"option\"\n      isActive={isActive}\n      isSelected={isSelected}\n      onClick={onClick}\n      innerRef={innerRef}\n      onMouseDown={onMouseDownHandler}\n      onMouseEnter={onMouseEnter}\n      onMouseLeave={onMouseLeave}\n      className={isActive ? 'ds-list-item-active' : ''}\n      style={wrapperStyles}\n      data-testid={dataTestid}\n      disabled={disabled}\n      data-type=\"single\"\n      {...globalAttributes}\n      {...xStyledProps}\n    >\n      {Render !== undefined ? (\n        <Render {...props} />\n      ) : (\n        <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n          <div>{isSelected && <Checkmark size=\"s\" color={['brand-primary', '600']} />}</div>\n          <StyleMenuItemLabel>{label}</StyleMenuItemLabel>\n          {secondaryLabel !== undefined && <StyleMenuItemSecondaryLabel>{secondaryLabel}</StyleMenuItemSecondaryLabel>}\n        </StyledContentWrapper>\n      )}\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nSingleMenuItem.displayName = 'DSSingleMenuItem';\nconst SingleMenuItemWithSchema = describe(SingleMenuItem);\nSingleMenuItemWithSchema.propTypes = SingleMenuItemPropTypes;\n\nexport { SingleMenuItem, SingleMenuItem as DSSingleMenuItem, SingleMenuItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADkFf;AAlFR,mBAA+B;AAC/B,8BAAuF;AACvF,sBAA0B;AAC1B,0CAA6C;AAE7C,mCAA4D;AAC5D,oBAKO;AACP,8BAA+B;AAE/B,MAAM,iBAA+D,CAAC,UAAU;AAC9E,QAAM,uBAAmB,sDAA6B,OAAO,+CAAkB;AAE/E,8DAA+B,kBAAkB,sDAAyB,GAAG,8CAAsB;AACnG,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;AAAA,EACF,IAAI;AAEJ,QAAM,qBAAqB,aAAAA,QAAM;AAAA,IAC/B,CAAC,MAAwB;AACvB,UAAI;AAAU;AACd,oBAAc,CAAC;AAAA,IACjB;AAAA,IACA,CAAC,UAAU,WAAW;AAAA,EACxB;AAEA,QAAM,EAAE,kBAAkB,aAAa,QAAI;AAAA,IACzC;AAAA,IACA,MAAM,WACF;AAAA,MACE;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,IACF,IACA;AAAA,EACN;AAEA,QAAM,iBAAa,sBAAQ,MAAM;AAC/B,UAAM,OAAO,CAAC,QAAQ,MAAM;AAC5B,QAAI;AAAgB,WAAK,KAAK,aAAa;AAC3C,WAAO;AAAA,EACT,GAAG,CAAC,cAAc,CAAC;AAEnB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,iBAAe;AAAA,MACf,IAAI;AAAA,MACJ,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,aAAa;AAAA,MACb;AAAA,MACA;AAAA,MACA,WAAW,WAAW,wBAAwB;AAAA,MAC9C,OAAO;AAAA,MACP,eAAa;AAAA,MACb;AAAA,MACA,aAAU;AAAA,MACT,GAAG;AAAA,MACH,GAAG;AAAA,MAEH,qBAAW,SACV,4CAAC,UAAQ,GAAG,OAAO,IAEnB,6CAAC,sCAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,oDAAC,SAAK,wBAAc,4CAAC,6BAAU,MAAK,KAAI,OAAO,CAAC,iBAAiB,KAAK,GAAG,GAAG;AAAA,QAC5E,4CAAC,oCAAoB,iBAAM;AAAA,QAC1B,mBAAmB,UAAa,4CAAC,6CAA6B,0BAAe;AAAA,SAChF;AAAA;AAAA,EAEJ;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
-  "names": ["React"]
+  "sourcesContent": ["export {\n  // legacy exports where renaming like this, keeping around for backwards compatibility.\n  DSMenuItemsSingle as SingleMenuItem,\n  DSMenuItemsSingle as DSSingleMenuItem,\n  DSMenuItemsSingleWithSchema as SingleMenuItemWithSchema,\n  // the \"current\" correctly named export\n  DSMenuItemsSingle,\n  DSMenuItemsSingleWithSchema,\n  type DSMenuItemsSingleT,\n} from '@elliemae/ds-menu-items-single';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kCASO;",
+  "names": []
 }

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

@@ -28,131 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var SingleWithSubmenuItem_exports = {};
 __export(SingleWithSubmenuItem_exports, {
-  SingleWithSubmenuItem: () => SingleWithSubmenuItem,
-  SingleWithSubmenuItemWithSchema: () => SingleWithSubmenuItemWithSchema
+  DSMenuItemsSingleWithSubmenu: () => import_ds_menu_items_single_with_submenu.DSMenuItemsSingleWithSubmenu,
+  DSMenuItemsSingleWithSubmenuWithSchema: () => import_ds_menu_items_single_with_submenu.DSMenuItemsSingleWithSubmenuWithSchema,
+  SingleWithSubmenuItem: () => import_ds_menu_items_single_with_submenu.DSMenuItemsSingleWithSubmenu,
+  SingleWithSubmenuItemWithSchema: () => import_ds_menu_items_single_with_submenu.DSMenuItemsSingleWithSubmenuWithSchema
 });
 module.exports = __toCommonJS(SingleWithSubmenuItem_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 SingleWithSubmenuItem = (props) => {
-  const propsWithDefault = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(
-    props,
-    import_react_desc_prop_types.defaultSingleWithSubmenuProps
-  );
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefault, import_react_desc_prop_types.itemProps, `${import_exported_related.DSMenuItemName}SingleWithSubmenu`);
-  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] = (0, import_react.useState)(false);
-  const { globalAttributes, xStyledProps } = (0, import_useGetGlobalsAndXStyledProps.useGetGlobalsAndXStyledProps)(propsWithDefault);
-  const { minWidth: customMinWidth, ...restXStyled } = xStyledProps;
-  (0, import_react.useEffect)(() => {
-    setTimeout(() => setDelayedIsOpened(isSubmenuOpened));
-  }, [isSubmenuOpened]);
-  const { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick } = (0, import_useGetSubmenuHandlers.useGetSubmenuHandlers)(propsWithDefault);
-  const gridLayout = (0, import_react.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,
-      ...globalAttributes,
-      ...restXStyled,
-      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-        import_styled.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_styled.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_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" })
-          ]
-        }
-      )
-    }
-  );
-};
-SingleWithSubmenuItem.displayName = `${import_exported_related.DSMenuItemName}SingleWithSubmenu`;
-const SingleWithSubmenuItemWithSchema = (0, import_ds_props_helpers.describe)(SingleWithSubmenuItem);
-SingleWithSubmenuItemWithSchema.propTypes = import_react_desc_prop_types.itemProps;
+var import_ds_menu_items_single_with_submenu = require("@elliemae/ds-menu-items-single-with-submenu");
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/SingleWithSubmenuItem/index.tsx", "../../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable no-unused-vars */\n/* eslint-disable max-lines */\nimport React, { useEffect, useState, useMemo } from 'react';\nimport { MoreOptionsVert, ChevronRight, Checkmark } from '@elliemae/ds-icons';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { DSMenuItemT } from '../../react-desc-prop-types.js';\nimport { defaultSingleWithSubmenuProps, 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 SingleWithSubmenuItem: React.ComponentType<DSMenuItemT.SingleWithSubmenuProps> = (props) => {\n  const propsWithDefault = useMemoMergePropsWithDefault<Required<DSMenuItemT.SingleWithSubmenuProps>>(\n    props,\n    defaultSingleWithSubmenuProps,\n  );\n\n  useValidateTypescriptPropTypes(propsWithDefault, itemProps, `${DSMenuItemName}SingleWithSubmenu`);\n\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] = useState(false);\n\n  const { globalAttributes, xStyledProps } = useGetGlobalsAndXStyledProps(propsWithDefault);\n  const { minWidth: customMinWidth, ...restXStyled } = xStyledProps;\n\n  useEffect(() => {\n    setTimeout(() => setDelayedIsOpened(isSubmenuOpened));\n  }, [isSubmenuOpened]);\n\n  const { onMouseEnterHandler, onMouseLeaveHandler, onEllipsisClick } = useGetSubmenuHandlers(propsWithDefault);\n\n  const gridLayout = 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      {...globalAttributes}\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\nSingleWithSubmenuItem.displayName = `${DSMenuItemName}SingleWithSubmenu`;\nconst SingleWithSubmenuItemWithSchema = describe(SingleWithSubmenuItem);\nSingleWithSubmenuItemWithSchema.propTypes = itemProps;\n\nexport { SingleWithSubmenuItem, SingleWithSubmenuItemWithSchema };\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  DSMenuItemsSingleWithSubmenu as SingleWithSubmenuItem,\n  DSMenuItemsSingleWithSubmenuWithSchema as SingleWithSubmenuItemWithSchema,\n  // the \"current\" correctly named export\n  DSMenuItemsSingleWithSubmenu,\n  DSMenuItemsSingleWithSubmenuWithSchema,\n  type DSMenuItemsSingleWithSubmenuT,\n} from '@elliemae/ds-menu-items-single-with-submenu';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+CAQO;",
   "names": []
 }