@janbox/storefront-ui 2.0.22 → 2.0.24

package/dist/hooks/use-formatter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-formatter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,EAElB,qBAAqB,EAErB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,eAAO,MAAM,YAAY;0BAIb,MAAM,YAAY,OAAO,CAAC,mBAAmB,CAAC;4BAO9C,IAAI,GAAG,MAAM,GAAG,MAAM,WAAW,WAAW,CAAC,qBAAqB,EAAE,KAAK,CAAC;yBAU1E,MAAM,WAAW,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC;CAclE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-formatter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,kBAAkB,EAElB,qBAAqB,EAErB,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAGjB,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAGxC,eAAO,MAAM,YAAY;0BAIb,MAAM,YAAY,OAAO,CAAC,mBAAmB,CAAC;4BAO9C,IAAI,GAAG,MAAM,GAAG,MAAM,WAAW,WAAW,CAAC,qBAAqB,EAAE,KAAK,CAAC;yBAe1E,MAAM,WAAW,WAAW,CAAC,kBAAkB,EAAE,KAAK,CAAC;CAclE,CAAC"}

package/dist/hooks/use-formatter/index.js

@@ -11,7 +11,10 @@ const useFormatter = () => {
   );
   const formatDateTimeFn = useCallback(
     (value, options) => {
+      const hasStyleOption = options.dateStyle !== void 0 || options.timeStyle !== void 0;
+      const defaults = hasStyleOption ? {} : { day: "2-digit", month: "2-digit", year: "numeric", hour: "numeric", minute: "2-digit", hour12: false };
       return formatDateTime(value, {
+        ...defaults,
         ...options,
         lng: options.lng ?? locale
       });

package/dist/i18n/index.d.ts

@@ -1,5 +1,6 @@
 import { default as en } from './locales/en.json';
 export declare const FALLBACK_LOCALE = "en";
+export declare const LocaleContext: import('react').Context<string>;
 export declare const useTranslation: () => {
     t: (key: keyof typeof en) => string;
     locale: string;

package/dist/i18n/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,mBAAmB,CAAC;AASnC,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,cAAc;aAKZ,MAAM,OAAO,EAAE;;CAI7B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/i18n/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAQnC,eAAO,MAAM,eAAe,OAAO,CAAC;AAEpC,eAAO,MAAM,aAAa,iCAAiC,CAAC;AAE5D,eAAO,MAAM,cAAc;aAKZ,MAAM,OAAO,EAAE;;CAI7B,CAAC"}

package/dist/i18n/index.js

@@ -1,16 +1,14 @@
-import { useMemo } from "react";
+import { useContext, useMemo, createContext } from "react";
 import en from "./locales/en.json.js";
 import vi from "./locales/vi.json.js";
-import "lodash-es";
-import "../theme/palette.js";
-import { useTheme } from "../theme/provider.js";
 const translations = {
   en,
   vi
 };
 const FALLBACK_LOCALE = "en";
+const LocaleContext = createContext(FALLBACK_LOCALE);
 const useTranslation = () => {
-  const { locale = FALLBACK_LOCALE } = useTheme();
+  const locale = useContext(LocaleContext);
   return useMemo(() => {
     return {
       t: (key) => {
@@ -23,5 +21,6 @@ const useTranslation = () => {
 };
 export {
   FALLBACK_LOCALE,
+  LocaleContext,
   useTranslation
 };

package/dist/lib/marquee/marquee/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAavC,eAAO,MAAM,eAAe,aAAc,YAAY,iBAErD,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/lib/marquee/marquee/helpers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAWvC,eAAO,MAAM,eAAe,aAAc,YAAY,iBAErD,CAAC"}

package/dist/theme/index.d.ts

@@ -7,7 +7,6 @@ export * from './provider';
 export interface Theme {
     palette: Palette;
     typography: ThemeTypography;
-    locale?: string;
 }
 export declare const FLOATING_Z_INDEX = 9999;
 //# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAE3B,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,eAAe,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,gBAAgB,OAAO,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAE/C,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,cAAc,CAAC;AAC7B,cAAc,YAAY,CAAC;AAE3B,MAAM,WAAW,KAAK;IACpB,OAAO,EAAE,OAAO,CAAC;IACjB,UAAU,EAAE,eAAe,CAAC;CAC7B;AAED,eAAO,MAAM,gBAAgB,OAAO,CAAC"}

package/dist/theme/index.js

@@ -1,4 +1,4 @@
-import { breakpoint, getSmallerScreens, mediaQuery, screens } from "./screens.js";
+import { breakpoint, containerQuery, getSmallerScreens, mediaQuery, screens } from "./screens.js";
 import { getColorVar, groupedColors, paletteVars, parseColor } from "./palette.js";
 import { getSmallerTypographyVariants, getTypographyVar, typographyVars } from "./typography.js";
 import { ThemeProvider, useTheme } from "./provider.js";
@@ -7,6 +7,7 @@ export {
   FLOATING_Z_INDEX,
   ThemeProvider,
   breakpoint,
+  containerQuery,
   getColorVar,
   getSmallerScreens,
   getSmallerTypographyVariants,

package/dist/theme/provider.d.ts

@@ -2,7 +2,8 @@ import { PropsWithChildren } from 'react';
 import { Theme } from '.';
 export type ThemeProviderProps = PropsWithChildren<{
     theme: Theme;
+    locale?: string;
 }>;
 export declare const useTheme: () => Theme;
-export declare const ThemeProvider: ({ theme, children }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ThemeProvider: ({ theme, children, locale }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=provider.d.ts.map

package/dist/theme/provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/theme/provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAM1E,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAE1B,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,KAAK,EAAE,KAAK,CAAC;CACd,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,aAMpB,CAAC;AAIF,eAAO,MAAM,aAAa,wBAAyB,kBAAkB,4CAOpE,CAAC"}
+{"version":3,"file":"provider.d.ts","sourceRoot":"","sources":["../../src/theme/provider.tsx"],"names":[],"mappings":"AACA,OAAO,EAA6B,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAO1E,OAAO,EAAE,KAAK,EAAE,MAAM,GAAG,CAAC;AAE1B,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,CAAC;IACjD,KAAK,EAAE,KAAK,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC,CAAC;AAEH,eAAO,MAAM,QAAQ,aAMpB,CAAC;AAIF,eAAO,MAAM,aAAa,gCAAmD,kBAAkB,4CAO9F,CAAC"}

package/dist/theme/provider.js

@@ -5,6 +5,7 @@ import { getColorVar } from "./palette.js";
 import { flatten } from "flat";
 import { flatMap } from "lodash-es";
 import { getTypographyVar } from "./typography.js";
+import { LocaleContext, FALLBACK_LOCALE } from "../i18n/index.js";
 const useTheme = () => {
   const context = useContext(ThemeContext);
   if (!context) {
@@ -13,10 +14,10 @@ const useTheme = () => {
   return context;
 };
 const ThemeContext = createContext(null);
-const ThemeProvider = ({ theme, children }) => {
+const ThemeProvider = ({ theme, children, locale = FALLBACK_LOCALE }) => {
   return /* @__PURE__ */ jsxs(ThemeContext.Provider, { value: theme, children: [
     /* @__PURE__ */ jsx(Global, { styles: createGlobalStyle(theme) }),
-    children
+    /* @__PURE__ */ jsx(LocaleContext.Provider, { value: locale, children })
   ] });
 };
 const createGlobalStyle = ({ palette, typography }) => {

package/dist/theme/screens.d.ts

@@ -7,5 +7,6 @@ export declare const breakpoint: Record<Screen, BreakpointConfig>;
 export declare const screens: Screen[];
 export declare const getSmallerScreens: (screen: Screen) => Screen[];
 export declare const mediaQuery: (value: Screen | number) => string;
+export declare const containerQuery: (value: Screen | number) => string;
 export {};
 //# sourceMappingURL=screens.d.ts.map

package/dist/theme/screens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../src/theme/screens.ts"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAKvD,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,MAAM,EAA6B,CAAC;AAE1D,eAAO,MAAM,iBAAiB,WAAY,MAAM,aAE/C,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,MAAM,GAAG,MAAM,WAEhD,CAAC"}
+{"version":3,"file":"screens.d.ts","sourceRoot":"","sources":["../../src/theme/screens.ts"],"names":[],"mappings":"AAEA,KAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,eAAO,MAAM,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,gBAAgB,CAKvD,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,MAAM,EAA6B,CAAC;AAE1D,eAAO,MAAM,iBAAiB,WAAY,MAAM,aAE/C,CAAC;AAEF,eAAO,MAAM,UAAU,UAAW,MAAM,GAAG,MAAM,WAEhD,CAAC;AAEF,eAAO,MAAM,cAAc,UAAW,MAAM,GAAG,MAAM,WAEpD,CAAC"}

package/dist/theme/screens.js

@@ -16,8 +16,12 @@ const getSmallerScreens = (screen) => {
 const mediaQuery = (value) => {
   return `@media (min-width: ${isNumber(value) ? value : breakpoint[value].minWidth}px)`;
 };
+const containerQuery = (value) => {
+  return `@container (min-width: ${isNumber(value) ? value : breakpoint[value].minWidth}px)`;
+};
 export {
   breakpoint,
+  containerQuery,
   getSmallerScreens,
   mediaQuery,
   screens

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@janbox/storefront-ui",
-  "version": "2.0.22",
+  "version": "2.0.24",
   "description": "Storefront UI component library for Janbox",
   "author": "Janbox",
   "keywords": [