@vitus-labs/coolgrid 0.46.0 → 0.49.0

package/lib/vitus-labs-coolgrid.umd.js

@@ -1,277 +0,0 @@
-(function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@vitus-labs/unistyle'), require('react'), require('@vitus-labs/core')) :
-  typeof define === 'function' && define.amd ? define(['exports', '@vitus-labs/unistyle', 'react', '@vitus-labs/core'], factory) :
-  (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory(global.vitusLabsCoolgrid = {}, global.unistyle, global.React, global.core));
-})(this, (function (exports, unistyle, React, core) { 'use strict';
-
-  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-  var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-  const PKG_NAME = '@vitus-labs/coolgrid';
-  /* eslint-disable import/prefer-default-export */
-  const CONTEXT_KEYS = [
-      // 'breakpoints',
-      // 'rootSize',
-      'columns',
-      'size',
-      'gap',
-      'padding',
-      'gutter',
-      'colCss',
-      'colComponent',
-      'rowCss',
-      'rowComponent',
-      'contentAlignX',
-  ];
-
-  const isNumber = (value) => Number.isFinite(value);
-  const hasValue = (value) => isNumber(value) && value > 0;
-  const isVisible = (value) => (isNumber(value) && value !== 0) || value === undefined;
-  const omitCtxKeys = (props) => core.omit(props, CONTEXT_KEYS);
-
-  var ContainerContext = React.createContext({});
-
-  const pickThemeProps = (props, keywords) => core.pick(props, keywords);
-  const getGridContext = (props = {}, theme = {}) => ({
-      columns: (core.get(props, 'columns') ||
-          core.get(theme, 'grid.columns') ||
-          core.get(theme, 'coolgrid.columns')),
-      containerWidth: (core.get(props, 'width') ||
-          core.get(theme, 'grid.container') ||
-          core.get(theme, 'coolgrid.container')),
-  });
-  const useGridContext = (props) => {
-      const { theme } = React.useContext(unistyle.context);
-      const ctxProps = pickThemeProps(props, CONTEXT_KEYS);
-      const gridContext = getGridContext(ctxProps, theme);
-      return { ...gridContext, ...ctxProps };
-  };
-
-  const styles$2 = ({ theme: t, css, rootSize }) => css `
-  max-width: ${unistyle.value(t.width, rootSize)};
-  ${unistyle.extendCss(t.extraStyles)};
-`;
-  var Styled$2 = core.config.styled(core.config.component) `
-  ${false };
-
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  margin-right: auto;
-  margin-left: auto;
-
-  ${unistyle.makeItResponsive({
-    key: '$coolgrid',
-    styles: styles$2,
-    css: core.config.css,
-    normalize: true,
-})};
-`;
-
-  const Component$2 = ({ children, component, css, width, ...props }) => {
-      const { containerWidth = {}, ...ctx } = useGridContext(props);
-      let finalWidth = containerWidth;
-      if (width) {
-          // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-          // @ts-ignore
-          finalWidth = typeof width === 'function' ? width(containerWidth) : width;
-      }
-      return (React__default["default"].createElement(Styled$2, { ...omitCtxKeys(props), as: component, "$coolgrid": {
-              width: finalWidth,
-              extraStyles: css,
-          } },
-          React__default["default"].createElement(ContainerContext.Provider, { value: ctx }, children)));
-  };
-  const name$2 = `${PKG_NAME}/Container`;
-  Component$2.displayName = name$2;
-  Component$2.pkgName = PKG_NAME;
-  Component$2.VITUS_LABS__COMPONENT = name$2;
-
-  var RowContext = React.createContext({});
-
-  /* eslint-disable @typescript-eslint/no-non-null-assertion */
-  const spacingStyles$1 = ({ gap, gutter }, { rootSize }) => {
-      if (!isNumber(gap))
-          return '';
-      const getValue = (param) => unistyle.value(param, rootSize);
-      const spacingX = (gap / 2) * -1;
-      const spacingY = isNumber(gutter) ? gutter - gap / 2 : gap / 2;
-      return core.config.css `
-    margin: ${getValue(spacingY)} ${getValue(spacingX)};
-  `;
-  };
-  const contentAlign = (align) => {
-      if (!align)
-          return '';
-      return core.config.css `
-    justify-content: ${unistyle.ALIGN_CONTENT_MAP_X[align]};
-  `;
-  };
-  const styles$1 = ({ theme, css, rootSize }) => {
-      const { gap, gutter, contentAlignX, extraStyles } = theme;
-      return css `
-    ${spacingStyles$1({ gap, gutter }, { rootSize })};
-    ${contentAlign(contentAlignX)};
-    ${unistyle.extendCss(extraStyles)};
-  `;
-  };
-  var Styled$1 = core.config.styled(core.config.component) `
-  ${false };
-
-  display: flex;
-  flex-wrap: wrap;
-  align-self: stretch;
-  flex-direction: row;
-
-  ${unistyle.makeItResponsive({
-    key: '$coolgrid',
-    styles: styles$1,
-    css: core.config.css,
-    normalize: true,
-})};
-`;
-
-  const Component$1 = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {
-      const parentCtx = React.useContext(ContainerContext);
-      const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } = useGridContext({ ...parentCtx, ...props });
-      const context = React.useMemo(() => ({ ...ctx, columns, gap, gutter }), [ctx, columns, gap, gutter]);
-      const finalProps = {
-          ...omitCtxKeys(props),
-          as: component || rowComponent,
-          $coolgrid: {
-              contentAlignX: rowAlignX || contentAlignX,
-              columns,
-              gap,
-              gutter,
-              extraStyles: css || rowCss,
-          },
-      };
-      return (React__default["default"].createElement(Styled$1, { ...finalProps },
-          React__default["default"].createElement(RowContext.Provider, { value: context }, children)));
-  };
-  const name$1 = `${PKG_NAME}/Row`;
-  Component$1.displayName = name$1;
-  Component$1.pkgName = PKG_NAME;
-  Component$1.VITUS_LABS__COMPONENT = name$1;
-
-  /* eslint-disable @typescript-eslint/no-non-null-assertion */
-  const hasWidth = (size, columns) => hasValue(size) && hasValue(columns);
-  const widthStyles = ({ size, columns, gap, RNparentWidth }, { rootSize }) => {
-      if (!hasWidth(size, columns)) {
-          return '';
-      }
-      // calculate % of width
-      const width = (RNparentWidth / columns) * size;
-      const hasGap = hasValue(gap);
-      // eslint-disable-next-line no-nested-ternary
-      const val = hasGap
-              ? width - gap
-              : width;
-      return core.config.css `
-      flex-grow: 0;
-      flex-shrink: 0;
-      max-width: ${unistyle.value(val, rootSize)};
-      flex-basis: ${unistyle.value(val, rootSize)};
-    `;
-  };
-  const spacingStyles = (type, param, rootSize) => {
-      if (!param || !isNumber(param)) {
-          return '';
-      }
-      const finalStyle = `${type}: ${unistyle.value(param / 2, rootSize)}`;
-      return core.config.css `
-      ${finalStyle};
-    `;
-  };
-  const styles = ({ theme, css, rootSize, }) => {
-      const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme;
-      const renderStyles = isVisible(size);
-      if (renderStyles) {
-          return css `
-      left: initial;
-      position: relative;
-      ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};
-      ${spacingStyles('padding', padding, rootSize)};
-      ${spacingStyles('margin', gap, rootSize)};
-      ${unistyle.extendCss(extraStyles)};
-    `;
-      }
-      return css `
-    left: -9999px;
-    position: fixed;
-    margin: 0;
-    padding: 0;
-  `;
-  };
-  var Styled = core.config.styled(core.config.component) `
-  ${false };
-
-  position: relative;
-  display: flex;
-  flex-basis: 0;
-  flex-grow: 1;
-  flex-direction: column;
-  justify-content: stretch;
-
-  ${unistyle.makeItResponsive({
-    key: '$coolgrid',
-    styles,
-    css: core.config.css,
-    normalize: true,
-})};
-`;
-
-  const Component = ({ children, component, css, ...props }) => {
-      const parentCtx = React.useContext(RowContext);
-      const { colCss, colComponent, columns, gap, size, padding } = useGridContext({
-          ...parentCtx,
-          ...props,
-      });
-      return (React__default["default"].createElement(Styled, { ...omitCtxKeys(props), as: component || colComponent, "$coolgrid": {
-              columns,
-              gap,
-              size,
-              padding,
-              extraStyles: css || colCss,
-          } }, children));
-  };
-  const name = `${PKG_NAME}/Col`;
-  Component.displayName = name;
-  Component.pkgName = PKG_NAME;
-  Component.VITUS_LABS__COMPONENT = name;
-
-  var theme = {
-      rootSize: 16,
-      breakpoints: {
-          xs: 0,
-          sm: 576,
-          md: 768,
-          lg: 992,
-          xl: 1200,
-      },
-      grid: {
-          columns: 12,
-          container: {
-              xs: '100%',
-              sm: 540,
-              md: 720,
-              lg: 960,
-              xl: 1140,
-          },
-      },
-  };
-
-  Object.defineProperty(exports, 'Provider', {
-    enumerable: true,
-    get: function () { return unistyle.Provider; }
-  });
-  exports.Col = Component;
-  exports.Container = Component$2;
-  exports.Row = Component$1;
-  exports.theme = theme;
-
-  Object.defineProperty(exports, '__esModule', { value: true });
-
-}));
-//# sourceMappingURL=vitus-labs-coolgrid.umd.js.map

package/lib/vitus-labs-coolgrid.umd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vitus-labs-coolgrid.umd.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n  // 'breakpoints',\n  // 'rootSize',\n  'columns',\n  'size',\n  'gap',\n  'padding',\n  'gutter',\n  'colCss',\n  'colComponent',\n  'rowCss',\n  'rowComponent',\n  'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n  (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n  !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n  props: T,\n  keywords: Array<keyof T>\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n  pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n  props: Obj,\n  theme: Obj\n) => {\n  columns?: ValueType\n  containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n  columns: (get(props, 'columns') ||\n    get(theme, 'grid.columns') ||\n    get(theme, 'coolgrid.columns')) as ValueType,\n  containerWidth: (get(props, 'width') ||\n    get(theme, 'grid.container') ||\n    get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n  const { theme } = useContext(context)\n  const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n  const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n  return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\n\nconst styles: MakeItResponsiveStyles<\n  Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n  max-width: ${value(t.width, rootSize)};\n  ${extendCss(t.extraStyles)};\n`\n\nexport default config.styled(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  margin-right: auto;\n  margin-left: auto;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n  children,\n  component,\n  css,\n  width,\n  ...props\n}) => {\n  const { containerWidth = {}, ...ctx } = useGridContext(props)\n\n  let finalWidth = containerWidth\n  if (width) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    finalWidth = typeof width === 'function' ? width(containerWidth) : width\n  }\n\n  return (\n    <Styled\n      {...omitCtxKeys(props)}\n      as={component}\n      $coolgrid={{\n        width: finalWidth,\n        extraStyles: css,\n      }}\n    >\n      <Context.Provider value={ctx}>{children}</Context.Provider>\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  ALIGN_CONTENT_MAP_X,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype SpacingStyles = (\n  props: Pick<StyledTypes, 'gap' | 'gutter'>,\n  { rootSize }: { rootSize?: number }\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n  if (!isNumber(gap)) return ''\n\n  const getValue = (param) => value(param, rootSize)\n\n  const spacingX = (gap! / 2) * -1\n  const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n  return config.css`\n    margin: ${getValue(spacingY)} ${getValue(spacingX)};\n  `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n  if (!align) return ''\n\n  return config.css`\n    justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n  `\n}\n\nconst styles: MakeItResponsiveStyles<\n  Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n  const { gap, gutter, contentAlignX, extraStyles } = theme\n\n  return css`\n    ${spacingStyles({ gap, gutter }, { rootSize })};\n    ${contentAlign(contentAlignX)};\n    ${extendCss(extraStyles)};\n  `\n}\n\nexport default config.styled(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  display: flex;\n  flex-wrap: wrap;\n  align-self: stretch;\n  flex-direction: row;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n  ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n  const parentCtx = useContext(ContainerContext)\n  const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n    useGridContext({ ...parentCtx, ...props })\n\n  const context = useMemo(\n    () => ({ ...ctx, columns, gap, gutter }),\n    [ctx, columns, gap, gutter]\n  )\n\n  const finalProps = {\n    ...omitCtxKeys(props),\n    as: component || rowComponent,\n    $coolgrid: {\n      contentAlignX: rowAlignX || contentAlignX,\n      columns,\n      gap,\n      gutter,\n      extraStyles: css || rowCss,\n    },\n  }\n\n  return (\n    <Styled {...finalProps}>\n      <RowContext.Provider value={context}>{children}</RowContext.Provider>\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n  hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n  props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n  defaults: { rootSize?: number }\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n  { size, columns, gap, RNparentWidth },\n  { rootSize }\n) => {\n  if (!hasWidth(size, columns)) {\n    return ''\n  }\n\n  // calculate % of width\n  const width = __WEB__\n    ? (size! / columns!) * 100\n    : (RNparentWidth / columns!) * size!\n\n  const hasGap = hasValue(gap)\n\n  // eslint-disable-next-line no-nested-ternary\n  const val = __WEB__\n    ? hasGap\n      ? `calc(${width}% - ${gap}px)`\n      : `${width}%`\n    : hasGap\n    ? width - gap!\n    : width\n\n  return config.css`\n      flex-grow: 0;\n      flex-shrink: 0;\n      max-width: ${value(val, rootSize)};\n      flex-basis: ${value(val, rootSize)};\n    `\n}\n\ntype SpacingStyles = (\n  type: 'margin' | 'padding',\n  param?: number,\n  rootSize?: number\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n  if (!param || !isNumber(param)) {\n    return ''\n  }\n\n  const finalStyle = `${type}: ${value(param / 2, rootSize)}`\n\n  return config.css`\n      ${finalStyle};\n    `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n  theme,\n  css,\n  rootSize,\n}) => {\n  const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n  const renderStyles = isVisible(size)\n\n  if (renderStyles) {\n    return css`\n      left: initial;\n      position: relative;\n      ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n      ${spacingStyles('padding', padding, rootSize)};\n      ${spacingStyles('margin', gap, rootSize)};\n      ${extendCss(extraStyles)};\n    `\n  }\n\n  return css`\n    left: -9999px;\n    position: fixed;\n    margin: 0;\n    padding: 0;\n  `\n}\n\nexport default config.styled(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  position: relative;\n  display: flex;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: stretch;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React, { useContext } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n  [\n    'containerWidth',\n    'width',\n    'rowComponent',\n    'rowCss',\n    'colCss',\n    'colComponent',\n    'columns',\n    'gap',\n    'gutter',\n    'contentAlignX'\n  ]\n> = ({ children, component, css, ...props }) => {\n  const parentCtx = useContext(RowContext)\n  const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n    ...parentCtx,\n    ...props,\n  })\n\n  return (\n    <Styled\n      {...omitCtxKeys(props)}\n      as={component || colComponent}\n      $coolgrid={{\n        columns,\n        gap,\n        size,\n        padding,\n        extraStyles: css || colCss,\n      }}\n    >\n      {children}\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n  rootSize: 16,\n  breakpoints: {\n    xs: 0,\n    sm: 576,\n    md: 768,\n    lg: 992,\n    xl: 1200,\n  },\n  grid: {\n    columns: 12,\n    container: {\n      xs: '100%',\n      sm: 540,\n      md: 720,\n      lg: 960,\n      xl: 1140,\n    },\n  },\n} as const\n"],"names":["omit","createContext","pick","get","useContext","context","styles","value","extendCss","config","makeItResponsive","Component","React","Styled","Context","name","spacingStyles","ALIGN_CONTENT_MAP_X","useMemo"],"mappings":"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"}

package/lib/vitus-labs-coolgrid.umd.min.js

@@ -1,62 +0,0 @@
-!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)`
-  ${!1};
-
-  display: flex;
-  width: 100%;
-  flex-direction: column;
-  margin-right: auto;
-  margin-left: auto;
-
-  ${t.makeItResponsive({key:"$coolgrid",styles:({theme:e,css:o,rootSize:n})=>o`
-  max-width: ${t.value(e.width,n)};
-  ${t.extendCss(e.extraStyles)};
-`,css:n.config.css,normalize:!0})};
-`;const f=({children:e,component:t,css:o,width:n,...i})=>{const{containerWidth:r={},...c}=g(i);let l=r;return n&&(l="function"==typeof n?n(r):n),s.default.createElement(m,{...u(i),as:t,$coolgrid:{width:l,extraStyles:o}},s.default.createElement(d.Provider,{value:c},e))},p=`${r}/Container`;f.displayName=p,f.pkgName=r,f.VITUS_LABS__COMPONENT=p;var x=o.createContext({});var y=n.config.styled(n.config.component)`
-  ${!1};
-
-  display: flex;
-  flex-wrap: wrap;
-  align-self: stretch;
-  flex-direction: row;
-
-  ${t.makeItResponsive({key:"$coolgrid",styles:({theme:e,css:o,rootSize:i})=>{const{gap:s,gutter:r,contentAlignX:c,extraStyles:a}=e;return o`
-    ${(({gap:e,gutter:o},{rootSize:i})=>{if(!l(e))return"";const s=e=>t.value(e,i),r=e/2*-1,c=l(o)?o-e/2:e/2;return n.config.css`
-    margin: ${s(c)} ${s(r)};
-  `})({gap:s,gutter:r},{rootSize:i})};
-    ${u=c,u?n.config.css`
-    justify-content: ${t.ALIGN_CONTENT_MAP_X[u]};
-  `:""};
-    ${t.extendCss(a)};
-  `;var u},css:n.config.css,normalize:!0})};
-`;const v=({children:e,component:t,css:n,contentAlignX:i,...r})=>{const c=o.useContext(d),{columns:l,gap:a,gutter:m,rowComponent:f,rowCss:p,contentAlignX:v,...$}=g({...c,...r}),h=o.useMemo((()=>({...$,columns:l,gap:a,gutter:m})),[$,l,a,m]),C={...u(r),as:t||f,$coolgrid:{contentAlignX:i||v,columns:l,gap:a,gutter:m,extraStyles:n||p}};return s.default.createElement(y,{...C},s.default.createElement(x.Provider,{value:h},e))},$=`${r}/Row`;v.displayName=$,v.pkgName=r,v.VITUS_LABS__COMPONENT=$;const h=({size:e,columns:o,gap:i,RNparentWidth:s},{rootSize:r})=>{if(!((e,t)=>a(e)&&a(t))(e,o))return"";const c=s/o*e,l=a(i)?c-i:c;return n.config.css`
-      flex-grow: 0;
-      flex-shrink: 0;
-      max-width: ${t.value(l,r)};
-      flex-basis: ${t.value(l,r)};
-    `},C=(e,o,i)=>{if(!o||!l(o))return"";const s=`${e}: ${t.value(o/2,i)}`;return n.config.css`
-      ${s};
-    `};var S=n.config.styled(n.config.component)`
-  ${!1};
-
-  position: relative;
-  display: flex;
-  flex-basis: 0;
-  flex-grow: 1;
-  flex-direction: column;
-  justify-content: stretch;
-
-  ${t.makeItResponsive({key:"$coolgrid",styles:({theme:e,css:o,rootSize:n})=>{const{size:i,columns:s,gap:r,padding:c,extraStyles:a,RNparentWidth:u}=e;var d;return l(d=i)&&0!==d||void 0===d?o`
-      left: initial;
-      position: relative;
-      ${h({size:i,columns:s,gap:r,RNparentWidth:u},{rootSize:n})};
-      ${C("padding",c,n)};
-      ${C("margin",r,n)};
-      ${t.extendCss(a)};
-    `:o`
-    left: -9999px;
-    position: fixed;
-    margin: 0;
-    padding: 0;
-  `},css:n.config.css,normalize:!0})};
-`;const N=({children:e,component:t,css:n,...i})=>{const r=o.useContext(x),{colCss:c,colComponent:l,columns:a,gap:d,size:m,padding:f}=g({...r,...i});return s.default.createElement(S,{...u(i),as:t||l,$coolgrid:{columns:a,gap:d,size:m,padding:f,extraStyles:n||c}},e)},w=`${r}/Col`;N.displayName=w,N.pkgName=r,N.VITUS_LABS__COMPONENT=w;Object.defineProperty(e,"Provider",{enumerable:!0,get:function(){return t.Provider}}),e.Col=N,e.Container=f,e.Row=v,e.theme={rootSize:16,breakpoints:{xs:0,sm:576,md:768,lg:992,xl:1200},grid:{columns:12,container:{xs:"100%",sm:540,md:720,lg:960,xl:1140}}},Object.defineProperty(e,"__esModule",{value:!0})}));
-//# sourceMappingURL=vitus-labs-coolgrid.umd.min.js.map

package/lib/vitus-labs-coolgrid.umd.min.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"vitus-labs-coolgrid.umd.min.js","sources":["../src/constants.ts","../src/utils.ts","../src/context/ContainerContext.ts","../src/useContext.tsx","../src/Container/styled.ts","../src/Container/component.tsx","../src/context/RowContext.ts","../src/Row/styled.ts","../src/Row/component.tsx","../src/Col/styled.ts","../src/Col/component.tsx","../src/theme.ts"],"sourcesContent":["export const PKG_NAME = '@vitus-labs/coolgrid'\n\n/* eslint-disable import/prefer-default-export */\nexport const CONTEXT_KEYS = [\n  // 'breakpoints',\n  // 'rootSize',\n  'columns',\n  'size',\n  'gap',\n  'padding',\n  'gutter',\n  'colCss',\n  'colComponent',\n  'rowCss',\n  'rowComponent',\n  'contentAlignX',\n]\n","import { omit } from '@vitus-labs/core'\nimport { CONTEXT_KEYS } from '~/constants'\n\ntype BoolFunc = (value: any) => boolean\n\nexport const isNumber: BoolFunc = (value) => Number.isFinite(value)\nexport const hasValue: BoolFunc = (value) => isNumber(value) && value > 0\nexport const isVisible: BoolFunc = (value) =>\n  (isNumber(value) && value !== 0) || value === undefined\n\ntype HasWidth = (size: any, columns: any) => boolean\nexport const hasWidth: HasWidth = (size, columns) =>\n  !!(hasValue(size) && hasValue(columns))\n\ntype OmitCtxKeys = (props?: Record<string, any>) => ReturnType<typeof omit>\nexport const omitCtxKeys: OmitCtxKeys = (props) => omit(props, CONTEXT_KEYS)\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","import { useContext } from 'react'\nimport { get, pick } from '@vitus-labs/core'\nimport { context } from '@vitus-labs/unistyle'\nimport { CONTEXT_KEYS } from '~/constants'\nimport { Obj, ValueType, Context } from '~/types'\n\n// ------------------------------------------\n// pickTheme props\n// ------------------------------------------\nexport type PickThemeProps = <T extends Record<string, unknown>>(\n  props: T,\n  keywords: Array<keyof T>\n) => ReturnType<typeof pick>\nconst pickThemeProps: PickThemeProps = (props, keywords) =>\n  pick(props, keywords)\n\n// ------------------------------------------\n// create grid settings\n// ------------------------------------------\ntype GetGridContext = (\n  props: Obj,\n  theme: Obj\n) => {\n  columns?: ValueType\n  containerWidth?: Record<string, number>\n}\n\nexport const getGridContext: GetGridContext = (props = {}, theme = {}) => ({\n  columns: (get(props, 'columns') ||\n    get(theme, 'grid.columns') ||\n    get(theme, 'coolgrid.columns')) as ValueType,\n  containerWidth: (get(props, 'width') ||\n    get(theme, 'grid.container') ||\n    get(theme, 'coolgrid.container')) as Record<string, number>,\n})\n\ntype UseGridContext = (props: Obj) => Context\nconst useGridContext: UseGridContext = (props) => {\n  const { theme } = useContext(context)\n  const ctxProps = pickThemeProps(props, CONTEXT_KEYS)\n  const gridContext = getGridContext(ctxProps, theme as Record<string, unknown>)\n\n  return { ...gridContext, ...ctxProps }\n}\n\nexport default useGridContext\n","import { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { StyledTypes } from '~/types'\n\nconst styles: MakeItResponsiveStyles<\n  Pick<StyledTypes, 'width' | 'extraStyles'>\n> = ({ theme: t, css, rootSize }) => css`\n  max-width: ${value(t.width, rootSize)};\n  ${extendCss(t.extraStyles)};\n`\n\nexport default config.styled(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  display: flex;\n  width: 100%;\n  flex-direction: column;\n  margin-right: auto;\n  margin-left: auto;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport Context from '~/context/ContainerContext'\nimport useGridContext from '~/useContext'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<['containerWidth']> = ({\n  children,\n  component,\n  css,\n  width,\n  ...props\n}) => {\n  const { containerWidth = {}, ...ctx } = useGridContext(props)\n\n  let finalWidth = containerWidth\n  if (width) {\n    // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n    // @ts-ignore\n    finalWidth = typeof width === 'function' ? width(containerWidth) : width\n  }\n\n  return (\n    <Styled\n      {...omitCtxKeys(props)}\n      as={component}\n      $coolgrid={{\n        width: finalWidth,\n        extraStyles: css,\n      }}\n    >\n      <Context.Provider value={ctx}>{children}</Context.Provider>\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Container`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","import { createContext } from 'react'\nimport type { Context } from '~/types'\n\nexport default createContext<Context>({})\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  ALIGN_CONTENT_MAP_X,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype SpacingStyles = (\n  props: Pick<StyledTypes, 'gap' | 'gutter'>,\n  { rootSize }: { rootSize?: number }\n) => CssOutput\n\nconst spacingStyles: SpacingStyles = ({ gap, gutter }, { rootSize }) => {\n  if (!isNumber(gap)) return ''\n\n  const getValue = (param) => value(param, rootSize)\n\n  const spacingX = (gap! / 2) * -1\n  const spacingY = isNumber(gutter) ? gutter! - gap! / 2 : gap! / 2\n\n  return config.css`\n    margin: ${getValue(spacingY)} ${getValue(spacingX)};\n  `\n}\n\nconst contentAlign = (align?: StyledTypes['contentAlignX']) => {\n  if (!align) return ''\n\n  return config.css`\n    justify-content: ${ALIGN_CONTENT_MAP_X[align]};\n  `\n}\n\nconst styles: MakeItResponsiveStyles<\n  Pick<StyledTypes, 'gap' | 'gutter' | 'contentAlignX' | 'extraStyles'>\n> = ({ theme, css, rootSize }) => {\n  const { gap, gutter, contentAlignX, extraStyles } = theme\n\n  return css`\n    ${spacingStyles({ gap, gutter }, { rootSize })};\n    ${contentAlign(contentAlignX)};\n    ${extendCss(extraStyles)};\n  `\n}\n\nexport default config.styled(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  display: flex;\n  flex-wrap: wrap;\n  align-self: stretch;\n  flex-direction: row;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React, { useContext, useMemo } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { ContainerContext, RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n  ['containerWidth', 'width', 'rowComponent', 'rowCss']\n> = ({ children, component, css, contentAlignX: rowAlignX, ...props }) => {\n  const parentCtx = useContext(ContainerContext)\n  const { columns, gap, gutter, rowComponent, rowCss, contentAlignX, ...ctx } =\n    useGridContext({ ...parentCtx, ...props })\n\n  const context = useMemo(\n    () => ({ ...ctx, columns, gap, gutter }),\n    [ctx, columns, gap, gutter]\n  )\n\n  const finalProps = {\n    ...omitCtxKeys(props),\n    as: component || rowComponent,\n    $coolgrid: {\n      contentAlignX: rowAlignX || contentAlignX,\n      columns,\n      gap,\n      gutter,\n      extraStyles: css || rowCss,\n    },\n  }\n\n  return (\n    <Styled {...finalProps}>\n      <RowContext.Provider value={context}>{children}</RowContext.Provider>\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Row`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","/* eslint-disable @typescript-eslint/no-non-null-assertion */\nimport { config } from '@vitus-labs/core'\nimport {\n  makeItResponsive,\n  value,\n  extendCss,\n  MakeItResponsiveStyles,\n} from '@vitus-labs/unistyle'\nimport { hasValue, isVisible, isNumber } from '~/utils'\nimport { CssOutput, StyledTypes } from '~/types'\n\ntype HasWidth = (size?: number, columns?: number) => boolean\n\nconst hasWidth: HasWidth = (size, columns) =>\n  hasValue(size) && hasValue(columns)\n\ntype WidthStyles = (\n  props: Pick<StyledTypes, 'size' | 'columns' | 'gap' | 'RNparentWidth'>,\n  defaults: { rootSize?: number }\n) => CssOutput\n\nconst widthStyles: WidthStyles = (\n  { size, columns, gap, RNparentWidth },\n  { rootSize }\n) => {\n  if (!hasWidth(size, columns)) {\n    return ''\n  }\n\n  // calculate % of width\n  const width = __WEB__\n    ? (size! / columns!) * 100\n    : (RNparentWidth / columns!) * size!\n\n  const hasGap = hasValue(gap)\n\n  // eslint-disable-next-line no-nested-ternary\n  const val = __WEB__\n    ? hasGap\n      ? `calc(${width}% - ${gap}px)`\n      : `${width}%`\n    : hasGap\n    ? width - gap!\n    : width\n\n  return config.css`\n      flex-grow: 0;\n      flex-shrink: 0;\n      max-width: ${value(val, rootSize)};\n      flex-basis: ${value(val, rootSize)};\n    `\n}\n\ntype SpacingStyles = (\n  type: 'margin' | 'padding',\n  param?: number,\n  rootSize?: number\n) => CssOutput\nconst spacingStyles: SpacingStyles = (type, param, rootSize) => {\n  if (!param || !isNumber(param)) {\n    return ''\n  }\n\n  const finalStyle = `${type}: ${value(param / 2, rootSize)}`\n\n  return config.css`\n      ${finalStyle};\n    `\n}\n\nconst styles: MakeItResponsiveStyles<StyledTypes> = ({\n  theme,\n  css,\n  rootSize,\n}) => {\n  const { size, columns, gap, padding, extraStyles, RNparentWidth } = theme\n  const renderStyles = isVisible(size)\n\n  if (renderStyles) {\n    return css`\n      left: initial;\n      position: relative;\n      ${widthStyles({ size, columns, gap, RNparentWidth }, { rootSize })};\n      ${spacingStyles('padding', padding, rootSize)};\n      ${spacingStyles('margin', gap, rootSize)};\n      ${extendCss(extraStyles)};\n    `\n  }\n\n  return css`\n    left: -9999px;\n    position: fixed;\n    margin: 0;\n    padding: 0;\n  `\n}\n\nexport default config.styled(config.component)`\n  ${\n    __WEB__ &&\n    config.css`\n      box-sizing: border-box;\n    `\n  };\n\n  position: relative;\n  display: flex;\n  flex-basis: 0;\n  flex-grow: 1;\n  flex-direction: column;\n  justify-content: stretch;\n\n  ${makeItResponsive({\n    key: '$coolgrid',\n    styles,\n    css: config.css,\n    normalize: true,\n  })};\n`\n","import React, { useContext } from 'react'\nimport { PKG_NAME } from '~/constants'\nimport { omitCtxKeys } from '~/utils'\nimport useGridContext from '~/useContext'\nimport { RowContext } from '~/context'\nimport type { ElementType } from '~/types'\nimport Styled from './styled'\n\nconst Component: ElementType<\n  [\n    'containerWidth',\n    'width',\n    'rowComponent',\n    'rowCss',\n    'colCss',\n    'colComponent',\n    'columns',\n    'gap',\n    'gutter',\n    'contentAlignX'\n  ]\n> = ({ children, component, css, ...props }) => {\n  const parentCtx = useContext(RowContext)\n  const { colCss, colComponent, columns, gap, size, padding } = useGridContext({\n    ...parentCtx,\n    ...props,\n  })\n\n  return (\n    <Styled\n      {...omitCtxKeys(props)}\n      as={component || colComponent}\n      $coolgrid={{\n        columns,\n        gap,\n        size,\n        padding,\n        extraStyles: css || colCss,\n      }}\n    >\n      {children}\n    </Styled>\n  )\n}\n\nconst name = `${PKG_NAME}/Col`\n\nComponent.displayName = name\nComponent.pkgName = PKG_NAME\nComponent.VITUS_LABS__COMPONENT = name\n\nexport default Component\n","export default {\n  rootSize: 16,\n  breakpoints: {\n    xs: 0,\n    sm: 576,\n    md: 768,\n    lg: 992,\n    xl: 1200,\n  },\n  grid: {\n    columns: 12,\n    container: {\n      xs: '100%',\n      sm: 540,\n      md: 720,\n      lg: 960,\n      xl: 1140,\n    },\n  },\n} as const\n"],"names":["PKG_NAME","CONTEXT_KEYS","isNumber","value","Number","isFinite","hasValue","omitCtxKeys","props","omit","createContext","useGridContext","theme","useContext","context","ctxProps","keywords","pick","pickThemeProps","columns","get","containerWidth","getGridContext","config","styled","component","makeItResponsive","key","t","css","rootSize","width","extendCss","extraStyles","normalize","Component","children","ctx","finalWidth","React","createElement","Styled","as","$coolgrid","Context","Provider","name","displayName","pkgName","Component$2","VITUS_LABS__COMPONENT","gap","gutter","contentAlignX","getValue","param","spacingX","spacingY","spacingStyles","align","ALIGN_CONTENT_MAP_X","rowAlignX","parentCtx","ContainerContext","rowComponent","rowCss","useMemo","finalProps","RowContext","Component$1","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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"}