@vitus-labs/coolgrid 0.41.0 → 0.44.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.
- package/lib/analysis/vitus-labs-coolgrid.js.html +1 -1
- package/lib/analysis/vitus-labs-coolgrid.module.js.html +1 -1
- package/lib/analysis/vitus-labs-coolgrid.umd.js.html +1 -1
- package/lib/analysis/vitus-labs-coolgrid.umd.min.js.html +1 -1
- package/lib/vitus-labs-coolgrid.js +6 -6
- package/lib/vitus-labs-coolgrid.js.map +1 -1
- package/lib/vitus-labs-coolgrid.module.js +6 -6
- package/lib/vitus-labs-coolgrid.module.js.map +1 -1
- package/lib/vitus-labs-coolgrid.umd.js +6 -6
- package/lib/vitus-labs-coolgrid.umd.js.map +1 -1
- package/lib/vitus-labs-coolgrid.umd.min.js +5 -5
- package/lib/vitus-labs-coolgrid.umd.min.js.map +1 -1
- package/package.json +4 -4
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.js","children":[{"name":"src","children":[{"uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.js","children":[{"name":"src","children":[{"uid":"b361-1","name":"constants.ts"},{"uid":"b361-3","name":"utils.ts"},{"name":"context","children":[{"uid":"b361-5","name":"ContainerContext.ts"},{"uid":"b361-13","name":"RowContext.ts"}]},{"uid":"b361-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"b361-9","name":"styled.ts"},{"uid":"b361-11","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"b361-15","name":"styled.ts"},{"uid":"b361-17","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"b361-19","name":"styled.ts"},{"uid":"b361-21","name":"component.tsx"}]},{"uid":"b361-23","name":"theme.ts"},{"uid":"b361-25","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b361-1":{"renderedLength":328,"gzipLength":219,"brotliLength":0,"mainUid":"b361-0"},"b361-3":{"renderedLength":261,"gzipLength":172,"brotliLength":0,"mainUid":"b361-2"},"b361-5":{"renderedLength":47,"gzipLength":59,"brotliLength":0,"mainUid":"b361-4"},"b361-7":{"renderedLength":674,"gzipLength":286,"brotliLength":0,"mainUid":"b361-6"},"b361-9":{"renderedLength":508,"gzipLength":309,"brotliLength":0,"mainUid":"b361-8"},"b361-11":{"renderedLength":838,"gzipLength":451,"brotliLength":0,"mainUid":"b361-10"},"b361-13":{"renderedLength":41,"gzipLength":56,"brotliLength":0,"mainUid":"b361-12"},"b361-15":{"renderedLength":1221,"gzipLength":564,"brotliLength":0,"mainUid":"b361-14"},"b361-17":{"renderedLength":1019,"gzipLength":457,"brotliLength":0,"mainUid":"b361-16"},"b361-19":{"renderedLength":1964,"gzipLength":765,"brotliLength":0,"mainUid":"b361-18"},"b361-21":{"renderedLength":671,"gzipLength":361,"brotliLength":0,"mainUid":"b361-20"},"b361-23":{"renderedLength":344,"gzipLength":176,"brotliLength":0,"mainUid":"b361-22"},"b361-25":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b361-24"}},"nodeMetas":{"b361-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-1"},"imported":[],"importedBy":[{"uid":"b361-10"},{"uid":"b361-16"},{"uid":"b361-20"},{"uid":"b361-2"},{"uid":"b361-6"}]},"b361-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-3"},"imported":[{"uid":"b361-32"},{"uid":"b361-0"}],"importedBy":[{"uid":"b361-10"},{"uid":"b361-16"},{"uid":"b361-20"},{"uid":"b361-14"},{"uid":"b361-18"}]},"b361-4":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-5"},"imported":[{"uid":"b361-30"}],"importedBy":[{"uid":"b361-10"},{"uid":"b361-31"}]},"b361-6":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.js":"b361-7"},"imported":[{"uid":"b361-30"},{"uid":"b361-32"},{"uid":"b361-26"},{"uid":"b361-0"}],"importedBy":[{"uid":"b361-10"},{"uid":"b361-16"},{"uid":"b361-20"}]},"b361-8":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-9"},"imported":[{"uid":"b361-32"},{"uid":"b361-26"}],"importedBy":[{"uid":"b361-10"}]},"b361-10":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"b361-11"},"imported":[{"uid":"b361-30"},{"uid":"b361-0"},{"uid":"b361-2"},{"uid":"b361-4"},{"uid":"b361-6"},{"uid":"b361-8"}],"importedBy":[{"uid":"b361-27"}]},"b361-12":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-13"},"imported":[{"uid":"b361-30"}],"importedBy":[{"uid":"b361-31"}]},"b361-14":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-15"},"imported":[{"uid":"b361-32"},{"uid":"b361-26"},{"uid":"b361-2"}],"importedBy":[{"uid":"b361-16"}]},"b361-16":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"b361-17"},"imported":[{"uid":"b361-30"},{"uid":"b361-0"},{"uid":"b361-2"},{"uid":"b361-6"},{"uid":"b361-31"},{"uid":"b361-14"}],"importedBy":[{"uid":"b361-28"}]},"b361-18":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-19"},"imported":[{"uid":"b361-32"},{"uid":"b361-26"},{"uid":"b361-2"}],"importedBy":[{"uid":"b361-20"}]},"b361-20":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"b361-21"},"imported":[{"uid":"b361-30"},{"uid":"b361-0"},{"uid":"b361-2"},{"uid":"b361-6"},{"uid":"b361-31"},{"uid":"b361-18"}],"importedBy":[{"uid":"b361-29"}]},"b361-22":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-23"},"imported":[],"importedBy":[{"uid":"b361-24"}]},"b361-24":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.js":"b361-25"},"imported":[{"uid":"b361-26"},{"uid":"b361-27"},{"uid":"b361-28"},{"uid":"b361-29"},{"uid":"b361-22"}],"importedBy":[],"isEntry":true},"b361-26":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-24"},{"uid":"b361-6"},{"uid":"b361-8"},{"uid":"b361-14"},{"uid":"b361-18"}],"isExternal":true},"b361-27":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"b361-10"}],"importedBy":[{"uid":"b361-24"}]},"b361-28":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"b361-16"}],"importedBy":[{"uid":"b361-24"}]},"b361-29":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"b361-20"}],"importedBy":[{"uid":"b361-24"}]},"b361-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-10"},{"uid":"b361-16"},{"uid":"b361-20"},{"uid":"b361-4"},{"uid":"b361-6"},{"uid":"b361-12"}],"isExternal":true},"b361-31":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"b361-4"},{"uid":"b361-12"}],"importedBy":[{"uid":"b361-16"},{"uid":"b361-20"}]},"b361-32":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-2"},{"uid":"b361-6"},{"uid":"b361-8"},{"uid":"b361-14"},{"uid":"b361-18"}],"isExternal":true}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.module.js","children":[{"name":"src","children":[{"uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.module.js","children":[{"name":"src","children":[{"uid":"b361-34","name":"constants.ts"},{"uid":"b361-36","name":"utils.ts"},{"name":"context","children":[{"uid":"b361-38","name":"ContainerContext.ts"},{"uid":"b361-46","name":"RowContext.ts"}]},{"uid":"b361-40","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"b361-42","name":"styled.ts"},{"uid":"b361-44","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"b361-48","name":"styled.ts"},{"uid":"b361-50","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"b361-52","name":"styled.ts"},{"uid":"b361-54","name":"component.tsx"}]},{"uid":"b361-56","name":"theme.ts"},{"uid":"b361-58","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b361-34":{"renderedLength":328,"gzipLength":219,"brotliLength":0,"mainUid":"b361-33"},"b361-36":{"renderedLength":256,"gzipLength":167,"brotliLength":0,"mainUid":"b361-35"},"b361-38":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"mainUid":"b361-37"},"b361-40":{"renderedLength":624,"gzipLength":270,"brotliLength":0,"mainUid":"b361-39"},"b361-42":{"renderedLength":461,"gzipLength":297,"brotliLength":0,"mainUid":"b361-41"},"b361-44":{"renderedLength":798,"gzipLength":436,"brotliLength":0,"mainUid":"b361-43"},"b361-46":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"mainUid":"b361-45"},"b361-48":{"renderedLength":1155,"gzipLength":550,"brotliLength":0,"mainUid":"b361-47"},"b361-50":{"renderedLength":967,"gzipLength":439,"brotliLength":0,"mainUid":"b361-49"},"b361-52":{"renderedLength":1889,"gzipLength":751,"brotliLength":0,"mainUid":"b361-51"},"b361-54":{"renderedLength":645,"gzipLength":343,"brotliLength":0,"mainUid":"b361-53"},"b361-56":{"renderedLength":344,"gzipLength":176,"brotliLength":0,"mainUid":"b361-55"},"b361-58":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b361-57"}},"nodeMetas":{"b361-33":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-34"},"imported":[],"importedBy":[{"uid":"b361-43"},{"uid":"b361-49"},{"uid":"b361-53"},{"uid":"b361-35"},{"uid":"b361-39"}]},"b361-35":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-36"},"imported":[{"uid":"b361-65"},{"uid":"b361-33"}],"importedBy":[{"uid":"b361-43"},{"uid":"b361-49"},{"uid":"b361-53"},{"uid":"b361-47"},{"uid":"b361-51"}]},"b361-37":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-38"},"imported":[{"uid":"b361-63"}],"importedBy":[{"uid":"b361-43"},{"uid":"b361-64"}]},"b361-39":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-40"},"imported":[{"uid":"b361-63"},{"uid":"b361-65"},{"uid":"b361-59"},{"uid":"b361-33"}],"importedBy":[{"uid":"b361-43"},{"uid":"b361-49"},{"uid":"b361-53"}]},"b361-41":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-42"},"imported":[{"uid":"b361-65"},{"uid":"b361-59"}],"importedBy":[{"uid":"b361-43"}]},"b361-43":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-44"},"imported":[{"uid":"b361-63"},{"uid":"b361-33"},{"uid":"b361-35"},{"uid":"b361-37"},{"uid":"b361-39"},{"uid":"b361-41"}],"importedBy":[{"uid":"b361-60"}]},"b361-45":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-46"},"imported":[{"uid":"b361-63"}],"importedBy":[{"uid":"b361-64"}]},"b361-47":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-48"},"imported":[{"uid":"b361-65"},{"uid":"b361-59"},{"uid":"b361-35"}],"importedBy":[{"uid":"b361-49"}]},"b361-49":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-50"},"imported":[{"uid":"b361-63"},{"uid":"b361-33"},{"uid":"b361-35"},{"uid":"b361-39"},{"uid":"b361-64"},{"uid":"b361-47"}],"importedBy":[{"uid":"b361-61"}]},"b361-51":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-52"},"imported":[{"uid":"b361-65"},{"uid":"b361-59"},{"uid":"b361-35"}],"importedBy":[{"uid":"b361-53"}]},"b361-53":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-54"},"imported":[{"uid":"b361-63"},{"uid":"b361-33"},{"uid":"b361-35"},{"uid":"b361-39"},{"uid":"b361-64"},{"uid":"b361-51"}],"importedBy":[{"uid":"b361-62"}]},"b361-55":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-56"},"imported":[],"importedBy":[{"uid":"b361-57"}]},"b361-57":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"b361-58"},"imported":[{"uid":"b361-59"},{"uid":"b361-60"},{"uid":"b361-61"},{"uid":"b361-62"},{"uid":"b361-55"}],"importedBy":[],"isEntry":true},"b361-59":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-57"},{"uid":"b361-39"},{"uid":"b361-41"},{"uid":"b361-47"},{"uid":"b361-51"}],"isExternal":true},"b361-60":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"b361-43"}],"importedBy":[{"uid":"b361-57"}]},"b361-61":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"b361-49"}],"importedBy":[{"uid":"b361-57"}]},"b361-62":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"b361-53"}],"importedBy":[{"uid":"b361-57"}]},"b361-63":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-43"},{"uid":"b361-49"},{"uid":"b361-53"},{"uid":"b361-37"},{"uid":"b361-39"},{"uid":"b361-45"}],"isExternal":true},"b361-64":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"b361-37"},{"uid":"b361-45"}],"importedBy":[{"uid":"b361-49"},{"uid":"b361-53"}]},"b361-65":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-35"},{"uid":"b361-39"},{"uid":"b361-41"},{"uid":"b361-47"},{"uid":"b361-51"}],"isExternal":true}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.umd.js","children":[{"name":"src","children":[{"uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.umd.js","children":[{"name":"src","children":[{"uid":"b361-67","name":"constants.ts"},{"uid":"b361-69","name":"utils.ts"},{"name":"context","children":[{"uid":"b361-71","name":"ContainerContext.ts"},{"uid":"b361-79","name":"RowContext.ts"}]},{"uid":"b361-73","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"b361-75","name":"styled.ts"},{"uid":"b361-77","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"b361-81","name":"styled.ts"},{"uid":"b361-83","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"b361-85","name":"styled.ts"},{"uid":"b361-87","name":"component.tsx"}]},{"uid":"b361-89","name":"theme.ts"},{"uid":"b361-91","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b361-67":{"renderedLength":360,"gzipLength":221,"brotliLength":0,"mainUid":"b361-66"},"b361-69":{"renderedLength":269,"gzipLength":172,"brotliLength":0,"mainUid":"b361-68"},"b361-71":{"renderedLength":49,"gzipLength":61,"brotliLength":0,"mainUid":"b361-70"},"b361-73":{"renderedLength":704,"gzipLength":286,"brotliLength":0,"mainUid":"b361-72"},"b361-75":{"renderedLength":465,"gzipLength":294,"brotliLength":0,"mainUid":"b361-74"},"b361-77":{"renderedLength":874,"gzipLength":454,"brotliLength":0,"mainUid":"b361-76"},"b361-79":{"renderedLength":43,"gzipLength":58,"brotliLength":0,"mainUid":"b361-78"},"b361-81":{"renderedLength":1212,"gzipLength":552,"brotliLength":0,"mainUid":"b361-80"},"b361-83":{"renderedLength":1063,"gzipLength":460,"brotliLength":0,"mainUid":"b361-82"},"b361-85":{"renderedLength":1946,"gzipLength":737,"brotliLength":0,"mainUid":"b361-84"},"b361-87":{"renderedLength":707,"gzipLength":365,"brotliLength":0,"mainUid":"b361-86"},"b361-89":{"renderedLength":384,"gzipLength":178,"brotliLength":0,"mainUid":"b361-88"},"b361-91":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b361-90"}},"nodeMetas":{"b361-66":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-67"},"imported":[],"importedBy":[{"uid":"b361-76"},{"uid":"b361-82"},{"uid":"b361-86"},{"uid":"b361-68"},{"uid":"b361-72"}]},"b361-68":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-69"},"imported":[{"uid":"b361-98"},{"uid":"b361-66"}],"importedBy":[{"uid":"b361-76"},{"uid":"b361-82"},{"uid":"b361-86"},{"uid":"b361-80"},{"uid":"b361-84"}]},"b361-70":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-71"},"imported":[{"uid":"b361-96"}],"importedBy":[{"uid":"b361-76"},{"uid":"b361-97"}]},"b361-72":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-73"},"imported":[{"uid":"b361-96"},{"uid":"b361-98"},{"uid":"b361-92"},{"uid":"b361-66"}],"importedBy":[{"uid":"b361-76"},{"uid":"b361-82"},{"uid":"b361-86"}]},"b361-74":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-75"},"imported":[{"uid":"b361-98"},{"uid":"b361-92"}],"importedBy":[{"uid":"b361-76"}]},"b361-76":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-77"},"imported":[{"uid":"b361-96"},{"uid":"b361-66"},{"uid":"b361-68"},{"uid":"b361-70"},{"uid":"b361-72"},{"uid":"b361-74"}],"importedBy":[{"uid":"b361-93"}]},"b361-78":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-79"},"imported":[{"uid":"b361-96"}],"importedBy":[{"uid":"b361-97"}]},"b361-80":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-81"},"imported":[{"uid":"b361-98"},{"uid":"b361-92"},{"uid":"b361-68"}],"importedBy":[{"uid":"b361-82"}]},"b361-82":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-83"},"imported":[{"uid":"b361-96"},{"uid":"b361-66"},{"uid":"b361-68"},{"uid":"b361-72"},{"uid":"b361-97"},{"uid":"b361-80"}],"importedBy":[{"uid":"b361-94"}]},"b361-84":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-85"},"imported":[{"uid":"b361-98"},{"uid":"b361-92"},{"uid":"b361-68"}],"importedBy":[{"uid":"b361-86"}]},"b361-86":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-87"},"imported":[{"uid":"b361-96"},{"uid":"b361-66"},{"uid":"b361-68"},{"uid":"b361-72"},{"uid":"b361-97"},{"uid":"b361-84"}],"importedBy":[{"uid":"b361-95"}]},"b361-88":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-89"},"imported":[],"importedBy":[{"uid":"b361-90"}]},"b361-90":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"b361-91"},"imported":[{"uid":"b361-92"},{"uid":"b361-93"},{"uid":"b361-94"},{"uid":"b361-95"},{"uid":"b361-88"}],"importedBy":[],"isEntry":true},"b361-92":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-90"},{"uid":"b361-72"},{"uid":"b361-74"},{"uid":"b361-80"},{"uid":"b361-84"}],"isExternal":true},"b361-93":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"b361-76"}],"importedBy":[{"uid":"b361-90"}]},"b361-94":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"b361-82"}],"importedBy":[{"uid":"b361-90"}]},"b361-95":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"b361-86"}],"importedBy":[{"uid":"b361-90"}]},"b361-96":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-76"},{"uid":"b361-82"},{"uid":"b361-86"},{"uid":"b361-70"},{"uid":"b361-72"},{"uid":"b361-78"}],"isExternal":true},"b361-97":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"b361-70"},{"uid":"b361-78"}],"importedBy":[{"uid":"b361-82"},{"uid":"b361-86"}]},"b361-98":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-68"},{"uid":"b361-72"},{"uid":"b361-74"},{"uid":"b361-80"},{"uid":"b361-84"}],"isExternal":true}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
|
@@ -6424,7 +6424,7 @@ var drawChart = (function (exports) {
|
|
|
6424
6424
|
</script>
|
|
6425
6425
|
<script>
|
|
6426
6426
|
/*<!--*/
|
|
6427
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.umd.min.js","children":[{"name":"src","children":[{"uid":"
|
|
6427
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.umd.min.js","children":[{"name":"src","children":[{"uid":"b361-100","name":"constants.ts"},{"uid":"b361-102","name":"utils.ts"},{"name":"context","children":[{"uid":"b361-104","name":"ContainerContext.ts"},{"uid":"b361-112","name":"RowContext.ts"}]},{"uid":"b361-106","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"b361-108","name":"styled.ts"},{"uid":"b361-110","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"b361-114","name":"styled.ts"},{"uid":"b361-116","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"b361-118","name":"styled.ts"},{"uid":"b361-120","name":"component.tsx"}]},{"uid":"b361-122","name":"theme.ts"},{"uid":"b361-124","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"b361-100":{"renderedLength":360,"gzipLength":221,"brotliLength":0,"mainUid":"b361-99"},"b361-102":{"renderedLength":269,"gzipLength":172,"brotliLength":0,"mainUid":"b361-101"},"b361-104":{"renderedLength":49,"gzipLength":61,"brotliLength":0,"mainUid":"b361-103"},"b361-106":{"renderedLength":704,"gzipLength":286,"brotliLength":0,"mainUid":"b361-105"},"b361-108":{"renderedLength":465,"gzipLength":294,"brotliLength":0,"mainUid":"b361-107"},"b361-110":{"renderedLength":874,"gzipLength":454,"brotliLength":0,"mainUid":"b361-109"},"b361-112":{"renderedLength":43,"gzipLength":58,"brotliLength":0,"mainUid":"b361-111"},"b361-114":{"renderedLength":1212,"gzipLength":552,"brotliLength":0,"mainUid":"b361-113"},"b361-116":{"renderedLength":1063,"gzipLength":460,"brotliLength":0,"mainUid":"b361-115"},"b361-118":{"renderedLength":1946,"gzipLength":737,"brotliLength":0,"mainUid":"b361-117"},"b361-120":{"renderedLength":707,"gzipLength":365,"brotliLength":0,"mainUid":"b361-119"},"b361-122":{"renderedLength":384,"gzipLength":178,"brotliLength":0,"mainUid":"b361-121"},"b361-124":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"b361-123"}},"nodeMetas":{"b361-99":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-100"},"imported":[],"importedBy":[{"uid":"b361-109"},{"uid":"b361-115"},{"uid":"b361-119"},{"uid":"b361-101"},{"uid":"b361-105"}]},"b361-101":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-102"},"imported":[{"uid":"b361-131"},{"uid":"b361-99"}],"importedBy":[{"uid":"b361-109"},{"uid":"b361-115"},{"uid":"b361-119"},{"uid":"b361-113"},{"uid":"b361-117"}]},"b361-103":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-104"},"imported":[{"uid":"b361-129"}],"importedBy":[{"uid":"b361-109"},{"uid":"b361-130"}]},"b361-105":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-106"},"imported":[{"uid":"b361-129"},{"uid":"b361-131"},{"uid":"b361-125"},{"uid":"b361-99"}],"importedBy":[{"uid":"b361-109"},{"uid":"b361-115"},{"uid":"b361-119"}]},"b361-107":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-108"},"imported":[{"uid":"b361-131"},{"uid":"b361-125"}],"importedBy":[{"uid":"b361-109"}]},"b361-109":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-110"},"imported":[{"uid":"b361-129"},{"uid":"b361-99"},{"uid":"b361-101"},{"uid":"b361-103"},{"uid":"b361-105"},{"uid":"b361-107"}],"importedBy":[{"uid":"b361-126"}]},"b361-111":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-112"},"imported":[{"uid":"b361-129"}],"importedBy":[{"uid":"b361-130"}]},"b361-113":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-114"},"imported":[{"uid":"b361-131"},{"uid":"b361-125"},{"uid":"b361-101"}],"importedBy":[{"uid":"b361-115"}]},"b361-115":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-116"},"imported":[{"uid":"b361-129"},{"uid":"b361-99"},{"uid":"b361-101"},{"uid":"b361-105"},{"uid":"b361-130"},{"uid":"b361-113"}],"importedBy":[{"uid":"b361-127"}]},"b361-117":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-118"},"imported":[{"uid":"b361-131"},{"uid":"b361-125"},{"uid":"b361-101"}],"importedBy":[{"uid":"b361-119"}]},"b361-119":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-120"},"imported":[{"uid":"b361-129"},{"uid":"b361-99"},{"uid":"b361-101"},{"uid":"b361-105"},{"uid":"b361-130"},{"uid":"b361-117"}],"importedBy":[{"uid":"b361-128"}]},"b361-121":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-122"},"imported":[],"importedBy":[{"uid":"b361-123"}]},"b361-123":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"b361-124"},"imported":[{"uid":"b361-125"},{"uid":"b361-126"},{"uid":"b361-127"},{"uid":"b361-128"},{"uid":"b361-121"}],"importedBy":[],"isEntry":true},"b361-125":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-123"},{"uid":"b361-105"},{"uid":"b361-107"},{"uid":"b361-113"},{"uid":"b361-117"}],"isExternal":true},"b361-126":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"b361-109"}],"importedBy":[{"uid":"b361-123"}]},"b361-127":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"b361-115"}],"importedBy":[{"uid":"b361-123"}]},"b361-128":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"b361-119"}],"importedBy":[{"uid":"b361-123"}]},"b361-129":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-109"},{"uid":"b361-115"},{"uid":"b361-119"},{"uid":"b361-103"},{"uid":"b361-105"},{"uid":"b361-111"}],"isExternal":true},"b361-130":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"b361-103"},{"uid":"b361-111"}],"importedBy":[{"uid":"b361-115"},{"uid":"b361-119"}]},"b361-131":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"b361-101"},{"uid":"b361-105"},{"uid":"b361-107"},{"uid":"b361-113"},{"uid":"b361-117"}],"isExternal":true}},"env":{"rollup":"2.67.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
6428
6428
|
|
|
6429
6429
|
const run = () => {
|
|
6430
6430
|
const width = window.innerWidth;
|
|
@@ -51,7 +51,7 @@ const useGridContext = (props) => {
|
|
|
51
51
|
};
|
|
52
52
|
|
|
53
53
|
const styles$2 = ({ theme: t, css, rootSize }) => css `
|
|
54
|
-
max-width: ${unistyle.value(
|
|
54
|
+
max-width: ${unistyle.value(t.width, rootSize)};
|
|
55
55
|
${unistyle.extendCss(t.extraStyles)};
|
|
56
56
|
`;
|
|
57
57
|
var Styled$2 = core.config.styled(core.config.component) `
|
|
@@ -98,7 +98,7 @@ var RowContext = React.createContext({});
|
|
|
98
98
|
const spacingStyles$1 = ({ gap, gutter }, { rootSize }) => {
|
|
99
99
|
if (!isNumber(gap))
|
|
100
100
|
return '';
|
|
101
|
-
const getValue = (param) => unistyle.value(
|
|
101
|
+
const getValue = (param) => unistyle.value(param, rootSize);
|
|
102
102
|
const spacingX = (gap / 2) * -1;
|
|
103
103
|
const spacingY = isNumber(gutter) ? gutter - gap / 2 : gap / 2;
|
|
104
104
|
return core.config.css `
|
|
@@ -179,15 +179,15 @@ const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
|
|
|
179
179
|
return core.config.css `
|
|
180
180
|
flex-grow: 0;
|
|
181
181
|
flex-shrink: 0;
|
|
182
|
-
max-width: ${unistyle.value(
|
|
183
|
-
flex-basis: ${unistyle.value(
|
|
182
|
+
max-width: ${unistyle.value(val, rootSize)};
|
|
183
|
+
flex-basis: ${unistyle.value(val, rootSize)};
|
|
184
184
|
`;
|
|
185
185
|
};
|
|
186
186
|
const spacingStyles = (type, param, rootSize) => {
|
|
187
|
-
if (!isNumber(param)) {
|
|
187
|
+
if (!param || !isNumber(param)) {
|
|
188
188
|
return '';
|
|
189
189
|
}
|
|
190
|
-
const finalStyle = `${type}: ${unistyle.value(
|
|
190
|
+
const finalStyle = `${type}: ${unistyle.value(param / 2, rootSize)}`;
|
|
191
191
|
return core.config.css `
|
|
192
192
|
${finalStyle};
|
|
193
193
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-coolgrid.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 { 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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React 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\n let finalWidth = containerWidth\n if (width) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n $coolgrid={{\n width: finalWidth,\n extraStyles: css,\n }}\n >\n <Context.Provider value={ctx}>{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 MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.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 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 finalProps = {\n ...omitCtxKeys(props),\n as: component || rowComponent,\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }\n\n return (\n <Styled {...finalProps}>\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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.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 config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext } 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 return (\n <Styled\n {...omitCtxKeys(props)}\n as={component || colComponent}\n $coolgrid={{\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n }}\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":["omit","createContext","pick","get","useContext","context","styles","value","extendCss","config","makeItResponsive","Component","React","Styled","Context","name","spacingStyles","ALIGN_CONTENT_MAP_X","useMemo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vitus-labs-coolgrid.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 { 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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React 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\n let finalWidth = containerWidth\n if (width) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n $coolgrid={{\n width: finalWidth,\n extraStyles: css,\n }}\n >\n <Context.Provider value={ctx}>{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 MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.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 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 finalProps = {\n ...omitCtxKeys(props),\n as: component || rowComponent,\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }\n\n return (\n <Styled {...finalProps}>\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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.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 (!param || !isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param / 2, rootSize)}`\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext } 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 return (\n <Styled\n {...omitCtxKeys(props)}\n as={component || colComponent}\n $coolgrid={{\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n }}\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":["omit","createContext","pick","get","useContext","context","styles","value","extendCss","config","makeItResponsive","Component","React","Styled","Context","name","spacingStyles","ALIGN_CONTENT_MAP_X","useMemo"],"mappings":"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"}
|
|
@@ -44,7 +44,7 @@ const useGridContext = (props) => {
|
|
|
44
44
|
};
|
|
45
45
|
|
|
46
46
|
const styles$2 = ({ theme: t, css, rootSize }) => css `
|
|
47
|
-
max-width: ${value(
|
|
47
|
+
max-width: ${value(t.width, rootSize)};
|
|
48
48
|
${extendCss(t.extraStyles)};
|
|
49
49
|
`;
|
|
50
50
|
var Styled$2 = config.styled(config.component) `
|
|
@@ -91,7 +91,7 @@ var RowContext = createContext({});
|
|
|
91
91
|
const spacingStyles$1 = ({ gap, gutter }, { rootSize }) => {
|
|
92
92
|
if (!isNumber(gap))
|
|
93
93
|
return '';
|
|
94
|
-
const getValue = (param) => value(
|
|
94
|
+
const getValue = (param) => value(param, rootSize);
|
|
95
95
|
const spacingX = (gap / 2) * -1;
|
|
96
96
|
const spacingY = isNumber(gutter) ? gutter - gap / 2 : gap / 2;
|
|
97
97
|
return config.css `
|
|
@@ -172,15 +172,15 @@ const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
|
|
|
172
172
|
return config.css `
|
|
173
173
|
flex-grow: 0;
|
|
174
174
|
flex-shrink: 0;
|
|
175
|
-
max-width: ${value(
|
|
176
|
-
flex-basis: ${value(
|
|
175
|
+
max-width: ${value(val, rootSize)};
|
|
176
|
+
flex-basis: ${value(val, rootSize)};
|
|
177
177
|
`;
|
|
178
178
|
};
|
|
179
179
|
const spacingStyles = (type, param, rootSize) => {
|
|
180
|
-
if (!isNumber(param)) {
|
|
180
|
+
if (!param || !isNumber(param)) {
|
|
181
181
|
return '';
|
|
182
182
|
}
|
|
183
|
-
const finalStyle = `${type}: ${value(
|
|
183
|
+
const finalStyle = `${type}: ${value(param / 2, rootSize)}`;
|
|
184
184
|
return config.css `
|
|
185
185
|
${finalStyle};
|
|
186
186
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-coolgrid.module.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 { 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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React 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\n let finalWidth = containerWidth\n if (width) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n $coolgrid={{\n width: finalWidth,\n extraStyles: css,\n }}\n >\n <Context.Provider value={ctx}>{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 MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.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 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 finalProps = {\n ...omitCtxKeys(props),\n as: component || rowComponent,\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }\n\n return (\n <Styled {...finalProps}>\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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.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 config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext } 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 return (\n <Styled\n {...omitCtxKeys(props)}\n as={component || colComponent}\n $coolgrid={{\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n }}\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":["styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vitus-labs-coolgrid.module.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 { 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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React 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\n let finalWidth = containerWidth\n if (width) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n $coolgrid={{\n width: finalWidth,\n extraStyles: css,\n }}\n >\n <Context.Provider value={ctx}>{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 MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.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 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 finalProps = {\n ...omitCtxKeys(props),\n as: component || rowComponent,\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }\n\n return (\n <Styled {...finalProps}>\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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.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 (!param || !isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param / 2, rootSize)}`\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext } 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 return (\n <Styled\n {...omitCtxKeys(props)}\n as={component || colComponent}\n $coolgrid={{\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n }}\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":["styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
|
|
@@ -49,7 +49,7 @@
|
|
|
49
49
|
};
|
|
50
50
|
|
|
51
51
|
const styles$2 = ({ theme: t, css, rootSize }) => css `
|
|
52
|
-
max-width: ${unistyle.value(
|
|
52
|
+
max-width: ${unistyle.value(t.width, rootSize)};
|
|
53
53
|
${unistyle.extendCss(t.extraStyles)};
|
|
54
54
|
`;
|
|
55
55
|
var Styled$2 = core.config.styled(core.config.component) `
|
|
@@ -94,7 +94,7 @@
|
|
|
94
94
|
const spacingStyles$1 = ({ gap, gutter }, { rootSize }) => {
|
|
95
95
|
if (!isNumber(gap))
|
|
96
96
|
return '';
|
|
97
|
-
const getValue = (param) => unistyle.value(
|
|
97
|
+
const getValue = (param) => unistyle.value(param, rootSize);
|
|
98
98
|
const spacingX = (gap / 2) * -1;
|
|
99
99
|
const spacingY = isNumber(gutter) ? gutter - gap / 2 : gap / 2;
|
|
100
100
|
return core.config.css `
|
|
@@ -171,15 +171,15 @@
|
|
|
171
171
|
return core.config.css `
|
|
172
172
|
flex-grow: 0;
|
|
173
173
|
flex-shrink: 0;
|
|
174
|
-
max-width: ${unistyle.value(
|
|
175
|
-
flex-basis: ${unistyle.value(
|
|
174
|
+
max-width: ${unistyle.value(val, rootSize)};
|
|
175
|
+
flex-basis: ${unistyle.value(val, rootSize)};
|
|
176
176
|
`;
|
|
177
177
|
};
|
|
178
178
|
const spacingStyles = (type, param, rootSize) => {
|
|
179
|
-
if (!isNumber(param)) {
|
|
179
|
+
if (!param || !isNumber(param)) {
|
|
180
180
|
return '';
|
|
181
181
|
}
|
|
182
|
-
const finalStyle = `${type}: ${unistyle.value(
|
|
182
|
+
const finalStyle = `${type}: ${unistyle.value(param / 2, rootSize)}`;
|
|
183
183
|
return core.config.css `
|
|
184
184
|
${finalStyle};
|
|
185
185
|
`;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-coolgrid.umd.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 { 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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React 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\n let finalWidth = containerWidth\n if (width) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n $coolgrid={{\n width: finalWidth,\n extraStyles: css,\n }}\n >\n <Context.Provider value={ctx}>{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 MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.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 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 finalProps = {\n ...omitCtxKeys(props),\n as: component || rowComponent,\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }\n\n return (\n <Styled {...finalProps}>\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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.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 config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext } 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 return (\n <Styled\n {...omitCtxKeys(props)}\n as={component || colComponent}\n $coolgrid={{\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n }}\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":["omit","createContext","pick","get","useContext","context","styles","value","extendCss","config","makeItResponsive","Component","React","Styled","Context","name","spacingStyles","ALIGN_CONTENT_MAP_X","useMemo"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vitus-labs-coolgrid.umd.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 { 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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React 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\n let finalWidth = containerWidth\n if (width) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n $coolgrid={{\n width: finalWidth,\n extraStyles: css,\n }}\n >\n <Context.Provider value={ctx}>{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 MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.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 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 finalProps = {\n ...omitCtxKeys(props),\n as: component || rowComponent,\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }\n\n return (\n <Styled {...finalProps}>\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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.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 (!param || !isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param / 2, rootSize)}`\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext } 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 return (\n <Styled\n {...omitCtxKeys(props)}\n as={component || colComponent}\n $coolgrid={{\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n }}\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":["omit","createContext","pick","get","useContext","context","styles","value","extendCss","config","makeItResponsive","Component","React","Styled","Context","name","spacingStyles","ALIGN_CONTENT_MAP_X","useMemo"],"mappings":"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"}
|
|
@@ -8,7 +8,7 @@
|
|
|
8
8
|
margin-left: auto;
|
|
9
9
|
|
|
10
10
|
${t.makeItResponsive({key:"$coolgrid",styles:({theme:e,css:o,rootSize:n})=>o`
|
|
11
|
-
max-width: ${t.value(
|
|
11
|
+
max-width: ${t.value(e.width,n)};
|
|
12
12
|
${t.extendCss(e.extraStyles)};
|
|
13
13
|
`,css:n.config.css,normalize:!0})};
|
|
14
14
|
`;const f=({children:e,component:t,css:o,width:n,...i})=>{const{containerWidth:r={},...c}=g(i);let l=r;return n&&(l="function"==typeof n?n(r):n),s.default.createElement(m,{...u(i),as:t,$coolgrid:{width:l,extraStyles:o}},s.default.createElement(d.Provider,{value:c},e))},p=`${r}/Container`;f.displayName=p,f.pkgName=r,f.VITUS_LABS__COMPONENT=p;var x=o.createContext({});var y=n.config.styled(n.config.component)`
|
|
@@ -20,7 +20,7 @@
|
|
|
20
20
|
flex-direction: row;
|
|
21
21
|
|
|
22
22
|
${t.makeItResponsive({key:"$coolgrid",styles:({theme:e,css:o,rootSize:i})=>{const{gap:s,gutter:r,contentAlignX:c,extraStyles:a}=e;return o`
|
|
23
|
-
${(({gap:e,gutter:o},{rootSize:i})=>{if(!l(e))return"";const s=e=>t.value(
|
|
23
|
+
${(({gap:e,gutter:o},{rootSize:i})=>{if(!l(e))return"";const s=e=>t.value(e,i),r=e/2*-1,c=l(o)?o-e/2:e/2;return n.config.css`
|
|
24
24
|
margin: ${s(c)} ${s(r)};
|
|
25
25
|
`})({gap:s,gutter:r},{rootSize:i})};
|
|
26
26
|
${u=c,u?n.config.css`
|
|
@@ -31,9 +31,9 @@
|
|
|
31
31
|
`;const v=({children:e,component:t,css:n,contentAlignX:i,...r})=>{const c=o.useContext(d),{columns:l,gap:a,gutter:m,rowComponent:f,rowCss:p,contentAlignX:v,...$}=g({...c,...r}),h=o.useMemo((()=>({...$,columns:l,gap:a,gutter:m})),[$,l,a,m]),C={...u(r),as:t||f,$coolgrid:{contentAlignX:i||v,columns:l,gap:a,gutter:m,extraStyles:n||p}};return s.default.createElement(y,{...C},s.default.createElement(x.Provider,{value:h},e))},$=`${r}/Row`;v.displayName=$,v.pkgName=r,v.VITUS_LABS__COMPONENT=$;const h=({size:e,columns:o,gap:i,RNparentWidth:s},{rootSize:r})=>{if(!((e,t)=>a(e)&&a(t))(e,o))return"";const c=s/o*e,l=a(i)?c-i:c;return n.config.css`
|
|
32
32
|
flex-grow: 0;
|
|
33
33
|
flex-shrink: 0;
|
|
34
|
-
max-width: ${t.value(
|
|
35
|
-
flex-basis: ${t.value(
|
|
36
|
-
`},C=(e,o,i)=>{if(!l(o))return"";const s=`${e}: ${t.value(
|
|
34
|
+
max-width: ${t.value(l,r)};
|
|
35
|
+
flex-basis: ${t.value(l,r)};
|
|
36
|
+
`},C=(e,o,i)=>{if(!o||!l(o))return"";const s=`${e}: ${t.value(o/2,i)}`;return n.config.css`
|
|
37
37
|
${s};
|
|
38
38
|
`};var S=n.config.styled(n.config.component)`
|
|
39
39
|
${!1};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-coolgrid.umd.min.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 { 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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React 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\n let finalWidth = containerWidth\n if (width) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n $coolgrid={{\n width: finalWidth,\n extraStyles: css,\n }}\n >\n <Context.Provider value={ctx}>{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 MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.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 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 finalProps = {\n ...omitCtxKeys(props),\n as: component || rowComponent,\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }\n\n return (\n <Styled {...finalProps}>\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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.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 config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext } 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 return (\n <Styled\n {...omitCtxKeys(props)}\n as={component || colComponent}\n $coolgrid={{\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n }}\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":["PKG_NAME","CONTEXT_KEYS","isNumber","value","Number","isFinite","hasValue","omitCtxKeys","props","omit","createContext","useGridContext","theme","useContext","context","ctxProps","keywords","pick","pickThemeProps","columns","get","containerWidth","getGridContext","config","styled","component","makeItResponsive","key","t","css","rootSize","width","extendCss","extraStyles","normalize","Component","children","ctx","finalWidth","React","Styled","as","Context","Provider","name","displayName","pkgName","VITUS_LABS__COMPONENT","gap","gutter","contentAlignX","getValue","param","spacingX","spacingY","spacingStyles","align","ALIGN_CONTENT_MAP_X","rowAlignX","parentCtx","ContainerContext","rowComponent","rowCss","useMemo","finalProps","$coolgrid","RowContext","widthStyles","size","RNparentWidth","hasWidth","val","type","finalStyle","styles","padding","undefined","colCss","colComponent","breakpoints","xs","sm","md","lg","xl","grid","container"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"vitus-labs-coolgrid.umd.min.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 { 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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React 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\n let finalWidth = containerWidth\n if (width) {\n // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n $coolgrid={{\n width: finalWidth,\n extraStyles: css,\n }}\n >\n <Context.Provider value={ctx}>{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 MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.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 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 finalProps = {\n ...omitCtxKeys(props),\n as: component || rowComponent,\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }\n\n return (\n <Styled {...finalProps}>\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 {\n makeItResponsive,\n value,\n extendCss,\n MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\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 config.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 (!param || !isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param / 2, rootSize)}`\n\n return config.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 config.styled(config.component)`\n ${\n __WEB__ &&\n config.css`\n box-sizing: border-box;\n `\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: config.css,\n normalize: true,\n })};\n`\n","import React, { useContext } 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 return (\n <Styled\n {...omitCtxKeys(props)}\n as={component || colComponent}\n $coolgrid={{\n columns,\n gap,\n size,\n padding,\n extraStyles: css || colCss,\n }}\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":["PKG_NAME","CONTEXT_KEYS","isNumber","value","Number","isFinite","hasValue","omitCtxKeys","props","omit","createContext","useGridContext","theme","useContext","context","ctxProps","keywords","pick","pickThemeProps","columns","get","containerWidth","getGridContext","config","styled","component","makeItResponsive","key","t","css","rootSize","width","extendCss","extraStyles","normalize","Component","children","ctx","finalWidth","React","Styled","as","Context","Provider","name","displayName","pkgName","VITUS_LABS__COMPONENT","gap","gutter","contentAlignX","getValue","param","spacingX","spacingY","spacingStyles","align","ALIGN_CONTENT_MAP_X","rowAlignX","parentCtx","ContainerContext","rowComponent","rowCss","useMemo","finalProps","$coolgrid","RowContext","widthStyles","size","RNparentWidth","hasWidth","val","type","finalStyle","styles","padding","undefined","colCss","colComponent","breakpoints","xs","sm","md","lg","xl","grid","container"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitus-labs/coolgrid",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "0.44.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Vit Bokisch <vit@bokisch.cz>",
|
|
6
6
|
"maintainers": [
|
|
@@ -61,12 +61,12 @@
|
|
|
61
61
|
"react": ">= 16.8"
|
|
62
62
|
},
|
|
63
63
|
"devDependencies": {
|
|
64
|
-
"@vitus-labs/core": "^0.
|
|
64
|
+
"@vitus-labs/core": "^0.44.0",
|
|
65
65
|
"@vitus-labs/tools-babel": "^0.27.0",
|
|
66
66
|
"@vitus-labs/tools-rollup": "^0.27.0",
|
|
67
67
|
"@vitus-labs/tools-storybook": "^0.27.0",
|
|
68
68
|
"@vitus-labs/tools-typescript": "^0.27.0",
|
|
69
|
-
"@vitus-labs/unistyle": "^0.
|
|
69
|
+
"@vitus-labs/unistyle": "^0.44.0"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "ef9ce8b517dac9a4898aad62594c2340bd13d4dd"
|
|
72
72
|
}
|