@webstudio-is/sdk-components-react 0.266.0 → 0.268.0

package/lib/time.js

@@ -1,6 +1,6 @@
-import { jsx as S } from "react/jsx-runtime";
-import { forwardRef as A } from "react";
-const N = [
+import { jsx as A } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+const U = [
   "af",
   "am",
   "ar",
@@ -72,7 +72,7 @@ const N = [
   "uz",
   "vi",
   "zh"
-], g = [
+], E = [
   "AF",
   "AL",
   "DZ",
@@ -272,13 +272,13 @@ const N = [
   "YE",
   "ZM",
   "ZW"
-], f = "dateTime attribute is not set", E = "", c = "en", u = "GB", G = "medium", I = "none", L = (t) => N.includes(t) ? t : c, h = (t) => g.includes(t) ? t : u, B = (t) => {
+], C = "dateTime attribute is not set", g = "", u = "en", S = "GB", f = "medium", I = "none", i = "UTC", L = (t) => U.includes(t) ? t : u, G = (t) => E.includes(t) ? t : S, h = (t) => {
   if (["full", "long", "medium", "short"].includes(t))
     return t;
-}, R = (t) => {
+}, B = (t) => {
   if (["full", "long", "medium", "short"].includes(t))
     return t;
-}, U = (t) => {
+}, R = (t) => {
   if (t === "")
     return;
   let e = new Date(t);
@@ -291,64 +291,69 @@ const N = [
   if (Number.isNaN(e.getTime()) === !1)
     return e;
 }, Y = (t, e, n = "en-US") => {
-  const s = (r, o = 2) => String(r).padStart(o, "0"), T = new Intl.DateTimeFormat(n, {
+  const s = (o, r = 2) => String(o).padStart(r, "0"), D = new Intl.DateTimeFormat(n, {
+    timeZone: i,
     weekday: "long"
-  }).format(t), D = new Intl.DateTimeFormat(n, {
+  }).format(t), M = new Intl.DateTimeFormat(n, {
+    timeZone: i,
     weekday: "short"
   }).format(t), l = new Intl.DateTimeFormat(n, {
+    timeZone: i,
     month: "long"
-  }).format(t), M = new Intl.DateTimeFormat(n, {
+  }).format(t), a = new Intl.DateTimeFormat(n, {
+    timeZone: i,
     month: "short"
-  }).format(t), m = {
-    YYYY: t.getFullYear(),
-    YY: String(t.getFullYear()).slice(-2),
+  }).format(t), T = {
+    YYYY: t.getUTCFullYear(),
+    YY: String(t.getUTCFullYear()).slice(-2),
     MMMM: l,
-    MMM: M,
-    MM: s(t.getMonth() + 1),
-    M: t.getMonth() + 1,
-    DDDD: T,
-    DDD: D,
-    DD: s(t.getDate()),
-    D: t.getDate(),
-    HH: s(t.getHours()),
-    H: t.getHours(),
-    mm: s(t.getMinutes()),
-    m: t.getMinutes(),
-    ss: s(t.getSeconds()),
-    s: t.getSeconds()
-  }, a = Object.keys(m).sort((r, o) => o.length - r.length), i = new RegExp(`\\b(${a.join("|")})\\b`, "g");
-  return e.replace(i, (r) => String(m[r]));
-}, H = A(
+    MMM: a,
+    MM: s(t.getUTCMonth() + 1),
+    M: t.getUTCMonth() + 1,
+    DDDD: D,
+    DDD: M,
+    DD: s(t.getUTCDate()),
+    D: t.getUTCDate(),
+    HH: s(t.getUTCHours()),
+    H: t.getUTCHours(),
+    mm: s(t.getUTCMinutes()),
+    m: t.getUTCMinutes(),
+    ss: s(t.getUTCSeconds()),
+    s: t.getUTCSeconds()
+  }, c = Object.keys(T).sort((o, r) => r.length - o.length), m = new RegExp(`\\b(${c.join("|")})\\b`, "g");
+  return e.replace(m, (o) => String(T[o]));
+}, O = N(
   ({
-    language: t = c,
-    country: e = u,
-    dateStyle: n = G,
+    language: t = u,
+    country: e = S,
+    dateStyle: n = f,
     timeStyle: s = I,
-    format: T,
-    datetime: D = f,
+    format: D,
+    datetime: M = C,
     ...l
-  }, M) => {
-    const m = `${L(t)}-${h(
+  }, a) => {
+    const T = `${L(t)}-${G(
       e
-    )}`, a = {
-      dateStyle: B(n),
-      timeStyle: R(s)
-    }, i = D === null ? E : D.toString(), r = U(i);
-    let o = i;
-    if (r)
-      if (T)
+    )}`, c = {
+      dateStyle: h(n),
+      timeStyle: B(s),
+      timeZone: i
+    }, m = M === null ? g : M.toString(), o = R(m);
+    let r = m;
+    if (o)
+      if (D)
         try {
-          o = Y(r, T, m);
+          r = Y(o, D, T);
         } catch {
         }
       else
         try {
-          o = new Intl.DateTimeFormat(m, a).format(r);
+          r = new Intl.DateTimeFormat(T, c).format(o);
         } catch {
         }
-    return /* @__PURE__ */ S("time", { ref: M, dateTime: i, ...l, children: o });
+    return /* @__PURE__ */ A("time", { ref: a, dateTime: m, ...l, children: r });
   }
 );
 export {
-  H as Time
+  O as Time
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@webstudio-is/sdk-components-react",
-  "version": "0.266.0",
+  "version": "0.268.0",
   "description": "Webstudio default library for react",
   "author": "Webstudio <github@webstudio.is>",
   "homepage": "https://webstudio.is",
@@ -44,10 +44,10 @@
     "colord": "^2.9.3",
     "micromark": "^4.0.2",
     "micromark-extension-gfm-table": "^2.1.1",
-    "@webstudio-is/icons": "0.266.0",
-    "@webstudio-is/sdk": "0.266.0",
-    "@webstudio-is/image": "0.266.0",
-    "@webstudio-is/react-sdk": "0.266.0"
+    "@webstudio-is/icons": "0.268.0",
+    "@webstudio-is/image": "0.268.0",
+    "@webstudio-is/sdk": "0.268.0",
+    "@webstudio-is/react-sdk": "0.268.0"
   },
   "devDependencies": {
     "@testing-library/dom": "^10.4.0",
@@ -59,10 +59,10 @@
     "react-dom": "18.3.0-canary-14898b6a9-20240318",
     "vitest": "^3.1.2",
     "@webstudio-is/design-system": "0.0.0",
-    "@webstudio-is/generate-arg-types": "0.0.0",
     "@webstudio-is/sdk-cli": "0.94.0",
-    "@webstudio-is/tsconfig": "1.0.7",
-    "@webstudio-is/template": "0.266.0"
+    "@webstudio-is/generate-arg-types": "0.0.0",
+    "@webstudio-is/template": "0.268.0",
+    "@webstudio-is/tsconfig": "1.0.7"
   },
   "scripts": {
     "build": "vite build --config ../../vite.sdk-components.config.ts",