@elliemae/ds-grid 2.2.1 → 2.3.0-alpha.4

package/cjs/utils/constants.js

@@ -1,11 +1,46 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const justifyPlacement = ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'];
-const alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'];
-const wrap = ['wrap', 'nowrap', 'wrap-reverse'];
-
-exports.alignItemsPlacement = alignItemsPlacement;
-exports.justifyPlacement = justifyPlacement;
-exports.wrap = wrap;
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var constants_exports = {};
+__export(constants_exports, {
+  alignItemsPlacement: () => alignItemsPlacement,
+  justifyPlacement: () => justifyPlacement,
+  wrap: () => wrap
+});
+var React = __toESM(require("react"));
+const justifyPlacement = [
+  "flex-start",
+  "center",
+  "flex-end",
+  "space-between",
+  "space-around",
+  "space-evenly"
+];
+const alignItemsPlacement = ["flex-start", "center", "flex-end", "stretch", "baseline"];
+const wrap = ["wrap", "nowrap", "wrap-reverse"];
+module.exports = __toCommonJS(constants_exports);
+//# sourceMappingURL=constants.js.map

package/cjs/utils/constants.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/constants.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const justifyPlacement = [\n  'flex-start',\n  'center',\n  'flex-end',\n  'space-between',\n  'space-around',\n  'space-evenly',\n] as const;\n\nexport const alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'] as const;\n\nexport const wrap = ['wrap', 'nowrap', 'wrap-reverse'] as const;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,mBAAmB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAGK,MAAM,sBAAsB,CAAC,cAAc,UAAU,YAAY,WAAW;AAE5E,MAAM,OAAO,CAAC,QAAQ,UAAU;",
+  "names": []
+}

package/cjs/utils/styles.js

@@ -1,129 +1,171 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-var dsSystem = require('@elliemae/ds-system');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
-
-var _templateObject, _templateObject2, _templateObject3;
-const manageSpan = dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  ", "\n"])), _ref => {
-  let {
-    isSpanParent,
-    span,
-    theme
-  } = _ref;
-  if (!isSpanParent) return '';
-
-  if (typeof span === 'object') {
-    let data = '';
-    Object.keys(theme.media).forEach(key => {
+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 __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __reExport = (target, module2, copyDefault, desc) => {
+  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
+    for (let key of __getOwnPropNames(module2))
+      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
+        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
+  }
+  return target;
+};
+var __toESM = (module2, isNodeMode) => {
+  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
+};
+var __toCommonJS = /* @__PURE__ */ ((cache) => {
+  return (module2, temp) => {
+    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
+  };
+})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
+var styles_exports = {};
+__export(styles_exports, {
+  manageCols: () => manageCols,
+  manageRows: () => manageRows,
+  manageSpan: () => manageSpan
+});
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+const manageSpan = import_ds_system.css`
+  ${({ isSpanParent, span, theme }) => {
+  if (!isSpanParent)
+    return "";
+  if (typeof span === "object") {
+    let data = "";
+    Object.keys(theme.media).forEach((key) => {
       if (span[key] && theme.breakpoints[key]) {
-        if (key === 'small') {
-          data += "\n          -ms-grid-column: auto / span ".concat(span[key], ";\n          grid-column: auto / span ").concat(span[key], ";\n          ");
+        if (key === "small") {
+          data += `
+          -ms-grid-column: auto / span ${span[key]};
+          grid-column: auto / span ${span[key]};
+          `;
         } else {
-          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n            -ms-grid-column: auto / span ").concat(span[key], ";\n            grid-column: auto / span ").concat(span[key], ";\n          }");
+          data += `@media (min-width: ${theme.breakpoints[key]}) {
+            -ms-grid-column: auto / span ${span[key]};
+            grid-column: auto / span ${span[key]};
+          }`;
         }
       }
     });
     return data;
   }
-
-  return "\n  -ms-grid-column: auto / span ".concat(span, ";\n  grid-column: auto / span ").concat(span, ";");
-});
-const manageCols = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["\n  ", "\n"])), _ref2 => {
-  let {
-    cols,
-    theme,
-    isSpanParent
-  } = _ref2;
-
-  if (typeof cols === 'object' && !Array.isArray(cols)) {
-    let data = '';
-    Object.keys(theme.media).forEach(key => {
+  return `
+  -ms-grid-column: auto / span ${span};
+  grid-column: auto / span ${span};`;
+}}
+`;
+const manageCols = import_ds_system.css`
+  ${({ cols, theme, isSpanParent }) => {
+  if (typeof cols === "object" && !Array.isArray(cols)) {
+    let data = "";
+    Object.keys(theme.media).forEach((key) => {
       if (cols[key] && Array.isArray(cols[key])) {
-        const mtg = dsSystem.mapTemplateGrid(cols[key]).join(' ');
-        const mtgs = dsSystem.mapTemplateGrid(cols[key]).map(c => "minmax(0, ".concat(c, ")")).join(' ');
-
-        if (key === 'small') {
-          data += "-ms-grid-columns: ".concat(mtg || 'minmax(0px, 1fr)', ";\n          grid-template-columns: ").concat(mtg || 'auto', ";\n          -ms-grid-columns: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n          grid-template-columns: ").concat(mtgs || 'auto', ";");
+        const mtg = (0, import_ds_system.mapTemplateGrid)(cols[key]).join(" ");
+        const mtgs = (0, import_ds_system.mapTemplateGrid)(cols[key]).map((c) => `minmax(0, ${c})`).join(" ");
+        if (key === "small") {
+          data += `-ms-grid-columns: ${mtg || "minmax(0px, 1fr)"};
+          grid-template-columns: ${mtg || "auto"};
+          -ms-grid-columns: ${mtgs || "minmax(0px, 1fr)"};
+          grid-template-columns: ${mtgs || "auto"};`;
         } else {
-          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n              -ms-grid-columns: ").concat(mtg || 'minmax(0px, 1fr)', ";\n              grid-template-columns: ").concat(mtg || 'auto', ";\n              -ms-grid-columns: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n              grid-template-columns: ").concat(mtgs || 'auto', ";\n            }");
+          data += `@media (min-width: ${theme.breakpoints[key]}) {
+              -ms-grid-columns: ${mtg || "minmax(0px, 1fr)"};
+              grid-template-columns: ${mtg || "auto"};
+              -ms-grid-columns: ${mtgs || "minmax(0px, 1fr)"};
+              grid-template-columns: ${mtgs || "auto"};
+            }`;
         }
       } else if (isSpanParent) {
-        if (key === 'small') {
-          data += "-ms-grid-columns: repeat(".concat(cols[key], ", 1fr);\n          grid-template-columns: repeat(").concat(cols[key], ", 1fr);");
+        if (key === "small") {
+          data += `-ms-grid-columns: repeat(${cols[key]}, 1fr);
+          grid-template-columns: repeat(${cols[key]}, 1fr);`;
         } else {
-          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n            -ms-grid-columns: repeat(").concat(cols[key], ", 1fr);\n            grid-template-columns: repeat(").concat(cols[key], ", 1fr);\n          }");
+          data += `@media (min-width: ${theme.breakpoints[key]}) {
+            -ms-grid-columns: repeat(${cols[key]}, 1fr);
+            grid-template-columns: repeat(${cols[key]}, 1fr);
+          }`;
         }
       }
     });
     return data;
   }
-
   if (Array.isArray(cols)) {
-    const mtg = dsSystem.mapTemplateGrid(cols).join(' ');
-    const mtgs = dsSystem.mapTemplateGrid(cols).map(c => "minmax(0, ".concat(c, ")")).join(' ');
-    return "\n    -ms-grid-columns: ".concat(mtg || 'minmax(0px, 1fr)', ";\n    grid-template-columns: ").concat(mtg || 'auto', ";\n    -ms-grid-columns: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n    grid-template-columns: ").concat(mtgs || 'auto', ";\n    ");
+    const mtg = (0, import_ds_system.mapTemplateGrid)(cols).join(" ");
+    const mtgs = (0, import_ds_system.mapTemplateGrid)(cols).map((c) => `minmax(0, ${c})`).join(" ");
+    return `
+    -ms-grid-columns: ${mtg || "minmax(0px, 1fr)"};
+    grid-template-columns: ${mtg || "auto"};
+    -ms-grid-columns: ${mtgs || "minmax(0px, 1fr)"};
+    grid-template-columns: ${mtgs || "auto"};
+    `;
   }
-
   if (isSpanParent) {
-    return "\n    -ms-grid-columns: repeat(".concat(cols, ", 1fr);\n    grid-template-columns: repeat(").concat(cols, ", 1fr);");
+    return `
+    -ms-grid-columns: repeat(${cols}, 1fr);
+    grid-template-columns: repeat(${cols}, 1fr);`;
   }
-
-  return '';
-});
-const manageRows = dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default["default"](["\n  ", "\n"])), _ref3 => {
-  let {
-    rows,
-    theme,
-    isSpanParent
-  } = _ref3;
-
-  if (typeof rows === 'object' && !Array.isArray(rows)) {
-    let data = '';
-    Object.keys(theme.media).forEach(key => {
+  return "";
+}}
+`;
+const manageRows = import_ds_system.css`
+  ${({ rows, theme, isSpanParent }) => {
+  if (typeof rows === "object" && !Array.isArray(rows)) {
+    let data = "";
+    Object.keys(theme.media).forEach((key) => {
       if (rows[key] && Array.isArray(rows[key])) {
-        const mtg = dsSystem.mapTemplateGrid(rows[key]).join(' ');
-        const mtgs = dsSystem.mapTemplateGrid(rows[key]).map(c => "minmax(0, ".concat(c, ")")).join(' ');
-
-        if (key === 'small') {
-          data += "-ms-grid-rows: ".concat(mtg || 'minmax(0px, 1fr)', ";\n            grid-template-rows: ").concat(mtg || 'auto', ";\n            -ms-grid-rows: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n            grid-template-rows: ").concat(mtgs || 'auto', ";");
+        const mtg = (0, import_ds_system.mapTemplateGrid)(rows[key]).join(" ");
+        const mtgs = (0, import_ds_system.mapTemplateGrid)(rows[key]).map((c) => `minmax(0, ${c})`).join(" ");
+        if (key === "small") {
+          data += `-ms-grid-rows: ${mtg || "minmax(0px, 1fr)"};
+            grid-template-rows: ${mtg || "auto"};
+            -ms-grid-rows: ${mtgs || "minmax(0px, 1fr)"};
+            grid-template-rows: ${mtgs || "auto"};`;
         } else {
-          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n                -ms-grid-rows: ").concat(mtg || 'minmax(0px, 1fr)', ";\n                grid-template-rows: ").concat(mtg || 'auto', ";\n                -ms-grid-rows: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n                grid-template-rows: ").concat(mtgs || 'auto', ";\n              }");
+          data += `@media (min-width: ${theme.breakpoints[key]}) {
+                -ms-grid-rows: ${mtg || "minmax(0px, 1fr)"};
+                grid-template-rows: ${mtg || "auto"};
+                -ms-grid-rows: ${mtgs || "minmax(0px, 1fr)"};
+                grid-template-rows: ${mtgs || "auto"};
+              }`;
         }
       } else if (isSpanParent) {
-        if (key === 'small') {
-          data += "-ms-grid-rows: repeat(".concat(rows[key], ", 1fr);\n            grid-template-rows: repeat(").concat(rows[key], ", 1fr);");
+        if (key === "small") {
+          data += `-ms-grid-rows: repeat(${rows[key]}, 1fr);
+            grid-template-rows: repeat(${rows[key]}, 1fr);`;
         } else {
-          data += "@media (min-width: ".concat(theme.breakpoints[key], ") {\n              -ms-grid-rows: repeat(").concat(rows[key], ", 1fr);\n              grid-template-rows: repeat(").concat(rows[key], ", 1fr);\n            }");
+          data += `@media (min-width: ${theme.breakpoints[key]}) {
+              -ms-grid-rows: repeat(${rows[key]}, 1fr);
+              grid-template-rows: repeat(${rows[key]}, 1fr);
+            }`;
         }
       }
     });
     return data;
   }
-
   if (Array.isArray(rows)) {
-    const mtg = dsSystem.mapTemplateGrid(rows).join(' ');
-    const mtgs = dsSystem.mapTemplateGrid(rows).map(c => "minmax(0, ".concat(c, ")")).join(' ');
-    return "\n    -ms-grid-rows: ".concat(mtg || 'minmax(0px, 1fr)', ";\n    grid-template-rows: ").concat(mtg || 'auto', ";\n    -ms-grid-rows: ").concat(mtgs || 'minmax(0px, 1fr)', ";\n    grid-template-rows: ").concat(mtgs || 'auto', ";\n    ");
+    const mtg = (0, import_ds_system.mapTemplateGrid)(rows).join(" ");
+    const mtgs = (0, import_ds_system.mapTemplateGrid)(rows).map((c) => `minmax(0, ${c})`).join(" ");
+    return `
+    -ms-grid-rows: ${mtg || "minmax(0px, 1fr)"};
+    grid-template-rows: ${mtg || "auto"};
+    -ms-grid-rows: ${mtgs || "minmax(0px, 1fr)"};
+    grid-template-rows: ${mtgs || "auto"};
+    `;
   }
-
   if (isSpanParent) {
-    return "\n    -ms-grid-rows: repeat(".concat(rows, ", 1fr);\n    grid-template-rows: repeat(").concat(rows, ", 1fr);");
+    return `
+    -ms-grid-rows: repeat(${rows}, 1fr);
+    grid-template-rows: repeat(${rows}, 1fr);`;
   }
-
-  return '';
-});
-
-exports.manageCols = manageCols;
-exports.manageRows = manageRows;
-exports.manageSpan = manageSpan;
+  return "";
+}}
+`;
+module.exports = __toCommonJS(styles_exports);
+//# sourceMappingURL=styles.js.map

package/cjs/utils/styles.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/utils/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport { css, mapTemplateGrid } from '@elliemae/ds-system';\n\nexport const manageSpan = css`\n  ${({ isSpanParent, span, theme }) => {\n    if (!isSpanParent) return '';\n    if (typeof span === 'object') {\n      let data = '';\n      Object.keys(theme.media).forEach((key) => {\n        if (span[key] && theme.breakpoints[key]) {\n          if (key === 'small') {\n            data += `\n          -ms-grid-column: auto / span ${span[key]};\n          grid-column: auto / span ${span[key]};\n          `;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[key]}) {\n            -ms-grid-column: auto / span ${span[key]};\n            grid-column: auto / span ${span[key]};\n          }`;\n          }\n        }\n      });\n      return data;\n    }\n    return `\n  -ms-grid-column: auto / span ${span};\n  grid-column: auto / span ${span};`;\n  }}\n`;\n\nexport const manageCols = css`\n  ${({ cols, theme, isSpanParent }) => {\n    if (typeof cols === 'object' && !Array.isArray(cols)) {\n      let data = '';\n      Object.keys(theme.media).forEach((key) => {\n        if (cols[key] && Array.isArray(cols[key])) {\n          const mtg = mapTemplateGrid(cols[key]).join(' ');\n          const mtgs = mapTemplateGrid(cols[key])\n            .map((c) => `minmax(0, ${c})`)\n            .join(' ');\n          if (key === 'small') {\n            data += `-ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n          grid-template-columns: ${mtg || 'auto'};\n          -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n          grid-template-columns: ${mtgs || 'auto'};`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[key]}) {\n              -ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n              grid-template-columns: ${mtg || 'auto'};\n              -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n              grid-template-columns: ${mtgs || 'auto'};\n            }`;\n          }\n        } else if (isSpanParent) {\n          if (key === 'small') {\n            data += `-ms-grid-columns: repeat(${cols[key]}, 1fr);\n          grid-template-columns: repeat(${cols[key]}, 1fr);`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[key]}) {\n            -ms-grid-columns: repeat(${cols[key]}, 1fr);\n            grid-template-columns: repeat(${cols[key]}, 1fr);\n          }`;\n          }\n        }\n      });\n      return data;\n    }\n    if (Array.isArray(cols)) {\n      const mtg = mapTemplateGrid(cols).join(' ');\n      const mtgs = mapTemplateGrid(cols)\n        .map((c) => `minmax(0, ${c})`)\n        .join(' ');\n      return `\n    -ms-grid-columns: ${mtg || 'minmax(0px, 1fr)'};\n    grid-template-columns: ${mtg || 'auto'};\n    -ms-grid-columns: ${mtgs || 'minmax(0px, 1fr)'};\n    grid-template-columns: ${mtgs || 'auto'};\n    `;\n    }\n    if (isSpanParent) {\n      return `\n    -ms-grid-columns: repeat(${cols}, 1fr);\n    grid-template-columns: repeat(${cols}, 1fr);`;\n    }\n    return '';\n  }}\n`;\n\nexport const manageRows = css`\n  ${({ rows, theme, isSpanParent }) => {\n    if (typeof rows === 'object' && !Array.isArray(rows)) {\n      let data = '';\n      Object.keys(theme.media).forEach((key) => {\n        if (rows[key] && Array.isArray(rows[key])) {\n          const mtg = mapTemplateGrid(rows[key]).join(' ');\n          const mtgs = mapTemplateGrid(rows[key])\n            .map((c) => `minmax(0, ${c})`)\n            .join(' ');\n          if (key === 'small') {\n            data += `-ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n            grid-template-rows: ${mtg || 'auto'};\n            -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n            grid-template-rows: ${mtgs || 'auto'};`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[key]}) {\n                -ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n                grid-template-rows: ${mtg || 'auto'};\n                -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n                grid-template-rows: ${mtgs || 'auto'};\n              }`;\n          }\n        } else if (isSpanParent) {\n          if (key === 'small') {\n            data += `-ms-grid-rows: repeat(${rows[key]}, 1fr);\n            grid-template-rows: repeat(${rows[key]}, 1fr);`;\n          } else {\n            data += `@media (min-width: ${theme.breakpoints[key]}) {\n              -ms-grid-rows: repeat(${rows[key]}, 1fr);\n              grid-template-rows: repeat(${rows[key]}, 1fr);\n            }`;\n          }\n        }\n      });\n      return data;\n    }\n    if (Array.isArray(rows)) {\n      const mtg = mapTemplateGrid(rows).join(' ');\n      const mtgs = mapTemplateGrid(rows)\n        .map((c) => `minmax(0, ${c})`)\n        .join(' ');\n      return `\n    -ms-grid-rows: ${mtg || 'minmax(0px, 1fr)'};\n    grid-template-rows: ${mtg || 'auto'};\n    -ms-grid-rows: ${mtgs || 'minmax(0px, 1fr)'};\n    grid-template-rows: ${mtgs || 'auto'};\n    `;\n    }\n    if (isSpanParent) {\n      return `\n    -ms-grid-rows: repeat(${rows}, 1fr);\n    grid-template-rows: repeat(${rows}, 1fr);`;\n    }\n    return '';\n  }}\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/esm/Grid.js

@@ -1,80 +1,52 @@
-import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.filter.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.filter.js';
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-import React from 'react';
-import { describe } from 'react-desc';
-import { get } from 'lodash';
-import { fixSpaceGutter } from '@elliemae/ds-system';
-import { propTypes } from './propTypes.js';
-import { GridItem } from './GridItem.js';
-import { defaultProps } from './defaultProps.js';
-import { jsx } from 'react/jsx-runtime';
-
-const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap", "width", "height"];
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
-  const {
-    rows,
-    cols,
-    alignItems,
-    children,
-    className,
-    justify,
-    gutter,
-    wrap,
-    width,
-    height
-  } = props,
-        rest = _objectWithoutProperties(props, _excluded);
-
+import * as React from "react";
+import React2 from "react";
+import { describe } from "react-desc";
+import { get } from "lodash";
+import { fixSpaceGutter } from "@elliemae/ds-system";
+import { propTypes } from "./propTypes";
+import { GridItem } from "./GridItem";
+import { defaultProps } from "./defaultProps";
+const Grid = React2.forwardRef((props, ref) => {
+  const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;
   let isSpanParent = true;
-  const renderChildren = React.Children.map(children, child => {
-    if (get(child, 'child.type.name') === 'Grid' || get(child, 'type.displayName') === 'Grid' || parseInt(get(child, 'props.span', 0), 10) > 0) {
-      const {
-        width: wc,
-        height: hc,
-        span
-      } = child.props;
-      if (!span) isSpanParent = false;
-      return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
+  const renderChildren = React2.Children.map(children, (child) => {
+    if (get(child, "child.type.name") === "Grid" || get(child, "type.displayName") === "Grid" || parseInt(get(child, "props.span", 0), 10) > 0) {
+      const { width: wc, height: hc, span } = child.props;
+      if (!span)
+        isSpanParent = false;
+      return React2.cloneElement(child, {
+        ...child.props,
         width: fixSpaceGutter(wc),
         height: fixSpaceGutter(hc)
-      }));
+      });
     }
-
     return child;
   });
-  return /*#__PURE__*/jsx(GridItem, _objectSpread(_objectSpread({
-    alignItems: alignItems,
-    className: className,
-    cols: cols,
-    gutter: gutter,
-    isSpanParent: isSpanParent,
-    justify: justify,
-    rows: rows,
-    wrap: wrap,
-    childNumber: React.Children.count(children),
-    ref: ref,
+  return /* @__PURE__ */ React2.createElement(GridItem, {
+    alignItems,
+    className,
+    cols,
+    gutter,
+    isSpanParent,
+    justify,
+    rows,
+    wrap,
+    childNumber: React2.Children.count(children),
+    ref,
     w: width,
-    h: height
-  }, rest), {}, {
-    children: renderChildren
-  }));
-}); // Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.
-
-Grid.displayName = 'Grid'; // We should use props helpers to merge default props in the future, right now it causes many issues within Dimsum
-
+    h: height,
+    ...rest
+  }, renderChildren);
+});
+Grid.displayName = "Grid";
 Grid.defaultProps = defaultProps;
+Grid.propTypes = propTypes;
 const DSGridWithSchema = describe(Grid);
 DSGridWithSchema.propTypes = propTypes;
-
-export { DSGridWithSchema, Grid as default };
+var Grid_default = Grid;
+export {
+  DSGridWithSchema,
+  Grid,
+  Grid_default as default
+};
+//# sourceMappingURL=Grid.js.map

package/esm/Grid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Grid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { propTypes } from './propTypes';\nimport { GridItem } from './GridItem';\nimport { defaultProps } from './defaultProps';\nimport type { GridPropsT } from './types';\n\nconst Grid = React.forwardRef<HTMLDivElement, GridPropsT>((props, ref) => {\n  const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0), 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = child.props;\n      if (!span) isSpanParent = false;\n      return React.cloneElement(child, {\n        ...child.props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      w={width}\n      h={height}\n      {...rest}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\n// We should use props helpers to merge default props in the future, right now it causes many issues within Dimsum\nGrid.defaultProps = defaultProps;\n\nGrid.propTypes = propTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = propTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n"],
+  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,OAAO,OAAM,WAAuC,CAAC,OAAO,QAAQ;AACxE,QAAM,EAAE,MAAM,MAAM,YAAY,UAAU,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAW,SAAS;AAEvG,MAAI,eAAe;AAEnB,QAAM,iBAAiB,OAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,IAAI,OAAO,uBAAuB,UAClC,IAAI,OAAO,wBAAwB,UACnC,SAAS,IAAI,OAAO,cAAc,IAAI,MAAM,GAC5C;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,MAAM;AAC9C,UAAI,CAAC;AAAM,uBAAe;AAC1B,aAAO,OAAM,aAAa,OAAO;AAAA,WAC5B,MAAM;AAAA,QACT,OAAO,eAAe;AAAA,QACtB,QAAQ,eAAe;AAAA;AAAA;AAG3B,WAAO;AAAA;AAGT,SACE,qCAAC,UAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAM,SAAS,MAAM;AAAA,IAClC;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,OACC;AAAA,KAEH;AAAA;AAMP,KAAK,cAAc;AAGnB,KAAK,eAAe;AAEpB,KAAK,YAAY;AACjB,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
+  "names": []
+}

package/esm/GridItem.js

@@ -1,21 +1,24 @@
-import styled from 'styled-components';
-import { grids, flexboxes, sizing, space, height, width } from '@xstyled/styled-components';
-import { mapGap } from '@elliemae/ds-system';
-import { manageCols, manageRows, manageSpan } from './utils/styles.js';
-
-/* eslint-disable max-lines */
-const GridItem = /*#__PURE__*/styled.div.withConfig({
-  componentId: "sc-1ch24x4-0"
-})(["display:grid;display:-ms-grid;column-gap:", ";row-gap:", ";", " ", " ", " ", " ", " ", " ", " ", " ", ""], _ref => {
-  let {
-    gutter
-  } = _ref;
-  return mapGap(gutter);
-}, _ref2 => {
-  let {
-    gutter
-  } = _ref2;
-  return mapGap(gutter);
-}, grids, flexboxes, sizing, space, height, width, manageCols, manageRows, manageSpan);
-
-export { GridItem };
+import * as React from "react";
+import styled from "styled-components";
+import { space, width, height, flexboxes, grids, sizing } from "@xstyled/styled-components";
+import { mapGap } from "@elliemae/ds-system";
+import { manageCols, manageRows, manageSpan } from "./utils/styles";
+const GridItem = styled.div`
+  display: grid;
+  display: -ms-grid;
+  column-gap: ${({ gutter }) => mapGap(gutter)};
+  row-gap: ${({ gutter }) => mapGap(gutter)};
+  ${grids}
+  ${flexboxes}
+  ${sizing}
+  ${space}
+  ${height}
+  ${width}
+  ${manageCols}
+  ${manageRows}
+  ${manageSpan}
+`;
+export {
+  GridItem
+};
+//# sourceMappingURL=GridItem.js.map

package/esm/GridItem.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/GridItem.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport styled from 'styled-components';\nimport { space, width, height, flexboxes, grids, sizing } from '@xstyled/styled-components';\nimport { mapGap } from '@elliemae/ds-system';\nimport type { GridItemPropsT } from './types';\nimport { manageCols, manageRows, manageSpan } from './utils/styles';\n\nexport const GridItem = styled.div<GridItemPropsT>`\n  display: grid;\n  display: -ms-grid;\n  column-gap: ${({ gutter }) => mapGap(gutter)};\n  row-gap: ${({ gutter }) => mapGap(gutter)};\n  ${grids}\n  ${flexboxes}\n  ${sizing}\n  ${space}\n  ${height}\n  ${width}\n  ${manageCols}\n  ${manageRows}\n  ${manageSpan}\n`;\n"],
+  "mappings": "AAAA;ACEA;AACA;AACA;AAEA;AAEO,MAAM,WAAW,OAAO;AAAA;AAAA;AAAA,gBAGf,CAAC,EAAE,aAAa,OAAO;AAAA,aAC1B,CAAC,EAAE,aAAa,OAAO;AAAA,IAChC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;",
+  "names": []
+}

package/esm/defaultProps.js

@@ -1,11 +1,14 @@
+import * as React from "react";
 const defaultProps = {
   rows: [],
   cols: [],
-  className: '',
-  justify: 'flex-start',
+  className: "",
+  justify: "flex-start",
   gutter: 0,
-  wrap: 'wrap',
+  wrap: "wrap",
   span: 1
 };
-
-export { defaultProps };
+export {
+  defaultProps
+};
+//# sourceMappingURL=defaultProps.js.map

package/esm/defaultProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/defaultProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const defaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start' as const,\n  gutter: 0,\n  wrap: 'wrap' as const,\n  span: 1,\n};\n"],
+  "mappings": "AAAA;ACAO,MAAM,eAAe;AAAA,EAC1B,MAAM;AAAA,EACN,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AAAA;",
+  "names": []
+}

package/esm/index.js

@@ -1 +1,10 @@
-export { DSGridWithSchema, default as Grid, default as GridContainer, default as GridItem, default } from './Grid.js';
+import * as React from "react";
+import { default as default2, Grid, default as default3, default as default4, DSGridWithSchema } from "./Grid";
+export {
+  DSGridWithSchema,
+  Grid,
+  default3 as GridContainer,
+  default4 as GridItem,
+  default2 as default
+};
+//# sourceMappingURL=index.js.map

package/esm/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, Grid, default as GridContainer, default as GridItem, DSGridWithSchema } from './Grid';\n"],
+  "mappings": "AAAA;ACAA;",
+  "names": []
+}