@elliemae/ds-menu-items-action 3.27.0-next.11

package/dist/cjs/DSMenuItemsAction.js

@@ -0,0 +1,86 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSMenuItemsAction_exports = {};
+__export(DSMenuItemsAction_exports, {
+  DSMenuItemsAction: () => DSMenuItemsAction,
+  DSMenuItemsActionWithSchema: () => DSMenuItemsActionWithSchema
+});
+module.exports = __toCommonJS(DSMenuItemsAction_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_menu_items_commons = require("@elliemae/ds-menu-items-commons");
+var import_react_desc_prop_types = require("./react-desc-prop-types.js");
+var import_useMenuItemsAction = require("./config/useMenuItemsAction.js");
+const DSMenuItemsAction = (props) => {
+  const { propsWithDefault, globalProps: globalAttributes, xstyledProps: xStyledProps } = (0, import_useMenuItemsAction.useMenuItemsAction)(props);
+  const {
+    dsId,
+    label,
+    secondaryLabel,
+    onClick,
+    isActive,
+    disabled,
+    innerRef,
+    wrapperStyles,
+    optionsShouldHavePadding,
+    render: Render
+  } = propsWithDefault;
+  const gridLayout = import_react.default.useMemo(() => {
+    const cols = ["auto"];
+    if (secondaryLabel)
+      cols.push("min-content");
+    return cols;
+  }, [secondaryLabel]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_menu_items_commons.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_ds_menu_items_commons.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_ds_menu_items_commons.StyleMenuItemLabel, { children: label }),
+        secondaryLabel !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_menu_items_commons.StyleMenuItemSecondaryLabel, { children: secondaryLabel })
+      ] }) })
+    }
+  );
+};
+DSMenuItemsAction.displayName = "DSActionMenuItem";
+const DSMenuItemsActionWithSchema = (0, import_ds_props_helpers.describe)(DSMenuItemsAction);
+DSMenuItemsActionWithSchema.propTypes = import_react_desc_prop_types.DSMenuItemsActionPropTypesSchema;
+//# sourceMappingURL=DSMenuItemsAction.js.map

package/dist/cjs/DSMenuItemsAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSMenuItemsAction.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  StyledGlobalMenuItemWrapper,\n  StyledContentWrapper,\n  StyleMenuItemLabel,\n  StyleMenuItemSecondaryLabel,\n} from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsActionT, DSMenuItemsActionPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsAction } from './config/useMenuItemsAction.js';\n\nconst DSMenuItemsAction: React.ComponentType<DSMenuItemsActionT.Props> = (props) => {\n  const { propsWithDefault, globalProps: globalAttributes, xstyledProps: xStyledProps } = useMenuItemsAction(props);\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 gridLayout = React.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\n// this is `'DSActionMenuItem'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsAction.displayName = 'DSActionMenuItem';\nconst DSMenuItemsActionWithSchema = describe(DSMenuItemsAction);\nDSMenuItemsActionWithSchema.propTypes = DSMenuItemsActionPropTypesSchema;\n\nexport { DSMenuItemsAction, DSMenuItemsActionWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgDf;AAhDR,mBAAkB;AAClB,8BAAyB;AACzB,mCAKO;AACP,mCAA0E;AAC1E,gCAAmC;AAEnC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,kBAAkB,aAAa,kBAAkB,cAAc,aAAa,QAAI,8CAAmB,KAAK;AAEhH,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,aAAa,aAAAA,QAAM,QAAQ,MAAM;AACrC,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,qDAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E,sFACE;AAAA,oDAAC,mDAAoB,iBAAM;AAAA,QAC1B,mBAAmB,UAClB,4CAAC,4DAA6B,0BAAe;AAAA,SAEjD,GACF;AAAA;AAAA,EAEJ;AAEJ;AAGA,kBAAkB,cAAc;AAChC,MAAM,kCAA8B,kCAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/config/useMenuItemsAction.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useMenuItemsAction.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { omit } from 'lodash';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSMenuItemsActionT, DSMenuItemsActionPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuItemsActionCTX {\n  propsWithDefault: DSMenuItemsActionT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsAction = (propsFromUser: DSMenuItemsActionT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsActionT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSMenuItemsActionPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSMenuItemsActionT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n  ]);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n    }),\n    [propsWithDefault, globalProps, xstyledProps],\n  );\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAqB;AACrB,8BAAyF;AACzF,mCAAkF;AAClF,8BAAiC;AAQ1B,MAAM,qBAAqB,CAAC,kBAA4C;AAI7E,QAAM,uBAAmB,sDAA+D,eAAe,yCAAY;AACnH,gDAAiB,kBAAkB,uDAA0B;AAI7D,QAAM,kBAAc,wBAAK,gDAAyD,gBAAgB,GAAG;AAAA,IACnG;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAe,4CAAmB,gBAAgB;AAKxD,SAAO,aAAAA,QAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
+  "names": ["React"]
+}

package/dist/cjs/config/useValidateProps.js

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

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

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

package/dist/cjs/constants/index.js

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

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

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

package/dist/cjs/index.js

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

package/dist/cjs/index.js.map

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

package/dist/cjs/package.json

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

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

@@ -0,0 +1,71 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var react_desc_prop_types_exports = {};
+__export(react_desc_prop_types_exports, {
+  DSMenuItemsActionPropTypes: () => DSMenuItemsActionPropTypes,
+  DSMenuItemsActionPropTypesSchema: () => DSMenuItemsActionPropTypesSchema,
+  defaultProps: () => defaultProps
+});
+module.exports = __toCommonJS(react_desc_prop_types_exports);
+var React = __toESM(require("react"));
+var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
+var import_ds_menu_items_commons = require("@elliemae/ds-menu-items-commons");
+const defaultProps = {
+  ...import_ds_menu_items_commons.DSMenuItemsCommonsDefaultProps,
+  label: "",
+  value: void 0,
+  disabled: false,
+  isActive: false,
+  onClick: () => {
+  },
+  optionsShouldHavePadding: false,
+  tabIndex: 0
+};
+const { tabIndex, label, value, ...notOvverriddenGlobalPropsTypes } = import_ds_props_helpers.globalAttributesPropTypes;
+const DSMenuItemsActionPropTypes = {
+  // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps
+  // they are NOT inherited from a common element from ds-menu-items-commons
+  ...notOvverriddenGlobalPropsTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  ...import_ds_menu_items_commons.DSMenuItemsCommonsPropTypes,
+  // TODO - add support to PropTypes.oneOf for typeof number
+  // currently PropTypes.oneOf([0, -1]) is not supported
+  tabIndex: import_ds_props_helpers.PropTypes.oneOfType([import_ds_props_helpers.PropTypes.number, import_ds_props_helpers.PropTypes.string]).description(
+    "The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed."
+  ),
+  label: import_ds_props_helpers.PropTypes.string.description("The label of the menu item."),
+  value: import_ds_props_helpers.PropTypes.any.description("The value of the menu item."),
+  isActive: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is active."),
+  optionsShouldHavePadding: import_ds_props_helpers.PropTypes.bool.description(
+    "Whether the menu item should have padding. This is used in the context of a menu with options."
+  ),
+  secondaryLabel: import_ds_props_helpers.PropTypes.string.description("The secondary label of the menu item.")
+};
+const DSMenuItemsActionPropTypesSchema = DSMenuItemsActionPropTypes;
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-duplicate-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport {\n  type DSMenuItemsCommonsT,\n  DSMenuItemsCommonsPropTypes,\n  DSMenuItemsCommonsDefaultProps,\n} from '@elliemae/ds-menu-items-commons';\nimport type React from 'react';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsActionT {\n  // typescript inheritance has no syntax support for \"interfaces\", we have to use union types instead...\n  export type RequiredProps = DSMenuItemsCommonsT.RequiredProps;\n\n  export type DefaultProps = DSMenuItemsCommonsT.DefaultProps & {\n    label: string;\n    value: unknown;\n    disabled: boolean;\n    isActive: boolean;\n    onClick: React.MouseEventHandler;\n    optionsShouldHavePadding: boolean;\n    tabIndex: 0 | -1 | '0' | '-1';\n  };\n\n  export type OptionalProps = DSMenuItemsCommonsT.OptionalProps<DSMenuItemsActionT.InternalProps> & {\n    secondaryLabel?: string;\n  };\n\n  // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps\n  // they are NOT inherited from a common element from ds-menu-items-commons\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSMenuItemsActionT.DefaultProps = {\n  ...DSMenuItemsCommonsDefaultProps,\n  label: '',\n  value: undefined,\n  disabled: false,\n  isActive: false,\n  onClick: () => {},\n  optionsShouldHavePadding: false,\n  tabIndex: 0,\n};\n\n// we are removing some keys from the global attributes because they are overridden by the action props\n// eslint-disable-next-line no-unused-vars\nconst { tabIndex, label, value, ...notOvverriddenGlobalPropsTypes } = globalAttributesPropTypes;\n\nexport const DSMenuItemsActionPropTypes: DSPropTypesSchema<DSMenuItemsActionT.InternalProps> = {\n  // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps\n  // they are NOT inherited from a common element from ds-menu-items-commons\n  ...notOvverriddenGlobalPropsTypes,\n  ...xstyledPropTypes,\n  ...DSMenuItemsCommonsPropTypes,\n\n  // TODO - add support to PropTypes.oneOf for typeof number\n  // currently PropTypes.oneOf([0, -1]) is not supported\n  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description(\n    'The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.',\n  ),\n  label: PropTypes.string.description('The label of the menu item.'),\n  value: PropTypes.any.description('The value of the menu item.'),\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n  optionsShouldHavePadding: PropTypes.bool.description(\n    'Whether the menu item should have padding. This is used in the context of a menu with options.',\n  ),\n  secondaryLabel: PropTypes.string.description('The secondary label of the menu item.'),\n};\n\nexport const DSMenuItemsActionPropTypesSchema =\n  DSMenuItemsActionPropTypes as unknown as WeakValidationMap<DSMenuItemsActionT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AACvE,mCAIO;AA6CA,MAAM,eAAgD;AAAA,EAC3D,GAAG;AAAA,EACH,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,0BAA0B;AAAA,EAC1B,UAAU;AACZ;AAIA,MAAM,EAAE,UAAU,OAAO,OAAO,GAAG,+BAA+B,IAAI;AAE/D,MAAM,6BAAkF;AAAA;AAAA;AAAA,EAG7F,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA,EAIH,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,MAAM,CAAC,EAAE;AAAA,IAClE;AAAA,EACF;AAAA,EACA,OAAO,kCAAU,OAAO,YAAY,6BAA6B;AAAA,EACjE,OAAO,kCAAU,IAAI,YAAY,6BAA6B;AAAA,EAC9D,UAAU,kCAAU,KAAK,YAAY,kCAAkC;AAAA,EACvE,0BAA0B,kCAAU,KAAK;AAAA,IACvC;AAAA,EACF;AAAA,EACA,gBAAgB,kCAAU,OAAO,YAAY,uCAAuC;AACtF;AAEO,MAAM,mCACX;",
+  "names": []
+}

package/dist/esm/DSMenuItemsAction.js

@@ -0,0 +1,61 @@
+import * as React from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import React2 from "react";
+import { describe } from "@elliemae/ds-props-helpers";
+import {
+  StyledGlobalMenuItemWrapper,
+  StyledContentWrapper,
+  StyleMenuItemLabel,
+  StyleMenuItemSecondaryLabel
+} from "@elliemae/ds-menu-items-commons";
+import { DSMenuItemsActionPropTypesSchema } from "./react-desc-prop-types.js";
+import { useMenuItemsAction } from "./config/useMenuItemsAction.js";
+const DSMenuItemsAction = (props) => {
+  const { propsWithDefault, globalProps: globalAttributes, xstyledProps: xStyledProps } = useMenuItemsAction(props);
+  const {
+    dsId,
+    label,
+    secondaryLabel,
+    onClick,
+    isActive,
+    disabled,
+    innerRef,
+    wrapperStyles,
+    optionsShouldHavePadding,
+    render: Render
+  } = propsWithDefault;
+  const gridLayout = React2.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 })
+      ] }) })
+    }
+  );
+};
+DSMenuItemsAction.displayName = "DSActionMenuItem";
+const DSMenuItemsActionWithSchema = describe(DSMenuItemsAction);
+DSMenuItemsActionWithSchema.propTypes = DSMenuItemsActionPropTypesSchema;
+export {
+  DSMenuItemsAction,
+  DSMenuItemsActionWithSchema
+};
+//# sourceMappingURL=DSMenuItemsAction.js.map

package/dist/esm/DSMenuItemsAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuItemsAction.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  StyledGlobalMenuItemWrapper,\n  StyledContentWrapper,\n  StyleMenuItemLabel,\n  StyleMenuItemSecondaryLabel,\n} from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsActionT, DSMenuItemsActionPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsAction } from './config/useMenuItemsAction.js';\n\nconst DSMenuItemsAction: React.ComponentType<DSMenuItemsActionT.Props> = (props) => {\n  const { propsWithDefault, globalProps: globalAttributes, xstyledProps: xStyledProps } = useMenuItemsAction(props);\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 gridLayout = React.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\n// this is `'DSActionMenuItem'` for legacy reasons, when moving to inheritance pattern this has been kept as it was to avoid complications\nDSMenuItemsAction.displayName = 'DSActionMenuItem';\nconst DSMenuItemsActionWithSchema = describe(DSMenuItemsAction);\nDSMenuItemsActionWithSchema.propTypes = DSMenuItemsActionPropTypesSchema;\n\nexport { DSMenuItemsAction, DSMenuItemsActionWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACgDf,SAGE,UAHF,KAGE,YAHF;AAhDR,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAkC,wCAAwC;AAC1E,SAAS,0BAA0B;AAEnC,MAAM,oBAAmE,CAAC,UAAU;AAClF,QAAM,EAAE,kBAAkB,aAAa,kBAAkB,cAAc,aAAa,IAAI,mBAAmB,KAAK;AAEhH,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,aAAaA,OAAM,QAAQ,MAAM;AACrC,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;AAGA,kBAAkB,cAAc;AAChC,MAAM,8BAA8B,SAAS,iBAAiB;AAC9D,4BAA4B,YAAY;",
+  "names": ["React"]
+}

package/dist/esm/config/useMenuItemsAction.js

@@ -0,0 +1,28 @@
+import * as React from "react";
+import React2 from "react";
+import { omit } from "lodash";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
+import { DSMenuItemsActionPropTypes, defaultProps } from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useMenuItemsAction = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(propsFromUser, defaultProps);
+  useValidateProps(propsWithDefault, DSMenuItemsActionPropTypes);
+  const globalProps = omit(useGetGlobalAttributes(propsWithDefault), [
+    "cols",
+    "rows",
+    "wrap"
+  ]);
+  const xstyledProps = useGetXstyledProps(propsWithDefault);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      globalProps,
+      xstyledProps
+    }),
+    [propsWithDefault, globalProps, xstyledProps]
+  );
+};
+export {
+  useMenuItemsAction
+};
+//# sourceMappingURL=useMenuItemsAction.js.map

package/dist/esm/config/useMenuItemsAction.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useMenuItemsAction.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { omit } from 'lodash';\nimport { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { type DSMenuItemsActionT, DSMenuItemsActionPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuItemsActionCTX {\n  propsWithDefault: DSMenuItemsActionT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsAction = (propsFromUser: DSMenuItemsActionT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsActionT.InternalProps>(propsFromUser, defaultProps);\n  useValidateProps(propsWithDefault, DSMenuItemsActionPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSMenuItemsActionT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n  ]);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      globalProps,\n      xstyledProps,\n    }),\n    [propsWithDefault, globalProps, xstyledProps],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,YAAY;AACrB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAkC,4BAA4B,oBAAoB;AAClF,SAAS,wBAAwB;AAQ1B,MAAM,qBAAqB,CAAC,kBAA4C;AAI7E,QAAM,mBAAmB,6BAA+D,eAAe,YAAY;AACnH,mBAAiB,kBAAkB,0BAA0B;AAI7D,QAAM,cAAc,KAAK,uBAAyD,gBAAgB,GAAG;AAAA,IACnG;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,eAAe,mBAAmB,gBAAgB;AAKxD,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,aAAa,YAAY;AAAA,EAC9C;AACF;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,11 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-props-helpers";
+import { DSMenuItemName } from "@elliemae/ds-menu-items-commons";
+const DSMenuItemsActionName = `${DSMenuItemName}Action`;
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSMenuItemsActionName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

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

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

package/dist/esm/constants/index.js

@@ -0,0 +1,2 @@
+import * as React from "react";
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/index.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { DSMenuItemsAction, DSMenuItemsActionWithSchema } from "./DSMenuItemsAction.js";
+import {} from "./react-desc-prop-types.js";
+export {
+  DSMenuItemsAction,
+  DSMenuItemsActionWithSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSMenuItemsAction, DSMenuItemsActionWithSchema } from './DSMenuItemsAction.js';\nexport { type DSMenuItemsActionT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,mBAAmB,mCAAmC;AAC/D,eAAwC;",
+  "names": []
+}

package/dist/esm/package.json

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

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

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+import {
+  DSMenuItemsCommonsPropTypes,
+  DSMenuItemsCommonsDefaultProps
+} from "@elliemae/ds-menu-items-commons";
+const defaultProps = {
+  ...DSMenuItemsCommonsDefaultProps,
+  label: "",
+  value: void 0,
+  disabled: false,
+  isActive: false,
+  onClick: () => {
+  },
+  optionsShouldHavePadding: false,
+  tabIndex: 0
+};
+const { tabIndex, label, value, ...notOvverriddenGlobalPropsTypes } = globalAttributesPropTypes;
+const DSMenuItemsActionPropTypes = {
+  // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps
+  // they are NOT inherited from a common element from ds-menu-items-commons
+  ...notOvverriddenGlobalPropsTypes,
+  ...xstyledPropTypes,
+  ...DSMenuItemsCommonsPropTypes,
+  // TODO - add support to PropTypes.oneOf for typeof number
+  // currently PropTypes.oneOf([0, -1]) is not supported
+  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description(
+    "The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed."
+  ),
+  label: PropTypes.string.description("The label of the menu item."),
+  value: PropTypes.any.description("The value of the menu item."),
+  isActive: PropTypes.bool.description("Whether the menu item is active."),
+  optionsShouldHavePadding: PropTypes.bool.description(
+    "Whether the menu item should have padding. This is used in the context of a menu with options."
+  ),
+  secondaryLabel: PropTypes.string.description("The secondary label of the menu item.")
+};
+const DSMenuItemsActionPropTypesSchema = DSMenuItemsActionPropTypes;
+export {
+  DSMenuItemsActionPropTypes,
+  DSMenuItemsActionPropTypesSchema,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-duplicate-type-constituents */\n/* eslint-disable @typescript-eslint/no-empty-interface */\nimport type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\nimport {\n  type DSMenuItemsCommonsT,\n  DSMenuItemsCommonsPropTypes,\n  DSMenuItemsCommonsDefaultProps,\n} from '@elliemae/ds-menu-items-commons';\nimport type React from 'react';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsActionT {\n  // typescript inheritance has no syntax support for \"interfaces\", we have to use union types instead...\n  export type RequiredProps = DSMenuItemsCommonsT.RequiredProps;\n\n  export type DefaultProps = DSMenuItemsCommonsT.DefaultProps & {\n    label: string;\n    value: unknown;\n    disabled: boolean;\n    isActive: boolean;\n    onClick: React.MouseEventHandler;\n    optionsShouldHavePadding: boolean;\n    tabIndex: 0 | -1 | '0' | '-1';\n  };\n\n  export type OptionalProps = DSMenuItemsCommonsT.OptionalProps<DSMenuItemsActionT.InternalProps> & {\n    secondaryLabel?: string;\n  };\n\n  // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps\n  // they are NOT inherited from a common element from ds-menu-items-commons\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<\n        GlobalAttributesT<HTMLButtonElement>,\n        keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps\n      >,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSMenuItemsActionT.DefaultProps = {\n  ...DSMenuItemsCommonsDefaultProps,\n  label: '',\n  value: undefined,\n  disabled: false,\n  isActive: false,\n  onClick: () => {},\n  optionsShouldHavePadding: false,\n  tabIndex: 0,\n};\n\n// we are removing some keys from the global attributes because they are overridden by the action props\n// eslint-disable-next-line no-unused-vars\nconst { tabIndex, label, value, ...notOvverriddenGlobalPropsTypes } = globalAttributesPropTypes;\n\nexport const DSMenuItemsActionPropTypes: DSPropTypesSchema<DSMenuItemsActionT.InternalProps> = {\n  // each single menu-item is in charge of spreading the GlobalAttributesT & XstyledProps\n  // they are NOT inherited from a common element from ds-menu-items-commons\n  ...notOvverriddenGlobalPropsTypes,\n  ...xstyledPropTypes,\n  ...DSMenuItemsCommonsPropTypes,\n\n  // TODO - add support to PropTypes.oneOf for typeof number\n  // currently PropTypes.oneOf([0, -1]) is not supported\n  tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description(\n    'The tab index of the menu item. for WCAG 2.1 AA compliance only -1 and 0 are allowed.',\n  ),\n  label: PropTypes.string.description('The label of the menu item.'),\n  value: PropTypes.any.description('The value of the menu item.'),\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n  optionsShouldHavePadding: PropTypes.bool.description(\n    'Whether the menu item should have padding. This is used in the context of a menu with options.',\n  ),\n  secondaryLabel: PropTypes.string.description('The secondary label of the menu item.'),\n};\n\nexport const DSMenuItemsActionPropTypesSchema =\n  DSMenuItemsActionPropTypes as unknown as WeakValidationMap<DSMenuItemsActionT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AACvE;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AA6CA,MAAM,eAAgD;AAAA,EAC3D,GAAG;AAAA,EACH,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,0BAA0B;AAAA,EAC1B,UAAU;AACZ;AAIA,MAAM,EAAE,UAAU,OAAO,OAAO,GAAG,+BAA+B,IAAI;AAE/D,MAAM,6BAAkF;AAAA;AAAA;AAAA,EAG7F,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA;AAAA;AAAA,EAIH,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE;AAAA,IAClE;AAAA,EACF;AAAA,EACA,OAAO,UAAU,OAAO,YAAY,6BAA6B;AAAA,EACjE,OAAO,UAAU,IAAI,YAAY,6BAA6B;AAAA,EAC9D,UAAU,UAAU,KAAK,YAAY,kCAAkC;AAAA,EACvE,0BAA0B,UAAU,KAAK;AAAA,IACvC;AAAA,EACF;AAAA,EACA,gBAAgB,UAAU,OAAO,YAAY,uCAAuC;AACtF;AAEO,MAAM,mCACX;",
+  "names": []
+}

package/dist/types/DSMenuItemsAction.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { type DSMenuItemsActionT } from './react-desc-prop-types.js';
+declare const DSMenuItemsAction: React.ComponentType<DSMenuItemsActionT.Props>;
+declare const DSMenuItemsActionWithSchema: import("@elliemae/ds-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSMenuItemsActionT.Props>;
+export { DSMenuItemsAction, DSMenuItemsActionWithSchema };

package/dist/types/config/useMenuItemsAction.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="lodash" />
+import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSMenuItemsActionT } from '../react-desc-prop-types.js';
+export interface MenuItemsActionCTX {
+    propsWithDefault: DSMenuItemsActionT.InternalProps;
+    globalProps: ReturnType<typeof useGetGlobalAttributes>;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+}
+export declare const useMenuItemsAction: (propsFromUser: DSMenuItemsActionT.Props) => {
+    propsWithDefault: DSMenuItemsActionT.InternalProps;
+    globalProps: import("lodash").Omit<import("@elliemae/ds-props-helpers").GlobalAttributesT<Element>, "cols" | "rows" | "wrap">;
+    xstyledProps: import("@elliemae/ds-props-helpers").XstyledProps;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSMenuItemsActionT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSMenuItemsActionT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { DSMenuItemsAction, DSMenuItemsActionWithSchema } from './DSMenuItemsAction.js';
+export { type DSMenuItemsActionT } from './react-desc-prop-types.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -0,0 +1,25 @@
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import { type DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';
+import type React from 'react';
+export declare namespace DSMenuItemsActionT {
+    type RequiredProps = DSMenuItemsCommonsT.RequiredProps;
+    type DefaultProps = DSMenuItemsCommonsT.DefaultProps & {
+        label: string;
+        value: unknown;
+        disabled: boolean;
+        isActive: boolean;
+        onClick: React.MouseEventHandler;
+        optionsShouldHavePadding: boolean;
+        tabIndex: 0 | -1 | '0' | '-1';
+    };
+    type OptionalProps = DSMenuItemsCommonsT.OptionalProps<DSMenuItemsActionT.InternalProps> & {
+        secondaryLabel?: string;
+    };
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof RequiredProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSMenuItemsActionT.DefaultProps;
+export declare const DSMenuItemsActionPropTypes: DSPropTypesSchema<DSMenuItemsActionT.InternalProps>;
+export declare const DSMenuItemsActionPropTypesSchema: React.WeakValidationMap<DSMenuItemsActionT.Props>;

package/package.json

@@ -0,0 +1,76 @@
+{
+  "name": "@elliemae/ds-menu-items-action",
+  "version": "3.27.0-next.11",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Menu Items Action",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "@xstyled/styled-components": "~3.6.0",
+    "@elliemae/ds-button": "3.27.0-next.11",
+    "@elliemae/ds-grid": "3.27.0-next.11",
+    "@elliemae/ds-menu-items-commons": "3.27.0-next.11",
+    "@elliemae/ds-props-helpers": "3.27.0-next.11",
+    "@elliemae/ds-system": "3.27.0-next.11",
+    "@elliemae/ds-utilities": "3.27.0-next.11"
+  },
+  "devDependencies": {
+    "lodash": "^4.17.21",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-monorepo-devops": "3.27.0-next.11"
+  },
+  "peerDependencies": {
+    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/react": "~12.1.3",
+    "@testing-library/user-event": "~13.5.0",
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": true
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs --fix",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../scripts/dts.mjs",
+    "dts:withdeps": "pnpm --filter {.}... dts",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npx -yes ../../util/ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}