@elliemae/ds-grid 2.2.0-alpha.3 → 2.2.0-alpha.4

package/cjs/Grid.js

@@ -28,16 +28,17 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 var Grid_exports = {};
 __export(Grid_exports, {
   DSGridWithSchema: () => DSGridWithSchema,
+  Grid: () => Grid,
   default: () => Grid_default
 });
 var React = __toESM(require("react"));
 var import_react = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_lodash = __toESM(require("lodash"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_propTypes = __toESM(require("./propTypes"));
-var import_GridItem = __toESM(require("./GridItem"));
-var import_defaultProps = __toESM(require("./defaultProps"));
+var import_react_desc = require("react-desc");
+var import_lodash = require("lodash");
+var import_ds_system = require("@elliemae/ds-system");
+var import_propTypes = require("./propTypes");
+var import_GridItem = require("./GridItem");
+var import_defaultProps = require("./defaultProps");
 const Grid = import_react.default.forwardRef((props, ref) => {
   const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;
   let isSpanParent = true;

package/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 } from 'react-desc';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { propTypes } from './propTypes';\nimport { GridItem } from './GridItem';\nimport { defaultProps } from './defaultProps';\nimport type { GridPropsT } from './types';\n\nconst Grid = React.forwardRef<HTMLDivElement, GridPropsT>((props, ref) => {\n  const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;\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), 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = child.props;\n      if (!span) isSpanParent = false;\n      return React.cloneElement(child, {\n        ...child.props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      w={width}\n      h={height}\n      {...rest}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\n// We should use props helpers to merge default props in the future, right now it causes many issues within Dimsum\nGrid.defaultProps = defaultProps;\n\nGrid.propTypes = propTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = propTypes;\n\nexport default Grid;\nexport { DSGridWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,oBAAoB;AACpB,uBAA+B;AAC/B,uBAA0B;AAC1B,sBAAyB;AACzB,0BAA6B;AAG7B,MAAM,OAAO,qBAAM,WAAuC,CAAC,OAAO,QAAQ;AACxE,QAAM,EAAE,MAAM,MAAM,YAAY,UAAU,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAW,SAAS;AAEvG,MAAI,eAAe;AAEnB,QAAM,iBAAiB,qBAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,uBAAI,OAAO,uBAAuB,UAClC,uBAAI,OAAO,wBAAwB,UACnC,SAAS,uBAAI,OAAO,cAAc,IAAI,MAAM,GAC5C;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,MAAM;AAC9C,UAAI,CAAC;AAAM,uBAAe;AAC1B,aAAO,qBAAM,aAAa,OAAO;AAAA,WAC5B,MAAM;AAAA,QACT,OAAO,qCAAe;AAAA,QACtB,QAAQ,qCAAe;AAAA;AAAA;AAG3B,WAAO;AAAA;AAGT,SACE,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,qBAAM,SAAS,MAAM;AAAA,IAClC;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,OACC;AAAA,KAEH;AAAA;AAMP,KAAK,cAAc;AAGnB,KAAK,eAAe;AAEpB,KAAK,YAAY;AACjB,MAAM,mBAAmB,gCAAS;AAClC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
+  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { propTypes } from './propTypes';\nimport { GridItem } from './GridItem';\nimport { defaultProps } from './defaultProps';\nimport type { GridPropsT } from './types';\n\nconst Grid = React.forwardRef<HTMLDivElement, GridPropsT>((props, ref) => {\n  const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;\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), 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = child.props;\n      if (!span) isSpanParent = false;\n      return React.cloneElement(child, {\n        ...child.props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      w={width}\n      h={height}\n      {...rest}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\n// We should use props helpers to merge default props in the future, right now it causes many issues within Dimsum\nGrid.defaultProps = defaultProps;\n\nGrid.propTypes = propTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = propTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,oBAAoB;AACpB,uBAA+B;AAC/B,uBAA0B;AAC1B,sBAAyB;AACzB,0BAA6B;AAG7B,MAAM,OAAO,qBAAM,WAAuC,CAAC,OAAO,QAAQ;AACxE,QAAM,EAAE,MAAM,MAAM,YAAY,UAAU,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAW,SAAS;AAEvG,MAAI,eAAe;AAEnB,QAAM,iBAAiB,qBAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,uBAAI,OAAO,uBAAuB,UAClC,uBAAI,OAAO,wBAAwB,UACnC,SAAS,uBAAI,OAAO,cAAc,IAAI,MAAM,GAC5C;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,MAAM;AAC9C,UAAI,CAAC;AAAM,uBAAe;AAC1B,aAAO,qBAAM,aAAa,OAAO;AAAA,WAC5B,MAAM;AAAA,QACT,OAAO,qCAAe;AAAA,QACtB,QAAQ,qCAAe;AAAA;AAAA;AAG3B,WAAO;AAAA;AAGT,SACE,mDAAC,0BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,qBAAM,SAAS,MAAM;AAAA,IAClC;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,OACC;AAAA,KAEH;AAAA;AAMP,KAAK,cAAc;AAGnB,KAAK,eAAe;AAEpB,KAAK,YAAY;AACjB,MAAM,mBAAmB,gCAAS;AAClC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
   "names": []
 }

package/cjs/GridItem.js

@@ -31,9 +31,9 @@ __export(GridItem_exports, {
 });
 var React = __toESM(require("react"));
 var import_styled_components = __toESM(require("styled-components"));
-var import_styled_components2 = __toESM(require("@xstyled/styled-components"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
-var import_styles = __toESM(require("./utils/styles"));
+var import_styled_components2 = require("@xstyled/styled-components");
+var import_ds_system = require("@elliemae/ds-system");
+var import_styles = require("./utils/styles");
 const GridItem = import_styled_components.default.div`
   display: grid;
   display: -ms-grid;

package/cjs/index.js

@@ -27,17 +27,13 @@ var __toCommonJS = /* @__PURE__ */ ((cache) => {
 })(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
 var src_exports = {};
 __export(src_exports, {
-  DSGridWithSchema: () => import_Grid4.DSGridWithSchema,
-  Grid: () => import_Grid.default,
-  GridContainer: () => import_Grid2.default,
-  GridItem: () => import_Grid3.default,
-  default: () => import_Grid5.default
+  DSGridWithSchema: () => import_Grid.DSGridWithSchema,
+  Grid: () => import_Grid.Grid,
+  GridContainer: () => import_Grid.default,
+  GridItem: () => import_Grid.default,
+  default: () => import_Grid.default
 });
 var React = __toESM(require("react"));
-var import_Grid = __toESM(require("./Grid"));
-var import_Grid2 = __toESM(require("./Grid"));
-var import_Grid3 = __toESM(require("./Grid"));
-var import_Grid4 = __toESM(require("./Grid"));
-var import_Grid5 = __toESM(require("./Grid"));
+var import_Grid = require("./Grid");
 module.exports = __toCommonJS(src_exports);
 //# sourceMappingURL=index.js.map

package/cjs/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export { default as Grid } from './Grid';\nexport { default as GridContainer } from './Grid';\nexport { default as GridItem } from './Grid';\nexport { DSGridWithSchema } from './Grid';\n\nexport { default } from './Grid';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,kBAAgC;AAChC,mBAAyC;AACzC,mBAAoC;AACpC,mBAAiC;AAEjC,mBAAwB;",
+  "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;ACAA,YAAuB;ADAvB,kBAA+F;",
   "names": []
 }

package/cjs/propTypes.js

@@ -30,8 +30,8 @@ __export(propTypes_exports, {
   propTypes: () => propTypes
 });
 var React = __toESM(require("react"));
-var import_react_desc = __toESM(require("react-desc"));
-var import_constants = __toESM(require("./utils/constants"));
+var import_react_desc = require("react-desc");
+var import_constants = require("./utils/constants");
 const rowColBreakpoints = import_react_desc.PropTypes.shape({
   small: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.number, import_react_desc.PropTypes.string])),
   medium: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.number, import_react_desc.PropTypes.string])),

package/cjs/utils/styles.js

@@ -32,7 +32,7 @@ __export(styles_exports, {
   manageSpan: () => manageSpan
 });
 var React = __toESM(require("react"));
-var import_ds_system = __toESM(require("@elliemae/ds-system"));
+var import_ds_system = require("@elliemae/ds-system");
 const manageSpan = import_ds_system.css`
   ${({ isSpanParent, span, theme }) => {
   if (!isSpanParent)

package/esm/Grid.js

@@ -46,6 +46,7 @@ DSGridWithSchema.propTypes = propTypes;
 var Grid_default = Grid;
 export {
   DSGridWithSchema,
+  Grid,
   Grid_default as default
 };
 //# sourceMappingURL=Grid.js.map

package/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 } from 'react-desc';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { propTypes } from './propTypes';\nimport { GridItem } from './GridItem';\nimport { defaultProps } from './defaultProps';\nimport type { GridPropsT } from './types';\n\nconst Grid = React.forwardRef<HTMLDivElement, GridPropsT>((props, ref) => {\n  const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;\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), 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = child.props;\n      if (!span) isSpanParent = false;\n      return React.cloneElement(child, {\n        ...child.props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      w={width}\n      h={height}\n      {...rest}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\n// We should use props helpers to merge default props in the future, right now it causes many issues within Dimsum\nGrid.defaultProps = defaultProps;\n\nGrid.propTypes = propTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = propTypes;\n\nexport default Grid;\nexport { DSGridWithSchema };\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { get } from 'lodash';\nimport { fixSpaceGutter } from '@elliemae/ds-system';\nimport { propTypes } from './propTypes';\nimport { GridItem } from './GridItem';\nimport { defaultProps } from './defaultProps';\nimport type { GridPropsT } from './types';\n\nconst Grid = React.forwardRef<HTMLDivElement, GridPropsT>((props, ref) => {\n  const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;\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), 10) > 0\n    ) {\n      const { width: wc, height: hc, span } = child.props;\n      if (!span) isSpanParent = false;\n      return React.cloneElement(child, {\n        ...child.props,\n        width: fixSpaceGutter(wc),\n        height: fixSpaceGutter(hc),\n      });\n    }\n    return child;\n  });\n\n  return (\n    <GridItem\n      alignItems={alignItems}\n      className={className}\n      cols={cols}\n      gutter={gutter}\n      isSpanParent={isSpanParent}\n      justify={justify}\n      rows={rows}\n      wrap={wrap}\n      childNumber={React.Children.count(children)}\n      ref={ref}\n      w={width}\n      h={height}\n      {...rest}\n    >\n      {renderChildren}\n    </GridItem>\n  );\n});\n\n// Since this component is using ForwardRef, we must provide a displayName to avoid 'undefined' name in propsTable.\nGrid.displayName = 'Grid';\n\n// We should use props helpers to merge default props in the future, right now it causes many issues within Dimsum\nGrid.defaultProps = defaultProps;\n\nGrid.propTypes = propTypes;\nconst DSGridWithSchema = describe(Grid);\nDSGridWithSchema.propTypes = propTypes;\n\nexport default Grid;\nexport { DSGridWithSchema, Grid };\n"],
   "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,OAAO,OAAM,WAAuC,CAAC,OAAO,QAAQ;AACxE,QAAM,EAAE,MAAM,MAAM,YAAY,UAAU,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAW,SAAS;AAEvG,MAAI,eAAe;AAEnB,QAAM,iBAAiB,OAAM,SAAS,IAAI,UAAU,CAAC,UAA2B;AAC9E,QACE,IAAI,OAAO,uBAAuB,UAClC,IAAI,OAAO,wBAAwB,UACnC,SAAS,IAAI,OAAO,cAAc,IAAI,MAAM,GAC5C;AACA,YAAM,EAAE,OAAO,IAAI,QAAQ,IAAI,SAAS,MAAM;AAC9C,UAAI,CAAC;AAAM,uBAAe;AAC1B,aAAO,OAAM,aAAa,OAAO;AAAA,WAC5B,MAAM;AAAA,QACT,OAAO,eAAe;AAAA,QACtB,QAAQ,eAAe;AAAA;AAAA;AAG3B,WAAO;AAAA;AAGT,SACE,qCAAC,UAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa,OAAM,SAAS,MAAM;AAAA,IAClC;AAAA,IACA,GAAG;AAAA,IACH,GAAG;AAAA,OACC;AAAA,KAEH;AAAA;AAMP,KAAK,cAAc;AAGnB,KAAK,eAAe;AAEpB,KAAK,YAAY;AACjB,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
   "names": []
 }

package/esm/index.js

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

package/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 as Grid } from './Grid';\nexport { default as GridContainer } from './Grid';\nexport { default as GridItem } from './Grid';\nexport { DSGridWithSchema } from './Grid';\n\nexport { default } from './Grid';\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export { default, Grid, default as GridContainer, default as GridItem, DSGridWithSchema } from './Grid';\n"],
+  "mappings": "AAAA;ACAA;",
   "names": []
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-grid",
-  "version": "2.2.0-alpha.3",
+  "version": "2.2.0-alpha.4",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Grid",
   "module": "./esm/index.js",
@@ -60,8 +60,11 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-system": "2.2.0-alpha.3",
-    "@xstyled/styled-components": "~3.1.1",
+    "@elliemae/ds-system": "2.2.0-alpha.4",
+    "@xstyled/core": "~3.1.2",
+    "@xstyled/styled-components": "~3.1.2",
+    "@xstyled/system": "~3.1.2",
+    "@xstyled/util": "~3.1.0",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {

package/types/Grid.d.ts

@@ -8,4 +8,4 @@ declare const DSGridWithSchema: {
     toTypescript: () => import("react-desc").TypescriptSchema;
 };
 export default Grid;
-export { DSGridWithSchema };
+export { DSGridWithSchema, Grid };

package/types/index.d.ts

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