@janbox/storefront-ui 1.0.0 → 1.0.2

package/dist/utils/index.cjs

@@ -1,233 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const react = require("react");
-const clsx = require("clsx");
-const lodashEs = require("lodash-es");
-const theme_index = require("../theme/index.cjs");
-const common = require("./common.cjs");
-const stylesheet = require("./stylesheet.cjs");
-const queryParams = require("./query-params.cjs");
-const emotionHelpers = require("./emotion-helpers.cjs");
-const theme_palette = require("../theme/palette.cjs");
-const theme_screens = require("../theme/screens.cjs");
-const makeCxClassName = (...parts) => {
-  return parts.map((part) => `${theme_index.PREFIX}-${lodashEs.kebabCase(part)}`).join(" ");
-};
-const makeClassList = (...parts) => {
-  return clsx.clsx(parts.map((part) => `${theme_index.PREFIX}-${lodashEs.kebabCase(part)}`));
-};
-const getColorShadesByVariant = (variant) => {
-  switch (variant) {
-    case "primary":
-      return {
-        main: theme_palette.getColorVar("primary.600"),
-        contrastText: theme_palette.getColorVar("white"),
-        dark: theme_palette.getColorVar("primary.700"),
-        light: theme_palette.getColorVar("primary.100"),
-        placeholder: theme_palette.getColorVar("primary.400"),
-        disabledSurface: theme_palette.getColorVar("primary.300"),
-        disabledText: theme_palette.getColorVar("primary.500"),
-        ariaDisabledSurface: theme_palette.getColorVar("primary.300"),
-        ariaDisabledText: theme_palette.getColorVar("primary.300")
-      };
-    case "secondary":
-      return {
-        main: theme_palette.getColorVar("secondary.600"),
-        contrastText: theme_palette.getColorVar("white"),
-        dark: theme_palette.getColorVar("secondary.700"),
-        light: theme_palette.getColorVar("secondary.100"),
-        placeholder: theme_palette.getColorVar("secondary.400"),
-        disabledSurface: theme_palette.getColorVar("secondary.300"),
-        disabledText: theme_palette.getColorVar("secondary.500"),
-        ariaDisabledSurface: theme_palette.getColorVar("secondary.300"),
-        ariaDisabledText: theme_palette.getColorVar("secondary.300")
-      };
-    case "green":
-      return {
-        main: theme_palette.getColorVar("green.600"),
-        contrastText: theme_palette.getColorVar("white"),
-        dark: theme_palette.getColorVar("green.700"),
-        light: theme_palette.getColorVar("green.100"),
-        placeholder: theme_palette.getColorVar("green.400"),
-        disabledSurface: theme_palette.getColorVar("green.300"),
-        disabledText: theme_palette.getColorVar("green.500"),
-        ariaDisabledSurface: theme_palette.getColorVar("green.300"),
-        ariaDisabledText: theme_palette.getColorVar("green.300")
-      };
-    case "orange":
-      return {
-        main: theme_palette.getColorVar("orange.600"),
-        contrastText: theme_palette.getColorVar("white"),
-        dark: theme_palette.getColorVar("orange.700"),
-        light: theme_palette.getColorVar("orange.100"),
-        placeholder: theme_palette.getColorVar("orange.400"),
-        disabledSurface: theme_palette.getColorVar("orange.300"),
-        disabledText: theme_palette.getColorVar("orange.500"),
-        ariaDisabledSurface: theme_palette.getColorVar("orange.300"),
-        ariaDisabledText: theme_palette.getColorVar("orange.300")
-      };
-    case "red":
-      return {
-        main: theme_palette.getColorVar("red.600"),
-        contrastText: theme_palette.getColorVar("white"),
-        dark: theme_palette.getColorVar("red.700"),
-        light: theme_palette.getColorVar("red.100"),
-        placeholder: theme_palette.getColorVar("red.400"),
-        disabledSurface: theme_palette.getColorVar("red.300"),
-        disabledText: theme_palette.getColorVar("red.500"),
-        ariaDisabledSurface: theme_palette.getColorVar("red.300"),
-        ariaDisabledText: theme_palette.getColorVar("red.300")
-      };
-    case "blue":
-      return {
-        main: theme_palette.getColorVar("blue.600"),
-        contrastText: theme_palette.getColorVar("white"),
-        dark: theme_palette.getColorVar("blue.700"),
-        light: theme_palette.getColorVar("blue.100"),
-        placeholder: theme_palette.getColorVar("blue.400"),
-        disabledSurface: theme_palette.getColorVar("blue.300"),
-        disabledText: theme_palette.getColorVar("blue.500"),
-        ariaDisabledSurface: theme_palette.getColorVar("blue.300"),
-        ariaDisabledText: theme_palette.getColorVar("blue.300")
-      };
-    case "neutral":
-      return {
-        main: theme_palette.getColorVar("neutral.600"),
-        contrastText: theme_palette.getColorVar("white"),
-        dark: theme_palette.getColorVar("neutral.700"),
-        light: theme_palette.getColorVar("neutral.100"),
-        placeholder: theme_palette.getColorVar("neutral.400"),
-        disabledSurface: theme_palette.getColorVar("neutral.300"),
-        disabledText: theme_palette.getColorVar("neutral.500"),
-        ariaDisabledSurface: theme_palette.getColorVar("neutral.300"),
-        ariaDisabledText: theme_palette.getColorVar("neutral.300")
-      };
-    default:
-      return {};
-  }
-};
-const mergeComponentProps = (...args) => {
-  const source = {};
-  while (args.length) {
-    const next = args.shift();
-    if (next) {
-      const extended = typeof next === "function" ? next(source) : next;
-      lodashEs.mergeWith(source, extended, (_, srcValue) => {
-        if (react.isValidElement(srcValue)) {
-          return srcValue;
-        }
-      });
-    }
-  }
-  return source;
-};
-const omitResponsiveProps = (props) => {
-  return lodashEs.omit(props, theme_screens.screens);
-};
-const flattenChildren = (children) => {
-  return react.Children.toArray(children).reduce((acc, child) => {
-    if (react.isValidElement(child)) {
-      if (child.type === react.Fragment) {
-        return [
-          ...acc,
-          ...flattenChildren(
-            child.props.children
-          )
-        ];
-      }
-      return [...acc, child];
-    }
-    return acc;
-  }, []);
-};
-const getSizeVariantState = (size) => {
-  switch (size) {
-    case "xs":
-      return {
-        iconSize: 20,
-        inputSize: 24,
-        inputPaddingX: 8,
-        textVariant: "xs"
-      };
-    case "sm":
-      return {
-        iconSize: 20,
-        inputSize: 32,
-        inputPaddingX: 12,
-        textVariant: "sm"
-      };
-    case "md":
-      return {
-        iconSize: 24,
-        inputSize: 40,
-        inputPaddingX: 12,
-        textVariant: "sm"
-      };
-    case "lg":
-      return {
-        iconSize: 24,
-        inputSize: 48,
-        inputPaddingX: 16,
-        textVariant: "base"
-      };
-    default:
-      return {};
-  }
-};
-const getResponsiveProp = (record, field, screen, options) => {
-  const condition = (options == null ? void 0 : options.condition) ?? ((value) => !lodashEs.isUndefined(value));
-  const getByScreen = (bp) => lodashEs.get(record == null ? void 0 : record[bp], field);
-  const currentVal = getByScreen(screen);
-  if (condition(currentVal)) {
-    return currentVal;
-  }
-  const smallerScreen = theme_screens.getSmallerScreens(screen).find((bp) => {
-    return condition(getByScreen(bp));
-  });
-  return getByScreen(smallerScreen ?? screen);
-};
-exports.createSlug = common.createSlug;
-exports.ensureArray = common.ensureArray;
-exports.ensureBoolean = common.ensureBoolean;
-exports.formatNumber = common.formatNumber;
-exports.getDecimalDigits = common.getDecimalDigits;
-exports.getEnumValues = common.getEnumValues;
-exports.matchSearch = common.matchSearch;
-exports.normalizeSearchText = common.normalizeSearchText;
-exports.omitEmpty = common.omitEmpty;
-exports.parseNumber = common.parseNumber;
-exports.parseSvgString = common.parseSvgString;
-exports.cn = stylesheet.cn;
-exports.ArrayParamParser = queryParams.ArrayParamParser;
-exports.BooleanParamParser = queryParams.BooleanParamParser;
-exports.DateParamParser = queryParams.DateParamParser;
-exports.EnumParamParser = queryParams.EnumParamParser;
-exports.NumberParamParser = queryParams.NumberParamParser;
-exports.StringParamParser = queryParams.StringParamParser;
-exports.simplifyQueryParams = queryParams.simplifyQueryParams;
-exports.animatePulse = emotionHelpers.animatePulse;
-exports.animateSpin = emotionHelpers.animateSpin;
-exports.containerStyle = emotionHelpers.containerStyle;
-exports.cursorPointer = emotionHelpers.cursorPointer;
-exports.overflowAuto = emotionHelpers.overflowAuto;
-exports.overflowHidden = emotionHelpers.overflowHidden;
-exports.pbBlock = emotionHelpers.pbBlock;
-exports.pointerEventsNone = emotionHelpers.pointerEventsNone;
-exports.ptBlock = emotionHelpers.ptBlock;
-exports.pyBlock = emotionHelpers.pyBlock;
-exports.scrollbarNone = emotionHelpers.scrollbarNone;
-exports.textHeading1 = emotionHelpers.textHeading1;
-exports.textHeading2 = emotionHelpers.textHeading2;
-exports.textHeading3 = emotionHelpers.textHeading3;
-exports.textHeading4 = emotionHelpers.textHeading4;
-exports.textHeading5 = emotionHelpers.textHeading5;
-exports.textHeading6 = emotionHelpers.textHeading6;
-exports.truncate = emotionHelpers.truncate;
-exports.flattenChildren = flattenChildren;
-exports.getColorShadesByVariant = getColorShadesByVariant;
-exports.getResponsiveProp = getResponsiveProp;
-exports.getSizeVariantState = getSizeVariantState;
-exports.makeClassList = makeClassList;
-exports.makeCxClassName = makeCxClassName;
-exports.mergeComponentProps = mergeComponentProps;
-exports.omitResponsiveProps = omitResponsiveProps;

package/dist/utils/query-params.cjs

@@ -1,130 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const flat = require("flat");
-const lodashEs = require("lodash-es");
-const common = require("./common.cjs");
-class QueryParamParser {
-  constructor(value) {
-    this.value = value;
-  }
-  parse() {
-    return this.parser(this.value);
-  }
-}
-class DateParamParser extends QueryParamParser {
-  parser(value) {
-    if (lodashEs.isNil(value)) {
-      return void 0;
-    }
-    const timestamp = parseInt(value, 10);
-    if (isNaN(timestamp)) {
-      return void 0;
-    }
-    const date = new Date(timestamp);
-    return isNaN(date.getTime()) ? void 0 : date;
-  }
-}
-class StringParamParser extends QueryParamParser {
-  parser(value) {
-    return value ?? void 0;
-  }
-}
-class NumberParamParser extends QueryParamParser {
-  constructor(value, options) {
-    super(value);
-    this.options = options ?? {};
-  }
-  parser(value) {
-    if (lodashEs.isNil(value)) {
-      return void 0;
-    }
-    const parsedValue = parseFloat(value);
-    if (isNaN(parsedValue)) {
-      return void 0;
-    }
-    const fractionDigits = this.options.fractionDigits ?? 0;
-    if (fractionDigits === false) {
-      return parsedValue;
-    }
-    if (fractionDigits === 0) {
-      return Math.trunc(parsedValue);
-    }
-    return parseFloat(parsedValue.toFixed(fractionDigits));
-  }
-}
-class ArrayParamParser extends QueryParamParser {
-  parser(value) {
-    if (lodashEs.isNil(value)) {
-      return void 0;
-    }
-    const parsedValue = value.split(",").map(lodashEs.trim).filter(Boolean);
-    return parsedValue.length ? parsedValue : void 0;
-  }
-}
-class BooleanParamParser extends QueryParamParser {
-  parser(value) {
-    if (lodashEs.isNil(value)) {
-      return void 0;
-    }
-    return value === "true";
-  }
-}
-class EnumParamParser extends QueryParamParser {
-  constructor(value, enumValue) {
-    super(value);
-    this.enumValue = enumValue ?? {};
-  }
-  parser(value) {
-    const arrayValue = new ArrayParamParser(value).parse();
-    if (!(arrayValue == null ? void 0 : arrayValue.length)) {
-      return void 0;
-    }
-    const enumValues = common.getEnumValues(this.enumValue);
-    return enumValues.filter((enumValue) => arrayValue.includes(enumValue.toString()));
-  }
-}
-const simplifyQueryParams = (params) => {
-  let result = {};
-  Object.entries(params).forEach(([key, val]) => {
-    if (lodashEs.isNil(val)) return;
-    if (lodashEs.isString(val)) {
-      result[key] = val;
-      return;
-    }
-    if (lodashEs.isNumber(val)) {
-      result[key] = val.toString();
-      return;
-    }
-    if (lodashEs.isDate(val)) {
-      result[key] = val.getTime().toString();
-      return;
-    }
-    if (lodashEs.isBoolean(val)) {
-      result[key] = val.toString();
-      return;
-    }
-    if (lodashEs.isArray(val)) {
-      result[key] = val.join(",");
-      return;
-    }
-    if (lodashEs.isPlainObject(val)) {
-      result = {
-        ...result,
-        ...simplifyQueryParams(
-          flat.flatten({
-            [key]: val
-          })
-        )
-      };
-      return;
-    }
-  });
-  return result;
-};
-exports.ArrayParamParser = ArrayParamParser;
-exports.BooleanParamParser = BooleanParamParser;
-exports.DateParamParser = DateParamParser;
-exports.EnumParamParser = EnumParamParser;
-exports.NumberParamParser = NumberParamParser;
-exports.StringParamParser = StringParamParser;
-exports.simplifyQueryParams = simplifyQueryParams;

package/dist/utils/stylesheet.cjs

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const clsx = require("clsx");
-const cn = (...classes) => clsx.clsx(...classes);
-exports.cn = cn;