@elliemae/ds-grid 3.10.3 → 3.11.0-next.2

package/dist/cjs/Grid.js

@@ -33,31 +33,19 @@ var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_ds_utilities = require("@elliemae/ds-utilities");
-var import_lodash = require("lodash");
-var import_ds_system = require("@elliemae/ds-system");
 var import_react_desc_prop_types = require("./react-desc-prop-types");
 var import_GridItem = require("./GridItem");
+var import_useGrid = require("./config/useGrid");
 const Grid = import_react.default.forwardRef((props, ref) => {
-  const { children, ...propsWithoutChildren } = props;
-  const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(propsWithoutChildren, import_react_desc_prop_types.defaultProps);
-  const { rows, cols, alignItems, className, justify, gutter, wrap, width, height, ...rest } = propsWithDefaults;
-  let isSpanParent = true;
-  const renderChildren = import_react.default.Children.map(children, (child) => {
-    if ((0, import_lodash.get)(child, "child.type.name") === "Grid" || (0, import_lodash.get)(child, "type.displayName") === "Grid" || parseInt((0, import_lodash.get)(child, "props.span", 0), 10) > 0) {
-      const { width: wc, height: hc, span } = child.props;
-      if (!span)
-        isSpanParent = false;
-      return import_react.default.cloneElement(child, {
-        ...child.props,
-        width: (0, import_ds_system.fixSpaceGutter)(wc),
-        height: (0, import_ds_system.fixSpaceGutter)(hc)
-      });
-    }
-    return child;
-  });
+  const {
+    propsWithDefaults: { alignItems, cols, children, rows, gutter, justify, wrap, width, height },
+    globalProps,
+    xstyledProps,
+    isSpanParent,
+    renderChildren
+  } = (0, import_useGrid.useGrid)(props);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_GridItem.GridItem, {
     alignItems,
-    className,
     cols,
     gutter,
     isSpanParent,
@@ -66,7 +54,8 @@ const Grid = import_react.default.forwardRef((props, ref) => {
     wrap,
     childNumber: import_react.default.Children.count(children),
     ref,
-    ...rest,
+    ...globalProps,
+    ...xstyledProps,
     w: width,
     h: height,
     children: renderChildren
@@ -74,7 +63,6 @@ const Grid = import_react.default.forwardRef((props, ref) => {
 });
 Grid.displayName = "Grid";
 Grid.propTypes = import_react_desc_prop_types.DSGridPropTypes;
-Grid.displayName = "Grid";
 const DSGridWithSchema = (0, import_ds_utilities.describe)(Grid);
 DSGridWithSchema.propTypes = import_react_desc_prop_types.DSGridPropTypes;
 var Grid_default = Grid;

package/dist/cjs/Grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/Grid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { DSGridT, DSGridPropTypes, defaultProps } from './react-desc-prop-types';\nimport { GridItem } from './GridItem';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const { children, ...propsWithoutChildren } = props;\n  const propsWithDefaults = useMemoMergePropsWithDefault(propsWithoutChildren, defaultProps);\n\n  const { rows, cols, alignItems, className, justify, gutter, wrap, width, height, ...rest } = propsWithDefaults;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0) as string, 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = (child as React.ReactElement).props as Required<DSGridT.Props>;\n      if (!span) isSpanParent = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return React.cloneElement(child as React.ReactElement, {\n        ...(child as React.ReactElement).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      w={width}\n      h={height}\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\nGrid.propTypes = DSGridPropTypes;\nGrid.displayName = 'Grid';\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,0BAAuD;AACvD,oBAAoB;AACpB,uBAA+B;AAC/B,mCAAuD;AACvD,sBAAyB;AAEzB,MAAM,OAAO,aAAAA,QAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAAM,EAAE,aAAa,qBAAqB,IAAI;AAC9C,QAAM,wBAAoB,kDAA6B,sBAAsB,yCAAY;AAEzF,QAAM,EAAE,MAAM,MAAM,YAAY,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAW,KAAK,IAAI;AAE7F,MAAI,eAAe;AAEnB,QAAM,iBAAiB,aAAAA,QAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,YACE,mBAAI,OAAO,iBAAiB,MAAM,cAClC,mBAAI,OAAO,kBAAkB,MAAM,UACnC,aAAS,mBAAI,OAAO,cAAc,CAAC,GAAa,EAAE,IAAI,GACtD;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,KAAK,IAAK,MAA6B;AACtE,UAAI,CAAC;AAAM,uBAAe;AAE1B,aAAO,aAAAA,QAAM,aAAa,OAA6B;AAAA,QACrD,GAAI,MAA6B;AAAA,QACjC,WAAO,iCAAe,EAAE;AAAA,QACxB,YAAQ,iCAAe,EAAE;AAAA,MAC3B,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAAA,IAC1C;AAAA,IACC,GAAG;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IAEF;AAAA,GACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,KAAK,cAAc;AACnB,MAAM,uBAAmB,8BAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSGridT, DSGridPropTypes } from './react-desc-prop-types';\nimport { GridItem } from './GridItem';\nimport { useGrid } from './config/useGrid';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const {\n    propsWithDefaults: { alignItems, cols, children, rows, gutter, justify, wrap, width, height },\n    globalProps,\n    xstyledProps,\n    isSpanParent,\n    renderChildren,\n  } = useGrid(props);\n\n  return (\n    <GridItem\n      alignItems={alignItems}\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      {...globalProps}\n      {...xstyledProps}\n      w={width}\n      h={height}\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\nGrid.propTypes = DSGridPropTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAAA,mBAAkB;AAClB,0BAAyB;AACzB,mCAAyC;AACzC,sBAAyB;AACzB,qBAAwB;AAExB,MAAM,OAAO,aAAAA,QAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAAM;AAAA,IACJ,mBAAmB,EAAE,YAAY,MAAM,UAAU,MAAM,QAAQ,SAAS,MAAM,OAAO,OAAO;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,wBAAQ,KAAK;AAEjB,SACE,4CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,aAAAA,QAAM,SAAS,MAAM,QAAQ;AAAA,IAC1C;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IAEF;AAAA,GACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,MAAM,uBAAmB,8BAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
   "names": ["React"]
 }

package/dist/cjs/config/useGrid.js

@@ -0,0 +1,45 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useGrid_exports = {};
+__export(useGrid_exports, {
+  useGrid: () => useGrid
+});
+module.exports = __toCommonJS(useGrid_exports);
+var React = __toESM(require("react"));
+var import_ds_utilities = require("@elliemae/ds-utilities");
+var import_react_desc_prop_types = require("../react-desc-prop-types");
+var import_useRenderChildren = require("./useRenderChildren");
+var import_useValidateProps = require("./useValidateProps");
+const useGrid = (props) => {
+  const { children, ...propsWithoutChildren } = props;
+  const propsWithDefaults = (0, import_ds_utilities.useMemoMergePropsWithDefault)(propsWithoutChildren, import_react_desc_prop_types.defaultProps);
+  propsWithDefaults.children = children;
+  (0, import_useValidateProps.useValidateProps)(propsWithDefaults, import_react_desc_prop_types.DSGridPropTypes);
+  const globalProps = (0, import_ds_utilities.useGetGlobalAttributes)(propsWithDefaults);
+  const xstyledProps = (0, import_ds_utilities.useGetXstyledProps)(propsWithDefaults);
+  const { isSpanParent, renderChildren } = (0, import_useRenderChildren.useRenderChildren)(propsWithDefaults);
+  return { propsWithDefaults, globalProps, xstyledProps, isSpanParent, renderChildren };
+};
+//# sourceMappingURL=useGrid.js.map

package/dist/cjs/config/useGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useGrid.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { DSGridT, DSGridPropTypes, defaultProps } from '../react-desc-prop-types';\nimport { useRenderChildren } from './useRenderChildren';\nimport { useValidateProps } from './useValidateProps';\n\nexport const useGrid = (props: DSGridT.Props) => {\n  const { children, ...propsWithoutChildren } = props;\n\n  // =========================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =========================================================================\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGridT.InternalProps>(propsWithoutChildren, defaultProps);\n  // children prop create the Maximum call stack size exceeded inside useMemoMergePropsWithDefault\n  propsWithDefaults.children = children;\n  useValidateProps(propsWithDefaults, DSGridPropTypes);\n  // ===========================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // ===========================================================================\n  const globalProps = useGetGlobalAttributes<DSGridT.InternalProps>(propsWithDefaults);\n  const xstyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const { isSpanParent, renderChildren } = useRenderChildren(propsWithDefaults);\n\n  return { propsWithDefaults, globalProps, xstyledProps, isSpanParent, renderChildren };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAAyF;AACzF,mCAAuD;AACvD,+BAAkC;AAClC,8BAAiC;AAE1B,MAAM,UAAU,CAAC,UAAyB;AAC/C,QAAM,EAAE,aAAa,qBAAqB,IAAI;AAK9C,QAAM,wBAAoB,kDAAoD,sBAAsB,yCAAY;AAEhH,oBAAkB,WAAW;AAC7B,gDAAiB,mBAAmB,4CAAe;AAInD,QAAM,kBAAc,4CAA8C,iBAAiB;AACnF,QAAM,mBAAe,wCAAmB,iBAAiB;AAEzD,QAAM,EAAE,cAAc,eAAe,QAAI,4CAAkB,iBAAiB;AAE5E,SAAO,EAAE,mBAAmB,aAAa,cAAc,cAAc,eAAe;AACtF;",
+  "names": []
+}

package/dist/cjs/config/useRenderChildren.js

@@ -0,0 +1,52 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var useRenderChildren_exports = {};
+__export(useRenderChildren_exports, {
+  useRenderChildren: () => useRenderChildren
+});
+module.exports = __toCommonJS(useRenderChildren_exports);
+var React = __toESM(require("react"));
+var import_react = __toESM(require("react"));
+var import_lodash = require("lodash");
+var import_ds_system = require("@elliemae/ds-system");
+const useRenderChildren = (props) => {
+  const { children } = props;
+  let isSpanParent = true;
+  const renderChildren = import_react.default.Children.map(children, (child) => {
+    if ((0, import_lodash.get)(child, "child.type.name") === "Grid" || (0, import_lodash.get)(child, "type.displayName") === "Grid" || parseInt((0, import_lodash.get)(child, "props.span", 0), 10) > 0) {
+      const { width: wc, height: hc, span } = child.props;
+      if (!span)
+        isSpanParent = false;
+      return import_react.default.cloneElement(child, {
+        ...child.props,
+        width: (0, import_ds_system.fixSpaceGutter)(wc),
+        height: (0, import_ds_system.fixSpaceGutter)(hc)
+      });
+    }
+    return child;
+  });
+  return { isSpanParent, renderChildren };
+};
+//# sourceMappingURL=useRenderChildren.js.map

package/dist/cjs/config/useRenderChildren.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useRenderChildren.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { DSGridT } from '../react-desc-prop-types';\n\nexport const useRenderChildren = (props: DSGridT.InternalProps) => {\n  const { children } = props;\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0) as string, 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = (child as React.ReactElement).props as Required<DSGridT.Props>;\n      if (!span) isSpanParent = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return React.cloneElement(child as React.ReactElement, {\n        ...(child as React.ReactElement).props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return { isSpanParent, renderChildren };\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,oBAAoB;AACpB,uBAA+B;AAGxB,MAAM,oBAAoB,CAAC,UAAiC;AACjE,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,eAAe;AAEnB,QAAM,iBAAiB,aAAAA,QAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,YACE,mBAAI,OAAO,iBAAiB,MAAM,cAClC,mBAAI,OAAO,kBAAkB,MAAM,UACnC,aAAS,mBAAI,OAAO,cAAc,CAAC,GAAa,EAAE,IAAI,GACtD;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,KAAK,IAAK,MAA6B;AACtE,UAAI,CAAC;AAAM,uBAAe;AAE1B,aAAO,aAAAA,QAAM,aAAa,OAA6B;AAAA,QACrD,GAAI,MAA6B;AAAA,QACjC,WAAO,iCAAe,EAAE;AAAA,QACxB,YAAQ,iCAAe,EAAE;AAAA,MAC3B,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC;AAED,SAAO,EAAE,cAAc,eAAe;AACxC;",
+  "names": ["React"]
+}

package/dist/cjs/{types.js → config/useValidateProps.js}

@@ -5,6 +5,10 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 var __copyProps = (to, from, except, desc) => {
   if (from && typeof from === "object" || typeof from === "function") {
     for (let key of __getOwnPropNames(from))
@@ -18,7 +22,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var types_exports = {};
-module.exports = __toCommonJS(types_exports);
+var useValidateProps_exports = {};
+__export(useValidateProps_exports, {
+  useValidateProps: () => useValidateProps
+});
+module.exports = __toCommonJS(useValidateProps_exports);
 var React = __toESM(require("react"));
-//# sourceMappingURL=types.js.map
+var import_ds_utilities = require("@elliemae/ds-utilities");
+const useValidateProps = (props, propTypes) => {
+  (0, import_ds_utilities.useValidateTypescriptPropTypes)(props, propTypes);
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/cjs/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/config/useValidateProps.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { WeakValidationMap } from 'react';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { DSGridT } from '../react-desc-prop-types';\n\nexport const useValidateProps = (props: DSGridT.InternalProps, propTypes: WeakValidationMap<unknown>) => {\n  useValidateTypescriptPropTypes(props, propTypes);\n};\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA+C;AAGxC,MAAM,mBAAmB,CAAC,OAA8B,cAA0C;AACvG,0DAA+B,OAAO,SAAS;AACjD;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -25,12 +25,13 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 __export(src_exports, {
   DSGridWithSchema: () => import_Grid.DSGridWithSchema,
-  Grid: () => import_Grid.Grid,
+  Grid: () => import_Grid.default,
   GridContainer: () => import_Grid.default,
   GridItem: () => import_Grid.default,
-  default: () => import_Grid.default
+  default: () => src_default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 var import_Grid = __toESM(require("./Grid"));
+var src_default = import_Grid.default;
 //# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default, Grid, default as GridContainer, default as GridItem, DSGridWithSchema } from './Grid';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAA+F;",
-  "names": []
+  "sourcesContent": ["import type {} from '@xstyled/system';\nimport Grid, { DSGridWithSchema } from './Grid';\n\nexport default Grid;\nexport { Grid, Grid as GridContainer, Grid as GridItem, DSGridWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA,0BAAAA;AAAA,EAAA,iCAAAA;AAAA,EAAA,4BAAAA;AAAA,EAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,kBAAuC;AAEvC,IAAO,cAAQ,YAAAC;",
+  "names": ["Grid", "Grid"]
 }

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants';\n\nexport declare namespace DSGridT {\n  interface RowColBreakpoints {\n    small?: string | number[];\n    medium?: string | number[];\n    large?: string | number[];\n  }\n\n  type Shadow = 'xs' | 's' | 'm' | 'l' | 'xs';\n\n  interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  interface IProps {\n    height?: string;\n    width?: string;\n    rows?: string[] | string | number[] | RowColBreakpoints;\n    cols?: string[] | string | number[] | RowColBreakpoints;\n    justifyContent?: typeof justifyPlacement[number];\n    alignItems?: typeof alignItemsPlacement[number];\n    children?: React.ReactNode;\n    className?: string;\n    justify?: typeof justifyPlacement[number];\n    gutter?: string | number;\n    backgroundColor?: string;\n    border?: string;\n    wrap?: typeof wrap[number];\n    span?: number;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n\n  export interface ItemProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    alignItems: typeof alignItemsPlacement[number];\n    children: React.ReactNode;\n    className: string;\n    justify: typeof justifyPlacement[number];\n    gutter: string | number;\n    wrap: typeof wrap[number];\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    ref: React.ForwardedRef<HTMLDivElement>;\n    boxShadow?: Shadow;\n    backgroundColor?: string;\n    bg?: string;\n  }\n}\n\nexport const defaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  gutter: 0,\n  wrap: 'wrap',\n  span: 1,\n};\n\n// =============================================================================\n// PropTypes\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 DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\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  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants';\n\nexport declare namespace DSGridT {\n  interface RowColBreakpoints {\n    small?: string | number[];\n    medium?: string | number[];\n    large?: string | number[];\n  }\n\n  interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  type JustifyPlacement = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';\n  type AlignItemsPlacement = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';\n  type BoxShadow = 'xs' | 's' | 'm' | 'l' | 'xl';\n\n  export interface DefaultProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    className: string;\n    justify: JustifyPlacement;\n    gutter: string | number;\n    wrap: Wrap;\n    span: number;\n  }\n\n  export interface OptionalProps {\n    height?: string;\n    width?: string;\n    justifyContent?: JustifyPlacement;\n    alignItems?: AlignItemsPlacement;\n    children?: React.ReactNode;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface ItemProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    alignItems: AlignItemsPlacement;\n    children: React.ReactNode;\n    className: string;\n    justify: JustifyPlacement;\n    gutter: string | number;\n    wrap: Wrap;\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    ref: React.ForwardedRef<HTMLDivElement>;\n    boxShadow?: BoxShadow;\n    backgroundColor?: string;\n    bg?: string;\n  }\n}\n\nexport const defaultProps: DSGridT.DefaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  gutter: 0,\n  wrap: 'wrap',\n  span: 1,\n};\n\n// =============================================================================\n// PropTypes\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 DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\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  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/Grid.js

@@ -1,32 +1,20 @@
 import * as React from "react";
 import { jsx } from "react/jsx-runtime";
 import React2 from "react";
-import { describe, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
-import { get } from "lodash";
-import { fixSpaceGutter } from "@elliemae/ds-system";
-import { DSGridPropTypes, defaultProps } from "./react-desc-prop-types";
+import { describe } from "@elliemae/ds-utilities";
+import { DSGridPropTypes } from "./react-desc-prop-types";
 import { GridItem } from "./GridItem";
+import { useGrid } from "./config/useGrid";
 const Grid = React2.forwardRef((props, ref) => {
-  const { children, ...propsWithoutChildren } = props;
-  const propsWithDefaults = useMemoMergePropsWithDefault(propsWithoutChildren, defaultProps);
-  const { rows, cols, alignItems, className, justify, gutter, wrap, width, height, ...rest } = propsWithDefaults;
-  let isSpanParent = true;
-  const renderChildren = React2.Children.map(children, (child) => {
-    if (get(child, "child.type.name") === "Grid" || get(child, "type.displayName") === "Grid" || parseInt(get(child, "props.span", 0), 10) > 0) {
-      const { width: wc, height: hc, span } = child.props;
-      if (!span)
-        isSpanParent = false;
-      return React2.cloneElement(child, {
-        ...child.props,
-        width: fixSpaceGutter(wc),
-        height: fixSpaceGutter(hc)
-      });
-    }
-    return child;
-  });
+  const {
+    propsWithDefaults: { alignItems, cols, children, rows, gutter, justify, wrap, width, height },
+    globalProps,
+    xstyledProps,
+    isSpanParent,
+    renderChildren
+  } = useGrid(props);
   return /* @__PURE__ */ jsx(GridItem, {
     alignItems,
-    className,
     cols,
     gutter,
     isSpanParent,
@@ -35,7 +23,8 @@ const Grid = React2.forwardRef((props, ref) => {
     wrap,
     childNumber: React2.Children.count(children),
     ref,
-    ...rest,
+    ...globalProps,
+    ...xstyledProps,
     w: width,
     h: height,
     children: renderChildren
@@ -43,7 +32,6 @@ const Grid = React2.forwardRef((props, ref) => {
 });
 Grid.displayName = "Grid";
 Grid.propTypes = DSGridPropTypes;
-Grid.displayName = "Grid";
 const DSGridWithSchema = describe(Grid);
 DSGridWithSchema.propTypes = DSGridPropTypes;
 var Grid_default = Grid;

package/dist/esm/Grid.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Grid.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { DSGridT, DSGridPropTypes, defaultProps } from './react-desc-prop-types';\nimport { GridItem } from './GridItem';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const { children, ...propsWithoutChildren } = props;\n  const propsWithDefaults = useMemoMergePropsWithDefault(propsWithoutChildren, defaultProps);\n\n  const { rows, cols, alignItems, className, justify, gutter, wrap, width, height, ...rest } = propsWithDefaults;\n\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0) as string, 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = (child as React.ReactElement).props as Required<DSGridT.Props>;\n      if (!span) isSpanParent = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return React.cloneElement(child as React.ReactElement, {\n        ...(child as React.ReactElement).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      w={width}\n      h={height}\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\nGrid.propTypes = DSGridPropTypes;\nGrid.displayName = 'Grid';\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,UAAU,oCAAoC;AACvD,SAAS,WAAW;AACpB,SAAS,sBAAsB;AAC/B,SAAkB,iBAAiB,oBAAoB;AACvD,SAAS,gBAAgB;AAEzB,MAAM,OAAOA,OAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAAM,EAAE,aAAa,qBAAqB,IAAI;AAC9C,QAAM,oBAAoB,6BAA6B,sBAAsB,YAAY;AAEzF,QAAM,EAAE,MAAM,MAAM,YAAY,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAW,KAAK,IAAI;AAE7F,MAAI,eAAe;AAEnB,QAAM,iBAAiBA,OAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,IAAI,OAAO,iBAAiB,MAAM,UAClC,IAAI,OAAO,kBAAkB,MAAM,UACnC,SAAS,IAAI,OAAO,cAAc,CAAC,GAAa,EAAE,IAAI,GACtD;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,KAAK,IAAK,MAA6B;AACtE,UAAI,CAAC;AAAM,uBAAe;AAE1B,aAAOA,OAAM,aAAa,OAA6B;AAAA,QACrD,GAAI,MAA6B;AAAA,QACjC,OAAO,eAAe,EAAE;AAAA,QACxB,QAAQ,eAAe,EAAE;AAAA,MAC3B,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC;AAED,SACE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAaA,OAAM,SAAS,MAAM,QAAQ;AAAA,IAC1C;AAAA,IACC,GAAG;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IAEF;AAAA,GACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,KAAK,cAAc;AACnB,MAAM,mBAAmB,SAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSGridT, DSGridPropTypes } from './react-desc-prop-types';\nimport { GridItem } from './GridItem';\nimport { useGrid } from './config/useGrid';\n\nconst Grid = React.forwardRef<HTMLDivElement, DSGridT.Props>((props, ref) => {\n  const {\n    propsWithDefaults: { alignItems, cols, children, rows, gutter, justify, wrap, width, height },\n    globalProps,\n    xstyledProps,\n    isSpanParent,\n    renderChildren,\n  } = useGrid(props);\n\n  return (\n    <GridItem\n      alignItems={alignItems}\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      {...globalProps}\n      {...xstyledProps}\n      w={width}\n      h={height}\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\nGrid.propTypes = DSGridPropTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = DSGridPropTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,OAAOA,YAAW;AAClB,SAAS,gBAAgB;AACzB,SAAkB,uBAAuB;AACzC,SAAS,gBAAgB;AACzB,SAAS,eAAe;AAExB,MAAM,OAAOA,OAAM,WAA0C,CAAC,OAAO,QAAQ;AAC3E,QAAM;AAAA,IACJ,mBAAmB,EAAE,YAAY,MAAM,UAAU,MAAM,QAAQ,SAAS,MAAM,OAAO,OAAO;AAAA,IAC5F;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,QAAQ,KAAK;AAEjB,SACE,oBAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAaA,OAAM,SAAS,MAAM,QAAQ;AAAA,IAC1C;AAAA,IACC,GAAG;AAAA,IACH,GAAG;AAAA,IACJ,GAAG;AAAA,IACH,GAAG;AAAA,IAEF;AAAA,GACH;AAEJ,CAAC;AAGD,KAAK,cAAc;AAEnB,KAAK,YAAY;AACjB,MAAM,mBAAmB,SAAS,IAAI;AACtC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
   "names": ["React"]
 }

package/dist/esm/config/useGrid.js

@@ -0,0 +1,19 @@
+import * as React from "react";
+import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from "@elliemae/ds-utilities";
+import { DSGridPropTypes, defaultProps } from "../react-desc-prop-types";
+import { useRenderChildren } from "./useRenderChildren";
+import { useValidateProps } from "./useValidateProps";
+const useGrid = (props) => {
+  const { children, ...propsWithoutChildren } = props;
+  const propsWithDefaults = useMemoMergePropsWithDefault(propsWithoutChildren, defaultProps);
+  propsWithDefaults.children = children;
+  useValidateProps(propsWithDefaults, DSGridPropTypes);
+  const globalProps = useGetGlobalAttributes(propsWithDefaults);
+  const xstyledProps = useGetXstyledProps(propsWithDefaults);
+  const { isSpanParent, renderChildren } = useRenderChildren(propsWithDefaults);
+  return { propsWithDefaults, globalProps, xstyledProps, isSpanParent, renderChildren };
+};
+export {
+  useGrid
+};
+//# sourceMappingURL=useGrid.js.map

package/dist/esm/config/useGrid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useGrid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useGetGlobalAttributes, useGetXstyledProps, useMemoMergePropsWithDefault } from '@elliemae/ds-utilities';\nimport { DSGridT, DSGridPropTypes, defaultProps } from '../react-desc-prop-types';\nimport { useRenderChildren } from './useRenderChildren';\nimport { useValidateProps } from './useValidateProps';\n\nexport const useGrid = (props: DSGridT.Props) => {\n  const { children, ...propsWithoutChildren } = props;\n\n  // =========================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =========================================================================\n  const propsWithDefaults = useMemoMergePropsWithDefault<DSGridT.InternalProps>(propsWithoutChildren, defaultProps);\n  // children prop create the Maximum call stack size exceeded inside useMemoMergePropsWithDefault\n  propsWithDefaults.children = children;\n  useValidateProps(propsWithDefaults, DSGridPropTypes);\n  // ===========================================================================\n  // GLOBAL ATTRIBUTES & XSTYLED PROPS\n  // ===========================================================================\n  const globalProps = useGetGlobalAttributes<DSGridT.InternalProps>(propsWithDefaults);\n  const xstyledProps = useGetXstyledProps(propsWithDefaults);\n\n  const { isSpanParent, renderChildren } = useRenderChildren(propsWithDefaults);\n\n  return { propsWithDefaults, globalProps, xstyledProps, isSpanParent, renderChildren };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,wBAAwB,oBAAoB,oCAAoC;AACzF,SAAkB,iBAAiB,oBAAoB;AACvD,SAAS,yBAAyB;AAClC,SAAS,wBAAwB;AAE1B,MAAM,UAAU,CAAC,UAAyB;AAC/C,QAAM,EAAE,aAAa,qBAAqB,IAAI;AAK9C,QAAM,oBAAoB,6BAAoD,sBAAsB,YAAY;AAEhH,oBAAkB,WAAW;AAC7B,mBAAiB,mBAAmB,eAAe;AAInD,QAAM,cAAc,uBAA8C,iBAAiB;AACnF,QAAM,eAAe,mBAAmB,iBAAiB;AAEzD,QAAM,EAAE,cAAc,eAAe,IAAI,kBAAkB,iBAAiB;AAE5E,SAAO,EAAE,mBAAmB,aAAa,cAAc,cAAc,eAAe;AACtF;",
+  "names": []
+}

package/dist/esm/config/useRenderChildren.js

@@ -0,0 +1,26 @@
+import * as React from "react";
+import React2 from "react";
+import { get } from "lodash";
+import { fixSpaceGutter } from "@elliemae/ds-system";
+const useRenderChildren = (props) => {
+  const { children } = props;
+  let isSpanParent = true;
+  const renderChildren = React2.Children.map(children, (child) => {
+    if (get(child, "child.type.name") === "Grid" || get(child, "type.displayName") === "Grid" || parseInt(get(child, "props.span", 0), 10) > 0) {
+      const { width: wc, height: hc, span } = child.props;
+      if (!span)
+        isSpanParent = false;
+      return React2.cloneElement(child, {
+        ...child.props,
+        width: fixSpaceGutter(wc),
+        height: fixSpaceGutter(hc)
+      });
+    }
+    return child;
+  });
+  return { isSpanParent, renderChildren };
+};
+export {
+  useRenderChildren
+};
+//# sourceMappingURL=useRenderChildren.js.map

package/dist/esm/config/useRenderChildren.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useRenderChildren.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { DSGridT } from '../react-desc-prop-types';\n\nexport const useRenderChildren = (props: DSGridT.InternalProps) => {\n  const { children } = props;\n  let isSpanParent = true;\n\n  const renderChildren = React.Children.map(children, (child: React.ReactNode) => {\n    if (\n      get(child, 'child.type.name') === 'Grid' ||\n      get(child, 'type.displayName') === 'Grid' ||\n      parseInt(get(child, 'props.span', 0) as string, 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = (child as React.ReactElement).props as Required<DSGridT.Props>;\n      if (!span) isSpanParent = false;\n      // eslint-disable-next-line @typescript-eslint/no-unsafe-argument\n      return React.cloneElement(child as React.ReactElement, {\n        ...(child as React.ReactElement).props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return { isSpanParent, renderChildren };\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB,SAAS,sBAAsB;AAGxB,MAAM,oBAAoB,CAAC,UAAiC;AACjE,QAAM,EAAE,SAAS,IAAI;AACrB,MAAI,eAAe;AAEnB,QAAM,iBAAiBA,OAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,IAAI,OAAO,iBAAiB,MAAM,UAClC,IAAI,OAAO,kBAAkB,MAAM,UACnC,SAAS,IAAI,OAAO,cAAc,CAAC,GAAa,EAAE,IAAI,GACtD;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,KAAK,IAAK,MAA6B;AACtE,UAAI,CAAC;AAAM,uBAAe;AAE1B,aAAOA,OAAM,aAAa,OAA6B;AAAA,QACrD,GAAI,MAA6B;AAAA,QACjC,OAAO,eAAe,EAAE;AAAA,QACxB,QAAQ,eAAe,EAAE;AAAA,MAC3B,CAAC;AAAA,IACH;AACA,WAAO;AAAA,EACT,CAAC;AAED,SAAO,EAAE,cAAc,eAAe;AACxC;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-utilities";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

package/dist/esm/config/useValidateProps.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { WeakValidationMap } from 'react';\nimport { useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { DSGridT } from '../react-desc-prop-types';\n\nexport const useValidateProps = (props: DSGridT.InternalProps, propTypes: WeakValidationMap<unknown>) => {\n  useValidateTypescriptPropTypes(props, propTypes);\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,sCAAsC;AAGxC,MAAM,mBAAmB,CAAC,OAA8B,cAA0C;AACvG,iCAA+B,OAAO,SAAS;AACjD;",
+  "names": []
+}

package/dist/esm/index.js

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

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, Grid, default as GridContainer, default as GridItem, DSGridWithSchema } from './Grid';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,WAAAA,UAAS,MAAiB,WAAXA,UAAqC,WAAXA,UAAqB,wBAAwB;",
-  "names": ["default"]
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@xstyled/system';\nimport Grid, { DSGridWithSchema } from './Grid';\n\nexport default Grid;\nexport { Grid, Grid as GridContainer, Grid as GridItem, DSGridWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAO,QAAQ,wBAAwB;AAEvC,IAAO,cAAQ;",
+  "names": []
 }

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants';\n\nexport declare namespace DSGridT {\n  interface RowColBreakpoints {\n    small?: string | number[];\n    medium?: string | number[];\n    large?: string | number[];\n  }\n\n  type Shadow = 'xs' | 's' | 'm' | 'l' | 'xs';\n\n  interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  interface IProps {\n    height?: string;\n    width?: string;\n    rows?: string[] | string | number[] | RowColBreakpoints;\n    cols?: string[] | string | number[] | RowColBreakpoints;\n    justifyContent?: typeof justifyPlacement[number];\n    alignItems?: typeof alignItemsPlacement[number];\n    children?: React.ReactNode;\n    className?: string;\n    justify?: typeof justifyPlacement[number];\n    gutter?: string | number;\n    backgroundColor?: string;\n    border?: string;\n    wrap?: typeof wrap[number];\n    span?: number;\n  }\n\n  export interface Props extends IProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof IProps>, XstyledProps {}\n\n  export interface ItemProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    alignItems: typeof alignItemsPlacement[number];\n    children: React.ReactNode;\n    className: string;\n    justify: typeof justifyPlacement[number];\n    gutter: string | number;\n    wrap: typeof wrap[number];\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    ref: React.ForwardedRef<HTMLDivElement>;\n    boxShadow?: Shadow;\n    backgroundColor?: string;\n    bg?: string;\n  }\n}\n\nexport const defaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  gutter: 0,\n  wrap: 'wrap',\n  span: 1,\n};\n\n// =============================================================================\n// PropTypes\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 DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\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  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n} as WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,SAAS,qBAAqB,kBAAkB,MAAM,iBAAiB;AAuDhE,MAAM,eAAe;AAAA,EAC1B,MAAM,CAAC;AAAA,EACP,MAAM,CAAC;AAAA,EACP,WAAW;AAAA,EACX,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AACR;AAKA,MAAM,oBAAoB,UAAU,MAAM;AAAA,EACxC,OAAO,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,EAClF,QAAQ,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,EACnF,OAAO,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AACpF,CAAC;AAED,MAAM,kBAAkB,UAAU,MAAM;AAAA,EACtC,OAAO,UAAU;AAAA,EACjB,QAAQ,UAAU;AAAA,EAClB,OAAO,UAAU;AACnB,CAAC;AAEM,MAAM,kBAAkB;AAAA,EAC7B,GAAG;AAAA,EACH,GAAG;AAAA,EACH,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,UAAU;AAAA,IACV;AAAA,EACF,CAAC,EACE,YAAY,kBAAkB,EAC9B,aAAa,CAAC,CAAC;AAAA,EAClB,MAAM,UAAU,UAAU;AAAA,IACxB,UAAU,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,CAAC;AAAA,IAC3E,UAAU;AAAA,IACV;AAAA,EACF,CAAC,EACE,YAAY,qBAAqB,EACjC,aAAa,CAAC,CAAC;AAAA,EAClB,MAAM,UAAU,UAAU,CAAC,UAAU,QAAQ,eAAe,CAAC,EAAE;AAAA,IAC7D;AAAA,EACF;AAAA,EACA,YAAY,UAAU,MAAM,mBAAmB,EAAE,YAAY,4BAA4B;AAAA,EACzF,UAAU,UAAU,KAAK,YAAY,gCAAgC;AAAA,EACrE,WAAW,UAAU,OAAO,YAAY,WAAW,EAAE,aAAa,EAAE;AAAA,EACpE,gBAAgB,UAAU,MAAM,gBAAgB,EAC7C,YAAY,wBAAwB,EACpC,aAAa,iBAAiB,EAAE;AAAA,EACnC,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAC7D,YAAY,0BAA0B,EACtC,aAAa,CAAC;AAAA,EACjB,MAAM,UAAU,MAAM,IAAI,EAAE,YAAY,WAAW,EAAE,aAAa,KAAK,EAAE;AAAA,EACzE,QAAQ,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,cAAc;AAAA,EAC5F,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,CAAC,EAAE,YAAY,aAAa;AAAA,EAC1F,iBAAiB,UAAU,OAAO,YAAY,wBAAwB;AAAA,EACtE,IAAI,UAAU,OAAO,YAAY,wBAAwB;AAAA,EACzD,WAAW,UAAU,MAAM,SAAS,EAAE,YAAY,wBAAwB;AAAA,EAC1E,QAAQ,UAAU,OAAO,YAAY,cAAc;AAAA,EACnD,cAAc,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAChE,aAAa,UAAU,OAAO,YAAY,oBAAoB;AAAA,EAC9D,aAAa,UAAU,OAAO,YAAY,oBAAoB;AAAA,EAC9D,aAAa,UAAU,OAAO,YAAY,oBAAoB;AAAA,EAC9D,WAAW,UAAU,OAAO,YAAY,kBAAkB;AAAA,EAC1D,cAAc,UAAU,OAAO,YAAY,qBAAqB;AAAA,EAChE,YAAY,UAAU,OAAO,YAAY,mBAAmB;AAAA,EAC5D,aAAa,UAAU,OAAO,YAAY,oBAAoB;AAAA,EAC9D,gBAAgB,UAAU,OAAO,YAAY,wBAAwB;AAAA,EACrE,gBAAgB,UAAU,OAAO,YAAY,wBAAwB;AAAA,EACrE,gBAAgB,UAAU,OAAO,YAAY,wBAAwB;AAAA,EACrE,mBAAmB,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAC3E,mBAAmB,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAC3E,mBAAmB,UAAU,OAAO,YAAY,2BAA2B;AAAA,EAC3E,kBAAkB,UAAU,OAAO,YAAY,0BAA0B;AAAA,EACzE,kBAAkB,UAAU,OAAO,YAAY,0BAA0B;AAAA,EACzE,kBAAkB,UAAU,OAAO,YAAY,0BAA0B;AAAA,EACzE,iBAAiB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EACvE,iBAAiB,UAAU,OAAO,YAAY,yBAAyB;AAAA,EACvE,iBAAiB,UAAU,OAAO,YAAY,yBAAyB;AACzE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport {\n  PropTypes,\n  globalAttributesPropTypes,\n  xstyledPropTypes,\n  GlobalAttributesT,\n  XstyledProps,\n} from '@elliemae/ds-utilities';\nimport { alignItemsPlacement, justifyPlacement, wrap, boxShadow } from './utils/constants';\n\nexport declare namespace DSGridT {\n  interface RowColBreakpoints {\n    small?: string | number[];\n    medium?: string | number[];\n    large?: string | number[];\n  }\n\n  interface SpanBreakpoints {\n    small?: number;\n    medium?: number;\n    large?: number;\n  }\n\n  type JustifyPlacement = 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';\n  type AlignItemsPlacement = 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  type Wrap = 'wrap' | 'nowrap' | 'wrap-reverse';\n  type BoxShadow = 'xs' | 's' | 'm' | 'l' | 'xl';\n\n  export interface DefaultProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    className: string;\n    justify: JustifyPlacement;\n    gutter: string | number;\n    wrap: Wrap;\n    span: number;\n  }\n\n  export interface OptionalProps {\n    height?: string;\n    width?: string;\n    justifyContent?: JustifyPlacement;\n    alignItems?: AlignItemsPlacement;\n    children?: React.ReactNode;\n  }\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps | keyof OptionalProps | keyof XstyledProps>,\n      XstyledProps {}\n\n  export interface ItemProps {\n    rows: string[] | string | number[] | RowColBreakpoints;\n    cols: string[] | string | number[] | RowColBreakpoints;\n    alignItems: AlignItemsPlacement;\n    children: React.ReactNode;\n    className: string;\n    justify: JustifyPlacement;\n    gutter: string | number;\n    wrap: Wrap;\n    childNumber: number;\n    isSpanParent: boolean;\n    span?: number | SpanBreakpoints;\n    ref: React.ForwardedRef<HTMLDivElement>;\n    boxShadow?: BoxShadow;\n    backgroundColor?: string;\n    bg?: string;\n  }\n}\n\nexport const defaultProps: DSGridT.DefaultProps = {\n  rows: [],\n  cols: [],\n  className: '',\n  justify: 'flex-start',\n  gutter: 0,\n  wrap: 'wrap',\n  span: 1,\n};\n\n// =============================================================================\n// PropTypes\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 DSGridPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  rows: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\n    rowColBreakpoints,\n  ])\n    .description('Row layout cells')\n    .defaultValue([]),\n  cols: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])),\n    PropTypes.number,\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  backgroundColor: PropTypes.string.description('Sets background color.'),\n  bg: PropTypes.string.description('Sets background color.'),\n  boxShadow: PropTypes.oneOf(boxShadow).description('Sets background color.'),\n  border: PropTypes.string.description('Sets border.'),\n  borderRadius: PropTypes.string.description('Sets border radius.'),\n  borderWidth: PropTypes.string.description('Sets border width.'),\n  borderStyle: PropTypes.string.description('Sets border style.'),\n  borderColor: PropTypes.string.description('Sets border color.'),\n  borderTop: PropTypes.string.description('Sets top border.'),\n  borderBottom: PropTypes.string.description('Sets bottom border.'),\n  borderLeft: PropTypes.string.description('Sets left border.'),\n  borderRight: PropTypes.string.description('Sets right border.'),\n  borderTopWidth: PropTypes.string.description('Sets border top width.'),\n  borderTopStyle: PropTypes.string.description('Sets border top style.'),\n  borderTopColor: PropTypes.string.description('Sets border top color.'),\n  borderBottomWidth: PropTypes.string.description('Sets border bottom width.'),\n  borderBottomStyle: PropTypes.string.description('Sets border bottom style.'),\n  borderBottomColor: PropTypes.string.description('Sets border bottom color.'),\n  borderRightWidth: PropTypes.string.description('Sets border right width.'),\n  borderRightStyle: PropTypes.string.description('Sets border right style.'),\n  borderRightColor: PropTypes.string.description('Sets border right color.'),\n  borderLeftWidth: PropTypes.string.description('Sets border left width.'),\n  borderLeftStyle: PropTypes.string.description('Sets border left style.'),\n  borderLeftColor: PropTypes.string.description('Sets border left color.'),\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "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",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-grid",
-  "version": "3.10.3",
+  "version": "3.11.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Grid",
   "files": [
@@ -63,27 +63,23 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-system": "3.10.3",
-    "@elliemae/ds-utilities": "3.10.3",
-    "@xstyled/styled-components": "~3.6.0"
+    "@elliemae/ds-system": "3.11.0-next.2",
+    "@elliemae/ds-utilities": "3.11.0-next.2"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "~5.16.4",
     "@testing-library/react": "~12.1.3",
     "@testing-library/user-event": "~13.5.0",
-    "react-test-renderer": "~17.0.2",
-    "styled-components": "~5.3.5"
+    "react-test-renderer": "~17.0.2"
   },
   "peerDependencies": {
     "lodash": "^4.17.21",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "styled-components": "^5.3.5",
-    "styled-system": "^5.1.5"
+    "react-dom": "^17.0.2"
   },
   "publishConfig": {
     "access": "public",
-    "typeSafety": false
+    "typeSafety": true
   },
   "scripts": {
     "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",

package/dist/cjs/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';\n\ninterface RowColBreakpoints {\n  small?: string | number[];\n  medium?: string | number[];\n  large?: string | number[];\n}\n\ninterface SpanBreakpoints {\n  small?: number;\n  medium?: number;\n  large?: number;\n}\n\nexport interface GridPropsT {\n  height?: string;\n  width?: string;\n  rows?: string[] | string | number[] | RowColBreakpoints;\n  cols?: string[] | string | number[] | RowColBreakpoints;\n  justifyContent?: typeof justifyPlacement[number];\n  alignItems?: typeof alignItemsPlacement[number];\n  children?: React.ReactNode;\n  className?: string;\n  justify?: typeof justifyPlacement[number];\n  gutter?: string | number;\n  wrap?: typeof wrap[number];\n  span?: number;\n  p?: string | number;\n  m?: string | number;\n  px?: string | number;\n  mx?: string | number;\n  py?: string | number;\n  my?: string | number;\n  ml?: string | number;\n  mr?: string | number;\n  mt?: string | number;\n  mb?: string | number;\n  pl?: string | number;\n  pr?: string | number;\n  pt?: string | number;\n  pb?: string | number;\n}\n\nexport interface GridPropsWithDefaultT {\n  rows: string | number[] | RowColBreakpoints;\n  cols: string | number[] | RowColBreakpoints;\n  alignItems: typeof alignItemsPlacement[number];\n  children?: React.ReactNode;\n  className: string;\n  justify: typeof justifyPlacement[number];\n  gutter: string | number;\n  wrap: typeof wrap[number];\n  span: number | SpanBreakpoints;\n}\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;ACAA,YAAuB;",
-  "names": []
-}

package/dist/esm/types.js

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=types.js.map

package/dist/esm/types.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA,YAAY,WAAW;",
-  "names": []
-}