@react-form-builder/components-rsuite 0.0.9 → 0.0.10

package/dist/index.js

@@ -19,25 +19,25 @@ const { Cell: ce } = pA, tA = E(ce)`
     left: 4px;
     top: 6px;
   }
-`, he = ({ rowData: A, dataKey: e, rowIndex: t, onChange: o, ...s }) => {
-  const c = (l, f) => {
-    A[e] = f, o == null || o(f, e, t);
+`, he = ({ rowData: A, dataKey: e, rowIndex: o, onChange: t, ...s }) => {
+  const l = (c, f) => {
+    A[e] = f, t == null || t(f, e, o);
   };
-  return /* @__PURE__ */ n(tA, { ...s, children: /* @__PURE__ */ n(fe, { inline: !0, checked: A[e] ?? !1, onChange: c }) });
-}, x = ({ rowData: A, dataKey: e, rowIndex: t, ...o }) => {
-  const s = (c) => {
-    var l;
-    A[e] = c, (l = o.onChange) == null || l.call(o, c, e, t);
+  return /* @__PURE__ */ n(tA, { ...s, children: /* @__PURE__ */ n(fe, { inline: !0, checked: A[e] ?? !1, onChange: l }) });
+}, x = ({ rowData: A, dataKey: e, rowIndex: o, ...t }) => {
+  const s = (l) => {
+    var c;
+    A[e] = l, (c = t.onChange) == null || c.call(t, l, e, o);
   };
-  return /* @__PURE__ */ n(tA, { ...o, children: /* @__PURE__ */ n(J, { value: A[e] ?? "", onChange: s, size: "sm" }) });
+  return /* @__PURE__ */ n(tA, { ...t, children: /* @__PURE__ */ n(J, { value: A[e] ?? "", onChange: s, size: "sm" }) });
 }, ve = (A) => A.map((e) => ({ title: e, href: e })), Ie = [
   { name: "title", input: x },
   { name: "href", title: "Url", input: x },
   { name: "active", input: he }
-], ue = ({ items: A, onItemClick: e, ...t }) => /* @__PURE__ */ n(g, { ...t, style: { display: "flex" }, children: A == null ? void 0 : A.map(
-  (o) => {
-    const { title: s = "", ...c } = o, l = () => e == null ? void 0 : e(o);
-    return /* @__PURE__ */ RA(g.Item, { ...c, onClick: l, key: s }, s);
+], ue = ({ items: A, onItemClick: e, ...o }) => /* @__PURE__ */ n(g, { ...o, style: { display: "flex" }, children: A == null ? void 0 : A.map(
+  (t) => {
+    const { title: s = "", ...l } = t, c = () => e == null ? void 0 : e(t);
+    return /* @__PURE__ */ RA(g.Item, { ...l, onClick: c, key: s }, s);
   }
 ) }), Se = d(ue).type("RsBreadcrumb").name("Breadcrumb").props({
   separator: a.default("/"),
@@ -128,17 +128,17 @@ const { Cell: ce } = pA, tA = E(ce)`
   onChange: i.hinted("Callback fired before the value changed"),
   onSelect: i.hinted("Callback fired before the date selected"),
   value: H.valued.hinted("Controlled value")
-}), dA = ({ content: A, headerSize: e, ...t }) => LA(e, { children: A, ...t }), { textAlign: pe, color: Ee } = nA, Me = d(dA).type("RsHeader").name("Header").props({
+}), dA = ({ content: A, headerSize: e, ...o }) => LA(e, { children: A, ...o }), { textAlign: pe, color: Ee } = nA, Me = d(dA).type("RsHeader").name("Header").props({
   content: a.required.default("Header"),
   headerSize: rA
 }).css({
   backgroundColor: oA,
   textAlign: pe,
   color: Ee
-}), Pe = ({ header: A, title: e, headerSize: t, ...o }) => /* @__PURE__ */ n(PA, { header: /* @__PURE__ */ u(p, { children: [
-  !!e && /* @__PURE__ */ n(dA, { headerSize: t, content: e }),
+}), Pe = ({ header: A, title: e, headerSize: o, ...t }) => /* @__PURE__ */ n(PA, { header: /* @__PURE__ */ u(p, { children: [
+  !!e && /* @__PURE__ */ n(dA, { headerSize: o, content: e }),
   A
-] }), ...o }), je = d(Pe).type("RsCard").name("Card").props({
+] }), ...t }), je = d(Pe).type("RsCard").name("Card").props({
   header: I,
   children: I,
   title: a.default("Title"),
@@ -164,9 +164,9 @@ const { Cell: ce } = pA, tA = E(ce)`
     return !1;
   const e = getComputedStyle(A);
   return e.display === "flex" && e.flexDirection === "row";
-}, sA = ZA(({ direction: A, className: e, ...t }, o) => {
-  const s = A === "horizontal" || we(o == null ? void 0 : o.current);
-  return /* @__PURE__ */ n("div", { ...t, ref: o, className: AA(e, { horizontal: s }, Je) });
+}, sA = ZA(({ direction: A, className: e, ...o }, t) => {
+  const s = A === "horizontal" || we(t == null ? void 0 : t.current);
+  return /* @__PURE__ */ n("div", { ...o, ref: t, className: AA(e, { horizontal: s }, Je) });
 });
 sA.displayName = "Container";
 const He = d(sA).type("RsContainer").name("Container").props({
@@ -240,30 +240,30 @@ const He = d(sA).type("RsContainer").name("Container").props({
   showWeekNumbers: r.hinted("Whether to show week numbers"),
   size: m.hinted("A picker size"),
   value: H.valued.hinted("Value (Controlled)")
-}), lA = ({ data: A, onLoadData: e, value: t, ...o }) => {
-  const [s, c] = y(""), [l, f] = y(A ?? []), [v, k] = y(!1), P = (R) => R.value === t;
+}), lA = ({ data: A, onLoadData: e, value: o, ...t }) => {
+  const [s, l] = y(""), [c, f] = y(A ?? []), [v, k] = y(!1), P = (R) => R.value === o;
   T(() => {
-    t && !l.some(P) && f([
-      { value: t, label: t },
-      ...l
+    o && !c.some(P) && f([
+      { value: o, label: o },
+      ...c
     ]);
   }, []), T(() => {
     s && (e && k(!0), e == null || e(s, j, 0));
   }, [s]);
   const j = (R) => {
-    let w = l;
-    t && R.some(P) && (w = l.filter((IA) => !P(IA))), f([...w, ...R]), k(!1);
+    let w = c;
+    o && R.some(P) && (w = c.filter((IA) => !P(IA))), f([...w, ...R]), k(!1);
   };
-  return { data: l, value: t, loading: v, listProps: {
+  return { data: c, value: o, loading: v, listProps: {
     onItemsRendered: ({ visibleStopIndex: R }) => {
-      R >= l.length - 1 && (k(!0), e == null || e(s, j, l.length));
+      R >= c.length - 1 && (k(!0), e == null || e(s, j, c.length));
     }
   }, onSearch: (R) => {
     var w;
-    f([]), c(R), (w = o.onSearch) == null || w.call(o, R);
+    f([]), l(R), (w = t.onSearch) == null || w.call(t, R);
   }, onOpen: () => {
     var R;
-    (R = o.onOpen) == null || R.call(o), e == null || e("", j, 0);
+    (R = t.onOpen) == null || R.call(t), e == null || e("", j, 0);
   }, virtualized: !!e };
 }, z = E.label`
   text-align: left;
@@ -276,12 +276,12 @@ const He = d(sA).type("RsContainer").name("Container").props({
     margin-inline-start: 5px;
     margin-bottom: 2px;
   }
-`, ze = ({ data: A, label: e, onLoadData: t, onSearch: o, onOpen: s, value: c, className: l, ...f }) => {
-  const { loading: v, ...k } = lA({ data: A, onLoadData: t, onSearch: o, onOpen: s, value: c }), P = (j) => /* @__PURE__ */ u(p, { children: [
+`, ze = ({ data: A, label: e, onLoadData: o, onSearch: t, onOpen: s, value: l, className: c, ...f }) => {
+  const { loading: v, ...k } = lA({ data: A, onLoadData: o, onSearch: t, onOpen: s, value: l }), P = (j) => /* @__PURE__ */ u(p, { children: [
     j,
     v && /* @__PURE__ */ n(Ne, {})
   ] });
-  return /* @__PURE__ */ u(b, { className: l, children: [
+  return /* @__PURE__ */ u(b, { className: c, children: [
     /* @__PURE__ */ n(W.ControlLabel, { children: e }),
     /* @__PURE__ */ n($, { ...f, ...k, renderMenu: P })
   ] });
@@ -299,9 +299,9 @@ const He = d(sA).type("RsContainer").name("Container").props({
   ...iA,
   label: a.default("Select"),
   data: M.default(Q(["a", "b", "c"]))
-}), Ze = (A) => /* @__PURE__ */ n(p, { children: "Dropzone" }), We = d(Ze).type("RsDropzone").name("Dropzone"), Oe = ({ error: A, children: e, placement: t, className: o }) => /* @__PURE__ */ u(Ye, { className: AA(o, A ? "rs-form-control-wrapper" : void 0), children: [
+}), Ze = (A) => /* @__PURE__ */ n(p, { children: "Dropzone" }), We = d(Ze).type("RsDropzone").name("Dropzone"), Oe = ({ error: A, children: e, placement: o, className: t }) => /* @__PURE__ */ u(Ye, { className: AA(t, A ? "rs-form-control-wrapper" : void 0), children: [
   e,
-  /* @__PURE__ */ n(W.ErrorMessage, { show: !!A, placement: t ?? "bottomStart", children: A })
+  /* @__PURE__ */ n(W.ErrorMessage, { show: !!A, placement: o ?? "bottomStart", children: A })
 ] }), Ye = E.div`
   display: flex;
   flex-direction: column;
@@ -325,13 +325,13 @@ const He = d(sA).type("RsContainer").name("Container").props({
   background: oA,
   height: Z.hinted("Image height"),
   width: Z.default("30%").hinted("Image width")
-}).preview(/* @__PURE__ */ n("img", { src: X, width: "200px", height: "auto", alt: "Image" })), qe = ({ style: A, className: e, label: t, passwordMask: o, value: s = "", ...c }) => {
-  const [l, f] = y(!1), v = o ? /* @__PURE__ */ u(F, { inside: !0, children: [
-    /* @__PURE__ */ n(J, { type: l ? "text" : "password", value: s, ...c }),
-    /* @__PURE__ */ n(F.Button, { onClick: () => f(!l), children: l ? /* @__PURE__ */ n(OA, {}) : /* @__PURE__ */ n(YA, {}) })
-  ] }) : /* @__PURE__ */ n(J, { value: s, ...c });
+}).preview(/* @__PURE__ */ n("img", { src: X, width: "200px", height: "auto", alt: "Image" })), qe = ({ style: A, className: e, label: o, passwordMask: t, value: s = "", ...l }) => {
+  const [c, f] = y(!1), v = t ? /* @__PURE__ */ u(F, { inside: !0, children: [
+    /* @__PURE__ */ n(J, { type: c ? "text" : "password", value: s, ...l }),
+    /* @__PURE__ */ n(F.Button, { onClick: () => f(!c), children: c ? /* @__PURE__ */ n(OA, {}) : /* @__PURE__ */ n(YA, {}) })
+  ] }) : /* @__PURE__ */ n(J, { value: s, ...l });
   return /* @__PURE__ */ u(b, { style: A, className: e, children: [
-    /* @__PURE__ */ n(z, { children: t }),
+    /* @__PURE__ */ n(z, { children: o }),
     v
   ] });
 }, $e = d(qe).type("RsInput").name("Input").props({
@@ -374,11 +374,11 @@ const He = d(sA).type("RsContainer").name("Container").props({
   "tr-TR": ae,
   "zh-TW": ie,
   "ja-JP": de
-}, at = eA, so = ({ language: A, children: e }) => /* @__PURE__ */ n(mA, { rtl: A.bidi === "rtl", locale: rt[A.fullCode] ?? at, children: e }), it = (A) => A.map((e) => ({ title: e, href: e })), dt = ({ onSelect: A, items: e, ...t }) => {
-  const { store: o } = K();
-  return e != null && e.length ? /* @__PURE__ */ n(C, { onSelect: (c, l) => {
-    o.props.activeKey = { value: c }, A == null || A(c, l);
-  }, ...t, children: e.map(({ title: c, href: l }, f) => /* @__PURE__ */ n(C.Item, { href: l, eventKey: c, active: c === t.activeKey, children: c }, f)) }) : null;
+}, at = eA, so = ({ language: A, children: e }) => /* @__PURE__ */ n(mA, { rtl: A.bidi === "rtl", locale: rt[A.fullCode] ?? at, children: e }), it = (A) => A.map((e) => ({ title: e, href: e })), dt = ({ onSelect: A, items: e, ...o }) => {
+  const t = K();
+  return e != null && e.length ? /* @__PURE__ */ n(C, { onSelect: (l, c) => {
+    t.userDefinedProps ?? (t.userDefinedProps = {}), t.userDefinedProps.activeKey = l, A == null || A(l, c);
+  }, ...o, children: e.map(({ title: l, href: c }, f) => /* @__PURE__ */ n(C.Item, { href: c, eventKey: l, active: l === o.activeKey, children: l }, f)) }) : null;
 }, st = [
   { name: "title", input: x },
   { name: "href", title: "Url", input: x }
@@ -395,27 +395,27 @@ const He = d(sA).type("RsContainer").name("Container").props({
   closeable: r,
   header: I,
   type: h("info", "success", "warning", "error").default("info")
-}), cA = ({ onChange: A, ...e }) => /* @__PURE__ */ n(J, { onChange: (o, s) => A == null ? void 0 : A(s, o), ...e });
+}), cA = ({ onChange: A, ...e }) => /* @__PURE__ */ n(J, { onChange: (t, s) => A == null ? void 0 : A(s, t), ...e });
 function It(A) {
-  let { decimalSeparator: e = "." } = A, { thousandSeparator: t } = A;
-  return t === !0 && (t = ","), t === e && (console.warn(`
+  let { decimalSeparator: e = "." } = A, { thousandSeparator: o } = A;
+  return o === !0 && (o = ","), o === e && (console.warn(`
         Decimal separator can't be same as thousand separator.
-        thousandSeparator: ${t} (thousandSeparator = {true} is same as thousandSeparator = ",")
+        thousandSeparator: ${o} (thousandSeparator = {true} is same as thousandSeparator = ",")
         decimalSeparator: ${e} (default value for decimalSeparator is .)
-     `), t = void 0, e = "."), t && uA(t) && (t.indexOf("-") >= 0 ? (console.warn("Thousand separator can't contain '-' character"), t = void 0) : t.match(/\d/g) && (console.warn("Thousand separator should not contain numeric character"), t = void 0)), e.match(/\d/g) && (console.warn("Decimal separator should not contain numeric character"), e = "."), { decimalSeparator: e, thousandSeparator: t };
+     `), o = void 0, e = "."), o && uA(o) && (o.indexOf("-") >= 0 ? (console.warn("Thousand separator can't contain '-' character"), o = void 0) : o.match(/\d/g) && (console.warn("Thousand separator should not contain numeric character"), o = void 0)), e.match(/\d/g) && (console.warn("Decimal separator should not contain numeric character"), e = "."), { decimalSeparator: e, thousandSeparator: o };
 }
-const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) => {
-  const { decimalSeparator: l, thousandSeparator: f } = It(c);
+const ut = ({ style: A, className: e, label: o, onChange: t, value: s, ...l }) => {
+  const { decimalSeparator: c, thousandSeparator: f } = It(l);
   return /* @__PURE__ */ u(b, { style: A, className: e, children: [
-    /* @__PURE__ */ n(z, { children: t }),
+    /* @__PURE__ */ n(z, { children: o }),
     /* @__PURE__ */ n(
       se,
       {
         customInput: cA,
-        ...c,
-        decimalSeparator: l,
+        ...l,
+        decimalSeparator: c,
         thousandSeparator: f,
-        onValueChange: (v) => o == null ? void 0 : o(v.value),
+        onValueChange: (v) => t == null ? void 0 : t(v.value),
         value: s ?? ""
       }
     )
@@ -434,19 +434,19 @@ const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) =
   suffix: a,
   thousandsGroupStyle: h("thousand", "lakh", "wan", "none").default("none"),
   thousandSeparator: a
-}), kt = ({ style: A, className: e, label: t, format: o, onChange: s, value: c, ...l }) => {
-  let { mask: f } = l;
+}), kt = ({ style: A, className: e, label: o, format: t, onChange: s, value: l, ...c }) => {
+  let { mask: f } = c;
   return f && (f === "string" ? f : f.toString()).match(/\d/g) && (console.warn(`Mask ${f} should not contain numeric character, mask value will be ignored`), f = void 0), /* @__PURE__ */ u(b, { style: A, className: e, children: [
-    /* @__PURE__ */ n(z, { children: t }),
+    /* @__PURE__ */ n(z, { children: o }),
     /* @__PURE__ */ n(
       le,
       {
         customInput: cA,
-        format: o ?? "",
-        ...l,
+        format: t ?? "",
+        ...c,
         mask: f,
         onValueChange: (v) => s == null ? void 0 : s(v.formattedValue),
-        value: c ?? ""
+        value: l ?? ""
       }
     )
   ] });
@@ -476,9 +476,9 @@ const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) =
 }), Et = d(_.Line).name("Progress line").type("RsProgressLine").props({
   ...fA,
   vertical: r.default(!1).hinted("The progress bar is displayed vertically")
-}), Mt = ({ items: A, label: e, value: t, className: o, ...s }) => /* @__PURE__ */ u("div", { className: o, children: [
+}), Mt = ({ items: A, label: e, value: o, className: t, ...s }) => /* @__PURE__ */ u("div", { className: t, children: [
   /* @__PURE__ */ n("label", { children: e }),
-  /* @__PURE__ */ n(CA, { ...s, value: t ?? "", children: A.map(({ value: c, label: l }, f) => /* @__PURE__ */ n(DA, { value: c, children: l ?? c }, f)) })
+  /* @__PURE__ */ n(CA, { ...s, value: o ?? "", children: A.map(({ value: l, label: c }, f) => /* @__PURE__ */ n(DA, { value: l, children: c ?? l }, f)) })
 ] }), Pt = d(Mt).type("RsRadioGroup").name("Radio group").props({
   name: a.default("RadioGroup").hinted("Radio group name"),
   appearance: h("default", "picker").labeled("Default", "Picker").default("default"),
@@ -489,15 +489,15 @@ const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) =
   onChange: i,
   items: M.default(Q(["a", "b", "c"])),
   value: a.valued.hinted("Radio group value")
-}), jt = (A) => /* @__PURE__ */ n(p, { children: "Repeater" }), xt = d(jt).type("RsRepeater").name("Repeater"), Gt = (A) => /* @__PURE__ */ n(p, { children: "RichTextEditor" }), bt = d(Gt).type("RsRichTextEditor").name("Rich text editor"), wt = ({ data: A, label: e, onLoadData: t, onSearch: o, value: s, className: c, ...l }) => {
-  const { loading: f, onOpen: v, ...k } = lA({ data: A, onLoadData: t, onSearch: o, value: s }), P = (U) => {
+}), jt = (A) => /* @__PURE__ */ n(p, { children: "Repeater" }), xt = d(jt).type("RsRepeater").name("Repeater"), Gt = (A) => /* @__PURE__ */ n(p, { children: "RichTextEditor" }), bt = d(Gt).type("RsRichTextEditor").name("Rich text editor"), wt = ({ data: A, label: e, onLoadData: o, onSearch: t, value: s, className: l, ...c }) => {
+  const { loading: f, onOpen: v, ...k } = lA({ data: A, onLoadData: o, onSearch: t, value: s }), P = (U) => {
     var N;
     return (N = k.data) != null && N.length ? U : null;
   }, j = f ? q : UA;
-  return /* @__PURE__ */ u(b, { className: c, children: [
+  return /* @__PURE__ */ u(b, { className: l, children: [
     /* @__PURE__ */ n(W.ControlLabel, { children: e }),
     /* @__PURE__ */ u(Ht, { children: [
-      /* @__PURE__ */ n(Jt, { ...l, ...k, renderMenu: P }),
+      /* @__PURE__ */ n(Jt, { ...c, ...k, renderMenu: P }),
       /* @__PURE__ */ n(j, { className: "search-icon" })
     ] })
   ] });
@@ -523,20 +523,20 @@ const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) =
   label: a.default("Search"),
   placeholder: a.default("Search")
 }), yt = (A) => {
-  const { content: e, allowHtml: t, ...o } = A;
-  return t ? /* @__PURE__ */ n("span", { dangerouslySetInnerHTML: { __html: e }, ...o }) : /* @__PURE__ */ n("span", { ...o, children: e });
+  const { content: e, allowHtml: o, ...t } = A;
+  return o ? /* @__PURE__ */ n("span", { dangerouslySetInnerHTML: { __html: e }, ...t }) : /* @__PURE__ */ n("span", { ...t, children: e });
 }, Ct = d(yt).type("RsStaticContent").name("Static content").props({
   content: a.required.default("Text..."),
   allowHtml: r.named("Allow HTML")
-}), Dt = ({ pane: A, onSelect: e, showNavigation: t, items: o, ...s }) => {
-  const { store: c } = K();
-  if (!(o != null && o.length))
+}), Dt = ({ pane: A, onSelect: e, showNavigation: o, items: t, ...s }) => {
+  const l = K();
+  if (!(t != null && t.length))
     return null;
-  const l = (v, k) => {
-    c.props.activeKey = { value: v }, e == null || e(v, k);
-  }, f = s.activeKey ?? (o == null ? void 0 : o[0].value);
+  const c = (v, k) => {
+    l.userDefinedProps ?? (l.userDefinedProps = {}), l.userDefinedProps.activeKey = v, e == null || e(v, k);
+  }, f = s.activeKey ?? (t == null ? void 0 : t[0].value);
   return /* @__PURE__ */ u(p, { children: [
-    t === !0 && /* @__PURE__ */ n(Qt, { onSelect: l, ...s, children: o.map((v, k) => /* @__PURE__ */ n(C.Item, { eventKey: v.value, active: v.value === f, children: v.label }, k)) }),
+    o === !0 && /* @__PURE__ */ n(Qt, { onSelect: c, ...s, children: t.map((v, k) => /* @__PURE__ */ n(C.Item, { eventKey: v.value, active: v.value === f, children: v.label }, k)) }),
     /* @__PURE__ */ n("div", { children: A })
   ] });
 }, Qt = E(C)`
@@ -547,13 +547,13 @@ const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) =
   ...aA,
   items: M.default(Q(["Item1", "Item2", "Item3"])),
   showNavigation: r.hinted("Show or hide navigation").default(!0),
-  pane: I.setup({ bindConditionBuilder: (A) => {
+  pane: I.withSlotConditionBuilder((A) => {
     var e;
     return `return parentProps.activeKey === '${((e = A.activeKey) == null ? void 0 : e.value) ?? A.activeKey}'`;
-  } }).calculable(!1).hinted("A child component of the tab")
-}), Nt = ({ style: A, className: e, label: t, ...o }) => /* @__PURE__ */ u(b, { style: A, className: e, children: [
-  /* @__PURE__ */ n(z, { children: t }),
-  /* @__PURE__ */ n(J, { as: "textarea", ...o })
+  }).calculable(!1).hinted("A child component of the tab")
+}), Nt = ({ style: A, className: e, label: o, ...t }) => /* @__PURE__ */ u(b, { style: A, className: e, children: [
+  /* @__PURE__ */ n(z, { children: o }),
+  /* @__PURE__ */ n(J, { as: "textarea", ...t })
 ] }), Lt = d(Nt).type("RsTextArea").name("Text area").props({
   label: a.default("Text area"),
   value: a.default("").valued,
@@ -564,7 +564,7 @@ const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) =
   readOnly: G,
   onChange: i,
   onPressEnter: i
-}), Zt = ({ text: A, placement: e, trigger: t, children: o }) => o ? /* @__PURE__ */ n(QA, { placement: e, trigger: t, speaker: /* @__PURE__ */ n(zA, { children: A }), children: /* @__PURE__ */ n("div", { children: o }) }) : null, Wt = d(Zt).type("RsTooltip").name("Tooltip").props({
+}), Zt = ({ text: A, placement: e, trigger: o, children: t }) => t ? /* @__PURE__ */ n(QA, { placement: e, trigger: o, speaker: /* @__PURE__ */ n(zA, { children: A }), children: /* @__PURE__ */ n("div", { children: t }) }) : null, Wt = d(Zt).type("RsTooltip").name("Tooltip").props({
   text: a.required.default("Tooltip message...").hinted("Tooltip text"),
   children: I,
   placement: h(
@@ -588,7 +588,7 @@ const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) =
     "autoHorizontalStart"
   ).required.default("bottom"),
   trigger: SA("click", "hover", "focus", "active", "contextMenu").required.default(["hover"])
-}), Ot = (A) => /* @__PURE__ */ n(p, { children: "TreePicker" }), Yt = d(Ot).type("RsTreePicker").name("Tree picker"), Ut = ({ customElement: A, children: e, ...t }) => /* @__PURE__ */ n(NA, { ...t, children: A && /* @__PURE__ */ n("div", { children: e }) }), gt = [
+}), Ot = (A) => /* @__PURE__ */ n(p, { children: "TreePicker" }), Yt = d(Ot).type("RsTreePicker").name("Tree picker"), Ut = ({ customElement: A, children: e, ...o }) => /* @__PURE__ */ n(NA, { ...o, children: A && /* @__PURE__ */ n("div", { children: e }) }), gt = [
   { name: "name", input: x },
   { name: "fileKey", input: x },
   { name: "url", input: x }
@@ -675,11 +675,11 @@ const ut = ({ style: A, className: e, label: t, onChange: o, value: s, ...c }) =
   ]
 }, vA = [], { notImplemented: fo, ...Xt } = Tt;
 Object.entries(Xt).forEach(([A, e]) => {
-  e.forEach((t) => {
-    const o = "Rs";
-    if (!t.getType().startsWith(o))
-      throw new Error(`The component type must start with '${o}', type: '${t.getType()}'`);
-    t.category(A), vA.push(t);
+  e.forEach((o) => {
+    const t = "Rs";
+    if (!o.getType().startsWith(t))
+      throw new Error(`The component type must start with '${t}', type: '${o.getType()}'`);
+    o.category(A), vA.push(o);
   });
 });
 const Kt = vA.map((A) => A.build()), Bt = Kt.map(({ model: A }) => A), ho = kA(Bt);