@elliemae/ds-menu-items 3.21.0-next.1 → 3.21.0-next.2

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

@@ -0,0 +1,46 @@
+"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 SkeletonMenuItem_exports = {};
+__export(SkeletonMenuItem_exports, {
+  SkeletonMenuItem: () => SkeletonMenuItem
+});
+module.exports = __toCommonJS(SkeletonMenuItem_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
+var import_ds_skeleton = require("@elliemae/ds-skeleton");
+var import_styled = require("../styled.js");
+const SkeletonMenuItem = () => {
+  const gridLayout = (0, import_react.useMemo)(() => ["16px", "auto"], []);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StyledGlobalMenuItemWrapper, { "data-type": "skeleton", "data-testid": "ds-skeleton-menu-item", children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_styled.StyledContentWrapper, { cols: gridLayout, minHeight: "16px", gutter: "xxs", alignItems: "center", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "100%" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_skeleton.DSSkeleton, { variant: "rectangular", width: "100%" })
+  ] }) });
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/SkeletonMenuItem/index.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React, { useMemo } from 'react';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledContentWrapper, StyledGlobalMenuItemWrapper } from '../styled.js';\n\nconst SkeletonMenuItem = () => {\n  const gridLayout = useMemo(() => ['16px', 'auto'], []);\n\n  return (\n    <StyledGlobalMenuItemWrapper data-type=\"skeleton\" data-testid=\"ds-skeleton-menu-item\">\n      <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nexport { SkeletonMenuItem };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADSjB;AATN,mBAA+B;AAC/B,yBAA2B;AAC3B,oBAAkE;AAElE,MAAM,mBAAmB,MAAM;AAC7B,QAAM,iBAAa,sBAAQ,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,CAAC;AAErD,SACE,4CAAC,6CAA4B,aAAU,YAAW,eAAY,yBAC5D,uDAAC,sCAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,gDAAC,iCAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,IACjD,4CAAC,iCAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,KACnD,GACF;AAEJ;",
+  "names": []
+}

package/dist/cjs/components/index.js

@@ -33,4 +33,5 @@ __reExport(components_exports, require("./Separator/index.js"), module.exports);
 __reExport(components_exports, require("./SingleMenuItem/index.js"), module.exports);
 __reExport(components_exports, require("./SingleWithSubmenuItem/index.js"), module.exports);
 __reExport(components_exports, require("./SubmenuItem/index.js"), module.exports);
+__reExport(components_exports, require("./SkeletonMenuItem/index.js"), module.exports);
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/components/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './ActionMenuItem/index.js';\nexport * from './MultiMenuItem/index.js';\nexport * from './Section/index.js';\nexport * from './Separator/index.js';\nexport * from './SingleMenuItem/index.js';\nexport * from './SingleWithSubmenuItem/index.js';\nexport * from './SubmenuItem/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,sCAAd;AACA,+BAAc,qCADd;AAEA,+BAAc,+BAFd;AAGA,+BAAc,iCAHd;AAIA,+BAAc,sCAJd;AAKA,+BAAc,6CALd;AAMA,+BAAc,mCANd;",
+  "sourcesContent": ["export * from './ActionMenuItem/index.js';\nexport * from './MultiMenuItem/index.js';\nexport * from './Section/index.js';\nexport * from './Separator/index.js';\nexport * from './SingleMenuItem/index.js';\nexport * from './SingleWithSubmenuItem/index.js';\nexport * from './SubmenuItem/index.js';\nexport * from './SkeletonMenuItem/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAc,sCAAd;AACA,+BAAc,qCADd;AAEA,+BAAc,+BAFd;AAGA,+BAAc,iCAHd;AAIA,+BAAc,sCAJd;AAKA,+BAAc,6CALd;AAMA,+BAAc,mCANd;AAOA,+BAAc,wCAPd;",
   "names": []
 }

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

@@ -0,0 +1,16 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { DSSkeleton } from "@elliemae/ds-skeleton";
+import { StyledContentWrapper, StyledGlobalMenuItemWrapper } from "../styled.js";
+const SkeletonMenuItem = () => {
+  const gridLayout = useMemo(() => ["16px", "auto"], []);
+  return /* @__PURE__ */ jsx(StyledGlobalMenuItemWrapper, { "data-type": "skeleton", "data-testid": "ds-skeleton-menu-item", 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%" })
+  ] }) });
+};
+export {
+  SkeletonMenuItem
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/SkeletonMenuItem/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { DSSkeleton } from '@elliemae/ds-skeleton';\nimport { StyledContentWrapper, StyledGlobalMenuItemWrapper } from '../styled.js';\n\nconst SkeletonMenuItem = () => {\n  const gridLayout = useMemo(() => ['16px', 'auto'], []);\n\n  return (\n    <StyledGlobalMenuItemWrapper data-type=\"skeleton\" data-testid=\"ds-skeleton-menu-item\">\n      <StyledContentWrapper cols={gridLayout} minHeight=\"16px\" gutter=\"xxs\" alignItems=\"center\">\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n        <DSSkeleton variant=\"rectangular\" width={'100%'} />\n      </StyledContentWrapper>\n    </StyledGlobalMenuItemWrapper>\n  );\n};\n\nexport { SkeletonMenuItem };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACSjB,SACE,KADF;AATN,SAAgB,eAAe;AAC/B,SAAS,kBAAkB;AAC3B,SAAS,sBAAsB,mCAAmC;AAElE,MAAM,mBAAmB,MAAM;AAC7B,QAAM,aAAa,QAAQ,MAAM,CAAC,QAAQ,MAAM,GAAG,CAAC,CAAC;AAErD,SACE,oBAAC,+BAA4B,aAAU,YAAW,eAAY,yBAC5D,+BAAC,wBAAqB,MAAM,YAAY,WAAU,QAAO,QAAO,OAAM,YAAW,UAC/E;AAAA,wBAAC,cAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,IACjD,oBAAC,cAAW,SAAQ,eAAc,OAAO,QAAQ;AAAA,KACnD,GACF;AAEJ;",
+  "names": []
+}

package/dist/esm/components/index.js

@@ -6,4 +6,5 @@ export * from "./Separator/index.js";
 export * from "./SingleMenuItem/index.js";
 export * from "./SingleWithSubmenuItem/index.js";
 export * from "./SubmenuItem/index.js";
+export * from "./SkeletonMenuItem/index.js";
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/components/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ActionMenuItem/index.js';\nexport * from './MultiMenuItem/index.js';\nexport * from './Section/index.js';\nexport * from './Separator/index.js';\nexport * from './SingleMenuItem/index.js';\nexport * from './SingleWithSubmenuItem/index.js';\nexport * from './SubmenuItem/index.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './ActionMenuItem/index.js';\nexport * from './MultiMenuItem/index.js';\nexport * from './Section/index.js';\nexport * from './Separator/index.js';\nexport * from './SingleMenuItem/index.js';\nexport * from './SingleWithSubmenuItem/index.js';\nexport * from './SubmenuItem/index.js';\nexport * from './SkeletonMenuItem/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;AACd,cAAc;",
   "names": []
 }

package/dist/types/components/SkeletonMenuItem/index.d.ts

@@ -0,0 +1,2 @@
+declare const SkeletonMenuItem: () => import("react/jsx-runtime.js").JSX.Element;
+export { SkeletonMenuItem };

package/dist/types/components/index.d.ts

@@ -5,3 +5,4 @@ export * from './Separator/index.js';
 export * from './SingleMenuItem/index.js';
 export * from './SingleWithSubmenuItem/index.js';
 export * from './SubmenuItem/index.js';
+export * from './SkeletonMenuItem/index.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-menu-items",
-  "version": "3.21.0-next.1",
+  "version": "3.21.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Menu Items",
   "files": [
@@ -37,11 +37,12 @@
   "dependencies": {
     "@xstyled/system": "~3.7.3",
     "@xstyled/util": "3.7.0",
-    "@elliemae/ds-form-checkbox": "3.21.0-next.1",
-    "@elliemae/ds-grid": "3.21.0-next.1",
-    "@elliemae/ds-icons": "3.21.0-next.1",
-    "@elliemae/ds-props-helpers": "3.21.0-next.1",
-    "@elliemae/ds-system": "3.21.0-next.1"
+    "@elliemae/ds-form-checkbox": "3.21.0-next.2",
+    "@elliemae/ds-grid": "3.21.0-next.2",
+    "@elliemae/ds-props-helpers": "3.21.0-next.2",
+    "@elliemae/ds-system": "3.21.0-next.2",
+    "@elliemae/ds-icons": "3.21.0-next.2",
+    "@elliemae/ds-skeleton": "3.21.0-next.2"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",