@vitus-labs/coolgrid 1.2.1 → 1.2.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
|
|
|
5386
5386
|
</script>
|
|
5387
5387
|
<script>
|
|
5388
5388
|
/*<!--*/
|
|
5389
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"
|
|
5389
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"index.js","children":[{"name":"src","children":[{"uid":"3f0882cb-1","name":"constants.ts"},{"uid":"3f0882cb-3","name":"utils.ts"},{"name":"context","children":[{"uid":"3f0882cb-5","name":"ContainerContext.ts"},{"uid":"3f0882cb-13","name":"RowContext.ts"}]},{"uid":"3f0882cb-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"3f0882cb-9","name":"styled.ts"},{"uid":"3f0882cb-11","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"3f0882cb-15","name":"styled.ts"},{"uid":"3f0882cb-17","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"3f0882cb-19","name":"styled.ts"},{"uid":"3f0882cb-21","name":"component.tsx"}]},{"uid":"3f0882cb-23","name":"theme.ts"},{"uid":"3f0882cb-25","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"3f0882cb-1":{"renderedLength":313,"gzipLength":214,"brotliLength":0,"metaUid":"3f0882cb-0"},"3f0882cb-3":{"renderedLength":253,"gzipLength":165,"brotliLength":0,"metaUid":"3f0882cb-2"},"3f0882cb-5":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"metaUid":"3f0882cb-4"},"3f0882cb-7":{"renderedLength":610,"gzipLength":266,"brotliLength":0,"metaUid":"3f0882cb-6"},"3f0882cb-9":{"renderedLength":504,"gzipLength":315,"brotliLength":0,"metaUid":"3f0882cb-8"},"3f0882cb-11":{"renderedLength":1072,"gzipLength":524,"brotliLength":0,"metaUid":"3f0882cb-10"},"3f0882cb-13":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"metaUid":"3f0882cb-12"},"3f0882cb-15":{"renderedLength":1171,"gzipLength":563,"brotliLength":0,"metaUid":"3f0882cb-14"},"3f0882cb-17":{"renderedLength":1310,"gzipLength":560,"brotliLength":0,"metaUid":"3f0882cb-16"},"3f0882cb-19":{"renderedLength":1820,"gzipLength":752,"brotliLength":0,"metaUid":"3f0882cb-18"},"3f0882cb-21":{"renderedLength":1042,"gzipLength":484,"brotliLength":0,"metaUid":"3f0882cb-20"},"3f0882cb-23":{"renderedLength":325,"gzipLength":173,"brotliLength":0,"metaUid":"3f0882cb-22"},"3f0882cb-25":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"3f0882cb-24"}},"nodeMetas":{"3f0882cb-0":{"id":"/src/constants.ts","moduleParts":{"index.js":"3f0882cb-1"},"imported":[],"importedBy":[{"uid":"3f0882cb-10"},{"uid":"3f0882cb-16"},{"uid":"3f0882cb-20"},{"uid":"3f0882cb-2"},{"uid":"3f0882cb-6"}]},"3f0882cb-2":{"id":"/src/utils.ts","moduleParts":{"index.js":"3f0882cb-3"},"imported":[{"uid":"3f0882cb-32"},{"uid":"3f0882cb-0"}],"importedBy":[{"uid":"3f0882cb-10"},{"uid":"3f0882cb-16"},{"uid":"3f0882cb-20"},{"uid":"3f0882cb-14"},{"uid":"3f0882cb-18"}]},"3f0882cb-4":{"id":"/src/context/ContainerContext.ts","moduleParts":{"index.js":"3f0882cb-5"},"imported":[{"uid":"3f0882cb-30"}],"importedBy":[{"uid":"3f0882cb-10"},{"uid":"3f0882cb-31"}]},"3f0882cb-6":{"id":"/src/useContext.tsx","moduleParts":{"index.js":"3f0882cb-7"},"imported":[{"uid":"3f0882cb-30"},{"uid":"3f0882cb-32"},{"uid":"3f0882cb-26"},{"uid":"3f0882cb-0"}],"importedBy":[{"uid":"3f0882cb-10"},{"uid":"3f0882cb-16"},{"uid":"3f0882cb-20"}]},"3f0882cb-8":{"id":"/src/Container/styled.ts","moduleParts":{"index.js":"3f0882cb-9"},"imported":[{"uid":"3f0882cb-32"},{"uid":"3f0882cb-26"}],"importedBy":[{"uid":"3f0882cb-10"}]},"3f0882cb-10":{"id":"/src/Container/component.tsx","moduleParts":{"index.js":"3f0882cb-11"},"imported":[{"uid":"3f0882cb-30"},{"uid":"3f0882cb-0"},{"uid":"3f0882cb-2"},{"uid":"3f0882cb-4"},{"uid":"3f0882cb-6"},{"uid":"3f0882cb-8"}],"importedBy":[{"uid":"3f0882cb-27"}]},"3f0882cb-12":{"id":"/src/context/RowContext.ts","moduleParts":{"index.js":"3f0882cb-13"},"imported":[{"uid":"3f0882cb-30"}],"importedBy":[{"uid":"3f0882cb-31"}]},"3f0882cb-14":{"id":"/src/Row/styled.ts","moduleParts":{"index.js":"3f0882cb-15"},"imported":[{"uid":"3f0882cb-32"},{"uid":"3f0882cb-26"},{"uid":"3f0882cb-2"}],"importedBy":[{"uid":"3f0882cb-16"}]},"3f0882cb-16":{"id":"/src/Row/component.tsx","moduleParts":{"index.js":"3f0882cb-17"},"imported":[{"uid":"3f0882cb-30"},{"uid":"3f0882cb-0"},{"uid":"3f0882cb-2"},{"uid":"3f0882cb-6"},{"uid":"3f0882cb-31"},{"uid":"3f0882cb-14"}],"importedBy":[{"uid":"3f0882cb-28"}]},"3f0882cb-18":{"id":"/src/Col/styled.ts","moduleParts":{"index.js":"3f0882cb-19"},"imported":[{"uid":"3f0882cb-32"},{"uid":"3f0882cb-26"},{"uid":"3f0882cb-2"}],"importedBy":[{"uid":"3f0882cb-20"}]},"3f0882cb-20":{"id":"/src/Col/component.tsx","moduleParts":{"index.js":"3f0882cb-21"},"imported":[{"uid":"3f0882cb-30"},{"uid":"3f0882cb-0"},{"uid":"3f0882cb-2"},{"uid":"3f0882cb-6"},{"uid":"3f0882cb-31"},{"uid":"3f0882cb-18"}],"importedBy":[{"uid":"3f0882cb-29"}]},"3f0882cb-22":{"id":"/src/theme.ts","moduleParts":{"index.js":"3f0882cb-23"},"imported":[],"importedBy":[{"uid":"3f0882cb-24"}]},"3f0882cb-24":{"id":"/src/index.ts","moduleParts":{"index.js":"3f0882cb-25"},"imported":[{"uid":"3f0882cb-26"},{"uid":"3f0882cb-27"},{"uid":"3f0882cb-28"},{"uid":"3f0882cb-29"},{"uid":"3f0882cb-22"}],"importedBy":[],"isEntry":true},"3f0882cb-26":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"3f0882cb-24"},{"uid":"3f0882cb-6"},{"uid":"3f0882cb-8"},{"uid":"3f0882cb-14"},{"uid":"3f0882cb-18"}],"isExternal":true},"3f0882cb-27":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"3f0882cb-10"}],"importedBy":[{"uid":"3f0882cb-24"}]},"3f0882cb-28":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"3f0882cb-16"}],"importedBy":[{"uid":"3f0882cb-24"}]},"3f0882cb-29":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"3f0882cb-20"}],"importedBy":[{"uid":"3f0882cb-24"}]},"3f0882cb-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"3f0882cb-10"},{"uid":"3f0882cb-16"},{"uid":"3f0882cb-20"},{"uid":"3f0882cb-4"},{"uid":"3f0882cb-6"},{"uid":"3f0882cb-12"}],"isExternal":true},"3f0882cb-31":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"3f0882cb-4"},{"uid":"3f0882cb-12"}],"importedBy":[{"uid":"3f0882cb-16"},{"uid":"3f0882cb-20"}]},"3f0882cb-32":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"3f0882cb-2"},{"uid":"3f0882cb-6"},{"uid":"3f0882cb-8"},{"uid":"3f0882cb-14"},{"uid":"3f0882cb-18"}],"isExternal":true}},"env":{"rollup":"4.55.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
5390
5390
|
|
|
5391
5391
|
const run = () => {
|
|
5392
5392
|
const width = window.innerWidth;
|
|
@@ -5386,7 +5386,7 @@ var drawChart = (function (exports) {
|
|
|
5386
5386
|
</script>
|
|
5387
5387
|
<script>
|
|
5388
5388
|
/*<!--*/
|
|
5389
|
-
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.native.js","children":[{"name":"src","children":[{"uid":"
|
|
5389
|
+
const data = {"version":2,"tree":{"name":"root","children":[{"name":"vitus-labs-coolgrid.native.js","children":[{"name":"src","children":[{"uid":"26df0fec-1","name":"constants.ts"},{"uid":"26df0fec-3","name":"utils.ts"},{"name":"context","children":[{"uid":"26df0fec-5","name":"ContainerContext.ts"},{"uid":"26df0fec-13","name":"RowContext.ts"}]},{"uid":"26df0fec-7","name":"useContext.tsx"},{"name":"Container","children":[{"uid":"26df0fec-9","name":"styled.ts"},{"uid":"26df0fec-11","name":"component.tsx"}]},{"name":"Row","children":[{"uid":"26df0fec-15","name":"styled.ts"},{"uid":"26df0fec-17","name":"component.tsx"}]},{"name":"Col","children":[{"uid":"26df0fec-19","name":"styled.ts"},{"uid":"26df0fec-21","name":"component.tsx"}]},{"uid":"26df0fec-23","name":"theme.ts"},{"uid":"26df0fec-25","name":"index.ts"}]}]}],"isRoot":true},"nodeParts":{"26df0fec-1":{"renderedLength":313,"gzipLength":214,"brotliLength":0,"metaUid":"26df0fec-0"},"26df0fec-3":{"renderedLength":253,"gzipLength":165,"brotliLength":0,"metaUid":"26df0fec-2"},"26df0fec-5":{"renderedLength":41,"gzipLength":53,"brotliLength":0,"metaUid":"26df0fec-4"},"26df0fec-7":{"renderedLength":610,"gzipLength":266,"brotliLength":0,"metaUid":"26df0fec-6"},"26df0fec-9":{"renderedLength":470,"gzipLength":297,"brotliLength":0,"metaUid":"26df0fec-8"},"26df0fec-11":{"renderedLength":1072,"gzipLength":524,"brotliLength":0,"metaUid":"26df0fec-10"},"26df0fec-13":{"renderedLength":35,"gzipLength":49,"brotliLength":0,"metaUid":"26df0fec-12"},"26df0fec-15":{"renderedLength":1137,"gzipLength":547,"brotliLength":0,"metaUid":"26df0fec-14"},"26df0fec-17":{"renderedLength":1310,"gzipLength":560,"brotliLength":0,"metaUid":"26df0fec-16"},"26df0fec-19":{"renderedLength":1757,"gzipLength":719,"brotliLength":0,"metaUid":"26df0fec-18"},"26df0fec-21":{"renderedLength":1042,"gzipLength":484,"brotliLength":0,"metaUid":"26df0fec-20"},"26df0fec-23":{"renderedLength":325,"gzipLength":173,"brotliLength":0,"metaUid":"26df0fec-22"},"26df0fec-25":{"renderedLength":0,"gzipLength":0,"brotliLength":0,"metaUid":"26df0fec-24"}},"nodeMetas":{"26df0fec-0":{"id":"/src/constants.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-1"},"imported":[],"importedBy":[{"uid":"26df0fec-10"},{"uid":"26df0fec-16"},{"uid":"26df0fec-20"},{"uid":"26df0fec-2"},{"uid":"26df0fec-6"}]},"26df0fec-2":{"id":"/src/utils.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-3"},"imported":[{"uid":"26df0fec-32"},{"uid":"26df0fec-0"}],"importedBy":[{"uid":"26df0fec-10"},{"uid":"26df0fec-16"},{"uid":"26df0fec-20"},{"uid":"26df0fec-14"},{"uid":"26df0fec-18"}]},"26df0fec-4":{"id":"/src/context/ContainerContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-5"},"imported":[{"uid":"26df0fec-30"}],"importedBy":[{"uid":"26df0fec-10"},{"uid":"26df0fec-31"}]},"26df0fec-6":{"id":"/src/useContext.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-7"},"imported":[{"uid":"26df0fec-30"},{"uid":"26df0fec-32"},{"uid":"26df0fec-26"},{"uid":"26df0fec-0"}],"importedBy":[{"uid":"26df0fec-10"},{"uid":"26df0fec-16"},{"uid":"26df0fec-20"}]},"26df0fec-8":{"id":"/src/Container/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-9"},"imported":[{"uid":"26df0fec-32"},{"uid":"26df0fec-26"}],"importedBy":[{"uid":"26df0fec-10"}]},"26df0fec-10":{"id":"/src/Container/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-11"},"imported":[{"uid":"26df0fec-30"},{"uid":"26df0fec-0"},{"uid":"26df0fec-2"},{"uid":"26df0fec-4"},{"uid":"26df0fec-6"},{"uid":"26df0fec-8"}],"importedBy":[{"uid":"26df0fec-27"}]},"26df0fec-12":{"id":"/src/context/RowContext.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-13"},"imported":[{"uid":"26df0fec-30"}],"importedBy":[{"uid":"26df0fec-31"}]},"26df0fec-14":{"id":"/src/Row/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-15"},"imported":[{"uid":"26df0fec-32"},{"uid":"26df0fec-26"},{"uid":"26df0fec-2"}],"importedBy":[{"uid":"26df0fec-16"}]},"26df0fec-16":{"id":"/src/Row/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-17"},"imported":[{"uid":"26df0fec-30"},{"uid":"26df0fec-0"},{"uid":"26df0fec-2"},{"uid":"26df0fec-6"},{"uid":"26df0fec-31"},{"uid":"26df0fec-14"}],"importedBy":[{"uid":"26df0fec-28"}]},"26df0fec-18":{"id":"/src/Col/styled.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-19"},"imported":[{"uid":"26df0fec-32"},{"uid":"26df0fec-26"},{"uid":"26df0fec-2"}],"importedBy":[{"uid":"26df0fec-20"}]},"26df0fec-20":{"id":"/src/Col/component.tsx","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-21"},"imported":[{"uid":"26df0fec-30"},{"uid":"26df0fec-0"},{"uid":"26df0fec-2"},{"uid":"26df0fec-6"},{"uid":"26df0fec-31"},{"uid":"26df0fec-18"}],"importedBy":[{"uid":"26df0fec-29"}]},"26df0fec-22":{"id":"/src/theme.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-23"},"imported":[],"importedBy":[{"uid":"26df0fec-24"}]},"26df0fec-24":{"id":"/src/index.ts","moduleParts":{"vitus-labs-coolgrid.native.js":"26df0fec-25"},"imported":[{"uid":"26df0fec-26"},{"uid":"26df0fec-27"},{"uid":"26df0fec-28"},{"uid":"26df0fec-29"},{"uid":"26df0fec-22"}],"importedBy":[],"isEntry":true},"26df0fec-26":{"id":"@vitus-labs/unistyle","moduleParts":{},"imported":[],"importedBy":[{"uid":"26df0fec-24"},{"uid":"26df0fec-6"},{"uid":"26df0fec-8"},{"uid":"26df0fec-14"},{"uid":"26df0fec-18"}],"isExternal":true},"26df0fec-27":{"id":"/src/Container/index.ts","moduleParts":{},"imported":[{"uid":"26df0fec-10"}],"importedBy":[{"uid":"26df0fec-24"}]},"26df0fec-28":{"id":"/src/Row/index.ts","moduleParts":{},"imported":[{"uid":"26df0fec-16"}],"importedBy":[{"uid":"26df0fec-24"}]},"26df0fec-29":{"id":"/src/Col/index.ts","moduleParts":{},"imported":[{"uid":"26df0fec-20"}],"importedBy":[{"uid":"26df0fec-24"}]},"26df0fec-30":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"26df0fec-10"},{"uid":"26df0fec-16"},{"uid":"26df0fec-20"},{"uid":"26df0fec-4"},{"uid":"26df0fec-6"},{"uid":"26df0fec-12"}],"isExternal":true},"26df0fec-31":{"id":"/src/context/index.ts","moduleParts":{},"imported":[{"uid":"26df0fec-4"},{"uid":"26df0fec-12"}],"importedBy":[{"uid":"26df0fec-16"},{"uid":"26df0fec-20"}]},"26df0fec-32":{"id":"@vitus-labs/core","moduleParts":{},"imported":[],"importedBy":[{"uid":"26df0fec-2"},{"uid":"26df0fec-6"},{"uid":"26df0fec-8"},{"uid":"26df0fec-14"},{"uid":"26df0fec-18"}],"isExternal":true}},"env":{"rollup":"4.55.1"},"options":{"gzip":true,"brotli":false,"sourcemap":false}};
|
|
5390
5390
|
|
|
5391
5391
|
const run = () => {
|
|
5392
5392
|
const width = window.innerWidth;
|
package/lib/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport type { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>,\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj,\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport type { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n} from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport type { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>,\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj,\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport type { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n} from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"vitus-labs-coolgrid.native.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport type { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>,\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj,\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport type { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n} from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","Context","name","spacingStyles"],"mappings":";;;;;AAAO,MAAM,QAAQ,GAAG,sBAAsB;AAE9C;AACO,MAAM,YAAY,GAAG;;;IAG1B,SAAS;IACT,MAAM;IACN,KAAK;IACL,SAAS;IACT,QAAQ;IACR,QAAQ;IACR,cAAc;IACd,QAAQ;IACR,cAAc;IACd,eAAe;CAChB;;ACXM,MAAM,QAAQ,GAAa,CAAC,KAAK,KAAK,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC;AAC5D,MAAM,QAAQ,GAAa,CAAC,KAAK,KAAK,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,CAAC;AAClE,MAAM,SAAS,GAAa,CAAC,KAAK,KACvC,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,KAAK,KAAK,CAAC,KAAK,KAAK,KAAK,SAAS;AAOlD,MAAM,WAAW,GAAgB,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,EAAE,YAAY,CAAC;;ACZ5E,uBAAe,aAAa,CAAU,EAAE,CAAC;;ACUzC,MAAM,cAAc,GAAmB,CAAC,KAAK,EAAE,QAAQ,KACrD,IAAI,CAAC,KAAK,EAAE,QAAQ,CAAC;AAahB,MAAM,cAAc,GAAmB,CAAC,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,EAAE,MAAM;AACzE,IAAA,OAAO,GAAG,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC;AAC7B,QAAA,GAAG,CAAC,KAAK,EAAE,cAAc,CAAC;AAC1B,QAAA,GAAG,CAAC,KAAK,EAAE,kBAAkB,CAAC,CAAc;AAC9C,IAAA,cAAc,GAAG,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC;AAClC,QAAA,GAAG,CAAC,KAAK,EAAE,gBAAgB,CAAC;AAC5B,QAAA,GAAG,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAA2B;AAC9D,CAAA,CAAC;AAGF,MAAM,cAAc,GAAmB,CAAC,KAAK,KAAI;IAC/C,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,OAAO,CAAC;IACrC,MAAM,QAAQ,GAAG,cAAc,CAAC,KAAK,EAAE,YAAY,CAAC;IACpD,MAAM,WAAW,GAAG,cAAc,CAAC,QAAQ,EAAE,KAAgC,CAAC;AAE9E,IAAA,OAAO,EAAE,GAAG,WAAW,EAAE,GAAG,QAAQ,EAAE;AACxC,CAAC;;ACtCD,MAAM,UAAEA,QAAM,OAAEC,KAAG,aAAEC,WAAS,EAAE,GAAG,MAAM;AAEzC,MAAMC,QAAM,GAER,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAA;AACzB,aAAA,EAAA,KAAK,CAAC,CAAC,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAA;AACnC,EAAA,EAAA,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAA;CAC3B;AAED,eAAeH,QAAM,CAACE,WAAS,CAAC,CAAK;IACjC,KAGD,CAAA;;;;;;;;AAQC,EAAA,EAAA,gBAAgB,CAAC;AACjB,IAAA,GAAG,EAAE,WAAW;YAChBC,QAAM;SACNF,KAAG;AACH,IAAA,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;CACH;;ACxBD,MAAMG,WAAS,GAAoC,CAAC,EAClD,QAAQ,EACR,SAAS,EACT,GAAG,EACH,KAAK,EACL,GAAG,KAAK,EACT,KAAI;AACH,IAAA,MAAM,EAAE,cAAc,GAAG,EAAE,EAAE,GAAG,GAAG,EAAE,GAAG,cAAc,CAAC,KAAK,CAAC;AAC7D,IAAA,MAAM,OAAO,GAAG,OAAO,CAAC,MAAM,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC;IAEzC,IAAI,UAAU,GAAG,cAAc;IAC/B,IAAI,KAAK,EAAE;;AAET,QAAA,UAAU,GAAG,OAAO,KAAK,KAAK,UAAU,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,KAAK;;AAG1E,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO;AACL,QAAA,SAAS,EAAE;AACT,YAAA,KAAK,EAAE,UAAU;AACjB,YAAA,WAAW,EAAE,GAAG;AACjB,SAAA;AACF,KAAA,CAAC,EACF,CAAC,UAAU,EAAE,GAAG,CAAC,CAClB;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,MAAM,GAAG,EAAE;QACjB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AACzC,YAAA,MAAM,CAAC,eAAe,CAAC,GAAG,WAAW;;AAGvC,QAAA,OAAO,MAAM;AACf,KAAC;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,QAAM,EACD,EAAA,GAAA,WAAW,CAAC,KAAK,CAAC,EACtB,EAAE,EAAE,SAAS,EAAA,GACT,UAAU,EAAA,GACV,WAAW,EAAE,EAAA;AAEjB,QAAA,KAAA,CAAA,aAAA,CAACC,gBAAO,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,EAAG,QAAQ,CAAoB,CACxD;AAEb;AAEA,MAAMC,MAAI,GAAG,CAAG,EAAA,QAAQ,YAAY;AAEpCH,WAAS,CAAC,WAAW,GAAGG,MAAI;AAC5BH,WAAS,CAAC,OAAO,GAAG,QAAQ;AAC5BA,WAAS,CAAC,qBAAqB,GAAGG,MAAI;;ACxDtC,iBAAe,aAAa,CAAU,EAAE,CAAC;;ACHzC;AAYA,MAAM,UAAEP,QAAM,OAAEC,KAAG,aAAEC,WAAS,EAAE,GAAG,MAAM;AAOzC,MAAMM,eAAa,GAAkB,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAI;AACrE,IAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC;AAAE,QAAA,OAAO,EAAE;AAE7B,IAAA,MAAM,QAAQ,GAAG,CAAC,KAAK,KAAK,KAAK,CAAC,KAAK,EAAE,QAAQ,CAAC;IAElD,MAAM,QAAQ,GAAG,CAAC,GAAI,GAAG,CAAC,IAAI,EAAE;IAChC,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,GAAG,MAAO,GAAG,GAAI,GAAG,CAAC,GAAG,GAAI,GAAG,CAAC;AAEjE,IAAA,OAAOP,KAAG,CAAA;AACE,YAAA,EAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,QAAQ,CAAC,QAAQ,CAAC,CAAA;GACnD;AACH,CAAC;AAED,MAAM,YAAY,GAAG,CAAC,KAAoC,KAAI;AAC5D,IAAA,IAAI,CAAC,KAAK;AAAE,QAAA,OAAO,EAAE;AAErB,IAAA,OAAOA,KAAG,CAAA;uBACW,mBAAmB,CAAC,KAAK,CAAC,CAAA;GAC9C;AACH,CAAC;AAED,MAAME,QAAM,GAER,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAI;IAC/B,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,aAAa,EAAE,WAAW,EAAE,GAAG,KAAK;AAEzD,IAAA,OAAO,GAAG,CAAA;MACNK,eAAa,CAAC,EAAE,GAAG,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;MAC5C,YAAY,CAAC,aAAa,CAAC,CAAA;MAC3B,SAAS,CAAC,WAAW,CAAC,CAAA;GACzB;AACH,CAAC;AAED,eAAeR,QAAM,CAACE,WAAS,CAAC,CAAK;IACjC,KAGD,CAAA;;;;;;;AAOC,EAAA,EAAA,gBAAgB,CAAC;AACjB,IAAA,GAAG,EAAE,WAAW;YAChBC,QAAM;SACNF,KAAG;AACH,IAAA,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;CACH;;AC7DD,MAAMG,WAAS,GAEX,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,KAAI;AACvE,IAAA,MAAM,SAAS,GAAG,UAAU,CAAC,gBAAgB,CAAC;IAE9C,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAE,GAAG,GAAG,EAAE,GACzE,cAAc,CAAC,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;AAE5C,IAAA,MAAM,OAAO,GAAG,OAAO,CACrB,OAAO,EAAE,GAAG,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EACxC,CAAC,GAAG,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,CAC5B;AAED,IAAA,MAAM,cAAc,GAAG,OAAO,CAC5B,MAAM,SAAS,IAAI,YAAY,EAC/B,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B;AAED,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO;AACL,QAAA,SAAS,EAAE;YACT,aAAa,EAAE,SAAS,IAAI,aAAa;YACzC,OAAO;YACP,GAAG;YACH,MAAM;YACN,WAAW,EAAE,GAAG,IAAI,MAAM;AAC3B,SAAA;AACF,KAAA,CAAC,EACF,CAAC,SAAS,EAAE,aAAa,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,CAAC,CAC9D;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,MAAM,GAAG,EAAE;QACjB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AACzC,YAAA,MAAM,CAAC,eAAe,CAAC,GAAG,KAAK;;AAGjC,QAAA,OAAO,MAAM;AACf,KAAC;AAED,IAAA,QACE,KAAC,CAAA,aAAA,CAAAC,QAAM,EACD,EAAA,GAAA,WAAW,CAAC,KAAK,CAAC,EACtB,EAAE,EAAE,cAAc,EAAA,GACd,UAAU,EAAA,GACV,WAAW,EAAE,EAAA;AAEjB,QAAA,KAAA,CAAA,aAAA,CAAC,UAAU,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,OAAO,EAAA,EAAG,QAAQ,CAAuB,CAC9D;AAEb;AAEA,MAAME,MAAI,GAAG,CAAG,EAAA,QAAQ,MAAM;AAE9BH,WAAS,CAAC,WAAW,GAAGG,MAAI;AAC5BH,WAAS,CAAC,OAAO,GAAG,QAAQ;AAC5BA,WAAS,CAAC,qBAAqB,GAAGG,MAAI;;AChEtC;AAOA,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG,MAAM;AAIzC,MAAM,QAAQ,GAAa,CAAC,IAAI,EAAE,OAAO,KACvC,QAAQ,CAAC,IAAI,CAAC,IAAI,QAAQ,CAAC,OAAO,CAAC;AAOrC,MAAM,WAAW,GAAgB,CAC/B,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,EACrC,EAAE,QAAQ,EAAE,KACV;IACF,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC,EAAE;AAC5B,QAAA,OAAO,EAAE;;;IAIX,MAAM,KAAK,GAEP,CAAC,aAAa,GAAG,OAAQ,IAAI,IAAK;AAEtC,IAAA,MAAM,MAAM,GAAG,QAAQ,CAAC,GAAG,CAAC;;IAG5B,MAAM,GAAG,GAIL;cACA,KAAK,GAAG;cACR,KAAK;AAET,IAAA,OAAO,GAAG,CAAA;;;AAGK,eAAA,EAAA,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;AACnB,gBAAA,EAAA,KAAK,CAAC,GAAG,EAAE,QAAQ,CAAC,CAAA;GACnC;AACH,CAAC;AAOD,MAAM,aAAa,GAAkB,CAAC,IAAI,EAAE,KAAK,EAAE,QAAQ,KAAI;AAC7D,IAAA,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAE;AACpB,QAAA,OAAO,EAAE;;AAGX,IAAA,MAAM,UAAU,GAAG,CAAG,EAAA,IAAI,KAAK,KAAK,CAAC,KAAM,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE;AAE5D,IAAA,OAAO,GAAG,CAAA;MACN,UAAU,CAAA;GACb;AACH,CAAC;AAED,MAAM,MAAM,GAAwC,CAAC,EACnD,KAAK,EACL,GAAG,EACH,QAAQ,GACT,KAAI;AACH,IAAA,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,GAAG,KAAK;AACzE,IAAA,MAAM,YAAY,GAAG,SAAS,CAAC,IAAI,CAAC;IAEpC,IAAI,YAAY,EAAE;AAChB,QAAA,OAAO,GAAG,CAAA;;;AAGN,MAAA,EAAA,WAAW,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;AAChE,MAAA,EAAA,aAAa,CAAC,SAAS,EAAE,OAAO,EAAE,QAAQ,CAAC,CAAA;AAC3C,MAAA,EAAA,aAAa,CAAC,QAAQ,EAAE,GAAG,EAAE,QAAQ,CAAC,CAAA;QACtC,SAAS,CAAC,WAAW,CAAC,CAAA;KACzB;;AAGH,IAAA,OAAO,GAAG,CAAA;;;;;GAKT;AACH,CAAC;AAED,aAAe,MAAM,CAAC,SAAS,CAAC,CAAK;IACjC,KAGD,CAAA;;;;;;;;;AASC,EAAA,EAAA,gBAAgB,CAAC;AACjB,IAAA,GAAG,EAAE,WAAW;IAChB,MAAM;IACN,GAAG;AACH,IAAA,SAAS,EAAE,IAAI;CAChB,CAAC,CAAA;CACH;;AC1GD,MAAM,SAAS,GAaX,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,EAAE,GAAG,KAAK,EAAE,KAAI;AAC7C,IAAA,MAAM,SAAS,GAAG,UAAU,CAAC,UAAU,CAAC;AACxC,IAAA,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,cAAc,CAAC;AAC3E,QAAA,GAAG,SAAS;AACZ,QAAA,GAAG,KAAK;AACT,KAAA,CAAC;AAEF,IAAA,MAAM,cAAc,GAAG,OAAO,CAC5B,MAAM,SAAS,IAAI,YAAY,EAC/B,CAAC,SAAS,EAAE,YAAY,CAAC,CAC1B;AAED,IAAA,MAAM,UAAU,GAAG,OAAO,CACxB,OAAO;AACL,QAAA,SAAS,EAAE;YACT,OAAO;YACP,GAAG;YACH,IAAI;YACJ,OAAO;YACP,WAAW,EAAE,GAAG,IAAI,MAAM;AAC3B,SAAA;AACF,KAAA,CAAC,EACF,CAAC,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,MAAM,CAAC,CAC3C;IAED,MAAM,WAAW,GAAG,MAAK;QACvB,MAAM,MAAM,GAAG,EAAE;QACjB,IAAI,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,YAAY,EAAE;AACzC,YAAA,MAAM,CAAC,eAAe,CAAC,GAAG,KAAK;;AAGjC,QAAA,OAAO,MAAM;AACf,KAAC;IAED,QACE,oBAAC,MAAM,EAAA,EAAA,GACD,WAAW,CAAC,KAAK,CAAC,EACtB,EAAE,EAAE,cAAc,EAAA,GACd,UAAU,EACV,GAAA,WAAW,EAAE,EAEhB,EAAA,QAAQ,CACF;AAEb;AAEA,MAAM,IAAI,GAAG,CAAG,EAAA,QAAQ,MAAM;AAE9B,SAAS,CAAC,WAAW,GAAG,IAAI;AAC5B,SAAS,CAAC,OAAO,GAAG,QAAQ;AAC5B,SAAS,CAAC,qBAAqB,GAAG,IAAI;;ACvEtC,YAAe;AACb,IAAA,QAAQ,EAAE,EAAE;AACZ,IAAA,WAAW,EAAE;AACX,QAAA,EAAE,EAAE,CAAC;AACL,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,GAAG;AACP,QAAA,EAAE,EAAE,IAAI;AACT,KAAA;AACD,IAAA,IAAI,EAAE;AACJ,QAAA,OAAO,EAAE,EAAE;AACX,QAAA,SAAS,EAAE;AACT,YAAA,EAAE,EAAE,MAAM;AACV,YAAA,EAAE,EAAE,GAAG;AACP,YAAA,EAAE,EAAE,GAAG;AACP,YAAA,EAAE,EAAE,GAAG;AACP,YAAA,EAAE,EAAE,IAAI;AACT,SAAA;AACF,KAAA;CACO;;;;"}
|
|
1
|
+
{"version":3,"file":"vitus-labs-coolgrid.native.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n // 'breakpoints',\n // 'rootSize',\n 'columns',\n 'size',\n 'gap',\n 'padding',\n 'gutter',\n 'colCss',\n 'colComponent',\n 'rowCss',\n 'rowComponent',\n 'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport type { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n props: T,\n keywords: Array<keyof T>,\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n props: Obj,\n theme: Obj,\n) => {\n columns?: ValueType\n containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n columns: (get(props, 'columns') ||\n get(theme, 'grid.columns') ||\n get(theme, 'coolgrid.columns')) as ValueType,\n containerWidth: (get(props, 'width') ||\n get(theme, 'grid.container') ||\n get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n const { theme } = useContext(context)\n const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport type { StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n max-width: ${value(t.width, rootSize)};\n ${extendCss(t.extraStyles)};\n`\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n width: 100%;\n flex-direction: column;\n margin-right: auto;\n margin-left: auto;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n children,\n component,\n css,\n width,\n ...props\n}) => {\n const { containerWidth = {}, ...ctx } = useGridContext(props)\n const context = useMemo(() => ctx, [ctx])\n\n let finalWidth = containerWidth\n if (width) {\n // @ts-ignore\n finalWidth = typeof width === 'function' ? width(containerWidth) : width\n }\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n width: finalWidth,\n extraStyles: css,\n },\n }),\n [finalWidth, css]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'container'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={component}\n {...finalProps}\n {...getDevProps()}\n >\n <Context.Provider value={context}>{children}</Context.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n makeItResponsive,\n value,\n extendCss,\n ALIGN_CONTENT_MAP_X,\n} from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype SpacingStyles = (\n props: Pick<StyledTypes, 'gap' | 'gutter'>,\n { rootSize }: { rootSize?: number },\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n if (!isNumber(gap)) return ''\n\n const getValue = (param) => value(param, rootSize)\n\n const spacingX = (gap! / 2) * -1\n const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n return css`\n margin: ${getValue(spacingY)} ${getValue(spacingX)};\n `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n if (!align) return ''\n\n return css`\n justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n `\n}\n\nconst styles: MakeItResponsiveStyles<\n Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n const { gap, gutter, contentAlignX, extraStyles } = theme\n\n return css`\n ${spacingStyles({ gap, gutter }, { rootSize })};\n ${contentAlign(contentAlignX)};\n ${extendCss(extraStyles)};\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n display: flex;\n flex-wrap: wrap;\n align-self: stretch;\n flex-direction: row;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n const parentCtx = useContext(ContainerContext)\n\n const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n useGridContext({ ...parentCtx, ...props })\n\n const context = useMemo(\n () => ({ ...ctx, columns, gap, gutter }),\n [ctx, columns, gap, gutter]\n )\n\n const finalComponent = useMemo(\n () => component || rowComponent,\n [component, rowComponent]\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n contentAlignX: rowAlignX || contentAlignX,\n columns,\n gap,\n gutter,\n extraStyles: css || rowCss,\n },\n }),\n [rowAlignX, contentAlignX, columns, gap, gutter, css, rowCss]\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'row'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n <RowContext.Provider value={context}>{children}</RowContext.Provider>\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport { makeItResponsive, value, extendCss } from '@vitus-labs/unistyle'\nimport type { MakeItResponsiveStyles } from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport type { CssOutput, StyledTypes } from '~/types'\n\nconst { styled, css, component } = config\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n defaults: { rootSize?: number },\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n { size, columns, gap, RNparentWidth },\n { rootSize },\n) => {\n if (!hasWidth(size, columns)) {\n return ''\n }\n\n // calculate % of width\n const width = __WEB__\n ? (size! / columns!) * 100\n : (RNparentWidth / columns!) * size!\n\n const hasGap = hasValue(gap)\n\n // eslint-disable-next-line no-nested-ternary\n const val = __WEB__\n ? hasGap\n ? `calc(${width}% - ${gap}px)`\n : `${width}%`\n : hasGap\n ? width - gap!\n : width\n\n return css`\n flex-grow: 0;\n flex-shrink: 0;\n max-width: ${value(val, rootSize)};\n flex-basis: ${value(val, rootSize)};\n `\n}\n\ntype SpacingStyles = (\n type: 'margin' | 'padding',\n param?: number,\n rootSize?: number,\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n if (!isNumber(param)) {\n return ''\n }\n\n const finalStyle = `${type}: ${value(param! / 2, rootSize)}`\n\n return css`\n ${finalStyle};\n `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n theme,\n css,\n rootSize,\n}) => {\n const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n const renderStyles = isVisible(size)\n\n if (renderStyles) {\n return css`\n left: initial;\n position: relative;\n ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n ${spacingStyles('padding', padding, rootSize)};\n ${spacingStyles('margin', gap, rootSize)};\n ${extendCss(extraStyles)};\n `\n }\n\n return css`\n left: -9999px;\n position: fixed;\n margin: 0;\n padding: 0;\n `\n}\n\nexport default styled(component)<any>`\n ${__WEB__ &&\n css`\n box-sizing: border-box;\n `};\n\n position: relative;\n display: flex;\n flex-basis: 0;\n flex-grow: 1;\n flex-direction: column;\n justify-content: stretch;\n\n ${makeItResponsive({\n key: '$coolgrid',\n styles,\n css,\n normalize: true,\n })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n [\n 'containerWidth',\n 'width',\n 'rowComponent',\n 'rowCss',\n 'colCss',\n 'colComponent',\n 'columns',\n 'gap',\n 'gutter',\n 'contentAlignX',\n ]\n> = ({ children, component, css, ...props }) => {\n const parentCtx = useContext(RowContext)\n const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n ...parentCtx,\n ...props,\n })\n\n const finalComponent = useMemo(\n () => component ?? colComponent,\n [component, colComponent],\n )\n\n const finalProps = useMemo(\n () => ({\n $coolgrid: {\n columns,\n gap,\n size,\n padding,\n extraStyles: css ?? colCss,\n },\n }),\n [columns, gap, size, padding, css, colCss],\n )\n\n const getDevProps = () => {\n const result = {}\n if (process.env.NODE_ENV !== 'production') {\n result['data-coolgrid'] = 'col'\n }\n\n return result\n }\n\n return (\n <Styled\n {...omitCtxKeys(props)}\n as={finalComponent}\n {...finalProps}\n {...getDevProps()}\n >\n {children}\n </Styled>\n )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n rootSize: 16,\n breakpoints: {\n xs: 0,\n sm: 576,\n md: 768,\n lg: 992,\n xl: 1200,\n },\n grid: {\n columns: 12,\n container: {\n xs: '100%',\n sm: 540,\n md: 720,\n lg: 960,\n xl: 1140,\n },\n },\n} as const\n"],"names":["styled","css","component","styles","Component","Styled","Context","name","spacingStyles"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@vitus-labs/coolgrid",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.2",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"author": "Vit Bokisch <vit@bokisch.cz>",
|
|
6
6
|
"maintainers": [
|
|
@@ -57,12 +57,12 @@
|
|
|
57
57
|
"react": ">= 18"
|
|
58
58
|
},
|
|
59
59
|
"devDependencies": {
|
|
60
|
-
"@vitus-labs/core": "1.2.
|
|
61
|
-
"@vitus-labs/tools-babel": "^1.5.
|
|
62
|
-
"@vitus-labs/tools-rollup": "^1.5.
|
|
63
|
-
"@vitus-labs/tools-storybook": "^1.5.
|
|
64
|
-
"@vitus-labs/tools-typescript": "^1.5.
|
|
65
|
-
"@vitus-labs/unistyle": "1.2.
|
|
60
|
+
"@vitus-labs/core": "1.2.2",
|
|
61
|
+
"@vitus-labs/tools-babel": "^1.5.1",
|
|
62
|
+
"@vitus-labs/tools-rollup": "^1.5.1",
|
|
63
|
+
"@vitus-labs/tools-storybook": "^1.5.1",
|
|
64
|
+
"@vitus-labs/tools-typescript": "^1.5.1",
|
|
65
|
+
"@vitus-labs/unistyle": "1.2.2"
|
|
66
66
|
},
|
|
67
|
-
"gitHead": "
|
|
67
|
+
"gitHead": "7a4d4d7560941675c866162c77a63218684ff850"
|
|
68
68
|
}
|