@prokodo/ui 0.0.52 → 0.0.53

package/dist/components/slider/Slider.client.js

@@ -16,7 +16,10 @@ function SliderClient(props) {
     marks = false,
     snap = "none"
   } = props;
-  const clamp = useCallback((v) => Math.min(Math.max(v, min), max), [min, max]);
+  const clamp = useCallback(
+    (v) => Math.min(Math.max(v, min), max),
+    [min, max]
+  );
   const markValues = useMemo(() => {
     if (Array.isArray(marks)) {
       return [...new Set(marks.map((m) => m.value))].filter((v) => typeof v === "number").sort((a, b) => a - b);
@@ -35,30 +38,36 @@ function SliderClient(props) {
     (v) => clamp(step > 0 ? Math.round((v - min) / step) * step + min : v),
     [clamp, step, min]
   );
-  const snapToMarks = useCallback((v) => {
-    const c = clamp(v);
-    const arr = markValues;
-    if (arr.length === 0) return snapToStep(c);
-    let best = c, bestD = Infinity;
-    for (const mv of arr) {
-      const d = Math.abs(c - mv);
-      if (d < bestD) {
-        best = mv;
-        bestD = d;
+  const snapToMarks = useCallback(
+    (v) => {
+      const c = clamp(v);
+      const arr = markValues;
+      if (arr.length === 0) return snapToStep(c);
+      let best = c, bestD = Infinity;
+      for (const mv of arr) {
+        const d = Math.abs(c - mv);
+        if (d < bestD) {
+          best = mv;
+          bestD = d;
+        }
       }
-    }
-    return clamp(best);
-  }, [clamp, markValues, snapToStep]);
-  const quantize = useCallback((v) => {
-    switch (snap) {
-      case "step":
-        return snapToStep(v);
-      case "marks":
-        return snapToMarks(v);
-      default:
-        return clamp(v);
-    }
-  }, [snap, snapToMarks, snapToStep, clamp]);
+      return clamp(best);
+    },
+    [clamp, markValues, snapToStep]
+  );
+  const quantize = useCallback(
+    (v) => {
+      switch (snap) {
+        case "step":
+          return snapToStep(v);
+        case "marks":
+          return snapToMarks(v);
+        default:
+          return clamp(v);
+      }
+    },
+    [snap, snapToMarks, snapToStep, clamp]
+  );
   const initial = useMemo(() => {
     const numeric = typeof controlledValue === "number" ? controlledValue : typeof controlledValue === "string" ? Number(controlledValue) : min;
     return quantize(numeric);
@@ -72,20 +81,29 @@ function SliderClient(props) {
     }
   }, [controlledValue, min, quantize]);
   const [isFocused, setIsFocused] = useState(false);
-  const handleFocus = useCallback((e) => {
-    setIsFocused(true);
-    onFocus == null ? void 0 : onFocus(e);
-  }, [onFocus]);
-  const handleBlur = useCallback((e) => {
-    setIsFocused(false);
-    onBlur == null ? void 0 : onBlur(e);
-  }, [onBlur]);
-  const handleChange = useCallback((e) => {
-    const raw = Number(e.currentTarget.value);
-    const q = quantize(raw);
-    setInternalValue((prev) => prev === q ? prev : q);
-    onChange == null ? void 0 : onChange(e, q);
-  }, [onChange, quantize]);
+  const handleFocus = useCallback(
+    (e) => {
+      setIsFocused(true);
+      onFocus == null ? void 0 : onFocus(e);
+    },
+    [onFocus]
+  );
+  const handleBlur = useCallback(
+    (e) => {
+      setIsFocused(false);
+      onBlur == null ? void 0 : onBlur(e);
+    },
+    [onBlur]
+  );
+  const handleChange = useCallback(
+    (e) => {
+      const raw = Number(e.currentTarget.value);
+      const q = quantize(raw);
+      setInternalValue((prev) => prev === q ? prev : q);
+      onChange == null ? void 0 : onChange(e, q);
+    },
+    [onChange, quantize]
+  );
   return /* @__PURE__ */ jsx(
     SliderView,
     {

package/dist/components/slider/Slider.view.js

@@ -59,13 +59,7 @@ const SliderView = /* @__PURE__ */ __name(({
     ),
     /* @__PURE__ */ jsxs("div", { className: bem("root", { disabled: Boolean(disabled) }), children: [
       /* @__PURE__ */ jsx("div", { className: bem("rail") }),
-      /* @__PURE__ */ jsx(
-        "div",
-        {
-          className: bem("track"),
-          style: { width: `${pct}%` }
-        }
-      ),
+      /* @__PURE__ */ jsx("div", { className: bem("track"), style: { width: `${pct}%` } }),
       markPoints.map((m) => {
         const leftPct = max > min ? ((m.value < min ? min : m.value > max ? max : m.value) - min) / (max - min) * 100 : 0;
         return /* @__PURE__ */ jsx(

package/dist/components/snackbar/SnackbarProvider.client.js

@@ -36,13 +36,19 @@ function SnackbarProvider({
   const close = useCallback((id) => {
     setQueue((q) => q.filter((s) => s.id !== id));
   }, []);
-  const ctx = useMemo(() => ({ enqueue, close }), [enqueue, close]);
-  const grouped = useMemo(() => queue.reduce((acc, s) => {
-    var _a, _b;
-    const key = `${(_a = s.anchorOrigin) == null ? void 0 : _a.vertical}-${(_b = s.anchorOrigin) == null ? void 0 : _b.horizontal}`;
-    (acc[key] ?? (acc[key] = [])).push(s);
-    return acc;
-  }, {}), [queue]);
+  const ctx = useMemo(
+    () => ({ enqueue, close }),
+    [enqueue, close]
+  );
+  const grouped = useMemo(
+    () => queue.reduce((acc, s) => {
+      var _a, _b;
+      const key = `${(_a = s.anchorOrigin) == null ? void 0 : _a.vertical}-${(_b = s.anchorOrigin) == null ? void 0 : _b.horizontal}`;
+      (acc[key] ?? (acc[key] = [])).push(s);
+      return acc;
+    }, {}),
+    [queue]
+  );
   return /* @__PURE__ */ jsxs(SnackbarCtx.Provider, { value: ctx, children: [
     children,
     Object.entries(grouped).map(([key, snacks]) => {
@@ -52,23 +58,16 @@ function SnackbarProvider({
         [`is-${vertical}`]: true,
         [`is-${horizontal}`]: true
       };
-      return /* @__PURE__ */ jsx(
-        "div",
+      return /* @__PURE__ */ jsx("div", { className: bem(void 0, mod, className), children: snacks.map((snk) => /* @__PURE__ */ jsx(
+        Snackbar,
         {
-          className: bem(void 0, mod, className),
-          children: snacks.map((snk) => /* @__PURE__ */ jsx(
-            Snackbar,
-            {
-              ...snk,
-              open: true,
-              className: bem("snackbar", mod, snk.className),
-              onClose: /* @__PURE__ */ __name(() => close(snk.id), "onClose")
-            },
-            snk.id
-          ))
+          ...snk,
+          open: true,
+          className: bem("snackbar", mod, snk.className),
+          onClose: /* @__PURE__ */ __name(() => close(snk.id), "onClose")
         },
-        key
-      );
+        snk.id
+      )) }, key);
     })
   ] });
 }

package/dist/components/stepper/Stepper.client.js

@@ -104,14 +104,7 @@ const StepperClient = forwardRef((props, ref) => {
         }
       };
     }),
-    [
-      steps,
-      activeStep,
-      handleStepClick,
-      handleStepKeyDown,
-      onFocus,
-      onBlur
-    ]
+    [steps, activeStep, handleStepClick, handleStepKeyDown, onFocus, onBlur]
   );
   return /* @__PURE__ */ jsx(
     StepperView,

package/dist/components/switch/Switch.client.js

@@ -5,12 +5,7 @@ import { jsx } from "react/jsx-runtime";
 import { memo, useState, useEffect, useCallback } from "react";
 import { SwitchView } from "./Switch.view.js";
 function SwitchClient(props) {
-  const {
-    checked: controlledChecked,
-    onChange,
-    onFocus,
-    onBlur
-  } = props;
+  const { checked: controlledChecked, onChange, onFocus, onBlur } = props;
   const [isChecked, setIsChecked] = useState(
     controlledChecked ?? false
   );

package/dist/components/switch/Switch.server.js

@@ -3,9 +3,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { jsx } from "react/jsx-runtime";
 import { SwitchView } from "./Switch.view.js";
 function SwitchServer(props) {
-  const {
-    checked: controlledChecked
-  } = props;
+  const { checked: controlledChecked } = props;
   const isChecked = typeof controlledChecked === "boolean" ? controlledChecked : false;
   return /* @__PURE__ */ jsx(
     SwitchView,

package/dist/components/table/Table.js

@@ -50,7 +50,9 @@ const Table = /* @__PURE__ */ __name(({
         return /* @__PURE__ */ jsx(
           "tr",
           {
-            className: bem("body__row", { "has-link": isString((_a = row == null ? void 0 : row.redirect) == null ? void 0 : _a.href) }),
+            className: bem("body__row", {
+              "has-link": isString((_a = row == null ? void 0 : row.redirect) == null ? void 0 : _a.href)
+            }),
             children: row == null ? void 0 : row.cells.filter((el) => el !== null).map((cell, b) => /* @__PURE__ */ createElement(
               TableCell,
               {

package/dist/components/table/TableCell.js

@@ -36,7 +36,19 @@ const TableCell = /* @__PURE__ */ __name(({
       ...cellProps,
       className: bem(void 0, { "has-icon": Boolean(icon) }, className),
       id,
-      children: (redirect == null ? void 0 : redirect.href) !== void 0 ? /* @__PURE__ */ jsx(Link, { priority: true, ...redirect, className: bem("inner", { "has-link": true }, (redirect == null ? void 0 : redirect.className) ?? classNameInner), children: renderCellContent() }) : /* @__PURE__ */ jsx("span", { className: bem("inner", void 0, classNameInner), children: renderCellContent() })
+      children: (redirect == null ? void 0 : redirect.href) !== void 0 ? /* @__PURE__ */ jsx(
+        Link,
+        {
+          priority: true,
+          ...redirect,
+          className: bem(
+            "inner",
+            { "has-link": true },
+            (redirect == null ? void 0 : redirect.className) ?? classNameInner
+          ),
+          children: renderCellContent()
+        }
+      ) : /* @__PURE__ */ jsx("span", { className: bem("inner", void 0, classNameInner), children: renderCellContent() })
     }
   );
 }, "TableCell");

package/dist/components/teaser/Teaser.js

@@ -80,11 +80,7 @@ const Teaser = /* @__PURE__ */ __name(({
                 name: "ArrowRight01Icon",
                 size: "xs",
                 ...redirect == null ? void 0 : redirect.icon,
-                className: bem(
-                  "link__icon",
-                  void 0,
-                  (_a = redirect == null ? void 0 : redirect.icon) == null ? void 0 : _a.className
-                )
+                className: bem("link__icon", void 0, (_a = redirect == null ? void 0 : redirect.icon) == null ? void 0 : _a.className)
               }
             ),
             redirect == null ? void 0 : redirect.label

package/dist/constants/project.js

@@ -1,4 +1,4 @@
-const PROKODO_UI_VERSION = "0.0.52";
+const PROKODO_UI_VERSION = "0.0.53";
 export {
   PROKODO_UI_VERSION
 };

package/dist/helpers/createIsland.js

@@ -22,7 +22,9 @@ function createIsland({
         )}`
       );
     }
-    const extra = { "data-island": islandName };
+    const extra = {
+      "data-island": islandName
+    };
     if (Boolean(priority)) {
       extra.priority = priority;
     }

package/dist/helpers/createLazyWrapper.js

@@ -35,7 +35,9 @@ function createLazyWrapper({
           )}, visible=${visible})`
         );
       }
-      const extra = { "data-island": islandName };
+      const extra = {
+        "data-island": islandName
+      };
       if (priority) {
         extra.priority = priority;
       }

package/dist/helpers/date.js

@@ -0,0 +1,21 @@
+var __defProp = Object.defineProperty;
+var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
+import { isString } from "./validations.js";
+const localizeDate = /* @__PURE__ */ __name((locale, date) => {
+  if (!isString(date)) return void 0;
+  const newDate = new Date(date);
+  const year = newDate.getFullYear();
+  const month = String(newDate.getMonth() + 1).padStart(2, "0");
+  const day = String(newDate.getDate()).padStart(2, "0");
+  return {
+    locale: newDate.toLocaleDateString(locale, {
+      year: "numeric",
+      month: "long",
+      day: "numeric"
+    }),
+    meta: `${year}-${month}-${day}`
+  };
+}, "localizeDate");
+export {
+  localizeDate
+};