@vitus-labs/coolgrid 0.35.0 → 0.36.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":"8f91-1","name":"constants.ts"},{"uid":"8f91-3","name":"utils.ts"},{"name":"context","children":[{"uid":"8f91-5","name":"ContainerContext.ts"},{"uid":"8f91-13","name":"RowContext.ts"}]},{"uid":"8f91-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"8f91-9","name":"styled.ts"},{"uid":"8f91-11","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"8f91-15","name":"styled.ts"},{"uid":"8f91-17","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"8f91-19","name":"styled.ts"},{"uid":"8f91-21","name":"component.tsx"}]},{"uid":"8f91-23","name":"theme.ts"},{"uid":"8f91-25","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"8f91-1":{"renderedLength":328,"gzipLength":219,"brotliLength":0,"mainUid":"8f91-0"},"8f91-3":{"renderedLength":261,"gzipLength":172,"brotliLength":0,"mainUid":"8f91-2"},"8f91-5":{"renderedLength":47,"gzipLength":59,"brotliLength":0,"mainUid":"8f91-4"},"8f91-7":{"renderedLength":674,"gzipLength":286,"brotliLength":0,"mainUid":"8f91-6"},"8f91-9":{"renderedLength":510,"gzipLength":312,"brotliLength":0,"mainUid":"8f91-8"},"8f91-11":{"renderedLength":838,"gzipLength":451,"brotliLength":0,"mainUid":"8f91-10"},"8f91-13":{"renderedLength":41,"gzipLength":56,"brotliLength":0,"mainUid":"8f91-12"},"8f91-15":{"renderedLength":1223,"gzipLength":567,"brotliLength":0,"mainUid":"8f91-14"},"8f91-17":{"renderedLength":1019,"gzipLength":457,"brotliLength":0,"mainUid":"8f91-16"},"8f91-19":{"renderedLength":1960,"gzipLength":764,"brotliLength":0,"mainUid":"8f91-18"},"8f91-21":{"renderedLength":671,"gzipLength":361,"brotliLength":0,"mainUid":"8f91-20"},"8f91-23":{"renderedLength":344,"gzipLength":176,"brotliLength":0,"mainUid":"8f91-22"},"8f91-25":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"8f91-24"}},"nodeMetas":{"8f91-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-1"},"imported":[],"importedBy":[{"uid":"8f91-10"},{"uid":"8f91-16"},{"uid":"8f91-20"},{"uid":"8f91-2"},{"uid":"8f91-6"}]},"8f91-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-3"},"imported":[{"uid":"8f91-32"},{"uid":"8f91-0"}],"importedBy":[{"uid":"8f91-10"},{"uid":"8f91-16"},{"uid":"8f91-20"},{"uid":"8f91-14"},{"uid":"8f91-18"}]},"8f91-4":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-5"},"imported":[{"uid":"8f91-30"}],"importedBy":[{"uid":"8f91-10"},{"uid":"8f91-31"}]},"8f91-6":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.js":"8f91-7"},"imported":[{"uid":"8f91-30"},{"uid":"8f91-32"},{"uid":"8f91-26"},{"uid":"8f91-0"}],"importedBy":[{"uid":"8f91-10"},{"uid":"8f91-16"},{"uid":"8f91-20"}]},"8f91-8":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-9"},"imported":[{"uid":"8f91-32"},{"uid":"8f91-26"}],"importedBy":[{"uid":"8f91-10"}]},"8f91-10":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"8f91-11"},"imported":[{"uid":"8f91-30"},{"uid":"8f91-0"},{"uid":"8f91-2"},{"uid":"8f91-4"},{"uid":"8f91-6"},{"uid":"8f91-8"}],"importedBy":[{"uid":"8f91-27"}]},"8f91-12":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-13"},"imported":[{"uid":"8f91-30"}],"importedBy":[{"uid":"8f91-31"}]},"8f91-14":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-15"},"imported":[{"uid":"8f91-32"},{"uid":"8f91-26"},{"uid":"8f91-2"}],"importedBy":[{"uid":"8f91-16"}]},"8f91-16":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"8f91-17"},"imported":[{"uid":"8f91-30"},{"uid":"8f91-0"},{"uid":"8f91-2"},{"uid":"8f91-6"},{"uid":"8f91-31"},{"uid":"8f91-14"}],"importedBy":[{"uid":"8f91-28"}]},"8f91-18":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-19"},"imported":[{"uid":"8f91-32"},{"uid":"8f91-26"},{"uid":"8f91-2"}],"importedBy":[{"uid":"8f91-20"}]},"8f91-20":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.js":"8f91-21"},"imported":[{"uid":"8f91-30"},{"uid":"8f91-0"},{"uid":"8f91-2"},{"uid":"8f91-6"},{"uid":"8f91-31"},{"uid":"8f91-18"}],"importedBy":[{"uid":"8f91-29"}]},"8f91-22":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-23"},"imported":[],"importedBy":[{"uid":"8f91-24"}]},"8f91-24":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.js":"8f91-25"},"imported":[{"uid":"8f91-26"},{"uid":"8f91-27"},{"uid":"8f91-28"},{"uid":"8f91-29"},{"uid":"8f91-22"}],"importedBy":[],"isEntry":true},"8f91-26":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-24"},{"uid":"8f91-6"},{"uid":"8f91-8"},{"uid":"8f91-14"},{"uid":"8f91-18"}],"isExternal":true},"8f91-27":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"8f91-10"}],"importedBy":[{"uid":"8f91-24"}]},"8f91-28":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"8f91-16"}],"importedBy":[{"uid":"8f91-24"}]},"8f91-29":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"8f91-20"}],"importedBy":[{"uid":"8f91-24"}]},"8f91-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-10"},{"uid":"8f91-16"},{"uid":"8f91-20"},{"uid":"8f91-4"},{"uid":"8f91-6"},{"uid":"8f91-12"}],"isExternal":true},"8f91-31":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"8f91-4"},{"uid":"8f91-12"}],"importedBy":[{"uid":"8f91-16"},{"uid":"8f91-20"}]},"8f91-32":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-2"},{"uid":"8f91-6"},{"uid":"8f91-8"},{"uid":"8f91-14"},{"uid":"8f91-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":"8f91-34","name":"constants.ts"},{"uid":"8f91-36","name":"utils.ts"},{"name":"context","children":[{"uid":"8f91-38","name":"ContainerContext.ts"},{"uid":"8f91-46","name":"RowContext.ts"}]},{"uid":"8f91-40","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"8f91-42","name":"styled.ts"},{"uid":"8f91-44","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"8f91-48","name":"styled.ts"},{"uid":"8f91-50","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"8f91-52","name":"styled.ts"},{"uid":"8f91-54","name":"component.tsx"}]},{"uid":"8f91-56","name":"theme.ts"},{"uid":"8f91-58","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"8f91-34":{"renderedLength":328,"gzipLength":219,"brotliLength":0,"mainUid":"8f91-33"},"8f91-36":{"renderedLength":256,"gzipLength":167,"brotliLength":0,"mainUid":"8f91-35"},"8f91-38":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"mainUid":"8f91-37"},"8f91-40":{"renderedLength":624,"gzipLength":270,"brotliLength":0,"mainUid":"8f91-39"},"8f91-42":{"renderedLength":463,"gzipLength":302,"brotliLength":0,"mainUid":"8f91-41"},"8f91-44":{"renderedLength":798,"gzipLength":436,"brotliLength":0,"mainUid":"8f91-43"},"8f91-46":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"mainUid":"8f91-45"},"8f91-48":{"renderedLength":1157,"gzipLength":552,"brotliLength":0,"mainUid":"8f91-47"},"8f91-50":{"renderedLength":967,"gzipLength":439,"brotliLength":0,"mainUid":"8f91-49"},"8f91-52":{"renderedLength":1885,"gzipLength":750,"brotliLength":0,"mainUid":"8f91-51"},"8f91-54":{"renderedLength":645,"gzipLength":343,"brotliLength":0,"mainUid":"8f91-53"},"8f91-56":{"renderedLength":344,"gzipLength":176,"brotliLength":0,"mainUid":"8f91-55"},"8f91-58":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"8f91-57"}},"nodeMetas":{"8f91-33":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-34"},"imported":[],"importedBy":[{"uid":"8f91-43"},{"uid":"8f91-49"},{"uid":"8f91-53"},{"uid":"8f91-35"},{"uid":"8f91-39"}]},"8f91-35":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-36"},"imported":[{"uid":"8f91-65"},{"uid":"8f91-33"}],"importedBy":[{"uid":"8f91-43"},{"uid":"8f91-49"},{"uid":"8f91-53"},{"uid":"8f91-47"},{"uid":"8f91-51"}]},"8f91-37":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-38"},"imported":[{"uid":"8f91-63"}],"importedBy":[{"uid":"8f91-43"},{"uid":"8f91-64"}]},"8f91-39":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-40"},"imported":[{"uid":"8f91-63"},{"uid":"8f91-65"},{"uid":"8f91-59"},{"uid":"8f91-33"}],"importedBy":[{"uid":"8f91-43"},{"uid":"8f91-49"},{"uid":"8f91-53"}]},"8f91-41":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-42"},"imported":[{"uid":"8f91-65"},{"uid":"8f91-59"}],"importedBy":[{"uid":"8f91-43"}]},"8f91-43":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-44"},"imported":[{"uid":"8f91-63"},{"uid":"8f91-33"},{"uid":"8f91-35"},{"uid":"8f91-37"},{"uid":"8f91-39"},{"uid":"8f91-41"}],"importedBy":[{"uid":"8f91-60"}]},"8f91-45":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-46"},"imported":[{"uid":"8f91-63"}],"importedBy":[{"uid":"8f91-64"}]},"8f91-47":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-48"},"imported":[{"uid":"8f91-65"},{"uid":"8f91-59"},{"uid":"8f91-35"}],"importedBy":[{"uid":"8f91-49"}]},"8f91-49":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-50"},"imported":[{"uid":"8f91-63"},{"uid":"8f91-33"},{"uid":"8f91-35"},{"uid":"8f91-39"},{"uid":"8f91-64"},{"uid":"8f91-47"}],"importedBy":[{"uid":"8f91-61"}]},"8f91-51":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-52"},"imported":[{"uid":"8f91-65"},{"uid":"8f91-59"},{"uid":"8f91-35"}],"importedBy":[{"uid":"8f91-53"}]},"8f91-53":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-54"},"imported":[{"uid":"8f91-63"},{"uid":"8f91-33"},{"uid":"8f91-35"},{"uid":"8f91-39"},{"uid":"8f91-64"},{"uid":"8f91-51"}],"importedBy":[{"uid":"8f91-62"}]},"8f91-55":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-56"},"imported":[],"importedBy":[{"uid":"8f91-57"}]},"8f91-57":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.module.js":"8f91-58"},"imported":[{"uid":"8f91-59"},{"uid":"8f91-60"},{"uid":"8f91-61"},{"uid":"8f91-62"},{"uid":"8f91-55"}],"importedBy":[],"isEntry":true},"8f91-59":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-57"},{"uid":"8f91-39"},{"uid":"8f91-41"},{"uid":"8f91-47"},{"uid":"8f91-51"}],"isExternal":true},"8f91-60":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"8f91-43"}],"importedBy":[{"uid":"8f91-57"}]},"8f91-61":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"8f91-49"}],"importedBy":[{"uid":"8f91-57"}]},"8f91-62":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"8f91-53"}],"importedBy":[{"uid":"8f91-57"}]},"8f91-63":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-43"},{"uid":"8f91-49"},{"uid":"8f91-53"},{"uid":"8f91-37"},{"uid":"8f91-39"},{"uid":"8f91-45"}],"isExternal":true},"8f91-64":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"8f91-37"},{"uid":"8f91-45"}],"importedBy":[{"uid":"8f91-49"},{"uid":"8f91-53"}]},"8f91-65":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-35"},{"uid":"8f91-39"},{"uid":"8f91-41"},{"uid":"8f91-47"},{"uid":"8f91-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":"8f91-67","name":"constants.ts"},{"uid":"8f91-69","name":"utils.ts"},{"name":"context","children":[{"uid":"8f91-71","name":"ContainerContext.ts"},{"uid":"8f91-79","name":"RowContext.ts"}]},{"uid":"8f91-73","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"8f91-75","name":"styled.ts"},{"uid":"8f91-77","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"8f91-81","name":"styled.ts"},{"uid":"8f91-83","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"8f91-85","name":"styled.ts"},{"uid":"8f91-87","name":"component.tsx"}]},{"uid":"8f91-89","name":"theme.ts"},{"uid":"8f91-91","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"8f91-67":{"renderedLength":360,"gzipLength":221,"brotliLength":0,"mainUid":"8f91-66"},"8f91-69":{"renderedLength":269,"gzipLength":172,"brotliLength":0,"mainUid":"8f91-68"},"8f91-71":{"renderedLength":49,"gzipLength":61,"brotliLength":0,"mainUid":"8f91-70"},"8f91-73":{"renderedLength":704,"gzipLength":286,"brotliLength":0,"mainUid":"8f91-72"},"8f91-75":{"renderedLength":467,"gzipLength":297,"brotliLength":0,"mainUid":"8f91-74"},"8f91-77":{"renderedLength":874,"gzipLength":454,"brotliLength":0,"mainUid":"8f91-76"},"8f91-79":{"renderedLength":43,"gzipLength":58,"brotliLength":0,"mainUid":"8f91-78"},"8f91-81":{"renderedLength":1214,"gzipLength":554,"brotliLength":0,"mainUid":"8f91-80"},"8f91-83":{"renderedLength":1063,"gzipLength":460,"brotliLength":0,"mainUid":"8f91-82"},"8f91-85":{"renderedLength":1942,"gzipLength":736,"brotliLength":0,"mainUid":"8f91-84"},"8f91-87":{"renderedLength":707,"gzipLength":365,"brotliLength":0,"mainUid":"8f91-86"},"8f91-89":{"renderedLength":384,"gzipLength":178,"brotliLength":0,"mainUid":"8f91-88"},"8f91-91":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"8f91-90"}},"nodeMetas":{"8f91-66":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-67"},"imported":[],"importedBy":[{"uid":"8f91-76"},{"uid":"8f91-82"},{"uid":"8f91-86"},{"uid":"8f91-68"},{"uid":"8f91-72"}]},"8f91-68":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-69"},"imported":[{"uid":"8f91-98"},{"uid":"8f91-66"}],"importedBy":[{"uid":"8f91-76"},{"uid":"8f91-82"},{"uid":"8f91-86"},{"uid":"8f91-80"},{"uid":"8f91-84"}]},"8f91-70":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-71"},"imported":[{"uid":"8f91-96"}],"importedBy":[{"uid":"8f91-76"},{"uid":"8f91-97"}]},"8f91-72":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-73"},"imported":[{"uid":"8f91-96"},{"uid":"8f91-98"},{"uid":"8f91-92"},{"uid":"8f91-66"}],"importedBy":[{"uid":"8f91-76"},{"uid":"8f91-82"},{"uid":"8f91-86"}]},"8f91-74":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-75"},"imported":[{"uid":"8f91-98"},{"uid":"8f91-92"}],"importedBy":[{"uid":"8f91-76"}]},"8f91-76":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-77"},"imported":[{"uid":"8f91-96"},{"uid":"8f91-66"},{"uid":"8f91-68"},{"uid":"8f91-70"},{"uid":"8f91-72"},{"uid":"8f91-74"}],"importedBy":[{"uid":"8f91-93"}]},"8f91-78":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-79"},"imported":[{"uid":"8f91-96"}],"importedBy":[{"uid":"8f91-97"}]},"8f91-80":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-81"},"imported":[{"uid":"8f91-98"},{"uid":"8f91-92"},{"uid":"8f91-68"}],"importedBy":[{"uid":"8f91-82"}]},"8f91-82":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-83"},"imported":[{"uid":"8f91-96"},{"uid":"8f91-66"},{"uid":"8f91-68"},{"uid":"8f91-72"},{"uid":"8f91-97"},{"uid":"8f91-80"}],"importedBy":[{"uid":"8f91-94"}]},"8f91-84":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-85"},"imported":[{"uid":"8f91-98"},{"uid":"8f91-92"},{"uid":"8f91-68"}],"importedBy":[{"uid":"8f91-86"}]},"8f91-86":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-87"},"imported":[{"uid":"8f91-96"},{"uid":"8f91-66"},{"uid":"8f91-68"},{"uid":"8f91-72"},{"uid":"8f91-97"},{"uid":"8f91-84"}],"importedBy":[{"uid":"8f91-95"}]},"8f91-88":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-89"},"imported":[],"importedBy":[{"uid":"8f91-90"}]},"8f91-90":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.umd.js":"8f91-91"},"imported":[{"uid":"8f91-92"},{"uid":"8f91-93"},{"uid":"8f91-94"},{"uid":"8f91-95"},{"uid":"8f91-88"}],"importedBy":[],"isEntry":true},"8f91-92":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-90"},{"uid":"8f91-72"},{"uid":"8f91-74"},{"uid":"8f91-80"},{"uid":"8f91-84"}],"isExternal":true},"8f91-93":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"8f91-76"}],"importedBy":[{"uid":"8f91-90"}]},"8f91-94":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"8f91-82"}],"importedBy":[{"uid":"8f91-90"}]},"8f91-95":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"8f91-86"}],"importedBy":[{"uid":"8f91-90"}]},"8f91-96":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-76"},{"uid":"8f91-82"},{"uid":"8f91-86"},{"uid":"8f91-70"},{"uid":"8f91-72"},{"uid":"8f91-78"}],"isExternal":true},"8f91-97":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"8f91-70"},{"uid":"8f91-78"}],"importedBy":[{"uid":"8f91-82"},{"uid":"8f91-86"}]},"8f91-98":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-68"},{"uid":"8f91-72"},{"uid":"8f91-74"},{"uid":"8f91-80"},{"uid":"8f91-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":"8f91-100","name":"constants.ts"},{"uid":"8f91-102","name":"utils.ts"},{"name":"context","children":[{"uid":"8f91-104","name":"ContainerContext.ts"},{"uid":"8f91-112","name":"RowContext.ts"}]},{"uid":"8f91-106","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"8f91-108","name":"styled.ts"},{"uid":"8f91-110","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"8f91-114","name":"styled.ts"},{"uid":"8f91-116","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"8f91-118","name":"styled.ts"},{"uid":"8f91-120","name":"component.tsx"}]},{"uid":"8f91-122","name":"theme.ts"},{"uid":"8f91-124","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"8f91-100":{"renderedLength":360,"gzipLength":221,"brotliLength":0,"mainUid":"8f91-99"},"8f91-102":{"renderedLength":269,"gzipLength":172,"brotliLength":0,"mainUid":"8f91-101"},"8f91-104":{"renderedLength":49,"gzipLength":61,"brotliLength":0,"mainUid":"8f91-103"},"8f91-106":{"renderedLength":704,"gzipLength":286,"brotliLength":0,"mainUid":"8f91-105"},"8f91-108":{"renderedLength":467,"gzipLength":297,"brotliLength":0,"mainUid":"8f91-107"},"8f91-110":{"renderedLength":874,"gzipLength":454,"brotliLength":0,"mainUid":"8f91-109"},"8f91-112":{"renderedLength":43,"gzipLength":58,"brotliLength":0,"mainUid":"8f91-111"},"8f91-114":{"renderedLength":1214,"gzipLength":554,"brotliLength":0,"mainUid":"8f91-113"},"8f91-116":{"renderedLength":1063,"gzipLength":460,"brotliLength":0,"mainUid":"8f91-115"},"8f91-118":{"renderedLength":1942,"gzipLength":736,"brotliLength":0,"mainUid":"8f91-117"},"8f91-120":{"renderedLength":707,"gzipLength":365,"brotliLength":0,"mainUid":"8f91-119"},"8f91-122":{"renderedLength":384,"gzipLength":178,"brotliLength":0,"mainUid":"8f91-121"},"8f91-124":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"mainUid":"8f91-123"}},"nodeMetas":{"8f91-99":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-100"},"imported":[],"importedBy":[{"uid":"8f91-109"},{"uid":"8f91-115"},{"uid":"8f91-119"},{"uid":"8f91-101"},{"uid":"8f91-105"}]},"8f91-101":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-102"},"imported":[{"uid":"8f91-131"},{"uid":"8f91-99"}],"importedBy":[{"uid":"8f91-109"},{"uid":"8f91-115"},{"uid":"8f91-119"},{"uid":"8f91-113"},{"uid":"8f91-117"}]},"8f91-103":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-104"},"imported":[{"uid":"8f91-129"}],"importedBy":[{"uid":"8f91-109"},{"uid":"8f91-130"}]},"8f91-105":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-106"},"imported":[{"uid":"8f91-129"},{"uid":"8f91-131"},{"uid":"8f91-125"},{"uid":"8f91-99"}],"importedBy":[{"uid":"8f91-109"},{"uid":"8f91-115"},{"uid":"8f91-119"}]},"8f91-107":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-108"},"imported":[{"uid":"8f91-131"},{"uid":"8f91-125"}],"importedBy":[{"uid":"8f91-109"}]},"8f91-109":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-110"},"imported":[{"uid":"8f91-129"},{"uid":"8f91-99"},{"uid":"8f91-101"},{"uid":"8f91-103"},{"uid":"8f91-105"},{"uid":"8f91-107"}],"importedBy":[{"uid":"8f91-126"}]},"8f91-111":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-112"},"imported":[{"uid":"8f91-129"}],"importedBy":[{"uid":"8f91-130"}]},"8f91-113":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-114"},"imported":[{"uid":"8f91-131"},{"uid":"8f91-125"},{"uid":"8f91-101"}],"importedBy":[{"uid":"8f91-115"}]},"8f91-115":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-116"},"imported":[{"uid":"8f91-129"},{"uid":"8f91-99"},{"uid":"8f91-101"},{"uid":"8f91-105"},{"uid":"8f91-130"},{"uid":"8f91-113"}],"importedBy":[{"uid":"8f91-127"}]},"8f91-117":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-118"},"imported":[{"uid":"8f91-131"},{"uid":"8f91-125"},{"uid":"8f91-101"}],"importedBy":[{"uid":"8f91-119"}]},"8f91-119":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-120"},"imported":[{"uid":"8f91-129"},{"uid":"8f91-99"},{"uid":"8f91-101"},{"uid":"8f91-105"},{"uid":"8f91-130"},{"uid":"8f91-117"}],"importedBy":[{"uid":"8f91-128"}]},"8f91-121":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-122"},"imported":[],"importedBy":[{"uid":"8f91-123"}]},"8f91-123":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.umd.min.js":"8f91-124"},"imported":[{"uid":"8f91-125"},{"uid":"8f91-126"},{"uid":"8f91-127"},{"uid":"8f91-128"},{"uid":"8f91-121"}],"importedBy":[],"isEntry":true},"8f91-125":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-123"},{"uid":"8f91-105"},{"uid":"8f91-107"},{"uid":"8f91-113"},{"uid":"8f91-117"}],"isExternal":true},"8f91-126":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"8f91-109"}],"importedBy":[{"uid":"8f91-123"}]},"8f91-127":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"8f91-115"}],"importedBy":[{"uid":"8f91-123"}]},"8f91-128":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"8f91-119"}],"importedBy":[{"uid":"8f91-123"}]},"8f91-129":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-109"},{"uid":"8f91-115"},{"uid":"8f91-119"},{"uid":"8f91-103"},{"uid":"8f91-105"},{"uid":"8f91-111"}],"isExternal":true},"8f91-130":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"8f91-103"},{"uid":"8f91-111"}],"importedBy":[{"uid":"8f91-115"},{"uid":"8f91-119"}]},"8f91-131":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"8f91-101"},{"uid":"8f91-105"},{"uid":"8f91-107"},{"uid":"8f91-113"},{"uid":"8f91-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.36.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.36.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.36.0"
|
|
70
70
|
},
|
|
71
|
-
"gitHead": "
|
|
71
|
+
"gitHead": "32d6c7af10d15556e6b2075ba59841e86aa69cff"
|
|
72
72
|
}
|