@golemui/gui-react 0.12.2 → 0.13.1

package/{DatePicker-TkMCndrw.js → DatePicker-BmW3TO0X.js}

@@ -1,49 +1,52 @@
 import { jsxs as L, jsx as i } from "react/jsx-runtime";
 import { useInputWidget as W } from "@golemui/react";
+import "@golemui/gui-shared";
 import { useState as Z, useRef as k, useCallback as M, useEffect as G } from "react";
+import "./date-input-Dux0mFJw.js";
+import "./calendar-BgptByan.js";
 /* empty css                */
 import { E as J } from "./Errors-D7gxq0y6.js";
-function ne(D) {
+function se(D) {
   const R = D.widget, {
     uid: l,
     errors: h,
     value: w,
     isTouched: f,
     templateData: t,
-    onValueChanged: g,
+    onValueChanged: m,
     onBlur: d,
     injectValidationIssues: u
-  } = W(R), [c, o] = Z(!1), x = k(null), v = k(null), p = k(null), F = M(
+  } = W(R), [c, o] = Z(!1), x = k(null), p = k(null), v = k(null), F = M(
     (n) => {
       const e = n, r = (E) => {
-        u(null), g(E.detail.value);
+        u(null), m(E.detail.value);
       }, a = (E) => {
         u([E.detail.message]);
       }, s = () => {
         o(!0);
       };
-      return v.current = n, n && (e.addEventListener("change", r), e.addEventListener("focus", s), e.addEventListener("blur", d), e.addEventListener("inputError", a)), () => {
+      return p.current = n, n && (e.addEventListener("change", r), e.addEventListener("focus", s), e.addEventListener("blur", d), e.addEventListener("inputError", a)), () => {
         e.removeEventListener("change", r), e.removeEventListener("focus", s), e.removeEventListener("blur", d), e.removeEventListener("inputError", a);
       };
     },
-    [g, d, u]
+    [m, d, u]
   ), O = M(
     (n) => {
       const e = n, r = (s) => {
-        u(null), g(s.detail.value);
+        u(null), m(s.detail.value);
       }, a = (s) => {
         d(), o(!1);
       };
-      return p.current = n, n && (e.addEventListener("blur", a), e.addEventListener("change", r)), () => {
+      return v.current = n, n && (e.addEventListener("blur", a), e.addEventListener("change", r)), () => {
         e.addEventListener("blur", a), e.addEventListener("change", r);
       };
     },
-    [g, u, d]
+    [m, u, d]
   );
   G(() => {
     const n = (e) => {
       if (!c) return;
-      const r = e.composedPath(), a = v.current && r.includes(v.current), s = p.current && r.includes(p.current);
+      const r = e.composedPath(), a = p.current && r.includes(p.current), s = v.current && r.includes(v.current);
       !a && !s && o(!1);
     };
     return document.addEventListener("click", n), () => {
@@ -57,7 +60,7 @@ function ne(D) {
   }, A = (n) => {
     const e = n.target, r = e.closest(".gui-date-input__part"), a = e.closest("gui-calendar");
     r || a ? c || o(!0) : o((s) => !s);
-  }, m = t.hint, H = t.icon, N = t.prevMonthIcon, q = t.nextMonthIcon, T = t.prevMonthAriaLabel, j = t.nextMonthAriaLabel, B = t.dayFormat, P = t.weekdayFormat, V = t.monthFormat, $ = t.minDate, z = t.maxDate, K = t.disabledRanges, S = t.numberOfMonths, U = f && h && h.length > 0, C = t.disabled, y = t.readonly, b = t.validator?.required, I = t.lang;
+  }, g = t.hint, H = t.icon, N = t.prevMonthIcon, q = t.nextMonthIcon, T = t.prevMonthAriaLabel, j = t.nextMonthAriaLabel, B = t.dayFormat, P = t.weekdayFormat, V = t.monthFormat, $ = t.minDate, z = t.maxDate, K = t.disabledRanges, S = t.numberOfMonths, U = f && h && h.length > 0, C = t.disabled, y = t.readonly, b = t.validator?.required, I = t.lang;
   return /* @__PURE__ */ L(
     "div",
     {
@@ -68,7 +71,7 @@ function ne(D) {
       children: [
         t.label && /* @__PURE__ */ L("label", { className: "gui-label", htmlFor: l, "data-cy": `${l}_label`, children: [
           t.label + (b ? " *" : ""),
-          m && /* @__PURE__ */ i("div", { className: "gui-widget-hint", id: `${l}_hint`, children: m })
+          g && /* @__PURE__ */ i("div", { className: "gui-widget-hint", id: `${l}_hint`, children: g })
         ] }),
         /* @__PURE__ */ L(
           "div",
@@ -87,7 +90,7 @@ function ne(D) {
                 {
                   ref: F,
                   uid: l,
-                  hint: m,
+                  hint: g,
                   showErrors: !1,
                   errors: h,
                   touched: f,
@@ -105,7 +108,7 @@ function ne(D) {
                 {
                   ref: O,
                   uid: l,
-                  hint: m,
+                  hint: g,
                   touched: f,
                   required: b,
                   disabled: C,
@@ -134,5 +137,5 @@ function ne(D) {
   );
 }
 export {
-  ne as DatePicker
+  se as DatePicker
 };

package/{Dropdown-jKk4TyOa.js → Dropdown-C-_zDFCe.js}

@@ -1,8 +1,10 @@
 import { jsxs as M, jsx as u } from "react/jsx-runtime";
 import { useInputWidget as ae, useDebounceCallback as oe, useItemRenderer as de } from "@golemui/react";
+import "@golemui/gui-shared";
 import { useState as g, useRef as q, useMemo as ue, useCallback as I, useEffect as R } from "react";
-import { D as fe } from "./DefaultListItemRenderer-lNc9Kk7x.js";
-function pe(P) {
+import { D as fe } from "./list-DHX7bG4r.js";
+import "./errors-6UKoJh8Y.js";
+function Fe(P) {
   const y = P.widget, { uid: d, errors: w, value: b, isTouched: L, templateData: t, onFilter: x, onValueChanged: D, onBlur: B } = ae(y), [k, z] = g({ start: 0, end: 10 }), [C, U] = g([]), [W, N] = g([]), [Z, A] = g(-1), [J, v] = g(!1), [m, f] = g(!1), [p, j] = g(void 0), r = q(null), c = q(null), O = q(null), Q = ue(() => C.slice(k.start, k.end), [C, k]), S = I(() => {
     B(), f(!1), v(!1);
   }, [B]), F = I(
@@ -197,5 +199,5 @@ function pe(P) {
   ] });
 }
 export {
-  pe as Dropdown
+  Fe as Dropdown
 };

package/Flex-Rs-RvIcq.js

@@ -0,0 +1,20 @@
+import { jsx as t } from "react/jsx-runtime";
+import { useLayoutWidget as a, WidgetRenderer as c } from "@golemui/react";
+import "@golemui/gui-shared";
+import { useCallback as f } from "react";
+/* empty css                */
+function w(l) {
+  const n = l.widget, { uid: d, children: e, templateData: i } = a(n), s = f(() => e ? e.map((r) => /* @__PURE__ */ t(c, { widget: r }, r.uid)) : null, [e]), g = `gui-flex__widget--${i.direction ?? "column"}`, o = `gui-flex__widget--justify-${i.justify ?? "stretch"}`, u = `gui-flex__widget--align-${i.align ?? "start"}`;
+  return /* @__PURE__ */ t("div", { className: "gui-flex gui-field", style: { flex: i.size }, children: /* @__PURE__ */ t(
+    "div",
+    {
+      className: `gui-flex__widget ${g} ${o} ${u}`,
+      style: i.gap ? { gap: `${i.gap}px` } : {},
+      id: d,
+      children: s()
+    }
+  ) });
+}
+export {
+  w as Flex
+};

package/{Grid-DREMTVQI.js → Grid-BcPUrfRL.js}

@@ -1,8 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
 import { useLayoutWidget as p, WidgetRenderer as w } from "@golemui/react";
+import "@golemui/gui-shared";
 import { useCallback as _ } from "react";
 /* empty css                */
-function h(g) {
+function j(g) {
   const n = g.widget, { uid: s, children: d, templateData: i } = p(n), o = i.direction !== "column", u = _(() => d.map((m) => {
     const r = m;
     return /* @__PURE__ */ t(
@@ -26,5 +27,5 @@ function h(g) {
   ) });
 }
 export {
-  h as Grid
+  j as Grid
 };

package/{List-BjMIo577.js → List-YkH8gdMh.js}

@@ -1,8 +1,10 @@
 import { jsxs as T, jsx as l } from "react/jsx-runtime";
 import { useCallback as R, useRef as $, useState as b, useMemo as S, useEffect as _ } from "react";
 import { useInputWidget as z, useItemRenderer as A } from "@golemui/react";
-import { D as M } from "./DefaultListItemRenderer-lNc9Kk7x.js";
-function J(C) {
+import "@golemui/gui-shared";
+import { D as M } from "./list-DHX7bG4r.js";
+import "./errors-6UKoJh8Y.js";
+function P(C) {
   const F = C.widget, { uid: d, errors: c, value: I, isTouched: u, templateData: t, onValueChanged: m, onBlur: x } = z(F), y = R(
     (e) => {
       r.current && e.relatedTarget && r.current.contains(e.relatedTarget) || x();
@@ -99,5 +101,5 @@ function J(C) {
   ] });
 }
 export {
-  J as List
+  P as List
 };