@golemui/gui-react 0.0.2 → 0.12.0

package/Select-DvFmJB1_.js

@@ -1,54 +0,0 @@
-import { jsx as r } from "react/jsx-runtime";
-import { useInputWidget as D } from "@golemui/react";
-import { useCallback as s } from "react";
-/* empty css                */
-function z(a) {
-  const d = a.widget, {
-    uid: c,
-    errors: u,
-    value: p,
-    isTouched: h,
-    templateData: e,
-    onValueChanged: n,
-    onBlur: m,
-    injectValidationIssues: i
-  } = D(d), v = s(
-    (t) => n(t.nativeEvent.detail.value),
-    [n]
-  ), g = s(
-    (t) => {
-      const o = t, l = (w) => {
-        i([w.detail.message]);
-      };
-      return t && o.addEventListener("inputError", l), () => {
-        o.removeEventListener("inputError", l);
-      };
-    },
-    [i]
-  ), b = e.options, f = e.label, E = e.hint, y = e.placeholder, C = e.icon, F = e.valueField, q = e.labelField, x = e.disabled, R = e.readonly, j = e.validator?.required;
-  return /* @__PURE__ */ r("div", { className: "gui-select", style: { flex: e.size }, children: /* @__PURE__ */ r(
-    "gui-select",
-    {
-      ref: g,
-      uid: c,
-      label: f,
-      errors: u,
-      touched: h,
-      required: j,
-      disabled: x,
-      readOnly: R,
-      value: p,
-      hint: E,
-      placeholder: y,
-      icon: C,
-      options: b,
-      labelField: q,
-      valueField: F,
-      onChange: v,
-      onBlur: m
-    }
-  ) });
-}
-export {
-  z as Select
-};

package/Tabs-CsmJz1Vs.js

@@ -1,115 +0,0 @@
-import { jsx as l, jsxs as v } from "react/jsx-runtime";
-import { useLayoutWidget as N, WidgetRenderer as E, cn as A } from "@golemui/react";
-import { createIntersectionObserver as x } from "@golemui/gui-components";
-import { useRef as u, useState as h, useEffect as b, useCallback as f } from "react";
-function z(y) {
-  const m = u(null), r = y.widget, { uid: O, children: g, templateData: e, onChange: $ } = N(r), c = u([]), w = u(null), _ = u(null), [S, R] = h(!1), [k, T] = h(!1), [s, p] = h(e.defaultOpen);
-  b(() => {
-    const i = w.current, t = _.current, a = x(
-      i,
-      (n) => R(n)
-    ), d = x(
-      t,
-      (n) => T(n)
-    );
-    return () => {
-      a.disconnect(), d.disconnect();
-    };
-  }, []), b(() => {
-    s === void 0 && e.tabs?.length > 0 && p(e.tabs[0].uid);
-  }, [e.tabs, s]), b(() => {
-    e.defaultOpen && p(e.defaultOpen);
-  }, [e.defaultOpen]), b(() => {
-    const t = (e.tabs || []).findIndex((a) => a.uid === s);
-    t > -1 && c.current[t].scrollIntoView();
-  }, [s, e.tabs]);
-  const o = f(
-    (i) => {
-      p(i), $(i);
-    },
-    [$]
-  ), I = f(
-    (i) => {
-      const t = e.tabs.findIndex((n) => n.uid === s), a = c.current, d = m.current ? window.getComputedStyle(m.current).direction === "rtl" : !1;
-      switch (i.key) {
-        case "ArrowLeft": {
-          const n = t + (d ? 1 : -1);
-          n >= 0 && n < e.tabs.length && (o(e.tabs[n].uid), a[n]?.focus());
-          break;
-        }
-        case "ArrowRight": {
-          const n = t + (d ? -1 : 1);
-          n >= 0 && n < e.tabs.length && (o(e.tabs[n].uid), a[n]?.focus());
-          break;
-        }
-        case "Home":
-          o(e.tabs[0].uid), a[0]?.focus();
-          break;
-        case "End":
-          o(e.tabs[e.tabs.length - 1].uid), a[e.tabs.length - 1]?.focus();
-          break;
-        default:
-          return;
-      }
-    },
-    [s, e.tabs, o]
-  ), V = f(() => (e.tabs || []).map((t, a) => /* @__PURE__ */ l("li", { role: "presentation", children: /* @__PURE__ */ l(
-    "button",
-    {
-      ref: (d) => {
-        c.current[a] = d;
-      },
-      type: "button",
-      role: "tab",
-      tabIndex: t.uid === s ? void 0 : -1,
-      "data-cy": `tab_${r.uid}_${a}`,
-      id: `tab_${r.uid}_${a}`,
-      "aria-controls": `tabpanel_${r.uid}_${a}`,
-      "aria-selected": t.uid === s ? "true" : "false",
-      className: `${t.uid === s ? "active" : ""}`,
-      onClick: () => o(t.uid),
-      onKeyDown: (d) => I(d),
-      onFocus: (d) => {
-        d.target.scrollIntoView();
-      },
-      children: t.label
-    }
-  ) }, `tab_${r.uid}_${t.uid}`)), [e, s, r, c, o, I]), C = f(() => {
-    const i = g.findIndex((t) => t.uid === s);
-    return g.filter((t) => t.uid === s || e.renderMode !== "activeOnly").map((t) => /* @__PURE__ */ l(
-      "section",
-      {
-        role: "tabpanel",
-        "data-cy": `tabpanel_${r.uid}_${i}`,
-        id: `tabpanel_${r.uid}_${i}`,
-        hidden: t.uid !== s && e.renderMode !== "activeOnly",
-        "aria-labelledby": `tab_${r.uid}_${i}`,
-        children: /* @__PURE__ */ l(E, { widget: t }, t.uid)
-      },
-      `tabpanel_${r.uid}_${t.uid}`
-    ));
-  }, [g, s, r]);
-  return /* @__PURE__ */ v("div", { className: "gui-tabs", style: { flex: e.size }, children: [
-    /* @__PURE__ */ l(
-      "nav",
-      {
-        className: A({
-          "gui-widget": !0,
-          "gui-widget--horizontal": !0,
-          "gui-tabs--start-shadow": !S,
-          "gui-tabs--end-shadow": !k
-        }),
-        id: O,
-        children: /* @__PURE__ */ v("ul", { role: "tablist", children: [
-          /* @__PURE__ */ l("li", { role: "presentation", ref: w, className: "gui-sentinel" }),
-          V(),
-          /* @__PURE__ */ l("li", { role: "presentation", ref: _, className: "gui-sentinel" })
-        ] })
-      }
-    ),
-    C()
-  ] });
-}
-export {
-  z as Tabs
-};

package/TextArea-z99jVJ4-.js

@@ -1,35 +0,0 @@
-import { jsx as o } from "react/jsx-runtime";
-import { useInputWidget as C } from "@golemui/react";
-import { useCallback as D } from "react";
-/* empty css                */
-function M(n) {
-  const a = n.widget, { uid: i, errors: r, value: l, isTouched: s, templateData: e, onValueChanged: t, onBlur: d } = C(a), c = D(
-    (q) => t(q.nativeEvent.detail.value),
-    [t]
-  ), u = e.label, m = e.hint, h = e.placeholder, g = e.icon, p = e.validator?.maxLength, x = e.counterMode, v = e.autoGrow, b = e.minimumHeight, f = e.disabled, w = e.readonly, y = e.validator?.required;
-  return /* @__PURE__ */ o("div", { className: "gui-textarea", style: { flex: e.size }, children: /* @__PURE__ */ o(
-    "gui-textarea",
-    {
-      uid: i,
-      label: u,
-      errors: r,
-      touched: s,
-      required: y,
-      disabled: f,
-      readOnly: w,
-      value: l,
-      hint: m,
-      placeholder: h,
-      icon: g,
-      counterMode: x,
-      minimumHeight: b,
-      autoGrow: v,
-      maxLength: p,
-      onInput: c,
-      onBlur: d
-    }
-  ) });
-}
-export {
-  M as TextArea
-};

package/TextInput-BTkEyMEv.js

@@ -1,31 +0,0 @@
-import { jsx as i } from "react/jsx-runtime";
-import { useInputWidget as f } from "@golemui/react";
-import { useCallback as y } from "react";
-/* empty css                */
-function D(n) {
-  const o = n.widget, { uid: l, errors: a, value: d, isTouched: r, templateData: e, onValueChanged: t, onBlur: s } = f(o), c = y(
-    (x) => t(x.nativeEvent.detail.value),
-    [t]
-  ), u = e.label, p = e.hint, h = e.placeholder, m = e.icon, g = e.disabled, v = e.readonly, b = e.validator?.required;
-  return /* @__PURE__ */ i("div", { className: "gui-textinput", style: { flex: e.size }, children: /* @__PURE__ */ i(
-    "gui-textinput",
-    {
-      uid: l,
-      label: u,
-      hint: p,
-      errors: a,
-      touched: r,
-      required: b,
-      disabled: g,
-      readOnly: v,
-      value: d,
-      icon: m,
-      placeholder: h ?? void 0,
-      onInput: c,
-      onBlur: s
-    }
-  ) });
-}
-export {
-  D as TextInput
-};