@elliemae/ds-grid 2.0.1 → 2.1.0-rc.2

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.
Files changed (6) hide show
  1. package/cjs/Grid.js +9 -5
  2. package/cjs/GridItem.js +2 -2
  3. package/esm/Grid.js +9 -5
  4. package/esm/GridItem.js +2 -2
  5. package/package.json +3 -2
  6. package/types/propTypes.d.ts +38 -38
package/cjs/Grid.js CHANGED
@@ -26,11 +26,11 @@ var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_definePropert
26
26
  var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
27
27
  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
28
28
 
29
- const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap"];
29
+ const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap", "width", "height"];
30
30
 
31
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
31
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
32
32
 
33
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
33
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
34
34
  const Grid = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
35
35
  const {
36
36
  rows,
@@ -40,7 +40,9 @@ const Grid = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
40
40
  className,
41
41
  justify,
42
42
  gutter,
43
- wrap
43
+ wrap,
44
+ width,
45
+ height
44
46
  } = props,
45
47
  rest = _objectWithoutProperties__default["default"](props, _excluded);
46
48
 
@@ -71,7 +73,9 @@ const Grid = /*#__PURE__*/React__default["default"].forwardRef((props, ref) => {
71
73
  rows: rows,
72
74
  wrap: wrap,
73
75
  childNumber: React__default["default"].Children.count(children),
74
- ref: ref
76
+ ref: ref,
77
+ w: width,
78
+ h: height
75
79
  }, rest), {}, {
76
80
  children: renderChildren
77
81
  }));
package/cjs/GridItem.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styled = require('styled-components');
6
- var styledSystem = require('styled-system');
6
+ var styledComponents = require('@xstyled/styled-components');
7
7
  var dsSystem = require('@elliemae/ds-system');
8
8
  var styles = require('./utils/styles.js');
9
9
 
@@ -24,6 +24,6 @@ const GridItem = /*#__PURE__*/styled__default["default"].div.withConfig({
24
24
  gutter
25
25
  } = _ref2;
26
26
  return dsSystem.mapGap(gutter);
27
- }, styledSystem.grid, styledSystem.flexbox, styledSystem.justifyContent, styledSystem.space, styledSystem.height, styledSystem.width, styles.manageCols, styles.manageRows, styles.manageSpan);
27
+ }, styledComponents.grids, styledComponents.flexboxes, styledComponents.sizing, styledComponents.space, styledComponents.height, styledComponents.width, styles.manageCols, styles.manageRows, styles.manageSpan);
28
28
 
29
29
  exports.GridItem = GridItem;
package/esm/Grid.js CHANGED
@@ -16,11 +16,11 @@ import { GridItem } from './GridItem.js';
16
16
  import { defaultProps } from './defaultProps.js';
17
17
  import { jsx } from 'react/jsx-runtime';
18
18
 
19
- const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap"];
19
+ const _excluded = ["rows", "cols", "alignItems", "children", "className", "justify", "gutter", "wrap", "width", "height"];
20
20
 
21
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
21
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
22
22
 
23
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
23
+ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
24
24
  const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
25
25
  const {
26
26
  rows,
@@ -30,7 +30,9 @@ const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
30
30
  className,
31
31
  justify,
32
32
  gutter,
33
- wrap
33
+ wrap,
34
+ width,
35
+ height
34
36
  } = props,
35
37
  rest = _objectWithoutProperties(props, _excluded);
36
38
 
@@ -61,7 +63,9 @@ const Grid = /*#__PURE__*/React.forwardRef((props, ref) => {
61
63
  rows: rows,
62
64
  wrap: wrap,
63
65
  childNumber: React.Children.count(children),
64
- ref: ref
66
+ ref: ref,
67
+ w: width,
68
+ h: height
65
69
  }, rest), {}, {
66
70
  children: renderChildren
67
71
  }));
package/esm/GridItem.js CHANGED
@@ -1,5 +1,5 @@
1
1
  import styled from 'styled-components';
2
- import { grid, flexbox, justifyContent, space, height, width } from 'styled-system';
2
+ import { grids, flexboxes, sizing, space, height, width } from '@xstyled/styled-components';
3
3
  import { mapGap } from '@elliemae/ds-system';
4
4
  import { manageCols, manageRows, manageSpan } from './utils/styles.js';
5
5
 
@@ -16,6 +16,6 @@ const GridItem = /*#__PURE__*/styled.div.withConfig({
16
16
  gutter
17
17
  } = _ref2;
18
18
  return mapGap(gutter);
19
- }, grid, flexbox, justifyContent, space, height, width, manageCols, manageRows, manageSpan);
19
+ }, grids, flexboxes, sizing, space, height, width, manageCols, manageRows, manageSpan);
20
20
 
21
21
  export { GridItem };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-grid",
3
- "version": "2.0.1",
3
+ "version": "2.1.0-rc.2",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Grid",
6
6
  "module": "./esm/index.js",
@@ -60,7 +60,8 @@
60
60
  "build": "node ../../scripts/build/build.js"
61
61
  },
62
62
  "dependencies": {
63
- "@elliemae/ds-system": "2.0.1",
63
+ "@elliemae/ds-system": "2.1.0-rc.2",
64
+ "@xstyled/styled-components": "~3.1.1",
64
65
  "react-desc": "~4.1.3"
65
66
  },
66
67
  "devDependencies": {
package/types/propTypes.d.ts CHANGED
@@ -7,22 +7,22 @@ export declare const propTypes: {
7
7
  deprecated: import("react-desc").PropTypesDescValidator;
8
8
  };
9
9
  span: {
10
- defaultValue<T = unknown>(arg: T): {
10
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
11
11
  deprecated: import("react-desc").PropTypesDescValidator;
12
12
  };
13
- isRequired: import("react-desc").PropTypesDescValidator;
13
+ isRequired: import("react-desc").PropTypesDescValue;
14
14
  };
15
15
  alignItems: {
16
- defaultValue<T = unknown>(arg: T): {
16
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
17
17
  deprecated: import("react-desc").PropTypesDescValidator;
18
18
  };
19
- isRequired: import("react-desc").PropTypesDescValidator;
19
+ isRequired: import("react-desc").PropTypesDescValue;
20
20
  };
21
21
  children: {
22
- defaultValue<T = unknown>(arg: T): {
22
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
23
23
  deprecated: import("react-desc").PropTypesDescValidator;
24
24
  };
25
- isRequired: import("react-desc").PropTypesDescValidator;
25
+ isRequired: import("react-desc").PropTypesDescValue;
26
26
  };
27
27
  className: {
28
28
  deprecated: import("react-desc").PropTypesDescValidator;
@@ -37,99 +37,99 @@ export declare const propTypes: {
37
37
  deprecated: import("react-desc").PropTypesDescValidator;
38
38
  };
39
39
  height: {
40
- defaultValue<T = unknown>(arg: T): {
40
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
41
41
  deprecated: import("react-desc").PropTypesDescValidator;
42
42
  };
43
- isRequired: import("react-desc").PropTypesDescValidator;
43
+ isRequired: import("react-desc").PropTypesDescValue;
44
44
  };
45
45
  width: {
46
- defaultValue<T = unknown>(arg: T): {
46
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
47
47
  deprecated: import("react-desc").PropTypesDescValidator;
48
48
  };
49
- isRequired: import("react-desc").PropTypesDescValidator;
49
+ isRequired: import("react-desc").PropTypesDescValue;
50
50
  };
51
51
  p: {
52
- defaultValue<T = unknown>(arg: T): {
52
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
53
53
  deprecated: import("react-desc").PropTypesDescValidator;
54
54
  };
55
- isRequired: import("react-desc").PropTypesDescValidator;
55
+ isRequired: import("react-desc").PropTypesDescValue;
56
56
  };
57
57
  m: {
58
- defaultValue<T = unknown>(arg: T): {
58
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
59
59
  deprecated: import("react-desc").PropTypesDescValidator;
60
60
  };
61
- isRequired: import("react-desc").PropTypesDescValidator;
61
+ isRequired: import("react-desc").PropTypesDescValue;
62
62
  };
63
63
  px: {
64
- defaultValue<T = unknown>(arg: T): {
64
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
65
65
  deprecated: import("react-desc").PropTypesDescValidator;
66
66
  };
67
- isRequired: import("react-desc").PropTypesDescValidator;
67
+ isRequired: import("react-desc").PropTypesDescValue;
68
68
  };
69
69
  mx: {
70
- defaultValue<T = unknown>(arg: T): {
70
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
71
71
  deprecated: import("react-desc").PropTypesDescValidator;
72
72
  };
73
- isRequired: import("react-desc").PropTypesDescValidator;
73
+ isRequired: import("react-desc").PropTypesDescValue;
74
74
  };
75
75
  py: {
76
- defaultValue<T = unknown>(arg: T): {
76
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
77
77
  deprecated: import("react-desc").PropTypesDescValidator;
78
78
  };
79
- isRequired: import("react-desc").PropTypesDescValidator;
79
+ isRequired: import("react-desc").PropTypesDescValue;
80
80
  };
81
81
  my: {
82
- defaultValue<T = unknown>(arg: T): {
82
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
83
83
  deprecated: import("react-desc").PropTypesDescValidator;
84
84
  };
85
- isRequired: import("react-desc").PropTypesDescValidator;
85
+ isRequired: import("react-desc").PropTypesDescValue;
86
86
  };
87
87
  ml: {
88
- defaultValue<T = unknown>(arg: T): {
88
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
89
89
  deprecated: import("react-desc").PropTypesDescValidator;
90
90
  };
91
- isRequired: import("react-desc").PropTypesDescValidator;
91
+ isRequired: import("react-desc").PropTypesDescValue;
92
92
  };
93
93
  mr: {
94
- defaultValue<T = unknown>(arg: T): {
94
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
95
95
  deprecated: import("react-desc").PropTypesDescValidator;
96
96
  };
97
- isRequired: import("react-desc").PropTypesDescValidator;
97
+ isRequired: import("react-desc").PropTypesDescValue;
98
98
  };
99
99
  mt: {
100
- defaultValue<T = unknown>(arg: T): {
100
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
101
101
  deprecated: import("react-desc").PropTypesDescValidator;
102
102
  };
103
- isRequired: import("react-desc").PropTypesDescValidator;
103
+ isRequired: import("react-desc").PropTypesDescValue;
104
104
  };
105
105
  mb: {
106
- defaultValue<T = unknown>(arg: T): {
106
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
107
107
  deprecated: import("react-desc").PropTypesDescValidator;
108
108
  };
109
- isRequired: import("react-desc").PropTypesDescValidator;
109
+ isRequired: import("react-desc").PropTypesDescValue;
110
110
  };
111
111
  pl: {
112
- defaultValue<T = unknown>(arg: T): {
112
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
113
113
  deprecated: import("react-desc").PropTypesDescValidator;
114
114
  };
115
- isRequired: import("react-desc").PropTypesDescValidator;
115
+ isRequired: import("react-desc").PropTypesDescValue;
116
116
  };
117
117
  pr: {
118
- defaultValue<T = unknown>(arg: T): {
118
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
119
119
  deprecated: import("react-desc").PropTypesDescValidator;
120
120
  };
121
- isRequired: import("react-desc").PropTypesDescValidator;
121
+ isRequired: import("react-desc").PropTypesDescValue;
122
122
  };
123
123
  pt: {
124
- defaultValue<T = unknown>(arg: T): {
124
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
125
125
  deprecated: import("react-desc").PropTypesDescValidator;
126
126
  };
127
- isRequired: import("react-desc").PropTypesDescValidator;
127
+ isRequired: import("react-desc").PropTypesDescValue;
128
128
  };
129
129
  pb: {
130
- defaultValue<T = unknown>(arg: T): {
130
+ defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
131
131
  deprecated: import("react-desc").PropTypesDescValidator;
132
132
  };
133
- isRequired: import("react-desc").PropTypesDescValidator;
133
+ isRequired: import("react-desc").PropTypesDescValue;
134
134
  };
135
135
  };