@elliemae/ds-grid 2.3.0-alpha.6 → 2.3.0-next.0

package/dist/esm/utils/constants.js

@@ -1,17 +0,0 @@
-import * as React from "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"];
-export {
-  alignItemsPlacement,
-  justifyPlacement,
-  wrap
-};
-//# sourceMappingURL=constants.js.map

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

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/constants.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "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"],
-  "mappings": "AAAA;ACAO,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/dist/esm/utils/styles.js

@@ -1,142 +0,0 @@
-import * as React from "react";
-import { css, mapTemplateGrid } from "@elliemae/ds-system";
-const manageSpan = 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 += `
-          -ms-grid-column: auto / span ${span[key]};
-          grid-column: auto / span ${span[key]};
-          `;
-        } else {
-          data += `@media (min-width: ${theme.breakpoints[key]}) {
-            -ms-grid-column: auto / span ${span[key]};
-            grid-column: auto / span ${span[key]};
-          }`;
-        }
-      }
-    });
-    return data;
-  }
-  return `
-  -ms-grid-column: auto / span ${span};
-  grid-column: auto / span ${span};`;
-}}
-`;
-const manageCols = 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 = mapTemplateGrid(cols[key]).join(" ");
-        const mtgs = 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: ${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(${cols[key]}, 1fr);
-          grid-template-columns: repeat(${cols[key]}, 1fr);`;
-        } else {
-          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 = mapTemplateGrid(cols).join(" ");
-    const mtgs = 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 `
-    -ms-grid-columns: repeat(${cols}, 1fr);
-    grid-template-columns: repeat(${cols}, 1fr);`;
-  }
-  return "";
-}}
-`;
-const manageRows = 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 = mapTemplateGrid(rows[key]).join(" ");
-        const mtgs = 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: ${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(${rows[key]}, 1fr);
-            grid-template-rows: repeat(${rows[key]}, 1fr);`;
-        } else {
-          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 = mapTemplateGrid(rows).join(" ");
-    const mtgs = 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 `
-    -ms-grid-rows: repeat(${rows}, 1fr);
-    grid-template-rows: repeat(${rows}, 1fr);`;
-  }
-  return "";
-}}
-`;
-export {
-  manageCols,
-  manageRows,
-  manageSpan
-};
-//# sourceMappingURL=styles.js.map

package/dist/esm/utils/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/utils/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* 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"],
-  "mappings": "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",
-  "names": []
-}