@vitus-labs/coolgrid 0.34.0 → 0.37.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.umd.min.js +1 -1
- package/lib/vitus-labs-coolgrid.umd.min.js.map +1 -1
- package/package.json +8 -8
|
@@ -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":"8b9b-1","name":"constants.ts"},{"uid":"8b9b-3","name":"utils.ts"},{"name":"context","children":[{"uid":"8b9b-5","name":"ContainerContext.ts"},{"uid":"8b9b-13","name":"RowContext.ts"}]},{"uid":"8b9b-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"8b9b-9","name":"styled.ts"},{"uid":"8b9b-11","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"8b9b-15","name":"styled.ts"},{"uid":"8b9b-17","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"8b9b-19","name":"styled.ts"},{"uid":"8b9b-21","name":"component.tsx"}]},{"uid":"8b9b-23","name":"theme.ts"},{"uid":"8b9b-25","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"8b9b-1":{"renderedLength":328,"gzipLength":219,"brotliLength":0,"mainUid":"8b9b-0"},"8b9b-3":{"renderedLength":261,"gzipLength":172,"brotliLength":0,"mainUid":"8b9b-2"},"8b9b-5":{"renderedLength":47,"gzipLength":59,"brotliLength":0,"mainUid":"8b9b-4"},"8b9b-7":{"renderedLength":674,"gzipLength":286,"brotliLength":0,"mainUid":"8b9b-6"},"8b9b-9":{"renderedLength":510,"gzipLength":312,"brotliLength":0,"mainUid":"8b9b-8"},"8b9b-11":{"renderedLength":838,"gzipLength":451,"brotliLength":0,"mainUid":"8b9b-10"},"8b9b-13":{"renderedLength":41,"gzipLength":56,"brotliLength":0,"mainUid":"8b9b-12"},"8b9b-15":{"renderedLength":1223,"gzipLength":567,"brotliLength":0,"mainUid":"8b9b-14"},"8b9b-17":{"renderedLength":1019,"gzipLength":457,"brotliLength":0,"mainUid":"8b9b-16"},"8b9b-19":{"renderedLength":1960,"gzipLength":764,"brotliLength":0,"mainUid":"8b9b-18"},"8b9b-21":{"renderedLength":671,"gzipLength":361,"brotliLength":0,"mainUid":"8b9b-20"},"8b9b-23":{"renderedLength":344,"gzipLength":176,"brotliLength":0,"mainUid":"8b9b-22"},"8b9b-25":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"8b9b-24"}},"nodeMetas":{"8b9b-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-1"},"imported":[],"importedBy":[{"uid":"8b9b-10"},{"uid":"8b9b-16"},{"uid":"8b9b-20"},{"uid":"8b9b-2"},{"uid":"8b9b-6"}]},"8b9b-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-3"},"imported":[{"uid":"8b9b-32"},{"uid":"8b9b-0"}],"importedBy":[{"uid":"8b9b-10"},{"uid":"8b9b-16"},{"uid":"8b9b-20"},{"uid":"8b9b-14"},{"uid":"8b9b-18"}]},"8b9b-4":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-5"},"imported":[{"uid":"8b9b-30"}],"importedBy":[{"uid":"8b9b-10"},{"uid":"8b9b-31"}]},"8b9b-6":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-7"},"imported":[{"uid":"8b9b-30"},{"uid":"8b9b-32"},{"uid":"8b9b-26"},{"uid":"8b9b-0"}],"importedBy":[{"uid":"8b9b-10"},{"uid":"8b9b-16"},{"uid":"8b9b-20"}]},"8b9b-8":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-9"},"imported":[{"uid":"8b9b-32"},{"uid":"8b9b-26"}],"importedBy":[{"uid":"8b9b-10"}]},"8b9b-10":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-11"},"imported":[{"uid":"8b9b-30"},{"uid":"8b9b-0"},{"uid":"8b9b-2"},{"uid":"8b9b-4"},{"uid":"8b9b-6"},{"uid":"8b9b-8"}],"importedBy":[{"uid":"8b9b-27"}]},"8b9b-12":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-13"},"imported":[{"uid":"8b9b-30"}],"importedBy":[{"uid":"8b9b-31"}]},"8b9b-14":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-15"},"imported":[{"uid":"8b9b-32"},{"uid":"8b9b-26"},{"uid":"8b9b-2"}],"importedBy":[{"uid":"8b9b-16"}]},"8b9b-16":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-17"},"imported":[{"uid":"8b9b-30"},{"uid":"8b9b-0"},{"uid":"8b9b-2"},{"uid":"8b9b-6"},{"uid":"8b9b-31"},{"uid":"8b9b-14"}],"importedBy":[{"uid":"8b9b-28"}]},"8b9b-18":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-19"},"imported":[{"uid":"8b9b-32"},{"uid":"8b9b-26"},{"uid":"8b9b-2"}],"importedBy":[{"uid":"8b9b-20"}]},"8b9b-20":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-21"},"imported":[{"uid":"8b9b-30"},{"uid":"8b9b-0"},{"uid":"8b9b-2"},{"uid":"8b9b-6"},{"uid":"8b9b-31"},{"uid":"8b9b-18"}],"importedBy":[{"uid":"8b9b-29"}]},"8b9b-22":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-23"},"imported":[],"importedBy":[{"uid":"8b9b-24"}]},"8b9b-24":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.js":"8b9b-25"},"imported":[{"uid":"8b9b-26"},{"uid":"8b9b-27"},{"uid":"8b9b-28"},{"uid":"8b9b-29"},{"uid":"8b9b-22"}],"importedBy":[],"isEntry":true},"8b9b-26":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-24"},{"uid":"8b9b-6"},{"uid":"8b9b-8"},{"uid":"8b9b-14"},{"uid":"8b9b-18"}],"isExternal":true},"8b9b-27":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-10"}],"importedBy":[{"uid":"8b9b-24"}]},"8b9b-28":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-16"}],"importedBy":[{"uid":"8b9b-24"}]},"8b9b-29":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-20"}],"importedBy":[{"uid":"8b9b-24"}]},"8b9b-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-10"},{"uid":"8b9b-16"},{"uid":"8b9b-20"},{"uid":"8b9b-4"},{"uid":"8b9b-6"},{"uid":"8b9b-12"}],"isExternal":true},"8b9b-31":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-4"},{"uid":"8b9b-12"}],"importedBy":[{"uid":"8b9b-16"},{"uid":"8b9b-20"}]},"8b9b-32":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-2"},{"uid":"8b9b-6"},{"uid":"8b9b-8"},{"uid":"8b9b-14"},{"uid":"8b9b-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":"8b9b-34","name":"constants.ts"},{"uid":"8b9b-36","name":"utils.ts"},{"name":"context","children":[{"uid":"8b9b-38","name":"ContainerContext.ts"},{"uid":"8b9b-46","name":"RowContext.ts"}]},{"uid":"8b9b-40","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"8b9b-42","name":"styled.ts"},{"uid":"8b9b-44","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"8b9b-48","name":"styled.ts"},{"uid":"8b9b-50","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"8b9b-52","name":"styled.ts"},{"uid":"8b9b-54","name":"component.tsx"}]},{"uid":"8b9b-56","name":"theme.ts"},{"uid":"8b9b-58","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"8b9b-34":{"renderedLength":328,"gzipLength":219,"brotliLength":0,"mainUid":"8b9b-33"},"8b9b-36":{"renderedLength":256,"gzipLength":167,"brotliLength":0,"mainUid":"8b9b-35"},"8b9b-38":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"mainUid":"8b9b-37"},"8b9b-40":{"renderedLength":624,"gzipLength":270,"brotliLength":0,"mainUid":"8b9b-39"},"8b9b-42":{"renderedLength":463,"gzipLength":302,"brotliLength":0,"mainUid":"8b9b-41"},"8b9b-44":{"renderedLength":798,"gzipLength":436,"brotliLength":0,"mainUid":"8b9b-43"},"8b9b-46":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"mainUid":"8b9b-45"},"8b9b-48":{"renderedLength":1157,"gzipLength":552,"brotliLength":0,"mainUid":"8b9b-47"},"8b9b-50":{"renderedLength":967,"gzipLength":439,"brotliLength":0,"mainUid":"8b9b-49"},"8b9b-52":{"renderedLength":1885,"gzipLength":750,"brotliLength":0,"mainUid":"8b9b-51"},"8b9b-54":{"renderedLength":645,"gzipLength":343,"brotliLength":0,"mainUid":"8b9b-53"},"8b9b-56":{"renderedLength":344,"gzipLength":176,"brotliLength":0,"mainUid":"8b9b-55"},"8b9b-58":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"8b9b-57"}},"nodeMetas":{"8b9b-33":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-34"},"imported":[],"importedBy":[{"uid":"8b9b-43"},{"uid":"8b9b-49"},{"uid":"8b9b-53"},{"uid":"8b9b-35"},{"uid":"8b9b-39"}]},"8b9b-35":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-36"},"imported":[{"uid":"8b9b-65"},{"uid":"8b9b-33"}],"importedBy":[{"uid":"8b9b-43"},{"uid":"8b9b-49"},{"uid":"8b9b-53"},{"uid":"8b9b-47"},{"uid":"8b9b-51"}]},"8b9b-37":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-38"},"imported":[{"uid":"8b9b-63"}],"importedBy":[{"uid":"8b9b-43"},{"uid":"8b9b-64"}]},"8b9b-39":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-40"},"imported":[{"uid":"8b9b-63"},{"uid":"8b9b-65"},{"uid":"8b9b-59"},{"uid":"8b9b-33"}],"importedBy":[{"uid":"8b9b-43"},{"uid":"8b9b-49"},{"uid":"8b9b-53"}]},"8b9b-41":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-42"},"imported":[{"uid":"8b9b-65"},{"uid":"8b9b-59"}],"importedBy":[{"uid":"8b9b-43"}]},"8b9b-43":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-44"},"imported":[{"uid":"8b9b-63"},{"uid":"8b9b-33"},{"uid":"8b9b-35"},{"uid":"8b9b-37"},{"uid":"8b9b-39"},{"uid":"8b9b-41"}],"importedBy":[{"uid":"8b9b-60"}]},"8b9b-45":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-46"},"imported":[{"uid":"8b9b-63"}],"importedBy":[{"uid":"8b9b-64"}]},"8b9b-47":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-48"},"imported":[{"uid":"8b9b-65"},{"uid":"8b9b-59"},{"uid":"8b9b-35"}],"importedBy":[{"uid":"8b9b-49"}]},"8b9b-49":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-50"},"imported":[{"uid":"8b9b-63"},{"uid":"8b9b-33"},{"uid":"8b9b-35"},{"uid":"8b9b-39"},{"uid":"8b9b-64"},{"uid":"8b9b-47"}],"importedBy":[{"uid":"8b9b-61"}]},"8b9b-51":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-52"},"imported":[{"uid":"8b9b-65"},{"uid":"8b9b-59"},{"uid":"8b9b-35"}],"importedBy":[{"uid":"8b9b-53"}]},"8b9b-53":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-54"},"imported":[{"uid":"8b9b-63"},{"uid":"8b9b-33"},{"uid":"8b9b-35"},{"uid":"8b9b-39"},{"uid":"8b9b-64"},{"uid":"8b9b-51"}],"importedBy":[{"uid":"8b9b-62"}]},"8b9b-55":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-56"},"imported":[],"importedBy":[{"uid":"8b9b-57"}]},"8b9b-57":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8b9b-58"},"imported":[{"uid":"8b9b-59"},{"uid":"8b9b-60"},{"uid":"8b9b-61"},{"uid":"8b9b-62"},{"uid":"8b9b-55"}],"importedBy":[],"isEntry":true},"8b9b-59":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-57"},{"uid":"8b9b-39"},{"uid":"8b9b-41"},{"uid":"8b9b-47"},{"uid":"8b9b-51"}],"isExternal":true},"8b9b-60":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-43"}],"importedBy":[{"uid":"8b9b-57"}]},"8b9b-61":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-49"}],"importedBy":[{"uid":"8b9b-57"}]},"8b9b-62":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-53"}],"importedBy":[{"uid":"8b9b-57"}]},"8b9b-63":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-43"},{"uid":"8b9b-49"},{"uid":"8b9b-53"},{"uid":"8b9b-37"},{"uid":"8b9b-39"},{"uid":"8b9b-45"}],"isExternal":true},"8b9b-64":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-37"},{"uid":"8b9b-45"}],"importedBy":[{"uid":"8b9b-49"},{"uid":"8b9b-53"}]},"8b9b-65":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-35"},{"uid":"8b9b-39"},{"uid":"8b9b-41"},{"uid":"8b9b-47"},{"uid":"8b9b-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":"8b9b-67","name":"constants.ts"},{"uid":"8b9b-69","name":"utils.ts"},{"name":"context","children":[{"uid":"8b9b-71","name":"ContainerContext.ts"},{"uid":"8b9b-79","name":"RowContext.ts"}]},{"uid":"8b9b-73","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"8b9b-75","name":"styled.ts"},{"uid":"8b9b-77","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"8b9b-81","name":"styled.ts"},{"uid":"8b9b-83","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"8b9b-85","name":"styled.ts"},{"uid":"8b9b-87","name":"component.tsx"}]},{"uid":"8b9b-89","name":"theme.ts"},{"uid":"8b9b-91","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"8b9b-67":{"renderedLength":360,"gzipLength":221,"brotliLength":0,"mainUid":"8b9b-66"},"8b9b-69":{"renderedLength":269,"gzipLength":172,"brotliLength":0,"mainUid":"8b9b-68"},"8b9b-71":{"renderedLength":49,"gzipLength":61,"brotliLength":0,"mainUid":"8b9b-70"},"8b9b-73":{"renderedLength":704,"gzipLength":286,"brotliLength":0,"mainUid":"8b9b-72"},"8b9b-75":{"renderedLength":467,"gzipLength":297,"brotliLength":0,"mainUid":"8b9b-74"},"8b9b-77":{"renderedLength":874,"gzipLength":454,"brotliLength":0,"mainUid":"8b9b-76"},"8b9b-79":{"renderedLength":43,"gzipLength":58,"brotliLength":0,"mainUid":"8b9b-78"},"8b9b-81":{"renderedLength":1214,"gzipLength":554,"brotliLength":0,"mainUid":"8b9b-80"},"8b9b-83":{"renderedLength":1063,"gzipLength":460,"brotliLength":0,"mainUid":"8b9b-82"},"8b9b-85":{"renderedLength":1942,"gzipLength":736,"brotliLength":0,"mainUid":"8b9b-84"},"8b9b-87":{"renderedLength":707,"gzipLength":365,"brotliLength":0,"mainUid":"8b9b-86"},"8b9b-89":{"renderedLength":384,"gzipLength":178,"brotliLength":0,"mainUid":"8b9b-88"},"8b9b-91":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"8b9b-90"}},"nodeMetas":{"8b9b-66":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-67"},"imported":[],"importedBy":[{"uid":"8b9b-76"},{"uid":"8b9b-82"},{"uid":"8b9b-86"},{"uid":"8b9b-68"},{"uid":"8b9b-72"}]},"8b9b-68":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-69"},"imported":[{"uid":"8b9b-98"},{"uid":"8b9b-66"}],"importedBy":[{"uid":"8b9b-76"},{"uid":"8b9b-82"},{"uid":"8b9b-86"},{"uid":"8b9b-80"},{"uid":"8b9b-84"}]},"8b9b-70":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-71"},"imported":[{"uid":"8b9b-96"}],"importedBy":[{"uid":"8b9b-76"},{"uid":"8b9b-97"}]},"8b9b-72":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-73"},"imported":[{"uid":"8b9b-96"},{"uid":"8b9b-98"},{"uid":"8b9b-92"},{"uid":"8b9b-66"}],"importedBy":[{"uid":"8b9b-76"},{"uid":"8b9b-82"},{"uid":"8b9b-86"}]},"8b9b-74":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-75"},"imported":[{"uid":"8b9b-98"},{"uid":"8b9b-92"}],"importedBy":[{"uid":"8b9b-76"}]},"8b9b-76":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-77"},"imported":[{"uid":"8b9b-96"},{"uid":"8b9b-66"},{"uid":"8b9b-68"},{"uid":"8b9b-70"},{"uid":"8b9b-72"},{"uid":"8b9b-74"}],"importedBy":[{"uid":"8b9b-93"}]},"8b9b-78":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-79"},"imported":[{"uid":"8b9b-96"}],"importedBy":[{"uid":"8b9b-97"}]},"8b9b-80":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-81"},"imported":[{"uid":"8b9b-98"},{"uid":"8b9b-92"},{"uid":"8b9b-68"}],"importedBy":[{"uid":"8b9b-82"}]},"8b9b-82":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-83"},"imported":[{"uid":"8b9b-96"},{"uid":"8b9b-66"},{"uid":"8b9b-68"},{"uid":"8b9b-72"},{"uid":"8b9b-97"},{"uid":"8b9b-80"}],"importedBy":[{"uid":"8b9b-94"}]},"8b9b-84":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-85"},"imported":[{"uid":"8b9b-98"},{"uid":"8b9b-92"},{"uid":"8b9b-68"}],"importedBy":[{"uid":"8b9b-86"}]},"8b9b-86":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-87"},"imported":[{"uid":"8b9b-96"},{"uid":"8b9b-66"},{"uid":"8b9b-68"},{"uid":"8b9b-72"},{"uid":"8b9b-97"},{"uid":"8b9b-84"}],"importedBy":[{"uid":"8b9b-95"}]},"8b9b-88":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-89"},"imported":[],"importedBy":[{"uid":"8b9b-90"}]},"8b9b-90":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8b9b-91"},"imported":[{"uid":"8b9b-92"},{"uid":"8b9b-93"},{"uid":"8b9b-94"},{"uid":"8b9b-95"},{"uid":"8b9b-88"}],"importedBy":[],"isEntry":true},"8b9b-92":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-90"},{"uid":"8b9b-72"},{"uid":"8b9b-74"},{"uid":"8b9b-80"},{"uid":"8b9b-84"}],"isExternal":true},"8b9b-93":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-76"}],"importedBy":[{"uid":"8b9b-90"}]},"8b9b-94":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-82"}],"importedBy":[{"uid":"8b9b-90"}]},"8b9b-95":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-86"}],"importedBy":[{"uid":"8b9b-90"}]},"8b9b-96":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-76"},{"uid":"8b9b-82"},{"uid":"8b9b-86"},{"uid":"8b9b-70"},{"uid":"8b9b-72"},{"uid":"8b9b-78"}],"isExternal":true},"8b9b-97":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-70"},{"uid":"8b9b-78"}],"importedBy":[{"uid":"8b9b-82"},{"uid":"8b9b-86"}]},"8b9b-98":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-68"},{"uid":"8b9b-72"},{"uid":"8b9b-74"},{"uid":"8b9b-80"},{"uid":"8b9b-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":"8b9b-100","name":"constants.ts"},{"uid":"8b9b-102","name":"utils.ts"},{"name":"context","children":[{"uid":"8b9b-104","name":"ContainerContext.ts"},{"uid":"8b9b-112","name":"RowContext.ts"}]},{"uid":"8b9b-106","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"8b9b-108","name":"styled.ts"},{"uid":"8b9b-110","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"8b9b-114","name":"styled.ts"},{"uid":"8b9b-116","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"8b9b-118","name":"styled.ts"},{"uid":"8b9b-120","name":"component.tsx"}]},{"uid":"8b9b-122","name":"theme.ts"},{"uid":"8b9b-124","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"8b9b-100":{"renderedLength":360,"gzipLength":221,"brotliLength":0,"mainUid":"8b9b-99"},"8b9b-102":{"renderedLength":269,"gzipLength":172,"brotliLength":0,"mainUid":"8b9b-101"},"8b9b-104":{"renderedLength":49,"gzipLength":61,"brotliLength":0,"mainUid":"8b9b-103"},"8b9b-106":{"renderedLength":704,"gzipLength":286,"brotliLength":0,"mainUid":"8b9b-105"},"8b9b-108":{"renderedLength":467,"gzipLength":297,"brotliLength":0,"mainUid":"8b9b-107"},"8b9b-110":{"renderedLength":874,"gzipLength":454,"brotliLength":0,"mainUid":"8b9b-109"},"8b9b-112":{"renderedLength":43,"gzipLength":58,"brotliLength":0,"mainUid":"8b9b-111"},"8b9b-114":{"renderedLength":1214,"gzipLength":554,"brotliLength":0,"mainUid":"8b9b-113"},"8b9b-116":{"renderedLength":1063,"gzipLength":460,"brotliLength":0,"mainUid":"8b9b-115"},"8b9b-118":{"renderedLength":1942,"gzipLength":736,"brotliLength":0,"mainUid":"8b9b-117"},"8b9b-120":{"renderedLength":707,"gzipLength":365,"brotliLength":0,"mainUid":"8b9b-119"},"8b9b-122":{"renderedLength":384,"gzipLength":178,"brotliLength":0,"mainUid":"8b9b-121"},"8b9b-124":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"8b9b-123"}},"nodeMetas":{"8b9b-99":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-100"},"imported":[],"importedBy":[{"uid":"8b9b-109"},{"uid":"8b9b-115"},{"uid":"8b9b-119"},{"uid":"8b9b-101"},{"uid":"8b9b-105"}]},"8b9b-101":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-102"},"imported":[{"uid":"8b9b-131"},{"uid":"8b9b-99"}],"importedBy":[{"uid":"8b9b-109"},{"uid":"8b9b-115"},{"uid":"8b9b-119"},{"uid":"8b9b-113"},{"uid":"8b9b-117"}]},"8b9b-103":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-104"},"imported":[{"uid":"8b9b-129"}],"importedBy":[{"uid":"8b9b-109"},{"uid":"8b9b-130"}]},"8b9b-105":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-106"},"imported":[{"uid":"8b9b-129"},{"uid":"8b9b-131"},{"uid":"8b9b-125"},{"uid":"8b9b-99"}],"importedBy":[{"uid":"8b9b-109"},{"uid":"8b9b-115"},{"uid":"8b9b-119"}]},"8b9b-107":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-108"},"imported":[{"uid":"8b9b-131"},{"uid":"8b9b-125"}],"importedBy":[{"uid":"8b9b-109"}]},"8b9b-109":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-110"},"imported":[{"uid":"8b9b-129"},{"uid":"8b9b-99"},{"uid":"8b9b-101"},{"uid":"8b9b-103"},{"uid":"8b9b-105"},{"uid":"8b9b-107"}],"importedBy":[{"uid":"8b9b-126"}]},"8b9b-111":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-112"},"imported":[{"uid":"8b9b-129"}],"importedBy":[{"uid":"8b9b-130"}]},"8b9b-113":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-114"},"imported":[{"uid":"8b9b-131"},{"uid":"8b9b-125"},{"uid":"8b9b-101"}],"importedBy":[{"uid":"8b9b-115"}]},"8b9b-115":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-116"},"imported":[{"uid":"8b9b-129"},{"uid":"8b9b-99"},{"uid":"8b9b-101"},{"uid":"8b9b-105"},{"uid":"8b9b-130"},{"uid":"8b9b-113"}],"importedBy":[{"uid":"8b9b-127"}]},"8b9b-117":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-118"},"imported":[{"uid":"8b9b-131"},{"uid":"8b9b-125"},{"uid":"8b9b-101"}],"importedBy":[{"uid":"8b9b-119"}]},"8b9b-119":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-120"},"imported":[{"uid":"8b9b-129"},{"uid":"8b9b-99"},{"uid":"8b9b-101"},{"uid":"8b9b-105"},{"uid":"8b9b-130"},{"uid":"8b9b-117"}],"importedBy":[{"uid":"8b9b-128"}]},"8b9b-121":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-122"},"imported":[],"importedBy":[{"uid":"8b9b-123"}]},"8b9b-123":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8b9b-124"},"imported":[{"uid":"8b9b-125"},{"uid":"8b9b-126"},{"uid":"8b9b-127"},{"uid":"8b9b-128"},{"uid":"8b9b-121"}],"importedBy":[],"isEntry":true},"8b9b-125":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-123"},{"uid":"8b9b-105"},{"uid":"8b9b-107"},{"uid":"8b9b-113"},{"uid":"8b9b-117"}],"isExternal":true},"8b9b-126":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-109"}],"importedBy":[{"uid":"8b9b-123"}]},"8b9b-127":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-115"}],"importedBy":[{"uid":"8b9b-123"}]},"8b9b-128":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-119"}],"importedBy":[{"uid":"8b9b-123"}]},"8b9b-129":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-109"},{"uid":"8b9b-115"},{"uid":"8b9b-119"},{"uid":"8b9b-103"},{"uid":"8b9b-105"},{"uid":"8b9b-111"}],"isExternal":true},"8b9b-130":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"8b9b-103"},{"uid":"8b9b-111"}],"importedBy":[{"uid":"8b9b-115"},{"uid":"8b9b-119"}]},"8b9b-131":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"8b9b-101"},{"uid":"8b9b-105"},{"uid":"8b9b-107"},{"uid":"8b9b-113"},{"uid":"8b9b-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;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@vitus-labs/unistyle"),require("react"),require("@vitus-labs/core")):"function"==typeof define&&define.amd?define(["exports","@vitus-labs/unistyle","react","@vitus-labs/core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).vitusLabsCoolgrid={},e.unistyle,e.React,e.core)}(this,(function(e,t,o,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(o);const r="@vitus-labs/coolgrid",c=["columns","size","gap","padding","gutter","colCss","colComponent","rowCss","rowComponent","contentAlignX"],l=e=>Number.isFinite(e),a=e=>l(e)&&e>0,u=e=>n.omit(e,c);var d=o.createContext({});const g=e=>{const{theme:i}=o.useContext(t.context),s=((e,t)=>n.pick(e,t))(e,c)
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@vitus-labs/unistyle"),require("react"),require("@vitus-labs/core")):"function"==typeof define&&define.amd?define(["exports","@vitus-labs/unistyle","react","@vitus-labs/core"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).vitusLabsCoolgrid={},e.unistyle,e.React,e.core)}(this,(function(e,t,o,n){"use strict";function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var s=i(o);const r="@vitus-labs/coolgrid",c=["columns","size","gap","padding","gutter","colCss","colComponent","rowCss","rowComponent","contentAlignX"],l=e=>Number.isFinite(e),a=e=>l(e)&&e>0,u=e=>n.omit(e,c);var d=o.createContext({});const g=e=>{const{theme:i}=o.useContext(t.context),s=((e,t)=>n.pick(e,t))(e,c);return{...((e={},t={})=>({columns:n.get(e,"columns")||n.get(t,"grid.columns")||n.get(t,"coolgrid.columns"),containerWidth:n.get(e,"width")||n.get(t,"grid.container")||n.get(t,"coolgrid.container")}))(s,i),...s}};var m=n.config.styled(n.config.component)`
|
|
2
2
|
${!1};
|
|
3
3
|
|
|
4
4
|
display: flex;
|
|
@@ -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","gridContext","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 (!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.37.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.
|
|
65
|
-
"@vitus-labs/tools-babel": "^0.
|
|
66
|
-
"@vitus-labs/tools-rollup": "^0.
|
|
67
|
-
"@vitus-labs/tools-storybook": "^0.
|
|
68
|
-
"@vitus-labs/tools-typescript": "^0.
|
|
69
|
-
"@vitus-labs/unistyle": "^0.
|
|
64
|
+
"@vitus-labs/core": "^0.37.0",
|
|
65
|
+
"@vitus-labs/tools-babel": "^0.27.0",
|
|
66
|
+
"@vitus-labs/tools-rollup": "^0.27.0",
|
|
67
|
+
"@vitus-labs/tools-storybook": "^0.27.0",
|
|
68
|
+
"@vitus-labs/tools-typescript": "^0.27.0",
|
|
69
|
+
"@vitus-labs/unistyle": "^0.37.0"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "4cd4030a5d4cbd3451ea507b0a8dbcb71ae991e2"
|
|
72
72
|
}
|