@elliemae/ds-grid 3.0.0-alpha.0 → 3.0.0-alpha.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/cjs/Grid.js CHANGED
@@ -1,10 +1,39 @@
1
1
  var __create = Object.create;
2
2
  var __defProp = Object.defineProperty;
3
+ var __defProps = Object.defineProperties;
3
4
  var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
5
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
6
  var __getOwnPropNames = Object.getOwnPropertyNames;
7
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
8
  var __getProtoOf = Object.getPrototypeOf;
6
9
  var __hasOwnProp = Object.prototype.hasOwnProperty;
10
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
11
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
12
+ var __spreadValues = (a, b) => {
13
+ for (var prop in b || (b = {}))
14
+ if (__hasOwnProp.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ if (__getOwnPropSymbols)
17
+ for (var prop of __getOwnPropSymbols(b)) {
18
+ if (__propIsEnum.call(b, prop))
19
+ __defNormalProp(a, prop, b[prop]);
20
+ }
21
+ return a;
22
+ };
23
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
7
24
  var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
25
+ var __objRest = (source, exclude) => {
26
+ var target = {};
27
+ for (var prop in source)
28
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
29
+ target[prop] = source[prop];
30
+ if (source != null && __getOwnPropSymbols)
31
+ for (var prop of __getOwnPropSymbols(source)) {
32
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
33
+ target[prop] = source[prop];
34
+ }
35
+ return target;
36
+ };
8
37
  var __export = (target, all) => {
9
38
  for (var name in all)
10
39
  __defProp(target, name, { get: all[name], enumerable: true });
@@ -40,22 +69,21 @@ var import_propTypes = require("./propTypes");
40
69
  var import_GridItem = require("./GridItem");
41
70
  var import_defaultProps = require("./defaultProps");
42
71
  const Grid = import_react.default.forwardRef((props, ref) => {
43
- const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;
72
+ const _a = props, { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height } = _a, rest = __objRest(_a, ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap", "width", "height"]);
44
73
  let isSpanParent = true;
45
74
  const renderChildren = import_react.default.Children.map(children, (child) => {
46
75
  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) {
47
76
  const { width: wc, height: hc, span } = child.props;
48
77
  if (!span)
49
78
  isSpanParent = false;
50
- return import_react.default.cloneElement(child, {
51
- ...child.props,
79
+ return import_react.default.cloneElement(child, __spreadProps(__spreadValues({}, child.props), {
52
80
  width: (0, import_ds_system.fixSpaceGutter)(wc),
53
81
  height: (0, import_ds_system.fixSpaceGutter)(hc)
54
- });
82
+ }));
55
83
  }
56
84
  return child;
57
85
  });
58
- return /* @__PURE__ */ import_react.default.createElement(import_GridItem.GridItem, {
86
+ return /* @__PURE__ */ import_react.default.createElement(import_GridItem.GridItem, __spreadValues({
59
87
  alignItems,
60
88
  className,
61
89
  cols,
@@ -67,9 +95,8 @@ const Grid = import_react.default.forwardRef((props, ref) => {
67
95
  childNumber: import_react.default.Children.count(children),
68
96
  ref,
69
97
  w: width,
70
- h: height,
71
- ...rest
72
- }, renderChildren);
98
+ h: height
99
+ }, rest), renderChildren);
73
100
  });
74
101
  Grid.displayName = "Grid";
75
102
  Grid.defaultProps = import_defaultProps.defaultProps;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/Grid.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "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"],
5
- "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;",
5
+ "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,QAAuG,YAA/F,QAAM,MAAM,YAAY,UAAU,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAoB,IAAT,iBAAS,IAAT,CAAtF,QAAM,QAAM,cAAY,YAAU,aAAW,WAAS,UAAQ,QAAM,SAAO;AAEnF,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,iCAC5B,MAAM,QADsB;AAAA,QAE/B,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,KACC,OAEH;AAAA;AAMP,KAAK,cAAc;AAGnB,KAAK,eAAe;AAEpB,KAAK,YAAY;AACjB,MAAM,mBAAmB,gCAAS;AAClC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
6
6
  "names": []
7
7
  }
package/dist/esm/Grid.js CHANGED
@@ -1,3 +1,34 @@
1
+ var __defProp = Object.defineProperty;
2
+ var __defProps = Object.defineProperties;
3
+ var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
4
+ var __getOwnPropSymbols = Object.getOwnPropertySymbols;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __propIsEnum = Object.prototype.propertyIsEnumerable;
7
+ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
8
+ var __spreadValues = (a, b) => {
9
+ for (var prop in b || (b = {}))
10
+ if (__hasOwnProp.call(b, prop))
11
+ __defNormalProp(a, prop, b[prop]);
12
+ if (__getOwnPropSymbols)
13
+ for (var prop of __getOwnPropSymbols(b)) {
14
+ if (__propIsEnum.call(b, prop))
15
+ __defNormalProp(a, prop, b[prop]);
16
+ }
17
+ return a;
18
+ };
19
+ var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
20
+ var __objRest = (source, exclude) => {
21
+ var target = {};
22
+ for (var prop in source)
23
+ if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
24
+ target[prop] = source[prop];
25
+ if (source != null && __getOwnPropSymbols)
26
+ for (var prop of __getOwnPropSymbols(source)) {
27
+ if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
28
+ target[prop] = source[prop];
29
+ }
30
+ return target;
31
+ };
1
32
  import * as React from "react";
2
33
  import React2 from "react";
3
34
  import { describe } from "react-desc";
@@ -7,22 +38,21 @@ import { propTypes } from "./propTypes";
7
38
  import { GridItem } from "./GridItem";
8
39
  import { defaultProps } from "./defaultProps";
9
40
  const Grid = React2.forwardRef((props, ref) => {
10
- const { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height, ...rest } = props;
41
+ const _a = props, { rows, cols, alignItems, children, className, justify, gutter, wrap, width, height } = _a, rest = __objRest(_a, ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap", "width", "height"]);
11
42
  let isSpanParent = true;
12
43
  const renderChildren = React2.Children.map(children, (child) => {
13
44
  if (get(child, "child.type.name") === "Grid" || get(child, "type.displayName") === "Grid" || parseInt(get(child, "props.span", 0), 10) > 0) {
14
45
  const { width: wc, height: hc, span } = child.props;
15
46
  if (!span)
16
47
  isSpanParent = false;
17
- return React2.cloneElement(child, {
18
- ...child.props,
48
+ return React2.cloneElement(child, __spreadProps(__spreadValues({}, child.props), {
19
49
  width: fixSpaceGutter(wc),
20
50
  height: fixSpaceGutter(hc)
21
- });
51
+ }));
22
52
  }
23
53
  return child;
24
54
  });
25
- return /* @__PURE__ */ React2.createElement(GridItem, {
55
+ return /* @__PURE__ */ React2.createElement(GridItem, __spreadValues({
26
56
  alignItems,
27
57
  className,
28
58
  cols,
@@ -34,9 +64,8 @@ const Grid = React2.forwardRef((props, ref) => {
34
64
  childNumber: React2.Children.count(children),
35
65
  ref,
36
66
  w: width,
37
- h: height,
38
- ...rest
39
- }, renderChildren);
67
+ h: height
68
+ }, rest), renderChildren);
40
69
  });
41
70
  Grid.displayName = "Grid";
42
71
  Grid.defaultProps = defaultProps;
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Grid.tsx"],
4
4
  "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"],
5
- "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;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,OAAO,OAAM,WAAuC,CAAC,OAAO,QAAQ;AACxE,QAAuG,YAA/F,QAAM,MAAM,YAAY,UAAU,WAAW,SAAS,QAAQ,MAAM,OAAO,WAAoB,IAAT,iBAAS,IAAT,CAAtF,QAAM,QAAM,cAAY,YAAU,aAAW,WAAS,UAAQ,QAAM,SAAO;AAEnF,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,iCAC5B,MAAM,QADsB;AAAA,QAE/B,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,KACC,OAEH;AAAA;AAMP,KAAK,cAAc;AAGnB,KAAK,eAAe;AAEpB,KAAK,YAAY;AACjB,MAAM,mBAAmB,SAAS;AAClC,iBAAiB,YAAY;AAE7B,IAAO,eAAQ;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-grid",
3
- "version": "3.0.0-alpha.0",
3
+ "version": "3.0.0-alpha.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Grid",
6
6
  "files": [
@@ -63,7 +63,7 @@
63
63
  "indent": 4
64
64
  },
65
65
  "dependencies": {
66
- "@elliemae/ds-system": "3.0.0-alpha.0",
66
+ "@elliemae/ds-system": "3.0.0-alpha.1",
67
67
  "@xstyled/styled-components": "~3.1.2",
68
68
  "react-desc": "~4.1.3"
69
69
  },
@@ -89,6 +89,7 @@
89
89
  "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
90
90
  "test": "node ../../scripts/testing/test.mjs",
91
91
  "lint": "node ../../scripts/lint.mjs",
92
+ "dts": "node ../../scripts/dts.mjs",
92
93
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
93
94
  }
94
95
  }
@@ -1,11 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- import React from 'react';
3
- import type { GridPropsT } from './types';
4
- declare const Grid: React.ForwardRefExoticComponent<GridPropsT & React.RefAttributes<HTMLDivElement>>;
5
- declare const DSGridWithSchema: {
6
- (props?: unknown): JSX.Element;
7
- propTypes: unknown;
8
- toTypescript: () => import("react-desc").TypescriptSchema;
9
- };
10
- export default Grid;
11
- export { DSGridWithSchema, Grid };
@@ -1,2 +0,0 @@
1
- import type { GridItemPropsT } from './types';
2
- export declare const GridItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, GridItemPropsT, never>;
@@ -1,9 +0,0 @@
1
- export declare const defaultProps: {
2
- rows: never[];
3
- cols: never[];
4
- className: string;
5
- justify: "flex-start";
6
- gutter: number;
7
- wrap: "wrap";
8
- span: number;
9
- };
@@ -1 +0,0 @@
1
- export { default, Grid, default as GridContainer, default as GridItem, DSGridWithSchema } from './Grid';
@@ -1,135 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- export declare const propTypes: {
3
- rows: {
4
- deprecated: import("react-desc").PropTypesDescValidator;
5
- };
6
- cols: {
7
- deprecated: import("react-desc").PropTypesDescValidator;
8
- };
9
- span: {
10
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
11
- deprecated: import("react-desc").PropTypesDescValidator;
12
- };
13
- isRequired: import("react-desc").PropTypesDescValue;
14
- };
15
- alignItems: {
16
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
17
- deprecated: import("react-desc").PropTypesDescValidator;
18
- };
19
- isRequired: import("react-desc").PropTypesDescValue;
20
- };
21
- children: {
22
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
23
- deprecated: import("react-desc").PropTypesDescValidator;
24
- };
25
- isRequired: import("react-desc").PropTypesDescValue;
26
- };
27
- className: {
28
- deprecated: import("react-desc").PropTypesDescValidator;
29
- };
30
- justifyContent: {
31
- deprecated: import("react-desc").PropTypesDescValidator;
32
- };
33
- gutter: {
34
- deprecated: import("react-desc").PropTypesDescValidator;
35
- };
36
- wrap: {
37
- deprecated: import("react-desc").PropTypesDescValidator;
38
- };
39
- height: {
40
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
41
- deprecated: import("react-desc").PropTypesDescValidator;
42
- };
43
- isRequired: import("react-desc").PropTypesDescValue;
44
- };
45
- width: {
46
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
47
- deprecated: import("react-desc").PropTypesDescValidator;
48
- };
49
- isRequired: import("react-desc").PropTypesDescValue;
50
- };
51
- p: {
52
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
53
- deprecated: import("react-desc").PropTypesDescValidator;
54
- };
55
- isRequired: import("react-desc").PropTypesDescValue;
56
- };
57
- m: {
58
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
59
- deprecated: import("react-desc").PropTypesDescValidator;
60
- };
61
- isRequired: import("react-desc").PropTypesDescValue;
62
- };
63
- px: {
64
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
65
- deprecated: import("react-desc").PropTypesDescValidator;
66
- };
67
- isRequired: import("react-desc").PropTypesDescValue;
68
- };
69
- mx: {
70
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
71
- deprecated: import("react-desc").PropTypesDescValidator;
72
- };
73
- isRequired: import("react-desc").PropTypesDescValue;
74
- };
75
- py: {
76
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
77
- deprecated: import("react-desc").PropTypesDescValidator;
78
- };
79
- isRequired: import("react-desc").PropTypesDescValue;
80
- };
81
- my: {
82
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
83
- deprecated: import("react-desc").PropTypesDescValidator;
84
- };
85
- isRequired: import("react-desc").PropTypesDescValue;
86
- };
87
- ml: {
88
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
89
- deprecated: import("react-desc").PropTypesDescValidator;
90
- };
91
- isRequired: import("react-desc").PropTypesDescValue;
92
- };
93
- mr: {
94
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
95
- deprecated: import("react-desc").PropTypesDescValidator;
96
- };
97
- isRequired: import("react-desc").PropTypesDescValue;
98
- };
99
- mt: {
100
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
101
- deprecated: import("react-desc").PropTypesDescValidator;
102
- };
103
- isRequired: import("react-desc").PropTypesDescValue;
104
- };
105
- mb: {
106
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
107
- deprecated: import("react-desc").PropTypesDescValidator;
108
- };
109
- isRequired: import("react-desc").PropTypesDescValue;
110
- };
111
- pl: {
112
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
113
- deprecated: import("react-desc").PropTypesDescValidator;
114
- };
115
- isRequired: import("react-desc").PropTypesDescValue;
116
- };
117
- pr: {
118
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
119
- deprecated: import("react-desc").PropTypesDescValidator;
120
- };
121
- isRequired: import("react-desc").PropTypesDescValue;
122
- };
123
- pt: {
124
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
125
- deprecated: import("react-desc").PropTypesDescValidator;
126
- };
127
- isRequired: import("react-desc").PropTypesDescValue;
128
- };
129
- pb: {
130
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
131
- deprecated: import("react-desc").PropTypesDescValidator;
132
- };
133
- isRequired: import("react-desc").PropTypesDescValue;
134
- };
135
- };
@@ -1 +0,0 @@
1
- export {};
@@ -1,66 +0,0 @@
1
- /// <reference types="react" />
2
- import { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';
3
- interface RowColBreakpoints {
4
- small?: string | number[];
5
- medium?: string | number[];
6
- large?: string | number[];
7
- }
8
- interface SpanBreakpoints {
9
- small?: number;
10
- medium?: number;
11
- large?: number;
12
- }
13
- export interface GridPropsT {
14
- height?: string;
15
- width?: string;
16
- rows?: string[] | string | number[] | RowColBreakpoints;
17
- cols?: string[] | string | number[] | RowColBreakpoints;
18
- justifyContent?: typeof justifyPlacement[number];
19
- alignItems?: typeof alignItemsPlacement[number];
20
- children?: React.ReactNode;
21
- className?: string;
22
- justify?: typeof justifyPlacement[number];
23
- gutter?: string | number;
24
- wrap?: typeof wrap[number];
25
- span?: number;
26
- p?: string | number;
27
- m?: string | number;
28
- px?: string | number;
29
- mx?: string | number;
30
- py?: string | number;
31
- my?: string | number;
32
- ml?: string | number;
33
- mr?: string | number;
34
- mt?: string | number;
35
- mb?: string | number;
36
- pl?: string | number;
37
- pr?: string | number;
38
- pt?: string | number;
39
- pb?: string | number;
40
- }
41
- export interface GridPropsWithDefaultT {
42
- rows: string | number[] | RowColBreakpoints;
43
- cols: string | number[] | RowColBreakpoints;
44
- alignItems: typeof alignItemsPlacement[number];
45
- children?: React.ReactNode;
46
- className: string;
47
- justify: typeof justifyPlacement[number];
48
- gutter: string | number;
49
- wrap: typeof wrap[number];
50
- span: number | SpanBreakpoints;
51
- }
52
- export interface GridItemPropsT {
53
- rows: string | number[] | RowColBreakpoints;
54
- cols: string | number[] | RowColBreakpoints;
55
- alignItems: typeof alignItemsPlacement[number];
56
- children: React.ReactElement[];
57
- className: string;
58
- justify: typeof justifyPlacement[number];
59
- gutter: string | number;
60
- wrap: typeof wrap[number];
61
- childNumber: number;
62
- isSpanParent: boolean;
63
- span?: number | SpanBreakpoints;
64
- ref: React.ForwardedRef<HTMLDivElement>;
65
- }
66
- export {};
@@ -1,3 +0,0 @@
1
- export declare const justifyPlacement: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
2
- export declare const alignItemsPlacement: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
3
- export declare const wrap: readonly ["wrap", "nowrap", "wrap-reverse"];
@@ -1,3 +0,0 @@
1
- export declare const manageSpan: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
2
- export declare const manageCols: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
3
- export declare const manageRows: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;