@companix/uikit 0.1.42 → 0.1.44

package/dist/bundle.es33.js

@@ -1,46 +1,76 @@
-import { jsxs as x, jsx as c } from "react/jsx-runtime";
-import { useRef as s, useMemo as u } from "react";
-const g = ({
-  onChange: o,
-  disabled: n,
-  children: p,
-  multiple: i,
-  mimes: r,
-  className: a
+import { jsxs as D, jsx as h } from "react/jsx-runtime";
+import { useMemo as M, useEffect as C } from "react";
+import { Select as c } from "./bundle.es13.js";
+import { createDateValidation as O, getMonthMaxDay as T } from "./bundle.es68.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es78.js";
+const B = ({
+  min: o = j,
+  max: e = N,
+  disabled: r,
+  value: a,
+  noDaySelect: g,
+  noYearSelect: u,
+  onChange: l,
+  required: m,
+  size: i
 }) => {
-  const t = s(null), l = (e) => {
-    n || (e.target.files && o?.(Array.from(e.target.files)), t.current && (t.current.value = ""));
-  }, f = u(() => {
-    if (r)
-      return r.map((e) => `${e}/*`).join(",");
-  }, [r]);
-  return /* @__PURE__ */ x("label", { className: a, children: [
-    p,
-    /* @__PURE__ */ c(
-      "input",
+  const d = M(() => O({ min: o, max: e }), [o, e]);
+  C(() => {
+    const t = d(a);
+    t && l(t);
+  }, [d, a]);
+  const { years: p, months: w, days: f } = V({ min: o, max: e, now: a }), s = (t, x) => {
+    const n = { ...a };
+    n[t] = x;
+    const y = T(n.month, n.year);
+    n.day = n.day > y ? y : n.day, l(n);
+  };
+  return /* @__PURE__ */ D("div", { className: "data-input", children: [
+    !u && p.length > 0 && /* @__PURE__ */ h(
+      c,
       {
-        ref: t,
-        type: "file",
-        multiple: i,
-        accept: f,
-        onChange: l,
-        disabled: n,
-        style: {
-          position: "fixed",
-          border: "0px",
-          width: "1px",
-          height: "1px",
-          padding: "0px",
-          margin: "-1px",
-          overflow: "hidden",
-          clip: "rect(0px, 0px, 0px, 0px)",
-          whiteSpace: "nowrap",
-          overflowWrap: "normal"
-        }
+        placeholder: "Год",
+        options: p,
+        onChange: (t) => s("year", t),
+        value: a.year,
+        required: m,
+        disabled: r,
+        size: i,
+        minimalOptions: !0,
+        matchTarget: "min-width"
+      }
+    ),
+    /* @__PURE__ */ h(
+      c,
+      {
+        placeholder: "Месяц",
+        className: "w-full",
+        options: w,
+        onChange: (t) => s("month", t),
+        value: a.month,
+        disabled: r,
+        required: m,
+        size: i,
+        minimalOptions: !0,
+        matchTarget: "min-width"
+      }
+    ),
+    !g && /* @__PURE__ */ h(
+      c,
+      {
+        placeholder: "День",
+        options: f,
+        disabled: r || f.length === 0,
+        onChange: (t) => s("day", t),
+        value: a.day,
+        required: m,
+        size: i,
+        minimalOptions: !0,
+        matchTarget: "min-width"
       }
     )
   ] });
 };
 export {
-  g as FileOverlay
+  B as DateInput
 };

package/dist/bundle.es34.js

@@ -1,14 +1,46 @@
-import { jsxs as p, jsx as a } from "react/jsx-runtime";
-import t from "classnames";
-import { attr as n } from "@companix/utils-browser";
-const u = (o) => {
-  const { fill: e, className: l, label: c, children: i, caption: r, appearance: m = "neutral" } = o;
-  return /* @__PURE__ */ p("div", { className: t("form-group", l), "data-fill": n(e), children: [
-    /* @__PURE__ */ a("div", { className: "form-group-label", children: c }),
-    i,
-    r && /* @__PURE__ */ a("div", { className: "form-group-caption", "data-appearance": m, children: r })
+import { jsxs as x, jsx as c } from "react/jsx-runtime";
+import { useRef as s, useMemo as u } from "react";
+const g = ({
+  onChange: o,
+  disabled: n,
+  children: p,
+  multiple: i,
+  mimes: r,
+  className: a
+}) => {
+  const t = s(null), l = (e) => {
+    n || (e.target.files && o?.(Array.from(e.target.files)), t.current && (t.current.value = ""));
+  }, f = u(() => {
+    if (r)
+      return r.map((e) => `${e}/*`).join(",");
+  }, [r]);
+  return /* @__PURE__ */ x("label", { className: a, children: [
+    p,
+    /* @__PURE__ */ c(
+      "input",
+      {
+        ref: t,
+        type: "file",
+        multiple: i,
+        accept: f,
+        onChange: l,
+        disabled: n,
+        style: {
+          position: "fixed",
+          border: "0px",
+          width: "1px",
+          height: "1px",
+          padding: "0px",
+          margin: "-1px",
+          overflow: "hidden",
+          clip: "rect(0px, 0px, 0px, 0px)",
+          whiteSpace: "nowrap",
+          overflowWrap: "normal"
+        }
+      }
+    )
   ] });
 };
 export {
-  u as FormGroup
+  g as FileOverlay
 };

package/dist/bundle.es35.js

@@ -1,88 +1,14 @@
-import { jsx as g } from "react/jsx-runtime";
-import { useRef as b, useMemo as I, useState as E, useCallback as A } from "react";
-import { getNum as S } from "@companix/utils-js";
-import { getTimesOptions as W, getTimeValue as q, removeDigits as w, convertTimeToOption as y } from "./bundle.es67.js";
-import { SelectRightElements as z } from "./bundle.es76.js";
-import { Select as F } from "./bundle.es13.js";
-import { Input as G } from "./bundle.es15.js";
-const o = {
-  char: ":",
-  toString: (s) => s ? y(s, o.char) : "",
-  toValue: (s) => {
-    const n = s.split(o.char);
-    if (n.length === 2) {
-      const [e, u] = [S(n[0]), S(n[1])];
-      if (e !== null && u !== null && e < 24 && e >= 0 && u < 60 && u >= 0)
-        return { hours: e, minutes: u };
-    }
-    return null;
-  }
-}, Y = (s) => {
-  const { value: n, onChange: e, clearButton: u, clearButtonIcon: _, disabled: a, ...T } = s, m = b(null), p = b(null), h = I(() => W(10), []), k = I(() => {
-    if (n && !n.minutes.toString().endsWith("0")) {
-      const t = n.hours * 6 + Math.trunc(n.minutes / 10), r = [...h];
-      return r.splice(t + 1, 0, q(n)), r;
-    }
-    return h;
-  }, [h, n]), [i, l] = E(() => o.toString(n)), v = (t) => {
-    l(t), N(t);
-    const r = o.toValue(t);
-    r && e?.(r);
-  }, x = (t) => {
-    a || m.current && m.current.getAttribute("data-state") === "open" && t.preventDefault();
-  }, B = () => {
-    o.toValue(i) === null && l(o.toString(n ?? null));
-  }, O = (t) => {
-    e?.(o.toValue(t)), l(t);
-  }, R = (t) => {
-    t.stopPropagation(), l(""), e?.(null);
-  }, N = A((t) => {
-    if (t && t !== "__:__") {
-      const [r, M] = t.split(":"), d = (c) => {
-        const [C, V] = c.split(""), [j, D] = [C === "_" ? "0" : C, V === "_" ? "0" : V];
-        return j + D;
-      }, P = [d(r), d(M)].join(":"), f = o.toValue(P);
-      if (f) {
-        const c = f.hours * 6 + Math.trunc(f.minutes / 10);
-        c !== -1 && p.current && p.current.scrollTo(c);
-      }
-    }
-  }, []);
-  return /* @__PURE__ */ g(
-    F,
-    {
-      minimalOptions: !0,
-      options: k,
-      onChange: O,
-      value: i,
-      popoverRef: m,
-      scrollRef: p,
-      disabled: a,
-      children: /* @__PURE__ */ g(
-        G,
-        {
-          ...T,
-          value: i,
-          disabled: a,
-          onClick: x,
-          onValueChange: v,
-          onBlur: B,
-          mask: "99:99",
-          placeholder: "00:00",
-          rightElement: /* @__PURE__ */ g(
-            z,
-            {
-              clearButton: u,
-              clearButtonIcon: _,
-              value: !!w(i, [":", "_"]),
-              onClear: R
-            }
-          )
-        }
-      )
-    }
-  );
+import { jsxs as p, jsx as a } from "react/jsx-runtime";
+import t from "classnames";
+import { attr as n } from "@companix/utils-browser";
+const u = (o) => {
+  const { fill: e, className: l, label: c, children: i, caption: r, appearance: m = "neutral" } = o;
+  return /* @__PURE__ */ p("div", { className: t("form-group", l), "data-fill": n(e), children: [
+    /* @__PURE__ */ a("div", { className: "form-group-label", children: c }),
+    i,
+    r && /* @__PURE__ */ a("div", { className: "form-group-caption", "data-appearance": m, children: r })
+  ] });
 };
 export {
-  Y as TimePicker
+  u as FormGroup
 };

package/dist/bundle.es36.js

@@ -1,22 +1,88 @@
-import { jsx as o } from "react/jsx-runtime";
-import m from "classnames";
-import { forwardRef as s } from "react";
-const g = s(
-  ({ icon: r, className: t, size: i = "m", ...e }, n) => {
-    const [c, a, , , l] = r;
-    return /* @__PURE__ */ o(
-      "svg",
-      {
-        ref: n,
-        viewBox: `0 0 ${c} ${a}`,
-        className: m(`icon icon-size-${i}`, t),
-        ...e,
-        role: "img",
-        children: /* @__PURE__ */ o(f, { paths: l })
-      }
-    );
+import { jsx as g } from "react/jsx-runtime";
+import { useRef as b, useMemo as I, useState as E, useCallback as A } from "react";
+import { getNum as S } from "@companix/utils-js";
+import { getTimesOptions as W, getTimeValue as q, removeDigits as w, convertTimeToOption as y } from "./bundle.es68.js";
+import { SelectRightElements as z } from "./bundle.es77.js";
+import { Select as F } from "./bundle.es13.js";
+import { Input as G } from "./bundle.es15.js";
+const o = {
+  char: ":",
+  toString: (s) => s ? y(s, o.char) : "",
+  toValue: (s) => {
+    const n = s.split(o.char);
+    if (n.length === 2) {
+      const [e, u] = [S(n[0]), S(n[1])];
+      if (e !== null && u !== null && e < 24 && e >= 0 && u < 60 && u >= 0)
+        return { hours: e, minutes: u };
+    }
+    return null;
   }
-), f = ({ paths: r }) => Array.isArray(r) ? /* @__PURE__ */ o("g", { children: r.map((t, i) => /* @__PURE__ */ o("path", { fill: "currentColor", d: t }, `-d-${i}`)) }) : /* @__PURE__ */ o("path", { fill: "currentColor", d: r });
+}, Y = (s) => {
+  const { value: n, onChange: e, clearButton: u, clearButtonIcon: _, disabled: a, ...T } = s, m = b(null), p = b(null), h = I(() => W(10), []), k = I(() => {
+    if (n && !n.minutes.toString().endsWith("0")) {
+      const t = n.hours * 6 + Math.trunc(n.minutes / 10), r = [...h];
+      return r.splice(t + 1, 0, q(n)), r;
+    }
+    return h;
+  }, [h, n]), [i, l] = E(() => o.toString(n)), v = (t) => {
+    l(t), N(t);
+    const r = o.toValue(t);
+    r && e?.(r);
+  }, x = (t) => {
+    a || m.current && m.current.getAttribute("data-state") === "open" && t.preventDefault();
+  }, B = () => {
+    o.toValue(i) === null && l(o.toString(n ?? null));
+  }, O = (t) => {
+    e?.(o.toValue(t)), l(t);
+  }, R = (t) => {
+    t.stopPropagation(), l(""), e?.(null);
+  }, N = A((t) => {
+    if (t && t !== "__:__") {
+      const [r, M] = t.split(":"), d = (c) => {
+        const [C, V] = c.split(""), [j, D] = [C === "_" ? "0" : C, V === "_" ? "0" : V];
+        return j + D;
+      }, P = [d(r), d(M)].join(":"), f = o.toValue(P);
+      if (f) {
+        const c = f.hours * 6 + Math.trunc(f.minutes / 10);
+        c !== -1 && p.current && p.current.scrollTo(c);
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ g(
+    F,
+    {
+      minimalOptions: !0,
+      options: k,
+      onChange: O,
+      value: i,
+      popoverRef: m,
+      scrollRef: p,
+      disabled: a,
+      children: /* @__PURE__ */ g(
+        G,
+        {
+          ...T,
+          value: i,
+          disabled: a,
+          onClick: x,
+          onValueChange: v,
+          onBlur: B,
+          mask: "99:99",
+          placeholder: "00:00",
+          rightElement: /* @__PURE__ */ g(
+            z,
+            {
+              clearButton: u,
+              clearButtonIcon: _,
+              value: !!w(i, [":", "_"]),
+              onClear: R
+            }
+          )
+        }
+      )
+    }
+  );
+};
 export {
-  g as Icon
+  Y as TimePicker
 };

package/dist/bundle.es37.js

@@ -1,9 +1,22 @@
-import { jsx as r } from "react/jsx-runtime";
-import { clamp as o, pc as p } from "@companix/utils-browser";
-const i = ({ appearance: a = "primary", value: e }) => {
-  const s = 100 * o(e, 0, 1);
-  return /* @__PURE__ */ r("div", { "aria-valuemax": 100, "aria-valuemin": 0, role: "progressbar", className: "progress-bar", children: /* @__PURE__ */ r("div", { className: "progress-bar-thumb", "data-appearance": a, style: { width: p(s) } }) });
-};
+import { jsx as o } from "react/jsx-runtime";
+import m from "classnames";
+import { forwardRef as s } from "react";
+const g = s(
+  ({ icon: r, className: t, size: i = "m", ...e }, n) => {
+    const [c, a, , , l] = r;
+    return /* @__PURE__ */ o(
+      "svg",
+      {
+        ref: n,
+        viewBox: `0 0 ${c} ${a}`,
+        className: m(`icon icon-size-${i}`, t),
+        ...e,
+        role: "img",
+        children: /* @__PURE__ */ o(f, { paths: l })
+      }
+    );
+  }
+), f = ({ paths: r }) => Array.isArray(r) ? /* @__PURE__ */ o("g", { children: r.map((t, i) => /* @__PURE__ */ o("path", { fill: "currentColor", d: t }, `-d-${i}`)) }) : /* @__PURE__ */ o("path", { fill: "currentColor", d: r });
 export {
-  i as ProgressBar
+  g as Icon
 };

package/dist/bundle.es38.js

@@ -1,5 +1,9 @@
-import { jsx as e, Fragment as t } from "react/jsx-runtime";
-const l = ({ ...r }) => /* @__PURE__ */ e("div", { className: "skeleton", style: r, children: /* @__PURE__ */ e(t, { children: "‌" }) });
+import { jsx as r } from "react/jsx-runtime";
+import { clamp as o, pc as p } from "@companix/utils-browser";
+const i = ({ appearance: a = "primary", value: e }) => {
+  const s = 100 * o(e, 0, 1);
+  return /* @__PURE__ */ r("div", { "aria-valuemax": 100, "aria-valuemin": 0, role: "progressbar", className: "progress-bar", children: /* @__PURE__ */ r("div", { className: "progress-bar-thumb", "data-appearance": a, style: { width: p(s) } }) });
+};
 export {
-  l as Skeleton
+  i as ProgressBar
 };

package/dist/bundle.es39.js

@@ -1,25 +1,5 @@
-import { jsxs as i, jsx as a } from "react/jsx-runtime";
-import m from "classnames";
-import { Icon as p } from "./bundle.es36.js";
-const b = (c) => {
-  const { appearance: l, icon: s, className: r, iconSize: t, title: e, description: n, children: o, style: d } = c;
-  return /* @__PURE__ */ i(
-    "div",
-    {
-      className: m("blank", r),
-      "data-appearance": l ?? "neutral",
-      style: d,
-      children: [
-        /* @__PURE__ */ a("div", { className: "blank-icon", children: /* @__PURE__ */ a(p, { icon: s, size: t }) }),
-        (e || n) && /* @__PURE__ */ i("div", { className: "blank-text", children: [
-          e && /* @__PURE__ */ a("h4", { className: "blank-title", children: e }),
-          n && /* @__PURE__ */ a("div", { className: "blank-description", children: n })
-        ] }),
-        o
-      ]
-    }
-  );
-};
+import { jsx as e, Fragment as t } from "react/jsx-runtime";
+const l = ({ ...r }) => /* @__PURE__ */ e("div", { className: "skeleton", style: r, children: /* @__PURE__ */ e(t, { children: "‌" }) });
 export {
-  b as Blank
+  l as Skeleton
 };

package/dist/bundle.es40.js

@@ -1,54 +1,25 @@
-import { jsxs as e, jsx as s } from "react/jsx-runtime";
-import { getInitialsFontSize as l } from "./bundle.es4.js";
-import { clamp as i, customCSS as m, px as n } from "@companix/utils-browser";
-const u = ({
-  appearance: o = "primary",
-  hint: t,
-  size: a = 80,
-  width: c = 6,
-  value: g
-}) => {
-  const r = 100 * i(g, 0, 1);
-  return /* @__PURE__ */ e(
+import { jsxs as i, jsx as a } from "react/jsx-runtime";
+import m from "classnames";
+import { Icon as p } from "./bundle.es37.js";
+const b = (c) => {
+  const { appearance: l, icon: s, className: r, iconSize: t, title: e, description: n, children: o, style: d } = c;
+  return /* @__PURE__ */ i(
     "div",
     {
-      "aria-valuemax": 100,
-      "aria-valuemin": 0,
-      "aria-valuenow": r,
-      role: "progressbar",
-      className: "progress-ring",
-      "data-appearance": o,
+      className: m("blank", r),
+      "data-appearance": l ?? "neutral",
+      style: d,
       children: [
-        /* @__PURE__ */ e(
-          "svg",
-          {
-            className: "progress-ring-image",
-            style: m({
-              "--percentage": r / 100,
-              "--size": n(a),
-              "--track-width": n(c)
-            }),
-            children: [
-              /* @__PURE__ */ s("circle", { className: "progress-ring-track" }),
-              /* @__PURE__ */ s("circle", { className: "progress-ring-indicator" })
-            ]
-          }
-        ),
-        t && /* @__PURE__ */ e(
-          "div",
-          {
-            className: "progress-ring-hint",
-            style: { fontSize: i(l(a) - 4, 0, 18) },
-            children: [
-              Math.round(r),
-              "%"
-            ]
-          }
-        )
+        /* @__PURE__ */ a("div", { className: "blank-icon", children: /* @__PURE__ */ a(p, { icon: s, size: t }) }),
+        (e || n) && /* @__PURE__ */ i("div", { className: "blank-text", children: [
+          e && /* @__PURE__ */ a("h4", { className: "blank-title", children: e }),
+          n && /* @__PURE__ */ a("div", { className: "blank-description", children: n })
+        ] }),
+        o
       ]
     }
   );
 };
 export {
-  u as ProgressRing
+  b as Blank
 };

package/dist/bundle.es41.js

@@ -1,59 +1,54 @@
-import { jsxs as s, jsx as r } from "react/jsx-runtime";
-import c from "classnames";
-import { Spinner as b } from "./bundle.es7.js";
-import { Icon as h } from "./bundle.es36.js";
-import { attr as N } from "@companix/utils-browser";
-import { WriteBarInput as u } from "./bundle.es78.js";
-const w = (a) => {
-  const {
-    before: e,
-    after: t,
-    containerRef: i,
-    header: o,
-    contentClassName: n,
-    placeholder: m,
-    id: l,
-    onCreate: d,
-    className: p,
-    ...f
-  } = a;
-  return /* @__PURE__ */ s("div", { ref: i, ...f, className: c("write-bar", p), children: [
-    o,
-    /* @__PURE__ */ s("div", { className: c("write-bar-content", n), children: [
-      e && /* @__PURE__ */ r("div", { className: "write-bar-before", children: e }),
-      /* @__PURE__ */ r(
-        u,
-        {
-          className: "write-bar-input-wrapper",
-          placeholder: m,
-          placeholderClassName: "write-bar-placeholder",
-          inputClassName: "write-bar-input",
-          inputMode: "text",
-          id: l,
-          onCreate: d
-        }
-      ),
-      t && /* @__PURE__ */ r("div", { className: "write-bar-after", children: t })
-    ] })
-  ] });
+import { jsxs as e, jsx as s } from "react/jsx-runtime";
+import { getInitialsFontSize as l } from "./bundle.es4.js";
+import { clamp as i, customCSS as m, px as n } from "@companix/utils-browser";
+const u = ({
+  appearance: o = "primary",
+  hint: t,
+  size: a = 80,
+  width: c = 6,
+  value: g
+}) => {
+  const r = 100 * i(g, 0, 1);
+  return /* @__PURE__ */ e(
+    "div",
+    {
+      "aria-valuemax": 100,
+      "aria-valuemin": 0,
+      "aria-valuenow": r,
+      role: "progressbar",
+      className: "progress-ring",
+      "data-appearance": o,
+      children: [
+        /* @__PURE__ */ e(
+          "svg",
+          {
+            className: "progress-ring-image",
+            style: m({
+              "--percentage": r / 100,
+              "--size": n(a),
+              "--track-width": n(c)
+            }),
+            children: [
+              /* @__PURE__ */ s("circle", { className: "progress-ring-track" }),
+              /* @__PURE__ */ s("circle", { className: "progress-ring-indicator" })
+            ]
+          }
+        ),
+        t && /* @__PURE__ */ e(
+          "div",
+          {
+            className: "progress-ring-hint",
+            style: { fontSize: i(l(a) - 4, 0, 18) },
+            children: [
+              Math.round(r),
+              "%"
+            ]
+          }
+        )
+      ]
+    }
+  );
 };
-w.IconButton = ({
-  Component: a = "button",
-  icon: e,
-  mode: t,
-  onClick: i,
-  isLoading: o,
-  isHidden: n
-}) => /* @__PURE__ */ r(
-  a,
-  {
-    onClick: i,
-    className: "write-bar-icon",
-    "data-mode": t,
-    "data-hidden": N(n),
-    children: o ? /* @__PURE__ */ r(b, { size: 18 }) : /* @__PURE__ */ r(h, { icon: e, size: "xxs" })
-  }
-);
 export {
-  w as WriteBar
+  u as ProgressRing
 };