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

package/cjs/Grid.js

@@ -2,9 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _extends = require('@babel/runtime/helpers/extends');
 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');
@@ -12,45 +18,42 @@ var dsSystem = require('@elliemae/ds-system');
 var propTypes = require('./propTypes.js');
 var GridItem = require('./GridItem.js');
 var defaultProps = require('./defaultProps.js');
-require('./utils/constants.js');
-require('styled-components');
-require('styled-system');
-require('./utils/styles.js');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+var jsxRuntime = require('react/jsx-runtime');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
 var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap"];
+const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, ref) {
-  var rows = props.rows,
-      cols = props.cols,
-      alignItems = props.alignItems,
-      children = props.children,
-      className = props.className,
-      justify = props.justify,
-      gutter = props.gutter,
-      wrap = props.wrap,
-      rest = _objectWithoutProperties__default['default'](props, _excluded);
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { 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
+  } = props,
+        rest = _objectWithoutProperties__default["default"](props, _excluded);
 
-  var isSpanParent = true;
-  var renderChildren = React__default['default'].Children.map(children, function (child) {
+  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) {
-      var _child$props = child.props,
-          wc = _child$props.width,
-          hc = _child$props.height,
-          span = _child$props.span;
+      const {
+        width: wc,
+        height: hc,
+        span
+      } = child.props;
       if (!span) isSpanParent = false;
-      return /*#__PURE__*/React__default['default'].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
+      return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
         width: dsSystem.fixSpaceGutter(wc),
         height: dsSystem.fixSpaceGutter(hc)
       }));
@@ -58,7 +61,7 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
 
     return child;
   });
-  return /*#__PURE__*/React__default['default'].createElement(GridItem.GridItem, _extends__default['default']({
+  return /*#__PURE__*/jsxRuntime.jsx(GridItem.GridItem, _objectSpread(_objectSpread({
     alignItems: alignItems,
     className: className,
     cols: cols,
@@ -67,18 +70,18 @@ var Grid = /*#__PURE__*/React__default['default'].forwardRef(function (props, re
     justify: justify,
     rows: rows,
     wrap: wrap,
-    childNumber: React__default['default'].Children.count(children),
+    childNumber: React__default["default"].Children.count(children),
     ref: ref
-  }, rest), renderChildren);
+  }, 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;
-Grid.propTypes = propTypes.propTypes;
-var DSGridWithSchema = reactDesc.describe(Grid);
+const DSGridWithSchema = reactDesc.describe(Grid);
 DSGridWithSchema.propTypes = propTypes.propTypes;
 
 exports.DSGridWithSchema = DSGridWithSchema;
-exports['default'] = Grid;
-//# sourceMappingURL=Grid.js.map
+exports["default"] = Grid;

package/cjs/GridItem.js

@@ -5,24 +5,25 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var styled = require('styled-components');
 var styledSystem = require('styled-system');
 var dsSystem = require('@elliemae/ds-system');
-var utils_styles = require('./utils/styles.js');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
+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 */
-var GridItem = /*#__PURE__*/styled__default['default'].div.withConfig({
+const GridItem = /*#__PURE__*/styled__default["default"].div.withConfig({
   componentId: "sc-1ch24x4-0"
-})(["display:grid;display:-ms-grid;column-gap:", ";row-gap:", ";", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref) {
-  var gutter = _ref.gutter;
+})(["display:grid;display:-ms-grid;column-gap:", ";row-gap:", ";", " ", " ", " ", " ", " ", " ", " ", " ", ""], _ref => {
+  let {
+    gutter
+  } = _ref;
   return dsSystem.mapGap(gutter);
-}, function (_ref2) {
-  var gutter = _ref2.gutter;
+}, _ref2 => {
+  let {
+    gutter
+  } = _ref2;
   return dsSystem.mapGap(gutter);
-}, styledSystem.grid, styledSystem.flexbox, styledSystem.justifyContent, styledSystem.space, styledSystem.height, styledSystem.width, utils_styles.manageCols, utils_styles.manageRows, utils_styles.manageSpan);
+}, styledSystem.grid, styledSystem.flexbox, styledSystem.justifyContent, styledSystem.space, styledSystem.height, styledSystem.width, styles.manageCols, styles.manageRows, styles.manageSpan);
 
 exports.GridItem = GridItem;
-//# sourceMappingURL=GridItem.js.map

package/cjs/defaultProps.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var defaultProps = {
+const defaultProps = {
   rows: [],
   cols: [],
   className: '',
@@ -13,4 +13,3 @@ var defaultProps = {
 };
 
 exports.defaultProps = defaultProps;
-//# sourceMappingURL=defaultProps.js.map

package/cjs/index.js

@@ -3,28 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Grid = require('./Grid.js');
-require('@babel/runtime/helpers/extends');
-require('@babel/runtime/helpers/defineProperty');
-require('@babel/runtime/helpers/objectWithoutProperties');
-require('react');
-require('react-desc');
-require('lodash');
-require('@elliemae/ds-system');
-require('./propTypes.js');
-require('./utils/constants.js');
-require('./GridItem.js');
-require('styled-components');
-require('styled-system');
-require('./utils/styles.js');
-require('@babel/runtime/helpers/typeof');
-require('@babel/runtime/helpers/taggedTemplateLiteral');
-require('./defaultProps.js');
 
 
 
 exports.DSGridWithSchema = Grid.DSGridWithSchema;
-exports.Grid = Grid['default'];
-exports.GridContainer = Grid['default'];
-exports.GridItem = Grid['default'];
-exports.default = Grid['default'];
-//# sourceMappingURL=index.js.map
+exports.Grid = Grid["default"];
+exports.GridContainer = Grid["default"];
+exports.GridItem = Grid["default"];
+exports["default"] = Grid["default"];

package/cjs/propTypes.js

@@ -3,28 +3,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactDesc = require('react-desc');
-var utils_constants = require('./utils/constants.js');
+var constants = require('./utils/constants.js');
 
-var rowColBreakpoints = reactDesc.PropTypes.shape({
+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]))
 });
-var spanBreakpoints = reactDesc.PropTypes.shape({
+const spanBreakpoints = reactDesc.PropTypes.shape({
   small: reactDesc.PropTypes.number,
   medium: reactDesc.PropTypes.number,
   large: reactDesc.PropTypes.number
 });
-var propTypes = {
+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(utils_constants.alignItemsPlacement).description('flex-like align items prop'),
+  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(utils_constants.justifyPlacement).description('flex-like justify prop').defaultValue(utils_constants.justifyPlacement[0]),
+  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(utils_constants.wrap).description('Wrap type').defaultValue(utils_constants.wrap[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.'),
@@ -44,4 +44,3 @@ var propTypes = {
 };
 
 exports.propTypes = propTypes;
-//# sourceMappingURL=propTypes.js.map

package/cjs/types.js

@@ -1,3 +1,2 @@
 'use strict';
 
-//# sourceMappingURL=types.js.map

package/cjs/utils/constants.js

@@ -2,11 +2,10 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var justifyPlacement = ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'];
-var alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'];
-var wrap = ['wrap', 'nowrap', 'wrap-reverse'];
+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;
-//# sourceMappingURL=constants.js.map

package/cjs/utils/styles.js

@@ -2,25 +2,30 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _typeof = require('@babel/runtime/helpers/typeof');
 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 _typeof__default = /*#__PURE__*/_interopDefaultLegacy(_typeof);
 var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
 
 var _templateObject, _templateObject2, _templateObject3;
-var manageSpan = dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default['default'](["\n  ", "\n"])), function (_ref) {
-  var isSpanParent = _ref.isSpanParent,
-      span = _ref.span,
-      theme = _ref.theme;
+const manageSpan = dsSystem.css(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n  ", "\n"])), _ref => {
+  let {
+    isSpanParent,
+    span,
+    theme
+  } = _ref;
   if (!isSpanParent) return '';
 
-  if (_typeof__default['default'](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          ");
@@ -34,19 +39,19 @@ var manageSpan = dsSystem.css(_templateObject || (_templateObject = _taggedTempl
 
   return "\n  -ms-grid-column: auto / span ".concat(span, ";\n  grid-column: auto / span ").concat(span, ";");
 });
-var manageCols = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default['default'](["\n  ", "\n"])), function (_ref2) {
-  var cols = _ref2.cols,
-      theme = _ref2.theme,
-      isSpanParent = _ref2.isSpanParent;
-
-  if (_typeof__default['default'](cols) === 'object' && !Array.isArray(cols)) {
-    var data = '';
-    Object.keys(theme.media).forEach(function (key) {
+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])) {
-        var mtg = dsSystem.mapTemplateGrid(cols[key]).join(' ');
-        var mtgs = dsSystem.mapTemplateGrid(cols[key]).map(function (c) {
-          return "minmax(0, ".concat(c, ")");
-        }).join(' ');
+        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', ";");
@@ -65,10 +70,8 @@ var manageCols = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTem
   }
 
   if (Array.isArray(cols)) {
-    var mtg = dsSystem.mapTemplateGrid(cols).join(' ');
-    var mtgs = dsSystem.mapTemplateGrid(cols).map(function (c) {
-      return "minmax(0, ".concat(c, ")");
-    }).join(' ');
+    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    ");
   }
 
@@ -78,19 +81,19 @@ var manageCols = dsSystem.css(_templateObject2 || (_templateObject2 = _taggedTem
 
   return '';
 });
-var manageRows = dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default['default'](["\n  ", "\n"])), function (_ref3) {
-  var rows = _ref3.rows,
-      theme = _ref3.theme,
-      isSpanParent = _ref3.isSpanParent;
-
-  if (_typeof__default['default'](rows) === 'object' && !Array.isArray(rows)) {
-    var data = '';
-    Object.keys(theme.media).forEach(function (key) {
+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])) {
-        var mtg = dsSystem.mapTemplateGrid(rows[key]).join(' ');
-        var mtgs = dsSystem.mapTemplateGrid(rows[key]).map(function (c) {
-          return "minmax(0, ".concat(c, ")");
-        }).join(' ');
+        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', ";");
@@ -109,10 +112,8 @@ var manageRows = dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTem
   }
 
   if (Array.isArray(rows)) {
-    var mtg = dsSystem.mapTemplateGrid(rows).join(' ');
-    var mtgs = dsSystem.mapTemplateGrid(rows).map(function (c) {
-      return "minmax(0, ".concat(c, ")");
-    }).join(' ');
+    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    ");
   }
 
@@ -126,4 +127,3 @@ var manageRows = dsSystem.css(_templateObject3 || (_templateObject3 = _taggedTem
 exports.manageCols = manageCols;
 exports.manageRows = manageRows;
 exports.manageSpan = manageSpan;
-//# sourceMappingURL=styles.js.map

package/esm/Grid.js

@@ -1,6 +1,12 @@
-import _extends from '@babel/runtime/helpers/esm/extends';
 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';
@@ -8,36 +14,34 @@ import { fixSpaceGutter } from '@elliemae/ds-system';
 import { propTypes } from './propTypes.js';
 import { GridItem } from './GridItem.js';
 import { defaultProps } from './defaultProps.js';
-import './utils/constants.js';
-import 'styled-components';
-import 'styled-system';
-import './utils/styles.js';
-import '@babel/runtime/helpers/esm/typeof';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
+import { jsx } from 'react/jsx-runtime';
 
-var _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap"];
+const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap"];
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
-var Grid = /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var rows = props.rows,
-      cols = props.cols,
-      alignItems = props.alignItems,
-      children = props.children,
-      className = props.className,
-      justify = props.justify,
-      gutter = props.gutter,
-      wrap = props.wrap,
-      rest = _objectWithoutProperties(props, _excluded);
+const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
+  const {
+    rows,
+    cols,
+    alignItems,
+    children,
+    className,
+    justify,
+    gutter,
+    wrap
+  } = props,
+        rest = _objectWithoutProperties(props, _excluded);
 
-  var isSpanParent = true;
-  var renderChildren = React.Children.map(children, function (child) {
+  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) {
-      var _child$props = child.props,
-          wc = _child$props.width,
-          hc = _child$props.height,
-          span = _child$props.span;
+      const {
+        width: wc,
+        height: hc,
+        span
+      } = child.props;
       if (!span) isSpanParent = false;
       return /*#__PURE__*/React.cloneElement(child, _objectSpread(_objectSpread({}, child.props), {}, {
         width: fixSpaceGutter(wc),
@@ -47,7 +51,7 @@ var Grid = /*#__PURE__*/React.forwardRef(function (props, ref) {
 
     return child;
   });
-  return /*#__PURE__*/React.createElement(GridItem, _extends({
+  return /*#__PURE__*/jsx(GridItem, _objectSpread(_objectSpread({
     alignItems: alignItems,
     className: className,
     cols: cols,
@@ -58,15 +62,15 @@ var Grid = /*#__PURE__*/React.forwardRef(function (props, ref) {
     wrap: wrap,
     childNumber: React.Children.count(children),
     ref: ref
-  }, rest), renderChildren);
+  }, 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;
-Grid.propTypes = propTypes;
-var DSGridWithSchema = describe(Grid);
+const DSGridWithSchema = describe(Grid);
 DSGridWithSchema.propTypes = propTypes;
 
 export { DSGridWithSchema, Grid as default };
-//# sourceMappingURL=Grid.js.map

package/esm/GridItem.js

@@ -2,19 +2,20 @@ import styled from 'styled-components';
 import { grid, flexbox, justifyContent, space, height, width } from 'styled-system';
 import { mapGap } from '@elliemae/ds-system';
 import { manageCols, manageRows, manageSpan } from './utils/styles.js';
-import '@babel/runtime/helpers/esm/typeof';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
 
 /* eslint-disable max-lines */
-var GridItem = /*#__PURE__*/styled.div.withConfig({
+const GridItem = /*#__PURE__*/styled.div.withConfig({
   componentId: "sc-1ch24x4-0"
-})(["display:grid;display:-ms-grid;column-gap:", ";row-gap:", ";", " ", " ", " ", " ", " ", " ", " ", " ", ""], function (_ref) {
-  var gutter = _ref.gutter;
+})(["display:grid;display:-ms-grid;column-gap:", ";row-gap:", ";", " ", " ", " ", " ", " ", " ", " ", " ", ""], _ref => {
+  let {
+    gutter
+  } = _ref;
   return mapGap(gutter);
-}, function (_ref2) {
-  var gutter = _ref2.gutter;
+}, _ref2 => {
+  let {
+    gutter
+  } = _ref2;
   return mapGap(gutter);
 }, grid, flexbox, justifyContent, space, height, width, manageCols, manageRows, manageSpan);
 
 export { GridItem };
-//# sourceMappingURL=GridItem.js.map

package/esm/defaultProps.js

@@ -1,4 +1,4 @@
-var defaultProps = {
+const defaultProps = {
   rows: [],
   cols: [],
   className: '',
@@ -9,4 +9,3 @@ var defaultProps = {
 };
 
 export { defaultProps };
-//# sourceMappingURL=defaultProps.js.map

package/esm/index.js

@@ -1,18 +1 @@
 export { DSGridWithSchema, default as Grid, default as GridContainer, default as GridItem, default } from './Grid.js';
-import '@babel/runtime/helpers/esm/extends';
-import '@babel/runtime/helpers/esm/defineProperty';
-import '@babel/runtime/helpers/esm/objectWithoutProperties';
-import 'react';
-import 'react-desc';
-import 'lodash';
-import '@elliemae/ds-system';
-import './propTypes.js';
-import './utils/constants.js';
-import './GridItem.js';
-import 'styled-components';
-import 'styled-system';
-import './utils/styles.js';
-import '@babel/runtime/helpers/esm/typeof';
-import '@babel/runtime/helpers/esm/taggedTemplateLiteral';
-import './defaultProps.js';
-//# sourceMappingURL=index.js.map

package/esm/propTypes.js

@@ -1,17 +1,17 @@
 import { PropTypes } from 'react-desc';
 import { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants.js';
 
-var rowColBreakpoints = PropTypes.shape({
+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]))
 });
-var spanBreakpoints = PropTypes.shape({
+const spanBreakpoints = PropTypes.shape({
   small: PropTypes.number,
   medium: PropTypes.number,
   large: PropTypes.number
 });
-var propTypes = {
+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.'),
@@ -40,4 +40,3 @@ var propTypes = {
 };
 
 export { propTypes };
-//# sourceMappingURL=propTypes.js.map

package/esm/types.js

@@ -1,2 +1 @@
 
-//# sourceMappingURL=types.js.map

package/esm/utils/constants.js

@@ -1,6 +1,5 @@
-var justifyPlacement = ['flex-start', 'center', 'flex-end', 'space-between', 'space-around', 'space-evenly'];
-var alignItemsPlacement = ['flex-start', 'center', 'flex-end', 'stretch', 'baseline'];
-var wrap = ['wrap', 'nowrap', 'wrap-reverse'];
+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