@vitus-labs/coolgrid 1.1.2 → 1.2.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.
|
@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
|
|
|
5386
5386
|
</script>
|
|
5387
5387
|
<script>
|
|
5388
5388
|
/*<!--*/
|
|
5389
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"
|
|
5389
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"6bc159b2-1","name":"constants.ts"},{"uid":"6bc159b2-3","name":"utils.ts"},{"name":"Context","children":[{"uid":"6bc159b2-5","name":"ContainerContext.ts"},{"uid":"6bc159b2-21","name":"RowContext.ts"}]},{"uid":"6bc159b2-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"6bc159b2-9","name":"styled.ts"},{"uid":"6bc159b2-11","name":"component.tsx"}]},{"name":"context","children":[{"uid":"6bc159b2-13","name":"ContainerContext.ts"},{"uid":"6bc159b2-15","name":"RowContext.ts"}]},{"name":"Row","children":[{"uid":"6bc159b2-17","name":"styled.ts"},{"uid":"6bc159b2-19","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"6bc159b2-23","name":"styled.ts"},{"uid":"6bc159b2-25","name":"component.tsx"}]},{"uid":"6bc159b2-27","name":"theme.ts"},{"uid":"6bc159b2-29","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"6bc159b2-1":{"renderedLength":313,"gzipLength":214,"brotliLength":0,"metaUid":"6bc159b2-0"},"6bc159b2-3":{"renderedLength":253,"gzipLength":165,"brotliLength":0,"metaUid":"6bc159b2-2"},"6bc159b2-5":{"renderedLength":32,"gzipLength":46,"brotliLength":0,"metaUid":"6bc159b2-4"},"6bc159b2-7":{"renderedLength":610,"gzipLength":266,"brotliLength":0,"metaUid":"6bc159b2-6"},"6bc159b2-9":{"renderedLength":504,"gzipLength":315,"brotliLength":0,"metaUid":"6bc159b2-8"},"6bc159b2-11":{"renderedLength":1063,"gzipLength":522,"brotliLength":0,"metaUid":"6bc159b2-10"},"6bc159b2-13":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"metaUid":"6bc159b2-12"},"6bc159b2-15":{"renderedLength":37,"gzipLength":52,"brotliLength":0,"metaUid":"6bc159b2-14"},"6bc159b2-17":{"renderedLength":1171,"gzipLength":563,"brotliLength":0,"metaUid":"6bc159b2-16"},"6bc159b2-19":{"renderedLength":1312,"gzipLength":562,"brotliLength":0,"metaUid":"6bc159b2-18"},"6bc159b2-21":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"metaUid":"6bc159b2-20"},"6bc159b2-23":{"renderedLength":1820,"gzipLength":752,"brotliLength":0,"metaUid":"6bc159b2-22"},"6bc159b2-25":{"renderedLength":1042,"gzipLength":484,"brotliLength":0,"metaUid":"6bc159b2-24"},"6bc159b2-27":{"renderedLength":325,"gzipLength":173,"brotliLength":0,"metaUid":"6bc159b2-26"},"6bc159b2-29":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"6bc159b2-28"}},"nodeMetas":{"6bc159b2-0":{"id":"/src/constants.ts","moduleParts":{"index.js":"6bc159b2-1"},"imported":[],"importedBy":[{"uid":"6bc159b2-10"},{"uid":"6bc159b2-18"},{"uid":"6bc159b2-24"},{"uid":"6bc159b2-2"},{"uid":"6bc159b2-6"}]},"6bc159b2-2":{"id":"/src/utils.ts","moduleParts":{"index.js":"6bc159b2-3"},"imported":[{"uid":"6bc159b2-37"},{"uid":"6bc159b2-0"}],"importedBy":[{"uid":"6bc159b2-10"},{"uid":"6bc159b2-18"},{"uid":"6bc159b2-24"},{"uid":"6bc159b2-16"},{"uid":"6bc159b2-22"}]},"6bc159b2-4":{"id":"/src/Context/ContainerContext.ts","moduleParts":{"index.js":"6bc159b2-5"},"imported":[{"uid":"6bc159b2-34"}],"importedBy":[{"uid":"6bc159b2-10"},{"uid":"6bc159b2-36"}]},"6bc159b2-6":{"id":"/src/useContext.tsx","moduleParts":{"index.js":"6bc159b2-7"},"imported":[{"uid":"6bc159b2-34"},{"uid":"6bc159b2-37"},{"uid":"6bc159b2-30"},{"uid":"6bc159b2-0"}],"importedBy":[{"uid":"6bc159b2-10"},{"uid":"6bc159b2-18"},{"uid":"6bc159b2-24"}]},"6bc159b2-8":{"id":"/src/Container/styled.ts","moduleParts":{"index.js":"6bc159b2-9"},"imported":[{"uid":"6bc159b2-37"},{"uid":"6bc159b2-30"}],"importedBy":[{"uid":"6bc159b2-10"}]},"6bc159b2-10":{"id":"/src/Container/component.tsx","moduleParts":{"index.js":"6bc159b2-11"},"imported":[{"uid":"6bc159b2-34"},{"uid":"6bc159b2-0"},{"uid":"6bc159b2-2"},{"uid":"6bc159b2-4"},{"uid":"6bc159b2-6"},{"uid":"6bc159b2-8"}],"importedBy":[{"uid":"6bc159b2-31"}]},"6bc159b2-12":{"id":"/src/context/ContainerContext.ts","moduleParts":{"index.js":"6bc159b2-13"},"imported":[{"uid":"6bc159b2-34"}],"importedBy":[{"uid":"6bc159b2-35"}]},"6bc159b2-14":{"id":"/src/context/RowContext.ts","moduleParts":{"index.js":"6bc159b2-15"},"imported":[{"uid":"6bc159b2-34"}],"importedBy":[{"uid":"6bc159b2-35"}]},"6bc159b2-16":{"id":"/src/Row/styled.ts","moduleParts":{"index.js":"6bc159b2-17"},"imported":[{"uid":"6bc159b2-37"},{"uid":"6bc159b2-30"},{"uid":"6bc159b2-2"}],"importedBy":[{"uid":"6bc159b2-18"}]},"6bc159b2-18":{"id":"/src/Row/component.tsx","moduleParts":{"index.js":"6bc159b2-19"},"imported":[{"uid":"6bc159b2-34"},{"uid":"6bc159b2-0"},{"uid":"6bc159b2-2"},{"uid":"6bc159b2-6"},{"uid":"6bc159b2-35"},{"uid":"6bc159b2-16"}],"importedBy":[{"uid":"6bc159b2-32"}]},"6bc159b2-20":{"id":"/src/Context/RowContext.ts","moduleParts":{"index.js":"6bc159b2-21"},"imported":[{"uid":"6bc159b2-34"}],"importedBy":[{"uid":"6bc159b2-36"}]},"6bc159b2-22":{"id":"/src/Col/styled.ts","moduleParts":{"index.js":"6bc159b2-23"},"imported":[{"uid":"6bc159b2-37"},{"uid":"6bc159b2-30"},{"uid":"6bc159b2-2"}],"importedBy":[{"uid":"6bc159b2-24"}]},"6bc159b2-24":{"id":"/src/Col/component.tsx","moduleParts":{"index.js":"6bc159b2-25"},"imported":[{"uid":"6bc159b2-34"},{"uid":"6bc159b2-0"},{"uid":"6bc159b2-2"},{"uid":"6bc159b2-6"},{"uid":"6bc159b2-36"},{"uid":"6bc159b2-22"}],"importedBy":[{"uid":"6bc159b2-33"}]},"6bc159b2-26":{"id":"/src/theme.ts","moduleParts":{"index.js":"6bc159b2-27"},"imported":[],"importedBy":[{"uid":"6bc159b2-28"}]},"6bc159b2-28":{"id":"/src/index.ts","moduleParts":{"index.js":"6bc159b2-29"},"imported":[{"uid":"6bc159b2-30"},{"uid":"6bc159b2-31"},{"uid":"6bc159b2-32"},{"uid":"6bc159b2-33"},{"uid":"6bc159b2-26"}],"importedBy":[],"isEntry":true},"6bc159b2-30":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"6bc159b2-28"},{"uid":"6bc159b2-6"},{"uid":"6bc159b2-8"},{"uid":"6bc159b2-16"},{"uid":"6bc159b2-22"}],"isExternal":true},"6bc159b2-31":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"6bc159b2-10"}],"importedBy":[{"uid":"6bc159b2-28"}]},"6bc159b2-32":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"6bc159b2-18"}],"importedBy":[{"uid":"6bc159b2-28"}]},"6bc159b2-33":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"6bc159b2-24"}],"importedBy":[{"uid":"6bc159b2-28"}]},"6bc159b2-34":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"6bc159b2-10"},{"uid":"6bc159b2-18"},{"uid":"6bc159b2-24"},{"uid":"6bc159b2-4"},{"uid":"6bc159b2-6"},{"uid":"6bc159b2-12"},{"uid":"6bc159b2-14"},{"uid":"6bc159b2-20"}],"isExternal":true},"6bc159b2-35":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"6bc159b2-12"},{"uid":"6bc159b2-14"}],"importedBy":[{"uid":"6bc159b2-18"}]},"6bc159b2-36":{"id":"/src/Context/index.ts","moduleParts":{},"imported":[{"uid":"6bc159b2-4"},{"uid":"6bc159b2-20"}],"importedBy":[{"uid":"6bc159b2-24"}]},"6bc159b2-37":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"6bc159b2-2"},{"uid":"6bc159b2-6"},{"uid":"6bc159b2-8"},{"uid":"6bc159b2-16"},{"uid":"6bc159b2-22"}],"isExternal":true}},"env":{"rollup":"4.35.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
5390
5390
|
|
|
5391
5391
|
const run = () => {
|
|
5392
5392
|
const width = window.innerWidth;
|
|
@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
|
|
|
5386
5386
|
</script>
|
|
5387
5387
|
<script>
|
|
5388
5388
|
/*<!--*/
|
|
5389
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.native.js","children":[{"name":"src","children":[{"uid":"
|
|
5389
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.native.js","children":[{"name":"src","children":[{"uid":"0b118db7-1","name":"constants.ts"},{"uid":"0b118db7-3","name":"utils.ts"},{"name":"Context","children":[{"uid":"0b118db7-5","name":"ContainerContext.ts"},{"uid":"0b118db7-21","name":"RowContext.ts"}]},{"uid":"0b118db7-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"0b118db7-9","name":"styled.ts"},{"uid":"0b118db7-11","name":"component.tsx"}]},{"name":"context","children":[{"uid":"0b118db7-13","name":"ContainerContext.ts"},{"uid":"0b118db7-15","name":"RowContext.ts"}]},{"name":"Row","children":[{"uid":"0b118db7-17","name":"styled.ts"},{"uid":"0b118db7-19","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"0b118db7-23","name":"styled.ts"},{"uid":"0b118db7-25","name":"component.tsx"}]},{"uid":"0b118db7-27","name":"theme.ts"},{"uid":"0b118db7-29","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"0b118db7-1":{"renderedLength":313,"gzipLength":214,"brotliLength":0,"metaUid":"0b118db7-0"},"0b118db7-3":{"renderedLength":253,"gzipLength":165,"brotliLength":0,"metaUid":"0b118db7-2"},"0b118db7-5":{"renderedLength":32,"gzipLength":46,"brotliLength":0,"metaUid":"0b118db7-4"},"0b118db7-7":{"renderedLength":610,"gzipLength":266,"brotliLength":0,"metaUid":"0b118db7-6"},"0b118db7-9":{"renderedLength":470,"gzipLength":297,"brotliLength":0,"metaUid":"0b118db7-8"},"0b118db7-11":{"renderedLength":1063,"gzipLength":522,"brotliLength":0,"metaUid":"0b118db7-10"},"0b118db7-13":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"metaUid":"0b118db7-12"},"0b118db7-15":{"renderedLength":37,"gzipLength":52,"brotliLength":0,"metaUid":"0b118db7-14"},"0b118db7-17":{"renderedLength":1137,"gzipLength":547,"brotliLength":0,"metaUid":"0b118db7-16"},"0b118db7-19":{"renderedLength":1312,"gzipLength":562,"brotliLength":0,"metaUid":"0b118db7-18"},"0b118db7-21":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"metaUid":"0b118db7-20"},"0b118db7-23":{"renderedLength":1757,"gzipLength":719,"brotliLength":0,"metaUid":"0b118db7-22"},"0b118db7-25":{"renderedLength":1042,"gzipLength":484,"brotliLength":0,"metaUid":"0b118db7-24"},"0b118db7-27":{"renderedLength":325,"gzipLength":173,"brotliLength":0,"metaUid":"0b118db7-26"},"0b118db7-29":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"0b118db7-28"}},"nodeMetas":{"0b118db7-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-1"},"imported":[],"importedBy":[{"uid":"0b118db7-10"},{"uid":"0b118db7-18"},{"uid":"0b118db7-24"},{"uid":"0b118db7-2"},{"uid":"0b118db7-6"}]},"0b118db7-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-3"},"imported":[{"uid":"0b118db7-37"},{"uid":"0b118db7-0"}],"importedBy":[{"uid":"0b118db7-10"},{"uid":"0b118db7-18"},{"uid":"0b118db7-24"},{"uid":"0b118db7-16"},{"uid":"0b118db7-22"}]},"0b118db7-4":{"id":"/src/Context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-5"},"imported":[{"uid":"0b118db7-34"}],"importedBy":[{"uid":"0b118db7-10"},{"uid":"0b118db7-36"}]},"0b118db7-6":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-7"},"imported":[{"uid":"0b118db7-34"},{"uid":"0b118db7-37"},{"uid":"0b118db7-30"},{"uid":"0b118db7-0"}],"importedBy":[{"uid":"0b118db7-10"},{"uid":"0b118db7-18"},{"uid":"0b118db7-24"}]},"0b118db7-8":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-9"},"imported":[{"uid":"0b118db7-37"},{"uid":"0b118db7-30"}],"importedBy":[{"uid":"0b118db7-10"}]},"0b118db7-10":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-11"},"imported":[{"uid":"0b118db7-34"},{"uid":"0b118db7-0"},{"uid":"0b118db7-2"},{"uid":"0b118db7-4"},{"uid":"0b118db7-6"},{"uid":"0b118db7-8"}],"importedBy":[{"uid":"0b118db7-31"}]},"0b118db7-12":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-13"},"imported":[{"uid":"0b118db7-34"}],"importedBy":[{"uid":"0b118db7-35"}]},"0b118db7-14":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-15"},"imported":[{"uid":"0b118db7-34"}],"importedBy":[{"uid":"0b118db7-35"}]},"0b118db7-16":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-17"},"imported":[{"uid":"0b118db7-37"},{"uid":"0b118db7-30"},{"uid":"0b118db7-2"}],"importedBy":[{"uid":"0b118db7-18"}]},"0b118db7-18":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-19"},"imported":[{"uid":"0b118db7-34"},{"uid":"0b118db7-0"},{"uid":"0b118db7-2"},{"uid":"0b118db7-6"},{"uid":"0b118db7-35"},{"uid":"0b118db7-16"}],"importedBy":[{"uid":"0b118db7-32"}]},"0b118db7-20":{"id":"/src/Context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-21"},"imported":[{"uid":"0b118db7-34"}],"importedBy":[{"uid":"0b118db7-36"}]},"0b118db7-22":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-23"},"imported":[{"uid":"0b118db7-37"},{"uid":"0b118db7-30"},{"uid":"0b118db7-2"}],"importedBy":[{"uid":"0b118db7-24"}]},"0b118db7-24":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-25"},"imported":[{"uid":"0b118db7-34"},{"uid":"0b118db7-0"},{"uid":"0b118db7-2"},{"uid":"0b118db7-6"},{"uid":"0b118db7-36"},{"uid":"0b118db7-22"}],"importedBy":[{"uid":"0b118db7-33"}]},"0b118db7-26":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-27"},"imported":[],"importedBy":[{"uid":"0b118db7-28"}]},"0b118db7-28":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"0b118db7-29"},"imported":[{"uid":"0b118db7-30"},{"uid":"0b118db7-31"},{"uid":"0b118db7-32"},{"uid":"0b118db7-33"},{"uid":"0b118db7-26"}],"importedBy":[],"isEntry":true},"0b118db7-30":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"0b118db7-28"},{"uid":"0b118db7-6"},{"uid":"0b118db7-8"},{"uid":"0b118db7-16"},{"uid":"0b118db7-22"}],"isExternal":true},"0b118db7-31":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"0b118db7-10"}],"importedBy":[{"uid":"0b118db7-28"}]},"0b118db7-32":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"0b118db7-18"}],"importedBy":[{"uid":"0b118db7-28"}]},"0b118db7-33":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"0b118db7-24"}],"importedBy":[{"uid":"0b118db7-28"}]},"0b118db7-34":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"0b118db7-10"},{"uid":"0b118db7-18"},{"uid":"0b118db7-24"},{"uid":"0b118db7-4"},{"uid":"0b118db7-6"},{"uid":"0b118db7-12"},{"uid":"0b118db7-14"},{"uid":"0b118db7-20"}],"isExternal":true},"0b118db7-35":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"0b118db7-12"},{"uid":"0b118db7-14"}],"importedBy":[{"uid":"0b118db7-18"}]},"0b118db7-36":{"id":"/src/Context/index.ts","moduleParts":{},"imported":[{"uid":"0b118db7-4"},{"uid":"0b118db7-20"}],"importedBy":[{"uid":"0b118db7-24"}]},"0b118db7-37":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"0b118db7-2"},{"uid":"0b118db7-6"},{"uid":"0b118db7-8"},{"uid":"0b118db7-16"},{"uid":"0b118db7-22"}],"isExternal":true}},"env":{"rollup":"4.35.0"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
5390
5390
|
|
|
5391
5391
|
const run = () => {
|
|
5392
5392
|
const width = window.innerWidth;
|
package/lib/index.js
CHANGED
|
@@ -25,7 +25,7 @@ const hasValue = (value) => isNumber(value) && value > 0;
|
|
|
25
25
|
const isVisible = (value) => (isNumber(value) && value !== 0) || value === undefined;
|
|
26
26
|
const omitCtxKeys = (props) => omit(props, CONTEXT_KEYS);
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var Context = createContext({});
|
|
29
29
|
|
|
30
30
|
const pickThemeProps = (props, keywords) => pick(props, keywords);
|
|
31
31
|
const getGridContext = (props = {}, theme = {}) => ({
|
|
@@ -89,14 +89,16 @@ const Component$2 = ({ children, component, css, width, ...props }) => {
|
|
|
89
89
|
return result;
|
|
90
90
|
};
|
|
91
91
|
return (React.createElement(Styled$2, { ...omitCtxKeys(props), as: component, ...finalProps, ...getDevProps() },
|
|
92
|
-
React.createElement(
|
|
92
|
+
React.createElement(Context.Provider, { value: context }, children)));
|
|
93
93
|
};
|
|
94
94
|
const name$2 = `${PKG_NAME}/Container`;
|
|
95
95
|
Component$2.displayName = name$2;
|
|
96
96
|
Component$2.pkgName = PKG_NAME;
|
|
97
97
|
Component$2.VITUS_LABS__COMPONENT = name$2;
|
|
98
98
|
|
|
99
|
-
var
|
|
99
|
+
var ContainerContext = createContext({});
|
|
100
|
+
|
|
101
|
+
var RowContext$1 = createContext({});
|
|
100
102
|
|
|
101
103
|
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
102
104
|
const { styled: styled$1, css: css$1, component: component$1 } = config;
|
|
@@ -165,13 +167,15 @@ const Component$1 = ({ children, component, css, contentAlignX: rowAlignX, ...pr
|
|
|
165
167
|
return result;
|
|
166
168
|
};
|
|
167
169
|
return (React.createElement(Styled$1, { ...omitCtxKeys(props), as: finalComponent, ...finalProps, ...getDevProps() },
|
|
168
|
-
React.createElement(RowContext.Provider, { value: context }, children)));
|
|
170
|
+
React.createElement(RowContext$1.Provider, { value: context }, children)));
|
|
169
171
|
};
|
|
170
172
|
const name$1 = `${PKG_NAME}/Row`;
|
|
171
173
|
Component$1.displayName = name$1;
|
|
172
174
|
Component$1.pkgName = PKG_NAME;
|
|
173
175
|
Component$1.VITUS_LABS__COMPONENT = name$1;
|
|
174
176
|
|
|
177
|
+
var RowContext = createContext({});
|
|
178
|
+
|
|
175
179
|
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
176
180
|
const { styled, css, component } = config;
|
|
177
181
|
const hasWidth = (size, columns) => hasValue(size) && hasValue(columns);
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport type { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>,\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj,\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport type { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n} from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/constants.ts","../src/utils.ts","../src/Context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/ContainerContext.ts","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Context/RowContext.ts","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport type { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>,\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj,\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport type { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n} from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","name","spacingStyles","RowContext"],"mappings":"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"}
|
|
@@ -25,7 +25,7 @@ const hasValue = (value) => isNumber(value) && value > 0;
|
|
|
25
25
|
const isVisible = (value) => (isNumber(value) && value !== 0) || value === undefined;
|
|
26
26
|
const omitCtxKeys = (props) => omit(props, CONTEXT_KEYS);
|
|
27
27
|
|
|
28
|
-
var
|
|
28
|
+
var Context = createContext({});
|
|
29
29
|
|
|
30
30
|
const pickThemeProps = (props, keywords) => pick(props, keywords);
|
|
31
31
|
const getGridContext = (props = {}, theme = {}) => ({
|
|
@@ -87,14 +87,16 @@ const Component$2 = ({ children, component, css, width, ...props }) => {
|
|
|
87
87
|
return result;
|
|
88
88
|
};
|
|
89
89
|
return (React.createElement(Styled$2, { ...omitCtxKeys(props), as: component, ...finalProps, ...getDevProps() },
|
|
90
|
-
React.createElement(
|
|
90
|
+
React.createElement(Context.Provider, { value: context }, children)));
|
|
91
91
|
};
|
|
92
92
|
const name$2 = `${PKG_NAME}/Container`;
|
|
93
93
|
Component$2.displayName = name$2;
|
|
94
94
|
Component$2.pkgName = PKG_NAME;
|
|
95
95
|
Component$2.VITUS_LABS__COMPONENT = name$2;
|
|
96
96
|
|
|
97
|
-
var
|
|
97
|
+
var ContainerContext = createContext({});
|
|
98
|
+
|
|
99
|
+
var RowContext$1 = createContext({});
|
|
98
100
|
|
|
99
101
|
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
100
102
|
const { styled: styled$1, css: css$1, component: component$1 } = config;
|
|
@@ -161,13 +163,15 @@ const Component$1 = ({ children, component, css, contentAlignX: rowAlignX, ...pr
|
|
|
161
163
|
return result;
|
|
162
164
|
};
|
|
163
165
|
return (React.createElement(Styled$1, { ...omitCtxKeys(props), as: finalComponent, ...finalProps, ...getDevProps() },
|
|
164
|
-
React.createElement(RowContext.Provider, { value: context }, children)));
|
|
166
|
+
React.createElement(RowContext$1.Provider, { value: context }, children)));
|
|
165
167
|
};
|
|
166
168
|
const name$1 = `${PKG_NAME}/Row`;
|
|
167
169
|
Component$1.displayName = name$1;
|
|
168
170
|
Component$1.pkgName = PKG_NAME;
|
|
169
171
|
Component$1.VITUS_LABS__COMPONENT = name$1;
|
|
170
172
|
|
|
173
|
+
var RowContext = createContext({});
|
|
174
|
+
|
|
171
175
|
/* eslint-disable @typescript-eslint/no-non-null-assertion */
|
|
172
176
|
const { styled, css, component } = config;
|
|
173
177
|
const hasWidth = (size, columns) => hasValue(size) && hasValue(columns);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-coolgrid.native.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport type { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>,\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj,\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport type { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n} from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vitus-labs-coolgrid.native.js","sources":["../src/constants.ts","../src/utils.ts","../src/Context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/ContainerContext.ts","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Context/RowContext.ts","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport type { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>,\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj,\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport type { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n} from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","name","spacingStyles","RowContext"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitus-labs/coolgrid",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Vit Bokisch <vit@bokisch.cz>",
|
|
6
6
|
"maintainers": [
|
|
@@ -54,15 +54,15 @@
|
|
|
54
54
|
"peerDependencies": {
|
|
55
55
|
"@vitus-labs/core": "*",
|
|
56
56
|
"@vitus-labs/unistyle": "*",
|
|
57
|
-
"react": ">=
|
|
57
|
+
"react": ">= 18"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
|
-
"@vitus-labs/core": "1.
|
|
61
|
-
"@vitus-labs/tools-babel": "^1.
|
|
62
|
-
"@vitus-labs/tools-rollup": "^1.
|
|
63
|
-
"@vitus-labs/tools-storybook": "^1.
|
|
64
|
-
"@vitus-labs/tools-typescript": "^1.
|
|
65
|
-
"@vitus-labs/unistyle": "1.
|
|
60
|
+
"@vitus-labs/core": "1.2.0",
|
|
61
|
+
"@vitus-labs/tools-babel": "^1.5.0-alpha.0",
|
|
62
|
+
"@vitus-labs/tools-rollup": "^1.5.0-alpha.0",
|
|
63
|
+
"@vitus-labs/tools-storybook": "^1.5.0-alpha.0",
|
|
64
|
+
"@vitus-labs/tools-typescript": "^1.5.0-alpha.0",
|
|
65
|
+
"@vitus-labs/unistyle": "1.2.0"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "94b756a8fce90673bc34ececade7016a392f8d5d"
|
|
68
68
|
}
|