@elliemae/ds-grid 2.3.1 → 3.0.0-alpha.3

package/package.json

@@ -1,43 +1,46 @@
 {
   "name": "@elliemae/ds-grid",
-  "version": "2.3.1",
+  "version": "3.0.0-alpha.3",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Grid",
-  "module": "./esm/index.js",
-  "main": "./cjs/index.js",
-  "types": "./types/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
   "exports": {
     ".": {
-      "import": "./esm/index.js",
-      "require": "./cjs/index.js"
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
     },
     "./utils/styles": {
-      "import": "./esm/utils/styles.js",
-      "require": "./cjs/utils/styles.js"
+      "import": "./dist/esm/utils/styles.js",
+      "require": "./dist/cjs/utils/styles.js"
     },
     "./utils/constants": {
-      "import": "./esm/utils/constants.js",
-      "require": "./cjs/utils/constants.js"
+      "import": "./dist/esm/utils/constants.js",
+      "require": "./dist/cjs/utils/constants.js"
     },
     "./types": {
-      "import": "./esm/types.js",
-      "require": "./cjs/types.js"
+      "import": "./dist/esm/types.js",
+      "require": "./dist/cjs/types.js"
     },
     "./propTypes": {
-      "import": "./esm/propTypes.js",
-      "require": "./cjs/propTypes.js"
+      "import": "./dist/esm/propTypes.js",
+      "require": "./dist/cjs/propTypes.js"
     },
     "./GridItem": {
-      "import": "./esm/GridItem.js",
-      "require": "./cjs/GridItem.js"
+      "import": "./dist/esm/GridItem.js",
+      "require": "./dist/cjs/GridItem.js"
     },
     "./Grid": {
-      "import": "./esm/Grid.js",
-      "require": "./cjs/Grid.js"
+      "import": "./dist/esm/Grid.js",
+      "require": "./dist/cjs/Grid.js"
     },
     "./defaultProps": {
-      "import": "./esm/defaultProps.js",
-      "require": "./cjs/defaultProps.js"
+      "import": "./dist/esm/defaultProps.js",
+      "require": "./dist/cjs/defaultProps.js"
     }
   },
   "sideEffects": [
@@ -49,25 +52,27 @@
     "url": "https://git.elliemae.io/platform-ui/dimsum.git"
   },
   "engines": {
-    "npm": ">=7",
-    "node": ">=14"
+    "pnpm": ">=6",
+    "node": ">=16"
   },
   "author": "ICE MT",
-  "scripts": {
-    "dev": "cross-env NODE_ENV=development && node ../../scripts/build/build.js -w",
-    "prebuild": "exit 0",
-    "predev": "exit 0",
-    "build": "node ../../scripts/build/build.js"
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "2.3.1",
-    "@xstyled/styled-components": "~3.1.1",
+    "@elliemae/ds-system": "3.0.0-alpha.3",
+    "@xstyled/styled-components": "~3.1.2",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/jest-dom": "~5.15.1",
     "@testing-library/react": "~12.1.2",
-    "@testing-library/user-event": "~13.5.0"
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3",
+    "styled-system": "~5.1.5"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
@@ -78,7 +83,13 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist",
-    "generateSubmodules": true
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
+    "test": "node ../../scripts/testing/test.mjs",
+    "lint": "node ../../scripts/lint.mjs",
+    "dts": "node ../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
   }
 }

package/cjs/Grid.js

@@ -1,91 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
-var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
-require('core-js/modules/esnext.async-iterator.map.js');
-require('core-js/modules/esnext.iterator.map.js');
-require('core-js/modules/esnext.async-iterator.filter.js');
-require('core-js/modules/esnext.iterator.constructor.js');
-require('core-js/modules/esnext.iterator.filter.js');
-require('core-js/modules/esnext.async-iterator.for-each.js');
-require('core-js/modules/esnext.iterator.for-each.js');
-var React = require('react');
-var reactDesc = require('react-desc');
-var lodash = require('lodash');
-var dsSystem = require('@elliemae/ds-system');
-var propTypes = require('./propTypes.js');
-var GridItem = require('./GridItem.js');
-var defaultProps = require('./defaultProps.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
-var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-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__default["default"](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__default["default"].forwardRef((props, ref) => {
-  const {
-    rows,
-    cols,
-    alignItems,
-    children,
-    className,
-    justify,
-    gutter,
-    wrap,
-    width,
-    height
-  } = props,
-        rest = _objectWithoutProperties__default["default"](props, _excluded);
-
-  let isSpanParent = true;
-  const renderChildren = React__default["default"].Children.map(children, child => {
-    if (lodash.get(child, 'child.type.name') === 'Grid' || lodash.get(child, 'type.displayName') === 'Grid' || parseInt(lodash.get(child, 'props.span', 0), 10) > 0) {
-      const {
-        width: wc,
-        height: hc,
-        span
-      } = child.props;
-      if (!span) isSpanParent = false;
-      return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
-        width: dsSystem.fixSpaceGutter(wc),
-        height: dsSystem.fixSpaceGutter(hc)
-      }));
-    }
-
-    return child;
-  });
-  return /*#__PURE__*/jsxRuntime.jsx(GridItem.GridItem, _objectSpread(_objectSpread({
-    alignItems: alignItems,
-    className: className,
-    cols: cols,
-    gutter: gutter,
-    isSpanParent: isSpanParent,
-    justify: justify,
-    rows: rows,
-    wrap: wrap,
-    childNumber: React__default["default"].Children.count(children),
-    ref: 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
-
-Grid.defaultProps = defaultProps.defaultProps;
-const DSGridWithSchema = reactDesc.describe(Grid);
-DSGridWithSchema.propTypes = propTypes.propTypes;
-
-exports.DSGridWithSchema = DSGridWithSchema;
-exports["default"] = Grid;

package/cjs/GridItem.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styled = require('styled-components');
-var styledComponents = require('@xstyled/styled-components');
-var dsSystem = require('@elliemae/ds-system');
-var styles = require('./utils/styles.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
-
-/* eslint-disable max-lines */
-const GridItem = /*#__PURE__*/styled__default["default"].div.withConfig({
-  componentId: "sc-1ch24x4-0"
-})(["display:grid;display:-ms-grid;column-gap:", ";row-gap:", ";", " ", " ", " ", " ", " ", " ", " ", " ", ""], _ref => {
-  let {
-    gutter
-  } = _ref;
-  return dsSystem.mapGap(gutter);
-}, _ref2 => {
-  let {
-    gutter
-  } = _ref2;
-  return dsSystem.mapGap(gutter);
-}, styledComponents.grids, styledComponents.flexboxes, styledComponents.sizing, styledComponents.space, styledComponents.height, styledComponents.width, styles.manageCols, styles.manageRows, styles.manageSpan);
-
-exports.GridItem = GridItem;

package/cjs/defaultProps.js

@@ -1,15 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-const defaultProps = {
-  rows: [],
-  cols: [],
-  className: '',
-  justify: 'flex-start',
-  gutter: 0,
-  wrap: 'wrap',
-  span: 1
-};
-
-exports.defaultProps = defaultProps;

package/cjs/index.js

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Grid = require('./Grid.js');
-
-
-
-exports.DSGridWithSchema = Grid.DSGridWithSchema;
-exports.Grid = Grid["default"];
-exports.GridContainer = Grid["default"];
-exports.GridItem = Grid["default"];
-exports["default"] = Grid["default"];

package/cjs/propTypes.js

@@ -1,46 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var reactDesc = require('react-desc');
-var constants = require('./utils/constants.js');
-
-const rowColBreakpoints = reactDesc.PropTypes.shape({
-  small: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string])),
-  medium: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string])),
-  large: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]))
-});
-const spanBreakpoints = reactDesc.PropTypes.shape({
-  small: reactDesc.PropTypes.number,
-  medium: reactDesc.PropTypes.number,
-  large: reactDesc.PropTypes.number
-});
-const propTypes = {
-  rows: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string])), rowColBreakpoints]).description('Row layout cells').defaultValue([]),
-  cols: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string])), rowColBreakpoints]).description('Column layout cells').defaultValue([]),
-  span: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, spanBreakpoints]).description('Expands the grid element within columns.'),
-  alignItems: reactDesc.PropTypes.oneOf(constants.alignItemsPlacement).description('flex-like align items prop'),
-  children: reactDesc.PropTypes.node.description('Children node inside grid cell'),
-  className: reactDesc.PropTypes.string.description('CSS class').defaultValue(''),
-  justifyContent: reactDesc.PropTypes.oneOf(constants.justifyPlacement).description('flex-like justify prop').defaultValue(constants.justifyPlacement[0]),
-  gutter: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Space between cells prop').defaultValue(0),
-  wrap: reactDesc.PropTypes.oneOf(constants.wrap).description('Wrap type').defaultValue(constants.wrap[0]),
-  height: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid height.'),
-  width: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid width.'),
-  p: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid padding in all sides.'),
-  m: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid margin in all sides.'),
-  px: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid padding in left and right sides.'),
-  mx: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid margin in left and right sides.'),
-  py: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid padding in top and bottom sides.'),
-  my: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid margin in top and bottom sides.'),
-  ml: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid left margin.'),
-  mr: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid right margin'),
-  mt: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid top margin'),
-  mb: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid bottom margin'),
-  pl: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid left padding.'),
-  pr: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid right padding'),
-  pt: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid top padding'),
-  pb: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.number, reactDesc.PropTypes.string]).description('Grid bottom padding')
-};
-
-exports.propTypes = propTypes;

package/cjs/types.js

@@ -1,2 +0,0 @@
-'use strict';
-

package/cjs/utils/constants.js

@@ -1,11 +0,0 @@
-'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;

package/cjs/utils/styles.js

@@ -1,129 +0,0 @@
-'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 => {
-      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          ");
-        } 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          }");
-        }
-      }
-    });
-    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 => {
-      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', ";");
-        } 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            }");
-        }
-      } else if (isSpanParent) {
-        if (key === 'small') {
-          data += "-ms-grid-columns: repeat(".concat(cols[key], ", 1fr);\n          grid-template-columns: repeat(").concat(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          }");
-        }
-      }
-    });
-    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    ");
-  }
-
-  if (isSpanParent) {
-    return "\n    -ms-grid-columns: repeat(".concat(cols, ", 1fr);\n    grid-template-columns: repeat(").concat(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 => {
-      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', ";");
-        } 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              }");
-        }
-      } else if (isSpanParent) {
-        if (key === 'small') {
-          data += "-ms-grid-rows: repeat(".concat(rows[key], ", 1fr);\n            grid-template-rows: repeat(").concat(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            }");
-        }
-      }
-    });
-    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    ");
-  }
-
-  if (isSpanParent) {
-    return "\n    -ms-grid-rows: repeat(".concat(rows, ", 1fr);\n    grid-template-rows: repeat(").concat(rows, ", 1fr);");
-  }
-
-  return '';
-});
-
-exports.manageCols = manageCols;
-exports.manageRows = manageRows;
-exports.manageSpan = manageSpan;

package/esm/Grid.js

@@ -1,80 +0,0 @@
-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);
-
-  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), {}, {
-        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,
-    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
-
-Grid.defaultProps = defaultProps;
-const DSGridWithSchema = describe(Grid);
-DSGridWithSchema.propTypes = propTypes;
-
-export { DSGridWithSchema, Grid as default };

package/esm/GridItem.js

@@ -1,21 +0,0 @@
-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 };

package/esm/defaultProps.js

@@ -1,11 +0,0 @@
-const defaultProps = {
-  rows: [],
-  cols: [],
-  className: '',
-  justify: 'flex-start',
-  gutter: 0,
-  wrap: 'wrap',
-  span: 1
-};
-
-export { defaultProps };

package/esm/index.js

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

package/esm/propTypes.js

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

package/esm/types.js

@@ -1 +0,0 @@
-

package/esm/utils/constants.js

@@ -1,5 +0,0 @@
-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 };