@janbox/storefront-ui 1.0.0

package/dist/utils/query-params.cjs

@@ -0,0 +1,130 @@
+"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/query-params.d.ts

@@ -0,0 +1,35 @@
+import { Nullable, Dict } from '../types';
+declare abstract class QueryParamParser<T> {
+    value?: Nullable<string>;
+    constructor(value?: Nullable<string>);
+    abstract parser(value?: Nullable<string>): T;
+    parse(): T;
+}
+export declare class DateParamParser extends QueryParamParser<Date | undefined> {
+    parser(value?: string): Date | undefined;
+}
+export declare class StringParamParser extends QueryParamParser<string | undefined> {
+    parser(value?: Nullable<string>): string | undefined;
+}
+type NumberParamParserOptions = {
+    fractionDigits?: number | false;
+};
+export declare class NumberParamParser extends QueryParamParser<number | undefined> {
+    private options;
+    constructor(value?: Nullable<string>, options?: NumberParamParserOptions);
+    parser(value?: string): number | undefined;
+}
+export declare class ArrayParamParser extends QueryParamParser<string[] | undefined> {
+    parser(value?: Nullable<string>): string[] | undefined;
+}
+export declare class BooleanParamParser extends QueryParamParser<boolean | undefined> {
+    parser(value?: Nullable<string>): boolean | undefined;
+}
+export declare class EnumParamParser<T extends Dict<string | number>> extends QueryParamParser<T[keyof T][] | undefined> {
+    private enumValue;
+    constructor(value?: Nullable<string>, enumValue?: T);
+    parser(value?: Nullable<string>): T[keyof T][] | undefined;
+}
+export declare const simplifyQueryParams: <T extends object>(params: T) => Dict<string>;
+export {};
+//# sourceMappingURL=query-params.d.ts.map

package/dist/utils/query-params.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-params.d.ts","sourceRoot":"","sources":["../../src/utils/query-params.ts"],"names":[],"mappings":"AAKA,OAAO,EAAC,QAAQ,EAAE,IAAI,EAAC,MAAM,UAAU,CAAC;AAExC,uBAAe,gBAAgB,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,CAAC;gBAEb,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;IAIpC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,GAAG,CAAC;IAE5C,KAAK,IAAI,CAAC;CAGX;AAED,qBAAa,eAAgB,SAAQ,gBAAgB,CAAC,IAAI,GAAG,SAAS,CAAC;IACrE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;CAWtB;AAED,qBAAa,iBAAkB,SAAQ,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC;IACzE,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAGhC;AAED,KAAK,wBAAwB,GAAG;IAC9B,cAAc,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;CACjC,CAAC;AAEF,qBAAa,iBAAkB,SAAQ,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC;IACzE,OAAO,CAAC,OAAO,CAA2B;gBAE9B,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,OAAO,CAAC,EAAE,wBAAwB;IAKxE,MAAM,CAAC,KAAK,CAAC,EAAE,MAAM;CAsBtB;AAED,qBAAa,gBAAiB,SAAQ,gBAAgB,CAAC,MAAM,EAAE,GAAG,SAAS,CAAC;IAC1E,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAQhC;AAED,qBAAa,kBAAmB,SAAQ,gBAAgB,CAAC,OAAO,GAAG,SAAS,CAAC;IAC3E,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAMhC;AAED,qBAAa,eAAe,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,GAAG,MAAM,CAAC,CAAE,SAAQ,gBAAgB,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,GAAG,SAAS,CAAC;IAC9G,OAAO,CAAC,SAAS,CAAI;gBAET,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAC,EAAE,CAAC;IAKnD,MAAM,CAAC,KAAK,CAAC,EAAE,QAAQ,CAAC,MAAM,CAAC;CAWhC;AAED,eAAO,MAAM,mBAAmB,GAAI,CAAC,SAAS,MAAM,UAAU,CAAC,KAAG,IAAI,CAAC,MAAM,CA6C5E,CAAC"}

package/dist/utils/query-params.js

@@ -0,0 +1,130 @@
+import { flatten } from "flat";
+import { isNil, trim, isString, isNumber, isDate, isBoolean, isArray, isPlainObject } from "lodash-es";
+import { getEnumValues } from "./common.js";
+class QueryParamParser {
+  constructor(value) {
+    this.value = value;
+  }
+  parse() {
+    return this.parser(this.value);
+  }
+}
+class DateParamParser extends QueryParamParser {
+  parser(value) {
+    if (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 (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 (isNil(value)) {
+      return void 0;
+    }
+    const parsedValue = value.split(",").map(trim).filter(Boolean);
+    return parsedValue.length ? parsedValue : void 0;
+  }
+}
+class BooleanParamParser extends QueryParamParser {
+  parser(value) {
+    if (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 = getEnumValues(this.enumValue);
+    return enumValues.filter((enumValue) => arrayValue.includes(enumValue.toString()));
+  }
+}
+const simplifyQueryParams = (params) => {
+  let result = {};
+  Object.entries(params).forEach(([key, val]) => {
+    if (isNil(val)) return;
+    if (isString(val)) {
+      result[key] = val;
+      return;
+    }
+    if (isNumber(val)) {
+      result[key] = val.toString();
+      return;
+    }
+    if (isDate(val)) {
+      result[key] = val.getTime().toString();
+      return;
+    }
+    if (isBoolean(val)) {
+      result[key] = val.toString();
+      return;
+    }
+    if (isArray(val)) {
+      result[key] = val.join(",");
+      return;
+    }
+    if (isPlainObject(val)) {
+      result = {
+        ...result,
+        ...simplifyQueryParams(
+          flatten({
+            [key]: val
+          })
+        )
+      };
+      return;
+    }
+  });
+  return result;
+};
+export {
+  ArrayParamParser,
+  BooleanParamParser,
+  DateParamParser,
+  EnumParamParser,
+  NumberParamParser,
+  StringParamParser,
+  simplifyQueryParams
+};

package/dist/utils/stylesheet.cjs

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

package/dist/utils/stylesheet.d.ts

@@ -0,0 +1,3 @@
+import { ClassValue } from 'clsx';
+export declare const cn: (...classes: ClassValue[]) => string;
+//# sourceMappingURL=stylesheet.d.ts.map

package/dist/utils/stylesheet.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stylesheet.d.ts","sourceRoot":"","sources":["../../src/utils/stylesheet.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAQ,MAAM,MAAM,CAAC;AAExC,eAAO,MAAM,EAAE,eAAgB,UAAU,EAAE,WAAqB,CAAC"}

package/dist/utils/stylesheet.js

@@ -0,0 +1,5 @@
+import { clsx } from "clsx";
+const cn = (...classes) => clsx(...classes);
+export {
+  cn
+};

package/package.json

@@ -0,0 +1,163 @@
+{
+  "name": "@janbox/storefront-ui",
+  "version": "1.0.0",
+  "description": "Storefront UI component library for Janbox",
+  "author": "Janbox",
+  "keywords": [
+    "janbox",
+    "storefront",
+    "ui",
+    "react",
+    "components"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.js"
+      },
+      "require": {
+        "types": "./dist/index.d.ts",
+        "default": "./dist/index.cjs"
+      }
+    },
+    "./theme": {
+      "import": {
+        "types": "./dist/theme/index.d.ts",
+        "default": "./dist/theme/index.js"
+      },
+      "require": {
+        "types": "./dist/theme/index.d.ts",
+        "default": "./dist/theme/index.cjs"
+      }
+    },
+    "./theme/*": {
+      "import": {
+        "types": "./dist/theme/*.d.ts",
+        "default": "./dist/theme/*.js"
+      },
+      "require": {
+        "types": "./dist/theme/*.d.ts",
+        "default": "./dist/theme/*.cjs"
+      }
+    },
+    "./hooks": {
+      "import": {
+        "types": "./dist/hooks/index.d.ts",
+        "default": "./dist/hooks/index.js"
+      }
+    },
+    "./types": {
+      "import": {
+        "types": "./dist/types/index.d.ts",
+        "default": "./dist/types/index.js"
+      }
+    },
+    "./utils": {
+      "import": {
+        "types": "./dist/utils/index.d.ts",
+        "default": "./dist/utils/index.js"
+      }
+    },
+    "./constants": {
+      "import": {
+        "types": "./dist/constants/index.d.ts",
+        "default": "./dist/constants/index.js"
+      }
+    },
+    "./components": {
+      "import": {
+        "types": "./dist/components/index.d.ts",
+        "default": "./dist/components/index.js"
+      }
+    },
+    "./HOCs": {
+      "import": {
+        "types": "./dist/HOCs/index.d.ts",
+        "default": "./dist/HOCs/index.js"
+      }
+    },
+    "./locales/*": "./dist/locales/*",
+    "./style.css": "./dist/style.css"
+  },
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "restricted"
+  },
+  "peerDependencies": {
+    "@emotion/react": ">=11.0.0",
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
+  },
+  "dependencies": {
+    "@floating-ui/react": "^0.27.13",
+    "@floating-ui/react-dom": "^2.1.8",
+    "@tanstack/react-virtual": "^3.10.9",
+    "clsx": "^2.1.1",
+    "color": "^5.0.0",
+    "dayjs": "^1.11.13",
+    "embla-carousel-auto-scroll": "^8.6.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "embla-carousel-wheel-gestures": "^8.0.2",
+    "flat": "^6.0.1",
+    "highlight-words-core": "^1.2.3",
+    "html-react-parser": "^5.2.2",
+    "jotai": "^2.12.2",
+    "lodash-es": "^4.17.21",
+    "motion": "^11.15.0",
+    "overlayscrollbars-react": "^0.5.6",
+    "phone": "^3.1.62",
+    "react-colorful": "^5.6.1",
+    "react-date-range": "^2.0.1",
+    "react-error-boundary": "^5.0.0",
+    "react-hook-form": "^7.52.2",
+    "react-i18next": "^14.0.0",
+    "react-player": "^3.3.3",
+    "react-router": "^7.9.6",
+    "react-use": "^17.5.1",
+    "react-zoom-pan-pinch": "^3.7.0",
+    "slugify": "^1.6.6",
+    "type-fest": "^5.2.0",
+    "usehooks-ts": "^3.1.1",
+    "uuid": "^10.0.0"
+  },
+  "devDependencies": {
+    "@emotion/react": "^11.13.3",
+    "@emotion/serialize": "^1.3.3",
+    "@storybook/builder-vite": "^10.2.14",
+    "@storybook/react-vite": "^10.2.14",
+    "@types/highlight-words-core": "^1.2.3",
+    "@types/lodash-es": "^4.17.12",
+    "@types/node": "^25.3.3",
+    "@types/react": "^19.1.8",
+    "@types/react-date-range": "^1.4.10",
+    "@types/react-dom": "^19.1.6",
+    "@types/uuid": "^10.0.0",
+    "csstype": "^3.1.3",
+    "i18next": "^25.8.13",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
+    "sass-embedded": "^1.97.3",
+    "storybook": "^10.2.14",
+    "typescript": "5.5.4",
+    "vite": "^5.3.3",
+    "vite-plugin-dts": "^4.5.4",
+    "vite-tsconfig-paths": "^6.1.1"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src/",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  }
+}