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

package/dist/cjs/DSMenuItemsSkeleton.js

@@ -0,0 +1,68 @@
+"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 DSMenuItemsSkeleton_exports = {};
+__export(DSMenuItemsSkeleton_exports, {
+  DSMenuItemsSkeleton: () => DSMenuItemsSkeleton,
+  DSMenuItemsSkeletonWithSchema: () => DSMenuItemsSkeletonWithSchema
+});
+module.exports = __toCommonJS(DSMenuItemsSkeleton_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_skeleton = require("@elliemae/ds-skeleton");
+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_useMenuItemsSkeleton = require("./config/useMenuItemsSkeleton.js");
+const gridLayout = ["16px", "auto"];
+const DSMenuItemsSkeleton = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps } = (0, import_useMenuItemsSkeleton.useMenuItemsSkeleton)(props);
+  const { wrapperStyles, isActive, dsId } = propsWithDefault;
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_ds_menu_items_commons.StyledGlobalMenuItemWrapper,
+    {
+      id: dsId,
+      "data-type": "skeleton",
+      "data-testid": "ds-skeleton-menu-item",
+      role: "option",
+      "aria-label": "skeleton",
+      style: wrapperStyles,
+      isActive,
+      ...globalProps,
+      ...xstyledProps,
+      children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_ds_menu_items_commons.StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "100%" }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "100%" })
+      ] })
+    }
+  );
+};
+DSMenuItemsSkeleton.displayName = "DSMenuItemSkeleton";
+const DSMenuItemsSkeletonWithSchema = (0, import_ds_props_helpers.describe)(DSMenuItemsSkeleton);
+DSMenuItemsSkeletonWithSchema.propTypes = import_react_desc_prop_types.DSMenuItemsSkeletonPropTypesSchema;
+//# sourceMappingURL=DSMenuItemsSkeleton.js.map

package/dist/cjs/DSMenuItemsSkeleton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSMenuItemsSkeleton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n  const { wrapperStyles, isActive, dsId } = propsWithDefault;\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      data-type=\"skeleton\"\n      data-testid=\"ds-skeleton-menu-item\"\n      role=\"option\"\n      aria-label=\"skeleton\"\n      style={wrapperStyles}\n      isActive={isActive}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADwBjB;AAvBN,8BAAyB;AACzB,yBAA2B;AAC3B,mCAAkE;AAClE,mCAA8E;AAC9E,kCAAqC;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,QAAI,kDAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,uDAAC,qDAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,oDAAC,iCAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,QACjD,4CAAC,iCAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,SACnD;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,oCAAgC,kCAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "names": []
+}

package/dist/cjs/config/useMenuItemsSkeleton.js

@@ -0,0 +1,61 @@
+"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 useMenuItemsSkeleton_exports = {};
+__export(useMenuItemsSkeleton_exports, {
+  useMenuItemsSkeleton: () => useMenuItemsSkeleton
+});
+module.exports = __toCommonJS(useMenuItemsSkeleton_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 useMenuItemsSkeleton = (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.DSMenuItemsSkeletonPropTypes);
+  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=useMenuItemsSkeleton.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useMenuItemsSkeleton.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 DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuItemsSkeletonCTX {\n  propsWithDefault: DSMenuItemsSkeletonT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSkeleton = (propsFromUser: DSMenuItemsSkeletonT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSkeletonT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSMenuItemsSkeletonPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSMenuItemsSkeletonT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n  ]);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\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,mCAAsF;AACtF,8BAAiC;AAQ1B,MAAM,uBAAuB,CAAC,kBAA8C;AAIjF,QAAM,uBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,gDAAiB,kBAAkB,yDAA4B;AAI/D,QAAM,kBAAc,wBAAK,gDAA2D,gBAAgB,GAAG;AAAA,IACrG;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,mBAAe,4CAAmB,gBAAgB;AAExD,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 DSMenuItemsSkeletonName = `${import_ds_menu_items_commons.DSMenuItemName}Skeleton`;
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(props, propTypes, DSMenuItemsSkeletonName);
+};
+//# 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 DSMenuItemsSkeletonT } 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 DSMenuItemsSkeletonName = `${DSMenuItemName}Skeleton`;\n\nexport const useValidateProps = (\n  props: DSMenuItemsSkeletonT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSMenuItemsSkeletonName);\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,0BAA0B,GAAG;AAE5B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,8DAA+B,OAAO,WAAW,uBAAuB;AAC1E;",
+  "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, {
+  DSMenuItemsSkeleton: () => import_DSMenuItemsSkeleton.DSMenuItemsSkeleton,
+  DSMenuItemsSkeletonWithSchema: () => import_DSMenuItemsSkeleton.DSMenuItemsSkeletonWithSchema
+});
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+var import_DSMenuItemsSkeleton = require("./DSMenuItemsSkeleton.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 { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema } from './DSMenuItemsSkeleton.js';\nexport { type DSMenuItemsSkeletonT } 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,iCAAmE;AACnE,mCAA0C;",
+  "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,53 @@
+"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, {
+  DSMenuItemsSkeletonPropTypes: () => DSMenuItemsSkeletonPropTypes,
+  DSMenuItemsSkeletonPropTypesSchema: () => DSMenuItemsSkeletonPropTypesSchema,
+  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");
+const defaultProps = {
+  wrapperStyles: {}
+};
+const DSMenuItemsSkeletonPropTypes = {
+  // 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
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
+  dsId: import_ds_props_helpers.PropTypes.string.description(
+    'This is used as "id" in the DOM, you need this to be able to make this A11Y accessible.'
+  ).isRequired,
+  isActive: import_ds_props_helpers.PropTypes.bool.description("Whether the menu item is active."),
+  wrapperStyles: import_ds_props_helpers.PropTypes.object.description("The styles to apply to the wrapper element, if any.")
+};
+const DSMenuItemsSkeletonPropTypesSchema = DSMenuItemsSkeletonPropTypes;
+//# 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 { type DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSkeletonT {\n  /*******************************************************************************************\n   ******************************** IMPORTANT DISCLAIMER *************************************\n   *******************************************************************************************\n   This component violates `common.RequiredProps` because\n   - it does not have a 'render' prop\n   - it does not have an 'original' prop\n   - it does not have an 'innerRef' prop\n   - it does not have any \"schema\" validator\n\n   Legacy was not supporting global attributes but during the refactor I added them.\n   It was not merging \"default\" props either, but I added them as well. (only for wrapperStyles)\n   Those changes should be 100% backward compatible.\n   \n   I am reflecting what the code is actually doing instead of what we \"meant\" to do.\n   ***************************************************************************************** */\n\n  // sections can not be \"selected\" nor activated and for this reason we never had an hard requirement for the dsId\n  //  this may not scale well but to avoid breaking changes we are keeping it this way, if we ever need to add it we will do a V2\n\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 = {\n    wrapperStyles?: DSMenuItemsCommonsT.DefaultProps['wrapperStyles'];\n  };\n\n  export type OptionalProps = {\n    isActive?: boolean;\n  };\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSMenuItemsSkeletonT.DefaultProps = {\n  wrapperStyles: {},\n};\n\nexport const DSMenuItemsSkeletonPropTypes: DSPropTypesSchema<DSMenuItemsSkeletonT.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  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  dsId: PropTypes.string.description(\n    'This is used as \"id\" in the DOM, you need this to be able to make this A11Y accessible.',\n  ).isRequired,\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n  wrapperStyles: PropTypes.object.description('The styles to apply to the wrapper element, if any.'),\n};\n\nexport const DSMenuItemsSkeletonPropTypesSchema =\n  DSMenuItemsSkeletonPropTypes as unknown as WeakValidationMap<DSMenuItemsSkeletonT.Props>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,8BAAuE;AAkDhE,MAAM,eAAkD;AAAA,EAC7D,eAAe,CAAC;AAClB;AAEO,MAAM,+BAAsF;AAAA;AAAA;AAAA,EAGjG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,kCAAU,OAAO;AAAA,IACrB;AAAA,EACF,EAAE;AAAA,EACF,UAAU,kCAAU,KAAK,YAAY,kCAAkC;AAAA,EACvE,eAAe,kCAAU,OAAO,YAAY,qDAAqD;AACnG;AAEO,MAAM,qCACX;",
+  "names": []
+}

package/dist/esm/DSMenuItemsSkeleton.js

@@ -0,0 +1,38 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { describe } from "@elliemae/ds-props-helpers";
+import { DSSkeleton } from "@elliemae/ds-skeleton";
+import { StyledGlobalMenuItemWrapper, StyledContentWrapper } from "@elliemae/ds-menu-items-commons";
+import { DSMenuItemsSkeletonPropTypesSchema } from "./react-desc-prop-types.js";
+import { useMenuItemsSkeleton } from "./config/useMenuItemsSkeleton.js";
+const gridLayout = ["16px", "auto"];
+const DSMenuItemsSkeleton = (props) => {
+  const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);
+  const { wrapperStyles, isActive, dsId } = propsWithDefault;
+  return /* @__PURE__ */ jsx(
+    StyledGlobalMenuItemWrapper,
+    {
+      id: dsId,
+      "data-type": "skeleton",
+      "data-testid": "ds-skeleton-menu-item",
+      role: "option",
+      "aria-label": "skeleton",
+      style: wrapperStyles,
+      isActive,
+      ...globalProps,
+      ...xstyledProps,
+      children: /* @__PURE__ */ jsxs(StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
+        /* @__PURE__ */ jsx(DSSkeleton, { variant: "rectangular", width: "100%" }),
+        /* @__PURE__ */ jsx(DSSkeleton, { variant: "rectangular", width: "100%" })
+      ] })
+    }
+  );
+};
+DSMenuItemsSkeleton.displayName = "DSMenuItemSkeleton";
+const DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);
+DSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;
+export {
+  DSMenuItemsSkeleton,
+  DSMenuItemsSkeletonWithSchema
+};
+//# sourceMappingURL=DSMenuItemsSkeleton.js.map

package/dist/esm/DSMenuItemsSkeleton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuItemsSkeleton.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledGlobalMenuItemWrapper, StyledContentWrapper } from '@elliemae/ds-menu-items-commons';\nimport { type DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuItemsSkeleton } from './config/useMenuItemsSkeleton.js';\nconst gridLayout = ['16px', 'auto'];\n\nconst DSMenuItemsSkeleton: React.ComponentType<DSMenuItemsSkeletonT.Props> = (props) => {\n  const { propsWithDefault, globalProps, xstyledProps } = useMenuItemsSkeleton(props);\n  const { wrapperStyles, isActive, dsId } = propsWithDefault;\n\n  return (\n    <StyledGlobalMenuItemWrapper\n      id={dsId}\n      data-type=\"skeleton\"\n      data-testid=\"ds-skeleton-menu-item\"\n      role=\"option\"\n      aria-label=\"skeleton\"\n      style={wrapperStyles}\n      isActive={isActive}\n      {...globalProps}\n      {...xstyledProps}\n    >\n      <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\n// the component used to not even define this...\nDSMenuItemsSkeleton.displayName = 'DSMenuItemSkeleton';\nconst DSMenuItemsSkeletonWithSchema = describe(DSMenuItemsSkeleton);\nDSMenuItemsSkeletonWithSchema.propTypes = DSMenuItemsSkeletonPropTypesSchema;\n\nexport { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwBjB,SACE,KADF;AAvBN,SAAS,gBAAgB;AACzB,SAAS,kBAAkB;AAC3B,SAAS,6BAA6B,4BAA4B;AAClE,SAAoC,0CAA0C;AAC9E,SAAS,4BAA4B;AACrC,MAAM,aAAa,CAAC,QAAQ,MAAM;AAElC,MAAM,sBAAuE,CAAC,UAAU;AACtF,QAAM,EAAE,kBAAkB,aAAa,aAAa,IAAI,qBAAqB,KAAK;AAClF,QAAM,EAAE,eAAe,UAAU,KAAK,IAAI;AAE1C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,IAAI;AAAA,MACJ,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,cAAW;AAAA,MACX,OAAO;AAAA,MACP;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MAEJ,+BAAC,wBAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,4BAAC,cAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,QACjD,oBAAC,cAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,SACnD;AAAA;AAAA,EACF;AAEJ;AAGA,oBAAoB,cAAc;AAClC,MAAM,gCAAgC,SAAS,mBAAmB;AAClE,8BAA8B,YAAY;",
+  "names": []
+}

package/dist/esm/config/useMenuItemsSkeleton.js

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

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useMenuItemsSkeleton.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 DSMenuItemsSkeletonT, DSMenuItemsSkeletonPropTypes, defaultProps } from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface MenuItemsSkeletonCTX {\n  propsWithDefault: DSMenuItemsSkeletonT.InternalProps;\n  globalProps: ReturnType<typeof useGetGlobalAttributes>;\n  xstyledProps: ReturnType<typeof useGetXstyledProps>;\n}\n\nexport const useMenuItemsSkeleton = (propsFromUser: DSMenuItemsSkeletonT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSMenuItemsSkeletonT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSMenuItemsSkeletonPropTypes);\n  // =============================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // =============================================================================\n  const globalProps = omit(useGetGlobalAttributes<DSMenuItemsSkeletonT.InternalProps>(propsWithDefault), [\n    'cols',\n    'rows',\n    'wrap',\n  ]);\n  const xstyledProps = useGetXstyledProps(propsWithDefault);\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,SAAoC,8BAA8B,oBAAoB;AACtF,SAAS,wBAAwB;AAQ1B,MAAM,uBAAuB,CAAC,kBAA8C;AAIjF,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,4BAA4B;AAI/D,QAAM,cAAc,KAAK,uBAA2D,gBAAgB,GAAG;AAAA,IACrG;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AACD,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,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 DSMenuItemsSkeletonName = `${DSMenuItemName}Skeleton`;
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSMenuItemsSkeletonName);
+};
+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 DSMenuItemsSkeletonT } 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 DSMenuItemsSkeletonName = `${DSMenuItemName}Skeleton`;\n\nexport const useValidateProps = (\n  props: DSMenuItemsSkeletonT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSMenuItemsSkeletonName);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAC/C,SAAS,sBAAsB;AAQ/B,MAAM,0BAA0B,GAAG;AAE5B,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,uBAAuB;AAC1E;",
+  "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 { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema } from "./DSMenuItemsSkeleton.js";
+import {} from "./react-desc-prop-types.js";
+export {
+  DSMenuItemsSkeleton,
+  DSMenuItemsSkeletonWithSchema
+};
+//# 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 { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema } from './DSMenuItemsSkeleton.js';\nexport { type DSMenuItemsSkeletonT } from './react-desc-prop-types.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,qBAAqB,qCAAqC;AACnE,eAA0C;",
+  "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,23 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  wrapperStyles: {}
+};
+const DSMenuItemsSkeletonPropTypes = {
+  // 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
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
+  dsId: PropTypes.string.description(
+    'This is used as "id" in the DOM, you need this to be able to make this A11Y accessible.'
+  ).isRequired,
+  isActive: PropTypes.bool.description("Whether the menu item is active."),
+  wrapperStyles: PropTypes.object.description("The styles to apply to the wrapper element, if any.")
+};
+const DSMenuItemsSkeletonPropTypesSchema = DSMenuItemsSkeletonPropTypes;
+export {
+  DSMenuItemsSkeletonPropTypes,
+  DSMenuItemsSkeletonPropTypesSchema,
+  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 { type DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';\nimport type { WeakValidationMap } from 'react';\n\nexport declare namespace DSMenuItemsSkeletonT {\n  /*******************************************************************************************\n   ******************************** IMPORTANT DISCLAIMER *************************************\n   *******************************************************************************************\n   This component violates `common.RequiredProps` because\n   - it does not have a 'render' prop\n   - it does not have an 'original' prop\n   - it does not have an 'innerRef' prop\n   - it does not have any \"schema\" validator\n\n   Legacy was not supporting global attributes but during the refactor I added them.\n   It was not merging \"default\" props either, but I added them as well. (only for wrapperStyles)\n   Those changes should be 100% backward compatible.\n   \n   I am reflecting what the code is actually doing instead of what we \"meant\" to do.\n   ***************************************************************************************** */\n\n  // sections can not be \"selected\" nor activated and for this reason we never had an hard requirement for the dsId\n  //  this may not scale well but to avoid breaking changes we are keeping it this way, if we ever need to add it we will do a V2\n\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 = {\n    wrapperStyles?: DSMenuItemsCommonsT.DefaultProps['wrapperStyles'];\n  };\n\n  export type OptionalProps = {\n    isActive?: boolean;\n  };\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSMenuItemsSkeletonT.DefaultProps = {\n  wrapperStyles: {},\n};\n\nexport const DSMenuItemsSkeletonPropTypes: DSPropTypesSchema<DSMenuItemsSkeletonT.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  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  dsId: PropTypes.string.description(\n    'This is used as \"id\" in the DOM, you need this to be able to make this A11Y accessible.',\n  ).isRequired,\n  isActive: PropTypes.bool.description('Whether the menu item is active.'),\n  wrapperStyles: PropTypes.object.description('The styles to apply to the wrapper element, if any.'),\n};\n\nexport const DSMenuItemsSkeletonPropTypesSchema =\n  DSMenuItemsSkeletonPropTypes as unknown as WeakValidationMap<DSMenuItemsSkeletonT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,WAAW,2BAA2B,wBAAwB;AAkDhE,MAAM,eAAkD;AAAA,EAC7D,eAAe,CAAC;AAClB;AAEO,MAAM,+BAAsF;AAAA;AAAA;AAAA,EAGjG,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,OAAO;AAAA,IACrB;AAAA,EACF,EAAE;AAAA,EACF,UAAU,UAAU,KAAK,YAAY,kCAAkC;AAAA,EACvE,eAAe,UAAU,OAAO,YAAY,qDAAqD;AACnG;AAEO,MAAM,qCACX;",
+  "names": []
+}

package/dist/types/DSMenuItemsSkeleton.d.ts

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

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

@@ -0,0 +1,13 @@
+/// <reference types="lodash" />
+import { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';
+import { type DSMenuItemsSkeletonT } from '../react-desc-prop-types.js';
+export interface MenuItemsSkeletonCTX {
+    propsWithDefault: DSMenuItemsSkeletonT.InternalProps;
+    globalProps: ReturnType<typeof useGetGlobalAttributes>;
+    xstyledProps: ReturnType<typeof useGetXstyledProps>;
+}
+export declare const useMenuItemsSkeleton: (propsFromUser: DSMenuItemsSkeletonT.Props) => {
+    propsWithDefault: DSMenuItemsSkeletonT.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 DSMenuItemsSkeletonT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSMenuItemsSkeletonT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export { DSMenuItemsSkeleton, DSMenuItemsSkeletonWithSchema } from './DSMenuItemsSkeleton.js';
+export { type DSMenuItemsSkeletonT } from './react-desc-prop-types.js';

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

@@ -0,0 +1,34 @@
+import type { GlobalAttributesT, XstyledProps, DSPropTypesSchema } from '@elliemae/ds-props-helpers';
+import { type DSMenuItemsCommonsT } from '@elliemae/ds-menu-items-commons';
+import type { WeakValidationMap } from 'react';
+export declare namespace DSMenuItemsSkeletonT {
+    /*******************************************************************************************
+     ******************************** IMPORTANT DISCLAIMER *************************************
+     *******************************************************************************************
+     This component violates `common.RequiredProps` because
+     - it does not have a 'render' prop
+     - it does not have an 'original' prop
+     - it does not have an 'innerRef' prop
+     - it does not have any "schema" validator
+  
+     Legacy was not supporting global attributes but during the refactor I added them.
+     It was not merging "default" props either, but I added them as well. (only for wrapperStyles)
+     Those changes should be 100% backward compatible.
+     
+     I am reflecting what the code is actually doing instead of what we "meant" to do.
+     ***************************************************************************************** */
+    type RequiredProps = DSMenuItemsCommonsT.RequiredProps;
+    type DefaultProps = {
+        wrapperStyles?: DSMenuItemsCommonsT.DefaultProps['wrapperStyles'];
+    };
+    type OptionalProps = {
+        isActive?: boolean;
+    };
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLButtonElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSMenuItemsSkeletonT.DefaultProps;
+export declare const DSMenuItemsSkeletonPropTypes: DSPropTypesSchema<DSMenuItemsSkeletonT.InternalProps>;
+export declare const DSMenuItemsSkeletonPropTypesSchema: WeakValidationMap<DSMenuItemsSkeletonT.Props>;

package/package.json

@@ -0,0 +1,74 @@
+{
+  "name": "@elliemae/ds-menu-items-skeleton",
+  "version": "3.27.0-next.11",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Menu Items Skeleton",
+  "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-menu-items-commons": "3.27.0-next.11",
+    "@elliemae/ds-props-helpers": "3.27.0-next.11",
+    "@elliemae/ds-skeleton": "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/*\""
+  }
+}