@elliemae/ds-grid 1.60.0 → 2.0.0-alpha.12

package/esm/utils/styles.js

@@ -1,17 +1,23 @@
-import _typeof from '@babel/runtime/helpers/esm/typeof';
 import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
 import { css, mapTemplateGrid } from '@elliemae/ds-system';
 
 var _templateObject, _templateObject2, _templateObject3;
-var manageSpan = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref) {
-  var isSpanParent = _ref.isSpanParent,
-      span = _ref.span,
-      theme = _ref.theme;
+const manageSpan = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n"])), _ref => {
+  let {
+    isSpanParent,
+    span,
+    theme
+  } = _ref;
   if (!isSpanParent) return '';
 
-  if (_typeof(span) === 'object') {
-    var data = '';
-    Object.keys(theme.media).forEach(function (key) {
+  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          ");
@@ -25,19 +31,19 @@ var manageSpan = css(_templateObject || (_templateObject = _taggedTemplateLitera
 
   return "\n  -ms-grid-column: auto / span ".concat(span, ";\n  grid-column: auto / span ").concat(span, ";");
 });
-var manageCols = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref2) {
-  var cols = _ref2.cols,
-      theme = _ref2.theme,
-      isSpanParent = _ref2.isSpanParent;
+const manageCols = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), _ref2 => {
+  let {
+    cols,
+    theme,
+    isSpanParent
+  } = _ref2;
 
-  if (_typeof(cols) === 'object' && !Array.isArray(cols)) {
-    var data = '';
-    Object.keys(theme.media).forEach(function (key) {
+  if (typeof cols === 'object' && !Array.isArray(cols)) {
+    let data = '';
+    Object.keys(theme.media).forEach(key => {
       if (cols[key] && Array.isArray(cols[key])) {
-        var mtg = mapTemplateGrid(cols[key]).join(' ');
-        var mtgs = mapTemplateGrid(cols[key]).map(function (c) {
-          return "minmax(0, ".concat(c, ")");
-        }).join(' ');
+        const mtg = mapTemplateGrid(cols[key]).join(' ');
+        const mtgs = 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', ";");
@@ -56,10 +62,8 @@ var manageCols = css(_templateObject2 || (_templateObject2 = _taggedTemplateLite
   }
 
   if (Array.isArray(cols)) {
-    var mtg = mapTemplateGrid(cols).join(' ');
-    var mtgs = mapTemplateGrid(cols).map(function (c) {
-      return "minmax(0, ".concat(c, ")");
-    }).join(' ');
+    const mtg = mapTemplateGrid(cols).join(' ');
+    const mtgs = 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    ");
   }
 
@@ -69,19 +73,19 @@ var manageCols = css(_templateObject2 || (_templateObject2 = _taggedTemplateLite
 
   return '';
 });
-var manageRows = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), function (_ref3) {
-  var rows = _ref3.rows,
-      theme = _ref3.theme,
-      isSpanParent = _ref3.isSpanParent;
+const manageRows = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  ", "\n"])), _ref3 => {
+  let {
+    rows,
+    theme,
+    isSpanParent
+  } = _ref3;
 
-  if (_typeof(rows) === 'object' && !Array.isArray(rows)) {
-    var data = '';
-    Object.keys(theme.media).forEach(function (key) {
+  if (typeof rows === 'object' && !Array.isArray(rows)) {
+    let data = '';
+    Object.keys(theme.media).forEach(key => {
       if (rows[key] && Array.isArray(rows[key])) {
-        var mtg = mapTemplateGrid(rows[key]).join(' ');
-        var mtgs = mapTemplateGrid(rows[key]).map(function (c) {
-          return "minmax(0, ".concat(c, ")");
-        }).join(' ');
+        const mtg = mapTemplateGrid(rows[key]).join(' ');
+        const mtgs = 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', ";");
@@ -100,10 +104,8 @@ var manageRows = css(_templateObject3 || (_templateObject3 = _taggedTemplateLite
   }
 
   if (Array.isArray(rows)) {
-    var mtg = mapTemplateGrid(rows).join(' ');
-    var mtgs = mapTemplateGrid(rows).map(function (c) {
-      return "minmax(0, ".concat(c, ")");
-    }).join(' ');
+    const mtg = mapTemplateGrid(rows).join(' ');
+    const mtgs = 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    ");
   }
 
@@ -115,4 +117,3 @@ var manageRows = css(_templateObject3 || (_templateObject3 = _taggedTemplateLite
 });
 
 export { manageCols, manageRows, manageSpan };
-//# sourceMappingURL=styles.js.map

package/package.json

@@ -1,14 +1,58 @@
 {
   "name": "@elliemae/ds-grid",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - Grid",
-  "module": "esm/index.js",
-  "main": "cjs/index.js",
+  "description": "ICE MT - Dimsum - Grid",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./utils/styles": {
+      "import": "./esm/utils/styles.js",
+      "require": "./cjs/utils/styles.js"
+    },
+    "./utils/constants": {
+      "import": "./esm/utils/constants.js",
+      "require": "./cjs/utils/constants.js"
+    },
+    "./types": {
+      "import": "./esm/types.js",
+      "require": "./cjs/types.js"
+    },
+    "./propTypes": {
+      "import": "./esm/propTypes.js",
+      "require": "./cjs/propTypes.js"
+    },
+    "./GridItem": {
+      "import": "./esm/GridItem.js",
+      "require": "./cjs/GridItem.js"
+    },
+    "./Grid": {
+      "import": "./esm/Grid.js",
+      "require": "./cjs/Grid.js"
+    },
+    "./defaultProps": {
+      "import": "./esm/defaultProps.js",
+      "require": "./cjs/defaultProps.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
     "prebuild": "exit 0",
@@ -16,21 +60,26 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-system": "1.60.0",
-    "react-desc": "^4.1.2",
-    "styled-system": "~5.1.5"
+    "@elliemae/ds-system": "2.0.0-alpha.12",
+    "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "styled-components": "~5.3.0"
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3",
+    "styled-system": "~5.1.5"
   },
   "peerDependencies": {
-    "lodash": "^4.17.20",
-    "react": "^17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "lodash": "^4.17.21",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3",
+    "styled-system": "^5.1.5"
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   }
 }

package/types/Grid.d.ts

@@ -0,0 +1,11 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+import React from 'react';
+import type { GridPropsT } from './types';
+declare const Grid: React.ForwardRefExoticComponent<GridPropsT & React.RefAttributes<HTMLDivElement>>;
+declare const DSGridWithSchema: {
+    (props?: (GridPropsT & React.RefAttributes<HTMLDivElement>) | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
+export default Grid;
+export { DSGridWithSchema };

package/types/GridItem.d.ts

@@ -0,0 +1,2 @@
+import type { GridItemPropsT } from './types';
+export declare const GridItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, GridItemPropsT, never>;

package/types/defaultProps.d.ts

@@ -0,0 +1,9 @@
+export declare const defaultProps: {
+    rows: never[];
+    cols: never[];
+    className: string;
+    justify: "flex-start";
+    gutter: number;
+    wrap: "wrap";
+    span: number;
+};

package/types/index.d.ts

@@ -0,0 +1,5 @@
+export { default as Grid } from './Grid';
+export { default as GridContainer } from './Grid';
+export { default as GridItem } from './Grid';
+export { DSGridWithSchema } from './Grid';
+export { default } from './Grid';

package/types/propTypes.d.ts

@@ -0,0 +1,135 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
+export declare const propTypes: {
+    rows: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    cols: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    span: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    alignItems: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    children: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    className: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    justifyContent: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    gutter: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    wrap: {
+        deprecated: import("react-desc").PropTypesDescValidator;
+    };
+    height: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    width: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    p: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    m: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    px: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    mx: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    py: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    my: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    ml: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    mr: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    mt: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    mb: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pl: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pr: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pt: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+    pb: {
+        defaultValue<T = unknown>(arg: T): {
+            deprecated: import("react-desc").PropTypesDescValidator;
+        };
+        isRequired: import("react-desc").PropTypesDescValidator;
+    };
+};

package/types/tests/DSGrid.events.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/types.d.ts

@@ -0,0 +1,66 @@
+/// <reference types="react" />
+import { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';
+interface RowColBreakpoints {
+    small?: string | number[];
+    medium?: string | number[];
+    large?: string | number[];
+}
+interface SpanBreakpoints {
+    small?: number;
+    medium?: number;
+    large?: number;
+}
+export interface GridPropsT {
+    height?: string;
+    width?: string;
+    rows?: string[] | string | number[] | RowColBreakpoints;
+    cols?: string[] | string | number[] | RowColBreakpoints;
+    justifyContent?: typeof justifyPlacement[number];
+    alignItems?: typeof alignItemsPlacement[number];
+    children?: React.ReactNode;
+    className?: string;
+    justify?: typeof justifyPlacement[number];
+    gutter?: string | number;
+    wrap?: typeof wrap[number];
+    span?: number;
+    p?: string | number;
+    m?: string | number;
+    px?: string | number;
+    mx?: string | number;
+    py?: string | number;
+    my?: string | number;
+    ml?: string | number;
+    mr?: string | number;
+    mt?: string | number;
+    mb?: string | number;
+    pl?: string | number;
+    pr?: string | number;
+    pt?: string | number;
+    pb?: string | number;
+}
+export interface GridPropsWithDefaultT {
+    rows: string | number[] | RowColBreakpoints;
+    cols: string | number[] | RowColBreakpoints;
+    alignItems: typeof alignItemsPlacement[number];
+    children?: React.ReactNode;
+    className: string;
+    justify: typeof justifyPlacement[number];
+    gutter: string | number;
+    wrap: typeof wrap[number];
+    span: number | SpanBreakpoints;
+}
+export interface GridItemPropsT {
+    rows: string | number[] | RowColBreakpoints;
+    cols: string | number[] | RowColBreakpoints;
+    alignItems: typeof alignItemsPlacement[number];
+    children: React.ReactElement[];
+    className: string;
+    justify: typeof justifyPlacement[number];
+    gutter: string | number;
+    wrap: typeof wrap[number];
+    childNumber: number;
+    isSpanParent: boolean;
+    span?: number | SpanBreakpoints;
+    ref: React.ForwardedRef<HTMLDivElement>;
+}
+export {};

package/types/utils/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const justifyPlacement: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
+export declare const alignItemsPlacement: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
+export declare const wrap: readonly ["wrap", "nowrap", "wrap-reverse"];

package/types/utils/styles.d.ts

@@ -0,0 +1,3 @@
+export declare const manageSpan: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const manageCols: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const manageRows: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;

package/Grid/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-grid/Grid",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/Grid.js",
-  "module": "../esm/Grid.js"
-}

package/GridItem/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-grid/GridItem",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/GridItem.js",
-  "module": "../esm/GridItem.js"
-}

package/cjs/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","sources":["../../src/Grid.tsx"],"sourcesContent":["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((props: GridPropsT, ref: React.ForwardedRef<HTMLDivElement>): JSX.Element => {\n  const { rows, cols, alignItems, children, className, justify, gutter, wrap, ...rest } = props;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactElement) => {\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      {...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 };\n"],"names":["Grid","React","forwardRef","props","ref","rows","cols","alignItems","children","className","justify","gutter","wrap","rest","isSpanParent","renderChildren","Children","map","child","get","parseInt","wc","width","hc","height","span","cloneElement","fixSpaceGutter","GridItem","count","displayName","defaultProps","propTypes","DSGridWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IASMA,IAAI,gBAAGC,yBAAK,CAACC,UAAN,CAAiB,UAACC,KAAD,EAAoBC,GAApB,EAA6E;AACzG,MAAQC,IAAR,GAAwFF,KAAxF,CAAQE,IAAR;AAAA,MAAcC,IAAd,GAAwFH,KAAxF,CAAcG,IAAd;AAAA,MAAoBC,UAApB,GAAwFJ,KAAxF,CAAoBI,UAApB;AAAA,MAAgCC,QAAhC,GAAwFL,KAAxF,CAAgCK,QAAhC;AAAA,MAA0CC,SAA1C,GAAwFN,KAAxF,CAA0CM,SAA1C;AAAA,MAAqDC,OAArD,GAAwFP,KAAxF,CAAqDO,OAArD;AAAA,MAA8DC,MAA9D,GAAwFR,KAAxF,CAA8DQ,MAA9D;AAAA,MAAsEC,IAAtE,GAAwFT,KAAxF,CAAsES,IAAtE;AAAA,MAA+EC,IAA/E,gDAAwFV,KAAxF;;AAEA,MAAIW,YAAY,GAAG,IAAnB;AAEA,MAAMC,cAAc,GAAGd,yBAAK,CAACe,QAAN,CAAeC,GAAf,CAAmBT,QAAnB,EAA6B,UAACU,KAAD,EAA+B;AACjF,QACEC,UAAG,CAACD,KAAD,EAAQ,iBAAR,CAAH,KAAkC,MAAlC,IACAC,UAAG,CAACD,KAAD,EAAQ,kBAAR,CAAH,KAAmC,MADnC,IAEAE,QAAQ,CAACD,UAAG,CAACD,KAAD,EAAQ,YAAR,EAAsB,CAAtB,CAAJ,EAA8B,EAA9B,CAAR,GAA4C,CAH9C,EAIE;AACA,yBAAwCA,KAAK,CAACf,KAA9C;AAAA,UAAekB,EAAf,gBAAQC,KAAR;AAAA,UAA2BC,EAA3B,gBAAmBC,MAAnB;AAAA,UAA+BC,IAA/B,gBAA+BA,IAA/B;AACA,UAAI,CAACA,IAAL,EAAWX,YAAY,GAAG,KAAf;AACX,0BAAOb,yBAAK,CAACyB,YAAN,CAAmBR,KAAnB,kCACFA,KAAK,CAACf,KADJ;AAELmB,QAAAA,KAAK,EAAEK,uBAAc,CAACN,EAAD,CAFhB;AAGLG,QAAAA,MAAM,EAAEG,uBAAc,CAACJ,EAAD;AAHjB,SAAP;AAKD;;AACD,WAAOL,KAAP;AACD,GAfsB,CAAvB;AAiBA,sBACEjB,wCAAC2B,iBAAD;AACE,IAAA,UAAU,EAAErB,UADd;AAEE,IAAA,SAAS,EAAEE,SAFb;AAGE,IAAA,IAAI,EAAEH,IAHR;AAIE,IAAA,MAAM,EAAEK,MAJV;AAKE,IAAA,YAAY,EAAEG,YALhB;AAME,IAAA,OAAO,EAAEJ,OANX;AAOE,IAAA,IAAI,EAAEL,IAPR;AAQE,IAAA,IAAI,EAAEO,IARR;AASE,IAAA,WAAW,EAAEX,yBAAK,CAACe,QAAN,CAAea,KAAf,CAAqBrB,QAArB,CATf;AAUE,IAAA,GAAG,EAAEJ;AAVP,KAWMS,IAXN,GAaGE,cAbH,CADF;AAiBD,CAvCY;;AA0Cbf,IAAI,CAAC8B,WAAL,GAAmB,MAAnB;;AAGA9B,IAAI,CAAC+B,YAAL,GAAoBA,yBAApB;AAEA/B,IAAI,CAACgC,SAAL,GAAiBA,mBAAjB;IACMC,gBAAgB,GAAGC,kBAAQ,CAAClC,IAAD;AACjCiC,gBAAgB,CAACD,SAAjB,GAA6BA,mBAA7B;;;;;"}

package/cjs/GridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridItem.js","sources":["../../src/GridItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport styled from 'styled-components';\nimport { space, width, height, justifyContent, flexbox, grid } from 'styled-system';\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  ${grid}\n  ${flexbox}\n  ${justifyContent}\n  ${space}\n  ${height}\n  ${width}\n  ${manageCols}\n  ${manageRows}\n  ${manageSpan}\n`;\n"],"names":["GridItem","styled","div","gutter","mapGap","grid","flexbox","justifyContent","space","height","width","manageCols","manageRows","manageSpan"],"mappings":";;;;;;;;;;;;;;;AAAA;IAQaA,QAAQ,gBAAGC,0BAAM,CAACC,GAAV;AAAA;AAAA,gHAGL;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBC,eAAM,CAACD,MAAD,CAAtB;AAAA,CAHK,EAIR;AAAA,MAAGA,MAAH,SAAGA,MAAH;AAAA,SAAgBC,eAAM,CAACD,MAAD,CAAtB;AAAA,CAJQ,EAKjBE,iBALiB,EAMjBC,oBANiB,EAOjBC,2BAPiB,EAQjBC,kBARiB,EASjBC,mBATiB,EAUjBC,kBAViB,EAWjBC,uBAXiB,EAYjBC,uBAZiB,EAajBC,uBAbiB;;;;"}

package/cjs/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["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"],"names":["defaultProps","rows","cols","className","justify","gutter","wrap","span"],"mappings":";;;;IAAaA,YAAY,GAAG;AAC1BC,EAAAA,IAAI,EAAE,EADoB;AAE1BC,EAAAA,IAAI,EAAE,EAFoB;AAG1BC,EAAAA,SAAS,EAAE,EAHe;AAI1BC,EAAAA,OAAO,EAAE,YAJiB;AAK1BC,EAAAA,MAAM,EAAE,CALkB;AAM1BC,EAAAA,IAAI,EAAE,MANoB;AAO1BC,EAAAA,IAAI,EAAE;AAPoB;;;;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/propTypes.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"propTypes.js","sources":["../../src/propTypes.tsx"],"sourcesContent":["import { PropTypes } from 'react-desc';\nimport { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';\n\nconst rowColBreakpoints = PropTypes.shape({\n  small: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  medium: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n  large: PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n});\n\nconst spanBreakpoints = PropTypes.shape({\n  small: PropTypes.number,\n  medium: PropTypes.number,\n  large: PropTypes.number,\n});\n\nexport const propTypes = {\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    rowColBreakpoints,\n  ])\n    .description('Column layout cells')\n    .defaultValue([]),\n  span: PropTypes.oneOfType([PropTypes.number, spanBreakpoints]).description(\n    'Expands the grid element within columns.',\n  ),\n  alignItems: PropTypes.oneOf(alignItemsPlacement).description('flex-like align items prop'),\n  children: PropTypes.node.description('Children node inside grid cell'),\n  className: PropTypes.string.description('CSS class').defaultValue(''),\n  justifyContent: PropTypes.oneOf(justifyPlacement)\n    .description('flex-like justify prop')\n    .defaultValue(justifyPlacement[0]),\n  gutter: PropTypes.oneOfType([PropTypes.number, PropTypes.string])\n    .description('Space between cells prop')\n    .defaultValue(0),\n  wrap: PropTypes.oneOf(wrap).description('Wrap type').defaultValue(wrap[0]),\n  height: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid height.'),\n  width: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid width.'),\n  p: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid padding in all sides.'),\n  m: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid margin in all sides.'),\n  px: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid padding in left and right sides.'),\n  mx: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid margin in left and right sides.'),\n  py: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid padding in top and bottom sides.'),\n  my: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid margin in top and bottom sides.'),\n  ml: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid left margin.'),\n  mr: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid right margin'),\n  mt: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid top margin'),\n  mb: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid bottom margin'),\n  pl: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid left padding.'),\n  pr: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid right padding'),\n  pt: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid top padding'),\n  pb: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).description('Grid bottom padding'),\n};\n"],"names":["rowColBreakpoints","PropTypes","shape","small","arrayOf","oneOfType","number","string","medium","large","spanBreakpoints","propTypes","rows","description","defaultValue","cols","span","alignItems","oneOf","alignItemsPlacement","children","node","className","justifyContent","justifyPlacement","gutter","wrap","height","width","p","m","px","mx","py","my","ml","mr","mt","mb","pl","pr","pt","pb"],"mappings":"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"}

package/cjs/types.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"types.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/cjs/utils/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../../src/utils/constants.tsx"],"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"],"names":["justifyPlacement","alignItemsPlacement","wrap"],"mappings":";;;;IAAaA,gBAAgB,GAAG,CAC9B,YAD8B,EAE9B,QAF8B,EAG9B,UAH8B,EAI9B,eAJ8B,EAK9B,cAL8B,EAM9B,cAN8B;IASnBC,mBAAmB,GAAG,CAAC,YAAD,EAAe,QAAf,EAAyB,UAAzB,EAAqC,SAArC,EAAgD,UAAhD;IAEtBC,IAAI,GAAG,CAAC,MAAD,EAAS,QAAT,EAAmB,cAAnB;;;;;;"}

package/cjs/utils/styles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../src/utils/styles.tsx"],"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"],"names":["manageSpan","css","isSpanParent","span","theme","_typeof","data","Object","keys","media","forEach","key","breakpoints","manageCols","cols","Array","isArray","mtg","mapTemplateGrid","join","mtgs","map","c","manageRows","rows"],"mappings":"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"}

package/defaultProps/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-grid/defaultProps",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/defaultProps.js",
-  "module": "../esm/defaultProps.js"
-}

package/esm/Grid.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Grid.js","sources":["../../src/Grid.tsx"],"sourcesContent":["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((props: GridPropsT, ref: React.ForwardedRef<HTMLDivElement>): JSX.Element => {\n  const { rows, cols, alignItems, children, className, justify, gutter, wrap, ...rest } = props;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactElement) => {\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      {...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 };\n"],"names":["Grid","React","forwardRef","props","ref","rows","cols","alignItems","children","className","justify","gutter","wrap","rest","isSpanParent","renderChildren","Children","map","child","get","parseInt","wc","width","hc","height","span","cloneElement","fixSpaceGutter","count","displayName","defaultProps","propTypes","DSGridWithSchema","describe"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IASMA,IAAI,gBAAGC,KAAK,CAACC,UAAN,CAAiB,UAACC,KAAD,EAAoBC,GAApB,EAA6E;AACzG,MAAQC,IAAR,GAAwFF,KAAxF,CAAQE,IAAR;AAAA,MAAcC,IAAd,GAAwFH,KAAxF,CAAcG,IAAd;AAAA,MAAoBC,UAApB,GAAwFJ,KAAxF,CAAoBI,UAApB;AAAA,MAAgCC,QAAhC,GAAwFL,KAAxF,CAAgCK,QAAhC;AAAA,MAA0CC,SAA1C,GAAwFN,KAAxF,CAA0CM,SAA1C;AAAA,MAAqDC,OAArD,GAAwFP,KAAxF,CAAqDO,OAArD;AAAA,MAA8DC,MAA9D,GAAwFR,KAAxF,CAA8DQ,MAA9D;AAAA,MAAsEC,IAAtE,GAAwFT,KAAxF,CAAsES,IAAtE;AAAA,MAA+EC,IAA/E,4BAAwFV,KAAxF;;AAEA,MAAIW,YAAY,GAAG,IAAnB;AAEA,MAAMC,cAAc,GAAGd,KAAK,CAACe,QAAN,CAAeC,GAAf,CAAmBT,QAAnB,EAA6B,UAACU,KAAD,EAA+B;AACjF,QACEC,GAAG,CAACD,KAAD,EAAQ,iBAAR,CAAH,KAAkC,MAAlC,IACAC,GAAG,CAACD,KAAD,EAAQ,kBAAR,CAAH,KAAmC,MADnC,IAEAE,QAAQ,CAACD,GAAG,CAACD,KAAD,EAAQ,YAAR,EAAsB,CAAtB,CAAJ,EAA8B,EAA9B,CAAR,GAA4C,CAH9C,EAIE;AACA,yBAAwCA,KAAK,CAACf,KAA9C;AAAA,UAAekB,EAAf,gBAAQC,KAAR;AAAA,UAA2BC,EAA3B,gBAAmBC,MAAnB;AAAA,UAA+BC,IAA/B,gBAA+BA,IAA/B;AACA,UAAI,CAACA,IAAL,EAAWX,YAAY,GAAG,KAAf;AACX,0BAAOb,KAAK,CAACyB,YAAN,CAAmBR,KAAnB,kCACFA,KAAK,CAACf,KADJ;AAELmB,QAAAA,KAAK,EAAEK,cAAc,CAACN,EAAD,CAFhB;AAGLG,QAAAA,MAAM,EAAEG,cAAc,CAACJ,EAAD;AAHjB,SAAP;AAKD;;AACD,WAAOL,KAAP;AACD,GAfsB,CAAvB;AAiBA,sBACE,oBAAC,QAAD;AACE,IAAA,UAAU,EAAEX,UADd;AAEE,IAAA,SAAS,EAAEE,SAFb;AAGE,IAAA,IAAI,EAAEH,IAHR;AAIE,IAAA,MAAM,EAAEK,MAJV;AAKE,IAAA,YAAY,EAAEG,YALhB;AAME,IAAA,OAAO,EAAEJ,OANX;AAOE,IAAA,IAAI,EAAEL,IAPR;AAQE,IAAA,IAAI,EAAEO,IARR;AASE,IAAA,WAAW,EAAEX,KAAK,CAACe,QAAN,CAAeY,KAAf,CAAqBpB,QAArB,CATf;AAUE,IAAA,GAAG,EAAEJ;AAVP,KAWMS,IAXN,GAaGE,cAbH,CADF;AAiBD,CAvCY;;AA0Cbf,IAAI,CAAC6B,WAAL,GAAmB,MAAnB;;AAGA7B,IAAI,CAAC8B,YAAL,GAAoBA,YAApB;AAEA9B,IAAI,CAAC+B,SAAL,GAAiBA,SAAjB;IACMC,gBAAgB,GAAGC,QAAQ,CAACjC,IAAD;AACjCgC,gBAAgB,CAACD,SAAjB,GAA6BA,SAA7B;;;;"}

package/esm/GridItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GridItem.js","sources":["../../src/GridItem.tsx"],"sourcesContent":["/* eslint-disable max-lines */\n/* eslint-disable complexity */\nimport styled from 'styled-components';\nimport { space, width, height, justifyContent, flexbox, grid } from 'styled-system';\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  ${grid}\n  ${flexbox}\n  ${justifyContent}\n  ${space}\n  ${height}\n  ${width}\n  ${manageCols}\n  ${manageRows}\n  ${manageSpan}\n`;\n"],"names":["GridItem","styled","div","gutter","mapGap","grid","flexbox","justifyContent","space","height","width","manageCols","manageRows","manageSpan"],"mappings":";;;;;;;AAAA;IAQaA,QAAQ,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,gHAGL;AAAA,MAAGC,MAAH,QAAGA,MAAH;AAAA,SAAgBC,MAAM,CAACD,MAAD,CAAtB;AAAA,CAHK,EAIR;AAAA,MAAGA,MAAH,SAAGA,MAAH;AAAA,SAAgBC,MAAM,CAACD,MAAD,CAAtB;AAAA,CAJQ,EAKjBE,IALiB,EAMjBC,OANiB,EAOjBC,cAPiB,EAQjBC,KARiB,EASjBC,MATiB,EAUjBC,KAViB,EAWjBC,UAXiB,EAYjBC,UAZiB,EAajBC,UAbiB;;;;"}

package/esm/defaultProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"defaultProps.js","sources":["../../src/defaultProps.tsx"],"sourcesContent":["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"],"names":["defaultProps","rows","cols","className","justify","gutter","wrap","span"],"mappings":"IAAaA,YAAY,GAAG;AAC1BC,EAAAA,IAAI,EAAE,EADoB;AAE1BC,EAAAA,IAAI,EAAE,EAFoB;AAG1BC,EAAAA,SAAS,EAAE,EAHe;AAI1BC,EAAAA,OAAO,EAAE,YAJiB;AAK1BC,EAAAA,MAAM,EAAE,CALkB;AAM1BC,EAAAA,IAAI,EAAE,MANoB;AAO1BC,EAAAA,IAAI,EAAE;AAPoB;;;;"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}