@toptal/picasso-grid 5.0.12-alpha-MP-669-remove-more-default-props-dea487bed.0 → 5.0.12-alpha-FF-54-delete-patch-9e6253f76.0
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.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC;IACnE,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,oEAAoE;IACpE,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,wEAAwE;IACxE,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,kEAAkE;IAClE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAkDD,eAAO,MAAM,IAAI,
|
|
1
|
+
{"version":3,"file":"Grid.d.ts","sourceRoot":"","sources":["../../../src/Grid/Grid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAA;AACtD,OAAO,KAAqB,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,wBAAwB,CAAA;AAKvD,OAAO,KAAK,EACV,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,WAAW,EACX,QAAQ,EACT,MAAM,UAAU,CAAA;AAEjB,MAAM,WAAW,KAAM,SAAQ,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC;IACnE,wCAAwC;IACxC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;;OAGG;IACH,OAAO,CAAC,EAAE,WAAW,CAAA;IACrB,0CAA0C;IAC1C,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,oEAAoE;IACpE,UAAU,CAAC,EAAE,kBAAkB,CAAA;IAC/B,wEAAwE;IACxE,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAClC,kEAAkE;IAClE,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAkDD,eAAO,MAAM,IAAI,8EA+Cf,CAAA;AAWF,eAAe,IAAI,CAAA"}
|
|
@@ -54,9 +54,8 @@ const justifyContentClassNamesMapping = {
|
|
|
54
54
|
'space-around': 'justify-around',
|
|
55
55
|
'space-evenly': 'justify-evenly',
|
|
56
56
|
};
|
|
57
|
-
export const Grid = forwardRef(function Grid(
|
|
58
|
-
|
|
59
|
-
const { children, spacing: userSpacing, className } = props, rest = __rest(props, ["children", "spacing", "className"]);
|
|
57
|
+
export const Grid = forwardRef(function Grid(props, ref) {
|
|
58
|
+
const { children, spacing: userSpacing, direction = 'row', alignItems = 'flex-start', justifyContent = 'flex-start', wrap = 'wrap', className } = props, rest = __rest(props, ["children", "spacing", "direction", "alignItems", "justifyContent", "wrap", "className"]);
|
|
60
59
|
const responsiveSpacing = useResponsiveSpacing();
|
|
61
60
|
const gridSpacing = userSpacing !== null && userSpacing !== void 0 ? userSpacing : responsiveSpacing;
|
|
62
61
|
const directionClassName = directionClassNamesMapping[direction];
|
|
@@ -67,6 +66,12 @@ export const Grid = forwardRef(function Grid(_a, ref) {
|
|
|
67
66
|
return (React.createElement(GridContext.Provider, { value: { gridSpacing } },
|
|
68
67
|
React.createElement("div", Object.assign({ ref: ref }, rest, { className: twMerge('box-border', 'flex', 'w-full', directionClassName, wrapClassName, alignItemsClassName, justifyContentClassName, gridSpacingClassName, className) }), children)));
|
|
69
68
|
});
|
|
69
|
+
Grid.defaultProps = {
|
|
70
|
+
alignItems: 'flex-start',
|
|
71
|
+
direction: 'row',
|
|
72
|
+
justifyContent: 'flex-start',
|
|
73
|
+
wrap: 'wrap',
|
|
74
|
+
};
|
|
70
75
|
Grid.displayName = 'Grid';
|
|
71
76
|
export default Grid;
|
|
72
77
|
//# sourceMappingURL=Grid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EAAE,OAAO,EAAE,MAAM,gCAAgC,CAAA;AAGxD,OAAO,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAA;AAEpE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAQ5C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qCAAqC,CAAA;AAmB7E,MAAM,8BAA8B,GAAwC;IAC1E,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;IACN,EAAE,EAAE,EAAE;CACP,CAAA;AAED,MAAM,oBAAoB,GAAG,GAAG,EAAE;IAChC,MAAM,EAAE,sBAAsB,EAAE,GAAG,yBAAyB,EAAE,CAAA;IAE9D,IAAI,sBAAsB,EAAE;QAC1B,OAAO,8BAA8B,CAAC,sBAAsB,CAAC,CAAA;KAC9D;IAED,OAAO,8BAA8B,CAAC,EAAE,CAAA;AAC1C,CAAC,CAAA;AAED,MAAM,0BAA0B,GAAqC;IACnE,GAAG,EAAE,UAAU;IACf,aAAa,EAAE,kBAAkB;IACjC,MAAM,EAAE,UAAU;IAClB,gBAAgB,EAAE,kBAAkB;CACrC,CAAA;AAED,MAAM,qBAAqB,GAAgC;IACzD,IAAI,EAAE,WAAW;IACjB,MAAM,EAAE,aAAa;IACrB,cAAc,EAAE,mBAAmB;CACpC,CAAA;AAED,MAAM,2BAA2B,GAA0C;IACzE,YAAY,EAAE,aAAa;IAC3B,MAAM,EAAE,cAAc;IACtB,UAAU,EAAE,WAAW;IACvB,OAAO,EAAE,eAAe;IACxB,QAAQ,EAAE,gBAAgB;CAC3B,CAAA;AAED,MAAM,+BAA+B,GAAyC;IAC5E,YAAY,EAAE,eAAe;IAC7B,MAAM,EAAE,gBAAgB;IACxB,UAAU,EAAE,aAAa;IACzB,eAAe,EAAE,iBAAiB;IAClC,cAAc,EAAE,gBAAgB;IAChC,cAAc,EAAE,gBAAgB;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAwB,SAAS,IAAI,CACjE,
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/Grid/Grid.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@toptal/picasso-grid",
|
|
3
|
-
"version": "5.0.12-alpha-
|
|
3
|
+
"version": "5.0.12-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
4
4
|
"description": "Toptal UI components library - Grid",
|
|
5
5
|
"publishConfig": {
|
|
6
6
|
"access": "public"
|
|
@@ -22,29 +22,29 @@
|
|
|
22
22
|
},
|
|
23
23
|
"homepage": "https://github.com/toptal/picasso/tree/master/packages/picasso#readme",
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@toptal/picasso-icons": "1.13.1-alpha-
|
|
26
|
-
"@toptal/picasso-typography": "4.0.5-alpha-
|
|
27
|
-
"@toptal/picasso-utils": "3.1.1-alpha-
|
|
25
|
+
"@toptal/picasso-icons": "1.13.1-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
26
|
+
"@toptal/picasso-typography": "4.0.5-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
27
|
+
"@toptal/picasso-utils": "3.1.1-alpha-FF-54-delete-patch-9e6253f76.0"
|
|
28
28
|
},
|
|
29
29
|
"sideEffects": [
|
|
30
30
|
"**/styles.ts",
|
|
31
31
|
"**/styles.js"
|
|
32
32
|
],
|
|
33
33
|
"peerDependencies": {
|
|
34
|
-
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-
|
|
34
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
35
35
|
"@material-ui/core": "4.12.4",
|
|
36
|
-
"@toptal/picasso-provider": "5.0.2-alpha-
|
|
37
|
-
"@toptal/picasso-shared": "15.0.1-alpha-
|
|
38
|
-
"@toptal/picasso-tailwind": "3.0.1-alpha-
|
|
36
|
+
"@toptal/picasso-provider": "5.0.2-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
37
|
+
"@toptal/picasso-shared": "15.0.1-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
38
|
+
"@toptal/picasso-tailwind": "3.0.1-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
39
39
|
"react": ">=16.12.0 < 19.0.0"
|
|
40
40
|
},
|
|
41
41
|
"exports": {
|
|
42
42
|
".": "./dist-package/src/index.js"
|
|
43
43
|
},
|
|
44
44
|
"devDependencies": {
|
|
45
|
-
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-
|
|
46
|
-
"@toptal/picasso-provider": "5.0.2-alpha-
|
|
47
|
-
"@toptal/picasso-test-utils": "1.1.2-alpha-
|
|
45
|
+
"@toptal/picasso-tailwind-merge": "2.0.4-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
46
|
+
"@toptal/picasso-provider": "5.0.2-alpha-FF-54-delete-patch-9e6253f76.0",
|
|
47
|
+
"@toptal/picasso-test-utils": "1.1.2-alpha-FF-54-delete-patch-9e6253f76.0"
|
|
48
48
|
},
|
|
49
49
|
"files": [
|
|
50
50
|
"dist-package/**",
|
package/src/Grid/Grid.tsx
CHANGED
|
@@ -81,16 +81,19 @@ const justifyContentClassNamesMapping: { [K in GridJustification]: string } = {
|
|
|
81
81
|
}
|
|
82
82
|
|
|
83
83
|
export const Grid = forwardRef<HTMLDivElement, Props>(function Grid(
|
|
84
|
-
|
|
84
|
+
props,
|
|
85
|
+
ref
|
|
86
|
+
) {
|
|
87
|
+
const {
|
|
88
|
+
children,
|
|
89
|
+
spacing: userSpacing,
|
|
85
90
|
direction = 'row',
|
|
86
91
|
alignItems = 'flex-start',
|
|
87
92
|
justifyContent = 'flex-start',
|
|
88
93
|
wrap = 'wrap',
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
) {
|
|
93
|
-
const { children, spacing: userSpacing, className, ...rest } = props
|
|
94
|
+
className,
|
|
95
|
+
...rest
|
|
96
|
+
} = props
|
|
94
97
|
|
|
95
98
|
const responsiveSpacing = useResponsiveSpacing()
|
|
96
99
|
const gridSpacing = userSpacing ?? responsiveSpacing
|
|
@@ -126,6 +129,13 @@ export const Grid = forwardRef<HTMLDivElement, Props>(function Grid(
|
|
|
126
129
|
)
|
|
127
130
|
})
|
|
128
131
|
|
|
132
|
+
Grid.defaultProps = {
|
|
133
|
+
alignItems: 'flex-start',
|
|
134
|
+
direction: 'row',
|
|
135
|
+
justifyContent: 'flex-start',
|
|
136
|
+
wrap: 'wrap',
|
|
137
|
+
}
|
|
138
|
+
|
|
129
139
|
Grid.displayName = 'Grid'
|
|
130
140
|
|
|
131
141
|
export default Grid
|