@companix/uikit 0.1.14 → 0.1.16

package/dist/bundle.es30.js

@@ -1,123 +1,46 @@
-import { jsx as u } from "react/jsx-runtime";
-import { Popover as T } from "./bundle.es11.js";
-import { Input as w } from "./bundle.es15.js";
-import { useState as A, useRef as j } from "react";
-import { Calendar as E } from "./bundle.es67.js";
-import { useDayDisableCheker as N } from "./bundle.es58.js";
-import { getNum as h, formatTime as v } from "@companix/utils-js";
-import { removeDigits as O } from "./bundle.es64.js";
-import { SelectRightElements as Y } from "./bundle.es68.js";
-const i = {
-  char: "-",
-  toString: (e) => {
-    if (e) {
-      const n = v(e.getDate()), r = v(e.getMonth() + 1), l = e.getFullYear();
-      return [n, r, l].join(i.char);
-    }
-    return "";
-  },
-  toValue: (e) => {
-    const n = e.split(i.char);
-    if (n.length === 3) {
-      const [r, l, a] = [h(n[0]), h(n[1]), h(n[2])];
-      if (r && l && a) {
-        const o = new Date(a, l - 1, r);
-        if (o.getFullYear() === a && o.getDate() === r && o.getMonth() === l - 1)
-          return o;
-      }
-    }
-    return null;
-  }
-}, U = (e) => {
-  const {
-    clearButton: n,
-    clearButtonIcon: r,
-    children: l,
-    disabled: a,
-    // calendar props
-    value: o,
-    enableTime: y,
-    disablePickers: I,
-    showNeighboringMonth: P,
-    onChange: c,
-    shouldDisableDate: g,
-    viewDate: S,
-    disablePast: d,
-    disableFuture: D,
-    minDateTime: C,
-    maxDateTime: b,
-    // input props
-    ...V
-  } = e, [m, s] = A(() => i.toString(o ?? null)), p = j(null), k = N({
-    disableFuture: D,
-    disablePast: d,
-    shouldDisableDate: g,
-    minDateTime: C,
-    maxDateTime: b
-  }), B = (t) => {
-    a || p.current && p.current.getAttribute("data-state") === "open" && t.preventDefault();
-  }, F = (t) => {
-    t.stopPropagation(), s(""), c?.(null);
-  }, x = (t) => {
-    s(t);
-    const f = i.toValue(t);
-    f && !k(f) && c?.(f);
-  }, M = () => {
-    const t = i.toValue(m);
-    (!t || k(t)) && s(i.toString(o ?? null));
-  }, R = (t) => {
-    c?.(t), s(i.toString(t));
-  };
-  return /* @__PURE__ */ u(
-    T,
+import { jsx as m } from "react/jsx-runtime";
+import u from "classnames";
+import { useResizeTextarea as z } from "./bundle.es49.js";
+import { attr as e, callMultiple as R } from "@companix/utils-browser";
+import { useEffect as T } from "react";
+import { mergeRefs as g } from "react-merge-refs";
+const E = ({
+  onResize: f,
+  grow: t = !1,
+  value: a,
+  onChange: i,
+  disabled: o,
+  required: s,
+  rows: l = 2,
+  fill: p = !1,
+  textAreaRef: c,
+  className: n,
+  ...d
+}) => {
+  const [x, r] = z(f, t);
+  return T(r, [r, a]), /* @__PURE__ */ m(
+    "div",
     {
-      minimal: !0,
-      ref: p,
-      sideOffset: 0,
-      onOpenAutoFocus: (t) => t.preventDefault(),
-      onCloseAutoFocus: (t) => t.preventDefault(),
-      disabled: a,
-      fitMaxHeight: !1,
-      content: () => /* @__PURE__ */ u(
-        E,
-        {
-          value: o,
-          disablePast: d,
-          disableFuture: D,
-          enableTime: y,
-          disablePickers: I,
-          showNeighboringMonth: P,
-          onChange: R,
-          shouldDisableDate: g,
-          viewDate: S,
-          minDateTime: C,
-          maxDateTime: b
-        }
-      ),
-      children: /* @__PURE__ */ u(
-        w,
+      className: "form form-textarea",
+      "data-required": e(s),
+      "data-disabled": e(o),
+      "data-fill": e(p),
+      children: /* @__PURE__ */ m(
+        "textarea",
         {
-          ...V,
-          value: m,
-          disabled: a,
-          onClick: B,
-          onValueChange: x,
-          onBlur: M,
-          mask: "99-99-9999",
-          rightElement: /* @__PURE__ */ u(
-            Y,
-            {
-              clearButton: n,
-              clearButtonIcon: r,
-              value: !!O(m, ["-", "_"]),
-              onClear: F
-            }
-          )
+          className: u("form-input", n),
+          "data-grow": e(t),
+          value: a,
+          ref: g([c, x]),
+          rows: l,
+          disabled: o,
+          onChange: R(i, r),
+          ...d
         }
       )
     }
   );
 };
 export {
-  U as DatePicker
+  E as TextArea
 };

package/dist/bundle.es31.js

@@ -1,76 +1,123 @@
-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.es64.js";
-import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es69.js";
-const B = ({
-  min: o = j,
-  max: e = N,
-  disabled: r,
-  value: a,
-  noDaySelect: g,
-  noYearSelect: u,
-  onChange: l,
-  required: m,
-  size: i
-}) => {
-  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,
-      {
-        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"
+import { jsx as u } from "react/jsx-runtime";
+import { Popover as T } from "./bundle.es11.js";
+import { Input as w } from "./bundle.es15.js";
+import { useState as A, useRef as j } from "react";
+import { Calendar as E } from "./bundle.es72.js";
+import { useDayDisableCheker as N } from "./bundle.es59.js";
+import { getNum as h, formatTime as v } from "@companix/utils-js";
+import { removeDigits as O } from "./bundle.es65.js";
+import { SelectRightElements as Y } from "./bundle.es73.js";
+const i = {
+  char: "-",
+  toString: (e) => {
+    if (e) {
+      const n = v(e.getDate()), r = v(e.getMonth() + 1), l = e.getFullYear();
+      return [n, r, l].join(i.char);
+    }
+    return "";
+  },
+  toValue: (e) => {
+    const n = e.split(i.char);
+    if (n.length === 3) {
+      const [r, l, a] = [h(n[0]), h(n[1]), h(n[2])];
+      if (r && l && a) {
+        const o = new Date(a, l - 1, r);
+        if (o.getFullYear() === a && o.getDate() === r && o.getMonth() === l - 1)
+          return o;
       }
-    ),
-    !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"
-      }
-    )
-  ] });
+    }
+    return null;
+  }
+}, U = (e) => {
+  const {
+    clearButton: n,
+    clearButtonIcon: r,
+    children: l,
+    disabled: a,
+    // calendar props
+    value: o,
+    enableTime: y,
+    disablePickers: I,
+    showNeighboringMonth: P,
+    onChange: c,
+    shouldDisableDate: g,
+    viewDate: S,
+    disablePast: d,
+    disableFuture: D,
+    minDateTime: C,
+    maxDateTime: b,
+    // input props
+    ...V
+  } = e, [m, s] = A(() => i.toString(o ?? null)), p = j(null), k = N({
+    disableFuture: D,
+    disablePast: d,
+    shouldDisableDate: g,
+    minDateTime: C,
+    maxDateTime: b
+  }), B = (t) => {
+    a || p.current && p.current.getAttribute("data-state") === "open" && t.preventDefault();
+  }, F = (t) => {
+    t.stopPropagation(), s(""), c?.(null);
+  }, x = (t) => {
+    s(t);
+    const f = i.toValue(t);
+    f && !k(f) && c?.(f);
+  }, M = () => {
+    const t = i.toValue(m);
+    (!t || k(t)) && s(i.toString(o ?? null));
+  }, R = (t) => {
+    c?.(t), s(i.toString(t));
+  };
+  return /* @__PURE__ */ u(
+    T,
+    {
+      minimal: !0,
+      ref: p,
+      sideOffset: 0,
+      onOpenAutoFocus: (t) => t.preventDefault(),
+      onCloseAutoFocus: (t) => t.preventDefault(),
+      disabled: a,
+      fitMaxHeight: !1,
+      content: () => /* @__PURE__ */ u(
+        E,
+        {
+          value: o,
+          disablePast: d,
+          disableFuture: D,
+          enableTime: y,
+          disablePickers: I,
+          showNeighboringMonth: P,
+          onChange: R,
+          shouldDisableDate: g,
+          viewDate: S,
+          minDateTime: C,
+          maxDateTime: b
+        }
+      ),
+      children: /* @__PURE__ */ u(
+        w,
+        {
+          ...V,
+          value: m,
+          disabled: a,
+          onClick: B,
+          onValueChange: x,
+          onBlur: M,
+          mask: "99-99-9999",
+          rightElement: /* @__PURE__ */ u(
+            Y,
+            {
+              clearButton: n,
+              clearButtonIcon: r,
+              value: !!O(m, ["-", "_"]),
+              onClear: F
+            }
+          )
+        }
+      )
+    }
+  );
 };
 export {
-  B as DateInput
+  U as DatePicker
 };

package/dist/bundle.es32.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.es65.js";
+import { defaultMin as j, defaultMax as N, useCalendarOptions as V } from "./bundle.es74.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.es33.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.es34.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.es64.js";
-import { SelectRightElements as z } from "./bundle.es68.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
 };