@react-form-builder/components-rsuite 7.8.0 → 7.10.0

package/dist/tab.js

@@ -1,11 +1,11 @@
-import { jsxs as p, Fragment as b, jsx as l } from "@emotion/react/jsx-runtime";
-import v from "@emotion/styled";
-import { define as f, array as m, toLabeledValues as y, boolean as h, node as g, useComponentData as K } from "@react-form-builder/core";
+import { jsxs as d, Fragment as p, jsx as n } from "@emotion/react/jsx-runtime";
+import b from "@emotion/styled";
+import { define as v, node as f, boolean as y, array as h, toLabeledValues as g, useComponentData as K } from "@react-form-builder/core";
 import { useCallback as C } from "react";
 import { Nav as i } from "rsuite";
-import { n as I } from "./commonProperties-d849cd5b.js";
-import { a as T } from "./categories-7064b279.js";
-const x = v(i)({
+import { n as I } from "./commonProperties-ETOgvhCH.js";
+import { s as T } from "./categories-_98lyB3C.js";
+const x = b(i)({
   ".builder & .rs-nav-item": {
     zIndex: 7
   },
@@ -15,45 +15,41 @@ const x = v(i)({
     appearance: "none",
     backgroundColor: "transparent"
   }
-}), P = ({
-  pane: n,
-  onSelect: e,
-  showNavigation: s,
-  items: r,
-  ...u
+}), D = ({
+  pane: t,
+  onSelect: l,
+  showNavigation: c,
+  items: a,
+  ...s
 }) => {
-  const a = K(), c = C((o, t) => {
-    a.userDefinedProps ?? (a.userDefinedProps = {}), a.userDefinedProps.activeKey = o, e == null || e(o, t);
-  }, [a, e]);
-  if (!(r != null && r.length))
-    return null;
-  const d = u.activeKey ?? (r == null ? void 0 : r[0].value);
-  return /* @__PURE__ */ p(b, { children: [
-    s === !0 && /* @__PURE__ */ l(x, { onSelect: c, activeKey: d, ...u, children: r.map(
-      (o, t) => /* @__PURE__ */ l(
+  const r = K(), u = C((e, o) => {
+    r.userDefinedProps ??= {}, r.userDefinedProps.activeKey = e, l?.(e, o);
+  }, [r, l]);
+  if (!a?.length) return null;
+  const m = s.activeKey ?? a?.[0].value;
+  return /* @__PURE__ */ d(p, { children: [
+    c === !0 && /* @__PURE__ */ n(x, { onSelect: u, activeKey: m, ...s, children: a.map(
+      (e, o) => /* @__PURE__ */ n(
         i.Item,
         {
-          eventKey: o.value,
+          eventKey: e.value,
           role: "tab",
           as: "button",
           type: "button",
-          children: o.label
+          children: e.label
         },
-        t
+        o
       )
     ) }),
-    /* @__PURE__ */ l("div", { children: n })
+    /* @__PURE__ */ n("div", { children: t })
   ] });
-}, B = f(P, "RsTab").name("Tab").category(T).props({
+}, z = v(D, "RsTab").name("Tab").category(T).props({
   ...I,
-  items: m.default(y(["Item1", "Item2", "Item3"])),
-  showNavigation: h.default(!0),
-  pane: g.withSlotConditionBuilder((n) => {
-    var e;
-    return `return parentProps.activeKey === '${((e = n.activeKey) == null ? void 0 : e.value) ?? n.activeKey}'`;
-  }).calculable(!1)
+  items: h.default(g(["Item1", "Item2", "Item3"])),
+  showNavigation: y.default(!0),
+  pane: f.withSlotConditionBuilder((t) => `return parentProps.activeKey === '${t.activeKey?.value ?? t.activeKey}'`).calculable(!1)
 });
 export {
-  B as rsTab
+  z as rsTab
 };
 //# sourceMappingURL=tab.js.map

package/dist/tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab.js","sources":["../src/components/RsTab.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {array, boolean, define, node, toLabeledValues, useComponentData} from '@react-form-builder/core'\nimport type {ReactNode, SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {NavProps} from 'rsuite'\nimport {Nav} from 'rsuite'\nimport {navProps} from '../commonProperties'\nimport {structureCategory} from './categories'\n\n/**\n * Tab item for RsTab component.\n */\nexport type RsTabItem = {\n  /**\n   * Label for the tab item.\n   */\n  label: string\n  /**\n   * Value for the tab item.\n   */\n  value: string\n}\n\n/**\n * Props for the RsTab component.\n */\nexport interface RsTabProps extends NavProps {\n  /**\n   * Items for the tab.\n   */\n  items?: RsTabItem[]\n  /**\n   * Whether to show navigation.\n   */\n  showNavigation?: boolean\n  /**\n   * Pane content for the tab.\n   */\n  pane: ReactNode\n}\n\nconst STabs = styled(Nav)({\n  '.builder & .rs-nav-item': {\n    zIndex: 7,\n  },\n  '.rs-nav-item': {\n    border: 'none',\n    outline: 'none',\n    appearance: 'none',\n    backgroundColor: 'transparent'\n  }\n})\n\n/**\n * Tab component with navigation and pane support.\n * @param props the component props.\n * @param props.pane the pane content for the tab.\n * @param props.onSelect the callback when tab is selected.\n * @param props.showNavigation whether to show navigation.\n * @param props.items the items for the tab.\n * @param props.props the additional tab props.\n * @returns the React element.\n */\nconst RsTab = ({\n                 pane,\n                 onSelect,\n                 showNavigation,\n                 items,\n                 ...props\n               }: RsTabProps) => {\n  const componentData = useComponentData()\n\n  const onNavSelect = useCallback((eventKey: string, event: SyntheticEvent) => {\n    componentData.userDefinedProps ??= {}\n    componentData.userDefinedProps.activeKey = eventKey\n    onSelect?.(eventKey, event)\n  }, [componentData, onSelect])\n\n  if (!items?.length) return null\n\n  const activeKey = props.activeKey ?? items?.[0].value\n\n  return <>\n    {showNavigation === true &&\n      <STabs onSelect={onNavSelect} activeKey={activeKey} {...props}>\n        {items.map((item, index) => <Nav.Item key={index}\n                                              eventKey={item.value}\n                                              role=\"tab\"\n                                              as=\"button\"\n                                              type=\"button\">\n            {item.label}\n          </Nav.Item>\n        )}\n      </STabs>\n    }\n    <div>{pane}</div>\n  </>\n}\n\nexport const rsTab = define(RsTab, 'RsTab')\n  .name('Tab')\n  .category(structureCategory)\n  .props({\n    ...navProps,\n    items: array.default(toLabeledValues(['Item1', 'Item2', 'Item3'])),\n    showNavigation: boolean.default(true),\n    pane: node\n      .withSlotConditionBuilder(props => `return parentProps.activeKey === '${props.activeKey?.value ?? props.activeKey}'`)\n      .calculable(false),\n  })\n"],"names":["STabs","styled","Nav","RsTab","pane","onSelect","showNavigation","items","props","componentData","useComponentData","onNavSelect","useCallback","eventKey","event","activeKey","jsxs","Fragment","item","index","jsx","rsTab","define","structureCategory","navProps","array","toLabeledValues","boolean","node","_a"],"mappings":";;;;;;;AAyCA,MAAMA,IAAQC,EAAOC,CAAG,EAAE;AAAA,EACxB,2BAA2B;AAAA,IACzB,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,iBAAiB;AAAA,EACnB;AACF,CAAC,GAYKC,IAAQ,CAAC;AAAA,EACE,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAC/B,QAAMC,IAAgBC,KAEhBC,IAAcC,EAAY,CAACC,GAAkBC,MAA0B;AAC3E,IAAAL,EAAc,qBAAdA,EAAc,mBAAqB,KACnCA,EAAc,iBAAiB,YAAYI,GAC3CR,KAAA,QAAAA,EAAWQ,GAAUC;AAAA,EAAK,GACzB,CAACL,GAAeJ,CAAQ,CAAC;AAE5B,MAAI,EAACE,KAAA,QAAAA,EAAO;AAAe,WAAA;AAE3B,QAAMQ,IAAYP,EAAM,cAAaD,KAAA,gBAAAA,EAAQ,GAAG;AAEhD,SACG,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAmBX,MAAA,wBACjBN,GAAM,EAAA,UAAUW,GAAa,WAAAI,GAAuB,GAAGP,GACrD,UAAMD,EAAA;AAAA,MAAI,CAACW,GAAMC,MAAU,gBAAAC;AAAA,QAAClB,EAAI;AAAA,QAAJ;AAAA,UACS,UAAUgB,EAAK;AAAA,UACf,MAAK;AAAA,UACL,IAAG;AAAA,UACH,MAAK;AAAA,UACtC,UAAKA,EAAA;AAAA,QAAA;AAAA,QALiCC;AAAA,MAMzC;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAC,EAAC,SAAK,UAAKhB,EAAA,CAAA;AAAA,EACb,EAAA,CAAA;AACF,GAEaiB,IAAQC,EAAOnB,GAAO,OAAO,EACvC,KAAK,KAAK,EACV,SAASoB,CAAiB,EAC1B,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,OAAOC,EAAM,QAAQC,EAAgB,CAAC,SAAS,SAAS,OAAO,CAAC,CAAC;AAAA,EACjE,gBAAgBC,EAAQ,QAAQ,EAAI;AAAA,EACpC,MAAMC,EACH,yBAAyB,CAAApB,MAAS;;AAAA,kDAAqCqB,IAAArB,EAAM,cAAN,gBAAAqB,EAAiB,UAASrB,EAAM,SAAS;AAAA,GAAG,EACnH,WAAW,EAAK;AACrB,CAAC;"}
+{"version":3,"file":"tab.js","sources":["../src/components/RsTab.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {array, boolean, define, node, toLabeledValues, useComponentData} from '@react-form-builder/core'\nimport type {ReactNode, SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {NavProps} from 'rsuite'\nimport {Nav} from 'rsuite'\nimport {navProps} from '../commonProperties'\nimport {structureCategory} from './categories'\n\n/**\n * Tab item for RsTab component.\n */\nexport type RsTabItem = {\n  /**\n   * Label for the tab item.\n   */\n  label: string\n  /**\n   * Value for the tab item.\n   */\n  value: string\n}\n\n/**\n * Props for the RsTab component.\n */\nexport interface RsTabProps extends NavProps {\n  /**\n   * Items for the tab.\n   */\n  items?: RsTabItem[]\n  /**\n   * Whether to show navigation.\n   */\n  showNavigation?: boolean\n  /**\n   * Pane content for the tab.\n   */\n  pane: ReactNode\n}\n\nconst STabs = styled(Nav)({\n  '.builder & .rs-nav-item': {\n    zIndex: 7,\n  },\n  '.rs-nav-item': {\n    border: 'none',\n    outline: 'none',\n    appearance: 'none',\n    backgroundColor: 'transparent'\n  }\n})\n\n/**\n * Tab component with navigation and pane support.\n * @param props the component props.\n * @param props.pane the pane content for the tab.\n * @param props.onSelect the callback when tab is selected.\n * @param props.showNavigation whether to show navigation.\n * @param props.items the items for the tab.\n * @param props.props the additional tab props.\n * @returns the React element.\n */\nconst RsTab = ({\n                 pane,\n                 onSelect,\n                 showNavigation,\n                 items,\n                 ...props\n               }: RsTabProps) => {\n  const componentData = useComponentData()\n\n  const onNavSelect = useCallback((eventKey: string, event: SyntheticEvent) => {\n    componentData.userDefinedProps ??= {}\n    componentData.userDefinedProps.activeKey = eventKey\n    onSelect?.(eventKey, event)\n  }, [componentData, onSelect])\n\n  if (!items?.length) return null\n\n  const activeKey = props.activeKey ?? items?.[0].value\n\n  return <>\n    {showNavigation === true &&\n      <STabs onSelect={onNavSelect} activeKey={activeKey} {...props}>\n        {items.map((item, index) => <Nav.Item key={index}\n                                              eventKey={item.value}\n                                              role=\"tab\"\n                                              as=\"button\"\n                                              type=\"button\">\n            {item.label}\n          </Nav.Item>\n        )}\n      </STabs>\n    }\n    <div>{pane}</div>\n  </>\n}\n\nexport const rsTab = define(RsTab, 'RsTab')\n  .name('Tab')\n  .category(structureCategory)\n  .props({\n    ...navProps,\n    items: array.default(toLabeledValues(['Item1', 'Item2', 'Item3'])),\n    showNavigation: boolean.default(true),\n    pane: node\n      .withSlotConditionBuilder(props => `return parentProps.activeKey === '${props.activeKey?.value ?? props.activeKey}'`)\n      .calculable(false),\n  })\n"],"names":["STabs","styled","Nav","RsTab","pane","onSelect","showNavigation","items","props","componentData","useComponentData","onNavSelect","useCallback","eventKey","event","activeKey","jsxs","Fragment","item","index","jsx","rsTab","define","structureCategory","navProps","array","toLabeledValues","boolean","node"],"mappings":";;;;;;;AAyCA,MAAMA,IAAQC,EAAOC,CAAG,EAAE;AAAA,EACxB,2BAA2B;AAAA,IACzB,QAAQ;AAAA,EAAA;AAAA,EAEV,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,iBAAiB;AAAA,EAAA;AAErB,CAAC,GAYKC,IAAQ,CAAC;AAAA,EACE,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAC/B,QAAMC,IAAgBC,EAAA,GAEhBC,IAAcC,EAAY,CAACC,GAAkBC,MAA0B;AAC3E,IAAAL,EAAc,qBAAqB,CAAA,GACnCA,EAAc,iBAAiB,YAAYI,GAC3CR,IAAWQ,GAAUC,CAAK;AAAA,EAC5B,GAAG,CAACL,GAAeJ,CAAQ,CAAC;AAE5B,MAAI,CAACE,GAAO,OAAQ,QAAO;AAE3B,QAAMQ,IAAYP,EAAM,aAAaD,IAAQ,CAAC,EAAE;AAEhD,SAAO,gBAAAS,EAAAC,GAAA,EACJ,UAAA;AAAA,IAAAX,MAAmB,wBACjBN,GAAA,EAAM,UAAUW,GAAa,WAAAI,GAAuB,GAAGP,GACrD,UAAAD,EAAM;AAAA,MAAI,CAACW,GAAMC,MAAU,gBAAAC;AAAA,QAAClB,EAAI;AAAA,QAAJ;AAAA,UACS,UAAUgB,EAAK;AAAA,UACf,MAAK;AAAA,UACL,IAAG;AAAA,UACH,MAAK;AAAA,UACtC,UAAAA,EAAK;AAAA,QAAA;AAAA,QALiCC;AAAA,MAAA;AAAA,IAMzC,GAEJ;AAAA,IAEF,gBAAAC,EAAC,SAAK,UAAAhB,EAAA,CAAK;AAAA,EAAA,GACb;AACF,GAEaiB,IAAQC,EAAOnB,GAAO,OAAO,EACvC,KAAK,KAAK,EACV,SAASoB,CAAiB,EAC1B,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,OAAOC,EAAM,QAAQC,EAAgB,CAAC,SAAS,SAAS,OAAO,CAAC,CAAC;AAAA,EACjE,gBAAgBC,EAAQ,QAAQ,EAAI;AAAA,EACpC,MAAMC,EACH,yBAAyB,CAAApB,MAAS,qCAAqCA,EAAM,WAAW,SAASA,EAAM,SAAS,GAAG,EACnH,WAAW,EAAK;AACrB,CAAC;"}

package/dist/tag-picker.d.ts

@@ -1,5 +1,5 @@
 import { Definer } from '@react-form-builder/core';
-import type { TagPickerProps } from 'rsuite';
+import { TagPickerProps } from 'rsuite';
 
 export declare const rsTagPicker: Definer<RsTagPickerProps>;
 

package/dist/tag-picker.js

@@ -1,42 +1,39 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { define as g, array as n, toLabeledValues as c } from "@react-form-builder/core";
-import { useRef as P, useEffect as T, useMemo as b } from "react";
-import { TagPicker as k } from "rsuite";
-import { b as l } from "./commonProperties-d849cd5b.js";
-import { s as h } from "./hooks-ff273a8a.js";
-import { f as v } from "./categories-7064b279.js";
-import { u as y } from "./useTouchOnEvent-2be3c60d.js";
-import { L as E } from "./Labeled-751c2353.js";
-import "@emotion/react";
-import "@emotion/styled";
-const L = ({ value: e, label: r }) => ({
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { define as p, array as s, toLabeledValues as i } from "@react-form-builder/core";
+import { useRef as d, useEffect as g, useMemo as P } from "react";
+import { TagPicker as T } from "rsuite";
+import { b as n } from "./commonProperties-ETOgvhCH.js";
+import { s as b } from "./hooks-DMVtrI-b.js";
+import { f as k } from "./categories-_98lyB3C.js";
+import { u as h } from "./useTouchOnEvent-BPYbKiku.js";
+import { L as v } from "./Labeled-BWYRwMiY.js";
+const y = ({ value: e, label: r }) => ({
   value: e ?? "",
   label: r ?? ""
-}), x = [], C = ({ data: e, label: r, value: m, className: u, ...t }) => {
-  const o = P(null), f = y(t, "onClean");
-  T(() => {
-    var a, s;
-    const d = (s = (a = o.current) == null ? void 0 : a.root) == null ? void 0 : s.querySelector(".rs-picker-search-input input");
-    h(d);
+}), E = [], L = ({ data: e, label: r, value: c, className: l, ...t }) => {
+  const a = d(null), m = h(t, "onClean");
+  g(() => {
+    const f = a.current?.root?.querySelector(".rs-picker-search-input input");
+    b(f);
   }, []);
-  const p = b(() => c(e ?? []).map(L), [e]);
-  return /* @__PURE__ */ i(E, { label: r, className: u, passAriaToChildren: !0, children: /* @__PURE__ */ i(
-    k,
+  const u = P(() => i(e ?? []).map(y), [e]);
+  return /* @__PURE__ */ o(v, { label: r, className: l, passAriaToChildren: !0, children: /* @__PURE__ */ o(
+    T,
     {
-      value: m ?? x,
-      data: p,
-      onClean: f,
+      value: c ?? E,
+      data: u,
+      onClean: m,
       ...t,
-      ref: o
+      ref: a
     }
   ) });
-}, { disableVirtualized: O, onLoadData: Y, ...I } = l, _ = g(C, "RsTagPicker").name("TagPicker").category(v).props({
-  ...I,
-  value: n.valued.ofString,
-  label: l.label.default("Select"),
-  data: n.default(c(["a", "b", "c"]))
+}, { disableVirtualized: q, onLoadData: z, ...x } = n, H = p(L, "RsTagPicker").name("TagPicker").category(k).props({
+  ...x,
+  value: s.valued.ofString,
+  label: n.label.default("Select"),
+  data: s.default(i(["a", "b", "c"]))
 });
 export {
-  _ as rsTagPicker
+  H as rsTagPicker
 };
 //# sourceMappingURL=tag-picker.js.map

package/dist/tag-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"tag-picker.js","sources":["../src/components/RsTagPicker.tsx"],"sourcesContent":["import type {LabeledValue} from '@react-form-builder/core'\nimport {array, define, toLabeledValues} from '@react-form-builder/core'\nimport {useEffect, useMemo, useRef} from 'react'\nimport type {PickerHandle, TagPickerProps} from 'rsuite'\nimport {TagPicker} from 'rsuite'\nimport {pickerProps} from '../commonProperties'\nimport {setAriaHiddenIfNotExists} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsTagPicker component.\n */\nexport interface RsTagPickerProps extends TagPickerProps {\n  /**\n   * Label for the tag picker.\n   */\n  label: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\nconst fixEmptyItem = ({value, label}: LabeledValue) => ({\n  value: value ?? '',\n  label: label ?? ''\n})\n\nconst EMPTY_LIST = [] as const\n\n/**\n * Tag picker component with label support.\n * @param props the component props.\n * @param props.data the data for the tag picker.\n * @param props.label the label for the tag picker.\n * @param props.value the value of the tag picker.\n * @param props.className the CSS class name.\n * @param props.props the additional tag picker props.\n * @returns the React element.\n */\nconst RsTagPicker = ({data, label, value, className, ...props}: RsTagPickerProps) => {\n  const inputRef = useRef<PickerHandle>(null)\n  const onClean = useTouchOnEvent(props, 'onClean')\n\n  useEffect(() => {\n    const searchInput = inputRef.current?.root?.querySelector('.rs-picker-search-input input')\n    setAriaHiddenIfNotExists(searchInput)\n  }, [])\n\n  const transformedData = useMemo(() => {\n    return toLabeledValues((data ?? []) as Array<string | LabeledValue>).map(fixEmptyItem)\n  }, [data])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <TagPicker\n        value={value ?? EMPTY_LIST}\n        data={transformedData}\n        onClean={onClean}\n        {...props}\n        ref={inputRef}\n      />\n    </Labeled>\n  )\n}\n\nconst {disableVirtualized, onLoadData, ...tagPickerProps} = pickerProps\n\nexport const rsTagPicker = define(RsTagPicker, 'RsTagPicker')\n  .name('TagPicker')\n  .category(fieldsCategory)\n  .props({\n    ...tagPickerProps,\n    value: array.valued.ofString,\n    label: pickerProps.label.default('Select'),\n    data: array.default(toLabeledValues(['a', 'b', 'c']))\n  })\n"],"names":["fixEmptyItem","value","label","EMPTY_LIST","RsTagPicker","data","className","props","inputRef","useRef","onClean","useTouchOnEvent","useEffect","searchInput","_b","_a","setAriaHiddenIfNotExists","transformedData","useMemo","toLabeledValues","jsx","Labeled","TagPicker","disableVirtualized","onLoadData","tagPickerProps","pickerProps","rsTagPicker","define","fieldsCategory","array"],"mappings":";;;;;;;;;;;AA0BA,MAAMA,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAC,SAA0B;AAAA,EACtD,OAAOD,KAAS;AAAA,EAChB,OAAOC,KAAS;AAClB,IAEMC,IAAa,CAAA,GAYbC,IAAc,CAAC,EAAC,MAAAC,GAAM,OAAAH,GAAO,OAAAD,GAAO,WAAAK,GAAW,GAAGC,QAA6B;AAC7E,QAAAC,IAAWC,EAAqB,IAAI,GACpCC,IAAUC,EAAgBJ,GAAO,SAAS;AAEhD,EAAAK,EAAU,MAAM;;AACd,UAAMC,KAAcC,KAAAC,IAAAP,EAAS,YAAT,gBAAAO,EAAkB,SAAlB,gBAAAD,EAAwB,cAAc;AAC1D,IAAAE,EAAyBH,CAAW;AAAA,EACtC,GAAG,CAAE,CAAA;AAEC,QAAAI,IAAkBC,EAAQ,MACvBC,EAAiBd,KAAQ,CAAA,CAAmC,EAAE,IAAIL,CAAY,GACpF,CAACK,CAAI,CAAC;AAET,SACG,gBAAAe,EAAAC,GAAA,EAAQ,OAAAnB,GAAc,WAAAI,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAc;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOrB,KAASE;AAAA,MAChB,MAAMc;AAAA,MACN,SAAAP;AAAA,MACC,GAAGH;AAAA,MACJ,KAAKC;AAAA,IAAA;AAAA,EAET,EAAA,CAAA;AAEJ,GAEM,EAAC,oBAAAe,GAAoB,YAAAC,GAAY,GAAGC,MAAkBC,GAE/CC,IAAcC,EAAOxB,GAAa,aAAa,EACzD,KAAK,WAAW,EAChB,SAASyB,CAAc,EACvB,MAAM;AAAA,EACL,GAAGJ;AAAA,EACH,OAAOK,EAAM,OAAO;AAAA,EACpB,OAAOJ,EAAY,MAAM,QAAQ,QAAQ;AAAA,EACzC,MAAMI,EAAM,QAAQX,EAAgB,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AACtD,CAAC;"}
+{"version":3,"file":"tag-picker.js","sources":["../src/components/RsTagPicker.tsx"],"sourcesContent":["import type {LabeledValue} from '@react-form-builder/core'\nimport {array, define, toLabeledValues} from '@react-form-builder/core'\nimport {useEffect, useMemo, useRef} from 'react'\nimport type {PickerHandle, TagPickerProps} from 'rsuite'\nimport {TagPicker} from 'rsuite'\nimport {pickerProps} from '../commonProperties'\nimport {setAriaHiddenIfNotExists} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsTagPicker component.\n */\nexport interface RsTagPickerProps extends TagPickerProps {\n  /**\n   * Label for the tag picker.\n   */\n  label: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\nconst fixEmptyItem = ({value, label}: LabeledValue) => ({\n  value: value ?? '',\n  label: label ?? ''\n})\n\nconst EMPTY_LIST = [] as const\n\n/**\n * Tag picker component with label support.\n * @param props the component props.\n * @param props.data the data for the tag picker.\n * @param props.label the label for the tag picker.\n * @param props.value the value of the tag picker.\n * @param props.className the CSS class name.\n * @param props.props the additional tag picker props.\n * @returns the React element.\n */\nconst RsTagPicker = ({data, label, value, className, ...props}: RsTagPickerProps) => {\n  const inputRef = useRef<PickerHandle>(null)\n  const onClean = useTouchOnEvent(props, 'onClean')\n\n  useEffect(() => {\n    const searchInput = inputRef.current?.root?.querySelector('.rs-picker-search-input input')\n    setAriaHiddenIfNotExists(searchInput)\n  }, [])\n\n  const transformedData = useMemo(() => {\n    return toLabeledValues((data ?? []) as Array<string | LabeledValue>).map(fixEmptyItem)\n  }, [data])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <TagPicker\n        value={value ?? EMPTY_LIST}\n        data={transformedData}\n        onClean={onClean}\n        {...props}\n        ref={inputRef}\n      />\n    </Labeled>\n  )\n}\n\nconst {disableVirtualized, onLoadData, ...tagPickerProps} = pickerProps\n\nexport const rsTagPicker = define(RsTagPicker, 'RsTagPicker')\n  .name('TagPicker')\n  .category(fieldsCategory)\n  .props({\n    ...tagPickerProps,\n    value: array.valued.ofString,\n    label: pickerProps.label.default('Select'),\n    data: array.default(toLabeledValues(['a', 'b', 'c']))\n  })\n"],"names":["fixEmptyItem","value","label","EMPTY_LIST","RsTagPicker","data","className","props","inputRef","useRef","onClean","useTouchOnEvent","useEffect","searchInput","setAriaHiddenIfNotExists","transformedData","useMemo","toLabeledValues","jsx","Labeled","TagPicker","disableVirtualized","onLoadData","tagPickerProps","pickerProps","rsTagPicker","define","fieldsCategory","array"],"mappings":";;;;;;;;;AA0BA,MAAMA,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAC,SAA0B;AAAA,EACtD,OAAOD,KAAS;AAAA,EAChB,OAAOC,KAAS;AAClB,IAEMC,IAAa,CAAA,GAYbC,IAAc,CAAC,EAAC,MAAAC,GAAM,OAAAH,GAAO,OAAAD,GAAO,WAAAK,GAAW,GAAGC,QAA6B;AACnF,QAAMC,IAAWC,EAAqB,IAAI,GACpCC,IAAUC,EAAgBJ,GAAO,SAAS;AAEhD,EAAAK,EAAU,MAAM;AACd,UAAMC,IAAcL,EAAS,SAAS,MAAM,cAAc,+BAA+B;AACzF,IAAAM,EAAyBD,CAAW;AAAA,EACtC,GAAG,CAAA,CAAE;AAEL,QAAME,IAAkBC,EAAQ,MACvBC,EAAiBZ,KAAQ,CAAA,CAAmC,EAAE,IAAIL,CAAY,GACpF,CAACK,CAAI,CAAC;AAET,SACE,gBAAAa,EAACC,GAAA,EAAQ,OAAAjB,GAAc,WAAAI,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAY;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOnB,KAASE;AAAA,MAChB,MAAMY;AAAA,MACN,SAAAL;AAAA,MACC,GAAGH;AAAA,MACJ,KAAKC;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ,GAEM,EAAC,oBAAAa,GAAoB,YAAAC,GAAY,GAAGC,MAAkBC,GAE/CC,IAAcC,EAAOtB,GAAa,aAAa,EACzD,KAAK,WAAW,EAChB,SAASuB,CAAc,EACvB,MAAM;AAAA,EACL,GAAGJ;AAAA,EACH,OAAOK,EAAM,OAAO;AAAA,EACpB,OAAOJ,EAAY,MAAM,QAAQ,QAAQ;AAAA,EACzC,MAAMI,EAAM,QAAQX,EAAgB,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AACtD,CAAC;"}

package/dist/text-area.d.ts

@@ -1,5 +1,5 @@
 import { Definer } from '@react-form-builder/core';
-import type { InputProps } from 'rsuite';
+import { InputProps } from 'rsuite';
 
 export declare const rsTextArea: Definer<RsTextAreaProps>;
 

package/dist/text-area.js

@@ -1,24 +1,21 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
-import { define as l, string as e, disabled as d, event as a } from "@react-form-builder/core";
-import { Input as m } from "rsuite";
-import { d as p, s as f, r as n } from "./commonProperties-d849cd5b.js";
-import { f as u } from "./categories-7064b279.js";
-import { L as x } from "./Labeled-751c2353.js";
-import "@emotion/react";
-import "@emotion/styled";
-import "react";
-const T = ({ style: t, className: o, label: s, ...i }) => /* @__PURE__ */ r(x, { label: s, style: t, className: o, passAriaToChildren: !0, children: /* @__PURE__ */ r(m, { as: "textarea", ...i }) }), R = l(T, "RsTextArea").name("Text area").category(u).props({
+import { define as d, event as a, disabled as i, string as e } from "@react-form-builder/core";
+import { Input as f } from "rsuite";
+import { r as m, s as n, d as p } from "./commonProperties-ETOgvhCH.js";
+import { f as u } from "./categories-_98lyB3C.js";
+import { L as x } from "./Labeled-BWYRwMiY.js";
+const T = ({ style: t, className: s, label: o, ...l }) => /* @__PURE__ */ r(x, { label: o, style: t, className: s, passAriaToChildren: !0, children: /* @__PURE__ */ r(f, { as: "textarea", ...l }) }), y = d(T, "RsTextArea").name("Text area").category(u).props({
   label: e.default("Text area"),
   value: e.default("").valued,
   placeholder: e,
   rows: p.default(5),
-  size: f,
-  disabled: d.default(!1),
-  readOnly: n,
+  size: n,
+  disabled: i.default(!1),
+  readOnly: m,
   onChange: a,
   onPressEnter: a
 });
 export {
-  R as rsTextArea
+  y as rsTextArea
 };
 //# sourceMappingURL=text-area.js.map

package/dist/text-area.js.map

@@ -1 +1 @@
-{"version":3,"file":"text-area.js","sources":["../src/components/RsTextArea.tsx"],"sourcesContent":["import {define, disabled, event, string} from '@react-form-builder/core'\nimport type {InputProps} from 'rsuite'\nimport {Input} from 'rsuite'\nimport {positiveNumber, readOnly, size} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsTextArea component.\n */\nexport interface RsTextAreaProps extends InputProps {\n  /**\n   * The label for the text area.\n   */\n  label: string\n  /**\n   * The number of visible text lines.\n   */\n  rows: number\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n}\n\n/**\n * A text area component for multi-line text input.\n * @param props the component props.\n * @param props.style the CSS style for the component.\n * @param props.className the CSS class name for the component.\n * @param props.label the label for the text area.\n * @returns the React element.\n */\nconst RsTextArea = ({style, className, label, ...props}: RsTextAreaProps) => (\n  <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n    <Input as=\"textarea\" {...props}/>\n  </Labeled>\n)\n\nexport const rsTextArea = define(RsTextArea, 'RsTextArea')\n  .name('Text area')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Text area'),\n    value: string.default('').valued,\n    placeholder: string,\n    rows: positiveNumber.default(5),\n    size,\n    disabled: disabled.default(false),\n    readOnly,\n    onChange: event,\n    onPressEnter: event\n  })\n"],"names":["RsTextArea","style","className","label","props","jsx","Labeled","Input","rsTextArea","define","fieldsCategory","string","positiveNumber","size","disabled","readOnly","event"],"mappings":";;;;;;;;;AAiCA,MAAMA,IAAa,CAAC,EAAC,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAK,MACnD,gBAAAC,EAAAC,GAAA,EAAQ,OAAAH,GAAc,OAAAF,GAAc,WAAAC,GAAsB,oBAAoB,IAC7E,UAAA,gBAAAG,EAACE,KAAM,IAAG,YAAY,GAAGH,EAAM,CAAA,EACjC,CAAA,GAGWI,IAAaC,EAAOT,GAAY,YAAY,EACtD,KAAK,WAAW,EAChB,SAASU,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,WAAW;AAAA,EACjC,OAAOA,EAAO,QAAQ,EAAE,EAAE;AAAA,EAC1B,aAAaA;AAAA,EACb,MAAMC,EAAe,QAAQ,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,cAAcA;AAChB,CAAC;"}
+{"version":3,"file":"text-area.js","sources":["../src/components/RsTextArea.tsx"],"sourcesContent":["import {define, disabled, event, string} from '@react-form-builder/core'\nimport type {InputProps} from 'rsuite'\nimport {Input} from 'rsuite'\nimport {positiveNumber, readOnly, size} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsTextArea component.\n */\nexport interface RsTextAreaProps extends InputProps {\n  /**\n   * The label for the text area.\n   */\n  label: string\n  /**\n   * The number of visible text lines.\n   */\n  rows: number\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n}\n\n/**\n * A text area component for multi-line text input.\n * @param props the component props.\n * @param props.style the CSS style for the component.\n * @param props.className the CSS class name for the component.\n * @param props.label the label for the text area.\n * @returns the React element.\n */\nconst RsTextArea = ({style, className, label, ...props}: RsTextAreaProps) => (\n  <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n    <Input as=\"textarea\" {...props}/>\n  </Labeled>\n)\n\nexport const rsTextArea = define(RsTextArea, 'RsTextArea')\n  .name('Text area')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Text area'),\n    value: string.default('').valued,\n    placeholder: string,\n    rows: positiveNumber.default(5),\n    size,\n    disabled: disabled.default(false),\n    readOnly,\n    onChange: event,\n    onPressEnter: event\n  })\n"],"names":["RsTextArea","style","className","label","props","jsx","Labeled","Input","rsTextArea","define","fieldsCategory","string","positiveNumber","size","disabled","readOnly","event"],"mappings":";;;;;;AAiCA,MAAMA,IAAa,CAAC,EAAC,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,MAC/C,gBAAAC,EAACC,GAAA,EAAQ,OAAAH,GAAc,OAAAF,GAAc,WAAAC,GAAsB,oBAAoB,IAC7E,UAAA,gBAAAG,EAACE,KAAM,IAAG,YAAY,GAAGH,EAAA,CAAM,EAAA,CACjC,GAGWI,IAAaC,EAAOT,GAAY,YAAY,EACtD,KAAK,WAAW,EAChB,SAASU,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,WAAW;AAAA,EACjC,OAAOA,EAAO,QAAQ,EAAE,EAAE;AAAA,EAC1B,aAAaA;AAAA,EACb,MAAMC,EAAe,QAAQ,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,cAAcA;AAChB,CAAC;"}

package/dist/time-picker.d.ts

@@ -1,6 +1,6 @@
-import type { DatePickerProps } from 'rsuite';
+import { DatePickerProps } from 'rsuite';
 import { Definer } from '@react-form-builder/core';
-import type { SyntheticEvent } from 'react';
+import { SyntheticEvent } from 'react';
 
 export declare const rsTimePicker: Definer<RsTimePickerProps>;
 

package/dist/time-picker.js

@@ -1,60 +1,58 @@
 import { jsx as u } from "@emotion/react/jsx-runtime";
-import { define as x, string as n, time as T, boolean as l, disabled as y, event as e, isNull as F, timeFormat as i } from "@react-form-builder/core";
-import { format as H, parse as I } from "date-fns";
-import { useMemo as a, useCallback as g } from "react";
-import { DatePicker as w } from "rsuite";
-import { r as A, p as L, s as M } from "./commonProperties-d849cd5b.js";
-import { f as R, t as S } from "./dateTimeUtils-b07ce438.js";
-import { f as _ } from "./categories-7064b279.js";
-import { u as h } from "./useTouchOnEvent-2be3c60d.js";
-import { L as j } from "./Labeled-751c2353.js";
-import "@emotion/react";
-import "@emotion/styled";
-const z = (t) => t instanceof Date && !Number.isNaN(t.getTime()), b = (t, s) => {
+import { define as P, event as e, boolean as m, disabled as V, string as l, time as T, isNull as v, timeFormat as o } from "@react-form-builder/core";
+import { format as x, parse as y } from "date-fns";
+import { useMemo as a, useCallback as F } from "react";
+import { DatePicker as H } from "rsuite";
+import { s as I, p as w, r as A } from "./commonProperties-ETOgvhCH.js";
+import { f as L, t as M } from "./dateTimeUtils-C2AEniv5.js";
+import { f as R } from "./categories-_98lyB3C.js";
+import { u as S } from "./useTouchOnEvent-BPYbKiku.js";
+import { L as _ } from "./Labeled-BWYRwMiY.js";
+const j = (t) => t instanceof Date && !Number.isNaN(t.getTime()), g = (t, n) => {
   if (typeof t == "string") {
-    const o = I(t, s, /* @__PURE__ */ new Date());
-    return isNaN(o.getTime()) ? (console.error("Invalid time string:", t), null) : o;
+    const r = y(t, n, /* @__PURE__ */ new Date());
+    return isNaN(r.getTime()) ? (console.error("Invalid time string:", t), null) : r;
   }
   return t;
-}, q = ({ open: t, label: s, value: o, className: E, format: d, defaultValue: f, onChange: r, ...p }) => {
-  const k = a(() => S(d), [d]), D = h(p, "onClean"), N = a(() => b(o, i), [o]), O = a(() => b(f, i), [f]), P = a(() => t === !0 ? !0 : void 0, [t]), V = g((m, c) => {
-    if (F(m)) {
-      r == null || r(null, c);
+}, z = ({ open: t, label: n, value: r, className: b, format: d, defaultValue: f, onChange: i, ...c }) => {
+  const h = a(() => M(d), [d]), E = S(c, "onClean"), k = a(() => g(r, o), [r]), C = a(() => g(f, o), [f]), D = a(() => t === !0 ? !0 : void 0, [t]), N = F((s, p) => {
+    if (v(s)) {
+      i?.(null, p);
       return;
     }
-    if (z(m)) {
-      const v = H(m, i);
-      r == null || r(v, c);
+    if (j(s)) {
+      const O = x(s, o);
+      i?.(O, p);
     }
-  }, [r]);
-  return /* @__PURE__ */ u(j, { label: s, className: E, passAriaToChildren: !0, children: /* @__PURE__ */ u(
-    w,
+  }, [i]);
+  return /* @__PURE__ */ u(_, { label: n, className: b, passAriaToChildren: !0, children: /* @__PURE__ */ u(
+    H,
     {
-      ...p,
-      onChange: V,
-      value: N ?? O ?? null,
-      open: P,
-      format: k ?? i,
-      onClean: D,
+      ...c,
+      onChange: N,
+      value: k ?? C ?? null,
+      open: D,
+      format: h ?? o,
+      onClean: E,
       preventOverflow: !0
     }
   ) });
-}, ee = x(q, "RsTimePicker").name("TimePicker").category(_).props({
-  label: n.default("Time"),
-  placeholder: n,
+}, Z = P(z, "RsTimePicker").name("TimePicker").category(R).props({
+  label: l.default("Time"),
+  placeholder: l,
   value: T.valued,
   defaultValue: T,
-  format: n.validated(R, {
+  format: l.validated(L, {
     code: "INVALID_TIME_FORMAT",
     message: "The provided time format is invalid"
   }).withEditorProps({ placeholder: "HH:mm" }).default("HH:mm"),
-  editable: l.default(!0),
-  cleanable: l.default(!1),
-  disabled: y.default(!1),
+  editable: m.default(!0),
+  cleanable: m.default(!1),
+  disabled: V.default(!1),
   readOnly: A,
-  open: l,
-  placement: L,
-  size: M,
+  open: m,
+  placement: w,
+  size: I,
   onChange: e,
   onClean: e,
   onClose: e,
@@ -69,6 +67,6 @@ const z = (t) => t instanceof Date && !Number.isNaN(t.getTime()), b = (t, s) =>
   onSelect: e
 });
 export {
-  ee as rsTimePicker
+  Z as rsTimePicker
 };
 //# sourceMappingURL=time-picker.js.map

package/dist/time-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"time-picker.js","sources":["../src/components/RsTimePicker.tsx"],"sourcesContent":["import {boolean, define, disabled, event, isNull, string, time, timeFormat} from '@react-form-builder/core'\nimport {format as formatDate, parse} from 'date-fns'\nimport type {SyntheticEvent} from 'react'\nimport {useCallback, useMemo} from 'react'\nimport type {DatePickerProps} from 'rsuite'\nimport {DatePicker} from 'rsuite'\nimport {placement, readOnly, size} from '../commonProperties'\nimport {formatValidator, toSafeFormat} from '../dateTimeUtils'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\n\nconst isValidDate = (value: any) => value instanceof Date && !Number.isNaN(value.getTime())\n\n/**\n * Returns the time converted to Date format.\n * @param value the date value in string or Date format.\n * @param format the time format.\n * @returns the time converted to Date format.\n */\nconst parseTimeValue = (value: any, format: string) => {\n  if (typeof value === 'string') {\n    const parsedDate = parse(value, format, new Date())\n    if (!isNaN(parsedDate.getTime())) {\n      return parsedDate\n    }\n    console.error('Invalid time string:', value)\n    return null\n  }\n  return value\n}\n\n/**\n * Props for the RsTimePicker component.\n */\nexport interface RsTimePickerProps extends Omit<DatePickerProps, 'value' | 'onChange'> {\n  /**\n   * Value of the time picker.\n   */\n  value?: string\n  /**\n   * Callback when value changes.\n   */\n  onChange?: (value: string | null, event: SyntheticEvent) => void\n  /**\n   * Label for the time picker.\n   */\n  label: string\n  /**\n   * @deprecated\n   */\n  inline?: boolean\n}\n\n/**\n * Time picker component with label support.\n * @param props the component props.\n * @param props.open whether the time picker is open.\n * @param props.label the label for the time picker.\n * @param props.value the value of the time picker.\n * @param props.className the CSS class name.\n * @param props.format the format of the time.\n * @param props.defaultValue the default value of the time picker.\n * @param props.onChange the callback when value changes.\n * @param props.props the additional time picker props.\n * @returns the React element.\n */\nconst RsTimePicker = ({open, label, value, className, format, defaultValue, onChange, ...props}: RsTimePickerProps) => {\n  const safeFormat = useMemo(() => toSafeFormat(format), [format])\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const parsedValue = useMemo(() => parseTimeValue(value, timeFormat), [value])\n  const parsedDefaultValue = useMemo(() => parseTimeValue(defaultValue, timeFormat), [defaultValue])\n  const pickerOpen = useMemo(() => open === true ? true : undefined, [open])\n\n  const handleChange = useCallback((value: Date | null, e: SyntheticEvent) => {\n    if (isNull(value)) {\n      onChange?.(null, e)\n      return\n    }\n    if (isValidDate(value)) {\n      const formatted = formatDate(value, timeFormat)\n      onChange?.(formatted, e)\n    }\n  }, [onChange])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <DatePicker {...props} onChange={handleChange} value={parsedValue ?? parsedDefaultValue ?? null}\n                  open={pickerOpen} format={safeFormat ?? timeFormat} onClean={onClean} preventOverflow/>\n    </Labeled>\n  )\n}\n\nexport const rsTimePicker = define(RsTimePicker, 'RsTimePicker')\n  .name('TimePicker')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Time'),\n    placeholder: string,\n    value: time.valued,\n    defaultValue: time,\n    format: string\n      .validated(formatValidator, {\n        code: 'INVALID_TIME_FORMAT',\n        message: 'The provided time format is invalid'\n      })\n      .withEditorProps({placeholder: 'HH:mm'})\n      .default('HH:mm'),\n    editable: boolean.default(true),\n    cleanable: boolean.default(false),\n    disabled: disabled.default(false),\n    readOnly,\n    open: boolean,\n    placement: placement,\n    size: size,\n    onChange: event,\n    onClean: event,\n    onClose: event,\n    onEnter: event,\n    onEntered: event,\n    onEntering: event,\n    onExit: event,\n    onExited: event,\n    onExiting: event,\n    onOk: event,\n    onOpen: event,\n    onSelect: event\n  })\n"],"names":["isValidDate","value","parseTimeValue","format","parsedDate","parse","RsTimePicker","open","label","className","defaultValue","onChange","props","safeFormat","useMemo","toSafeFormat","onClean","useTouchOnEvent","parsedValue","timeFormat","parsedDefaultValue","pickerOpen","handleChange","useCallback","e","isNull","formatted","formatDate","jsx","Labeled","DatePicker","rsTimePicker","define","fieldsCategory","string","time","formatValidator","boolean","disabled","readOnly","placement","size","event"],"mappings":";;;;;;;;;;;;AAYA,MAAMA,IAAc,CAACC,MAAeA,aAAiB,QAAQ,CAAC,OAAO,MAAMA,EAAM,QAAA,CAAS,GAQpFC,IAAiB,CAACD,GAAYE,MAAmB;AACjD,MAAA,OAAOF,KAAU,UAAU;AAC7B,UAAMG,IAAaC,EAAMJ,GAAOE,GAAQ,oBAAI,MAAM;AAClD,WAAK,MAAMC,EAAW,QAAS,CAAA,KAGvB,QAAA,MAAM,wBAAwBH,CAAK,GACpC,QAHEG;AAAA,EAIX;AACO,SAAAH;AACT,GAqCMK,IAAe,CAAC,EAAC,MAAAC,GAAM,OAAAC,GAAO,OAAAP,GAAO,WAAAQ,GAAWN,QAAAA,GAAQ,cAAAO,GAAc,UAAAC,GAAU,GAAGC,EAAA,MAA8B;AAC/G,QAAAC,IAAaC,EAAQ,MAAMC,EAAaZ,CAAM,GAAG,CAACA,CAAM,CAAC,GACzDa,IAAUC,EAAgBL,GAAO,SAAS,GAC1CM,IAAcJ,EAAQ,MAAMZ,EAAeD,GAAOkB,CAAU,GAAG,CAAClB,CAAK,CAAC,GACtEmB,IAAqBN,EAAQ,MAAMZ,EAAeQ,GAAcS,CAAU,GAAG,CAACT,CAAY,CAAC,GAC3FW,IAAaP,EAAQ,MAAMP,MAAS,KAAO,KAAO,QAAW,CAACA,CAAI,CAAC,GAEnEe,IAAeC,EAAY,CAACtB,GAAoBuB,MAAsB;AACtE,QAAAC,EAAOxB,CAAK,GAAG;AACjB,MAAAU,KAAA,QAAAA,EAAW,MAAMa;AACjB;AAAA,IACF;AACI,QAAAxB,EAAYC,CAAK,GAAG;AAChB,YAAAyB,IAAYC,EAAW1B,GAAOkB,CAAU;AAC9C,MAAAR,KAAA,QAAAA,EAAWe,GAAWF;AAAA,IACxB;AAAA,EAAA,GACC,CAACb,CAAQ,CAAC;AAEb,SACG,gBAAAiB,EAAAC,GAAA,EAAQ,OAAArB,GAAc,WAAAC,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAmB;AAAA,IAACE;AAAA,IAAA;AAAA,MAAY,GAAGlB;AAAA,MAAO,UAAUU;AAAA,MAAc,OAAOJ,KAAeE,KAAsB;AAAA,MAC/E,MAAMC;AAAA,MAAY,QAAQR,KAAcM;AAAA,MAAY,SAAAH;AAAA,MAAkB,iBAAe;AAAA,IAAA;AAAA,EACnG,EAAA,CAAA;AAEJ,GAEae,KAAeC,EAAO1B,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAAS2B,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,MAAM;AAAA,EAC5B,aAAaA;AAAA,EACb,OAAOC,EAAK;AAAA,EACZ,cAAcA;AAAA,EACd,QAAQD,EACL,UAAUE,GAAiB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV,EACA,gBAAgB,EAAC,aAAa,QAAO,CAAC,EACtC,QAAQ,OAAO;AAAA,EAClB,UAAUC,EAAQ,QAAQ,EAAI;AAAA,EAC9B,WAAWA,EAAQ,QAAQ,EAAK;AAAA,EAChC,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,MAAMF;AAAA,EACN,WAAAG;AAAA,EACA,MAAAC;AAAA,EACA,UAAUC;AAAA,EACV,SAASA;AAAA,EACT,SAASA;AAAA,EACT,SAASA;AAAA,EACT,WAAWA;AAAA,EACX,YAAYA;AAAA,EACZ,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,MAAMA;AAAA,EACN,QAAQA;AAAA,EACR,UAAUA;AACZ,CAAC;"}
+{"version":3,"file":"time-picker.js","sources":["../src/components/RsTimePicker.tsx"],"sourcesContent":["import {boolean, define, disabled, event, isNull, string, time, timeFormat} from '@react-form-builder/core'\nimport {format as formatDate, parse} from 'date-fns'\nimport type {SyntheticEvent} from 'react'\nimport {useCallback, useMemo} from 'react'\nimport type {DatePickerProps} from 'rsuite'\nimport {DatePicker} from 'rsuite'\nimport {placement, readOnly, size} from '../commonProperties'\nimport {formatValidator, toSafeFormat} from '../dateTimeUtils'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\n\nconst isValidDate = (value: any) => value instanceof Date && !Number.isNaN(value.getTime())\n\n/**\n * Returns the time converted to Date format.\n * @param value the date value in string or Date format.\n * @param format the time format.\n * @returns the time converted to Date format.\n */\nconst parseTimeValue = (value: any, format: string) => {\n  if (typeof value === 'string') {\n    const parsedDate = parse(value, format, new Date())\n    if (!isNaN(parsedDate.getTime())) {\n      return parsedDate\n    }\n    console.error('Invalid time string:', value)\n    return null\n  }\n  return value\n}\n\n/**\n * Props for the RsTimePicker component.\n */\nexport interface RsTimePickerProps extends Omit<DatePickerProps, 'value' | 'onChange'> {\n  /**\n   * Value of the time picker.\n   */\n  value?: string\n  /**\n   * Callback when value changes.\n   */\n  onChange?: (value: string | null, event: SyntheticEvent) => void\n  /**\n   * Label for the time picker.\n   */\n  label: string\n  /**\n   * @deprecated\n   */\n  inline?: boolean\n}\n\n/**\n * Time picker component with label support.\n * @param props the component props.\n * @param props.open whether the time picker is open.\n * @param props.label the label for the time picker.\n * @param props.value the value of the time picker.\n * @param props.className the CSS class name.\n * @param props.format the format of the time.\n * @param props.defaultValue the default value of the time picker.\n * @param props.onChange the callback when value changes.\n * @param props.props the additional time picker props.\n * @returns the React element.\n */\nconst RsTimePicker = ({open, label, value, className, format, defaultValue, onChange, ...props}: RsTimePickerProps) => {\n  const safeFormat = useMemo(() => toSafeFormat(format), [format])\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const parsedValue = useMemo(() => parseTimeValue(value, timeFormat), [value])\n  const parsedDefaultValue = useMemo(() => parseTimeValue(defaultValue, timeFormat), [defaultValue])\n  const pickerOpen = useMemo(() => open === true ? true : undefined, [open])\n\n  const handleChange = useCallback((value: Date | null, e: SyntheticEvent) => {\n    if (isNull(value)) {\n      onChange?.(null, e)\n      return\n    }\n    if (isValidDate(value)) {\n      const formatted = formatDate(value, timeFormat)\n      onChange?.(formatted, e)\n    }\n  }, [onChange])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <DatePicker {...props} onChange={handleChange} value={parsedValue ?? parsedDefaultValue ?? null}\n                  open={pickerOpen} format={safeFormat ?? timeFormat} onClean={onClean} preventOverflow/>\n    </Labeled>\n  )\n}\n\nexport const rsTimePicker = define(RsTimePicker, 'RsTimePicker')\n  .name('TimePicker')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Time'),\n    placeholder: string,\n    value: time.valued,\n    defaultValue: time,\n    format: string\n      .validated(formatValidator, {\n        code: 'INVALID_TIME_FORMAT',\n        message: 'The provided time format is invalid'\n      })\n      .withEditorProps({placeholder: 'HH:mm'})\n      .default('HH:mm'),\n    editable: boolean.default(true),\n    cleanable: boolean.default(false),\n    disabled: disabled.default(false),\n    readOnly,\n    open: boolean,\n    placement: placement,\n    size: size,\n    onChange: event,\n    onClean: event,\n    onClose: event,\n    onEnter: event,\n    onEntered: event,\n    onEntering: event,\n    onExit: event,\n    onExited: event,\n    onExiting: event,\n    onOk: event,\n    onOpen: event,\n    onSelect: event\n  })\n"],"names":["isValidDate","value","parseTimeValue","format","parsedDate","parse","RsTimePicker","open","label","className","defaultValue","onChange","props","safeFormat","useMemo","toSafeFormat","onClean","useTouchOnEvent","parsedValue","timeFormat","parsedDefaultValue","pickerOpen","handleChange","useCallback","e","isNull","formatted","formatDate","jsx","Labeled","DatePicker","rsTimePicker","define","fieldsCategory","string","time","formatValidator","boolean","disabled","readOnly","placement","size","event"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAc,CAACC,MAAeA,aAAiB,QAAQ,CAAC,OAAO,MAAMA,EAAM,SAAS,GAQpFC,IAAiB,CAACD,GAAYE,MAAmB;AACrD,MAAI,OAAOF,KAAU,UAAU;AAC7B,UAAMG,IAAaC,EAAMJ,GAAOE,GAAQ,oBAAI,MAAM;AAClD,WAAK,MAAMC,EAAW,QAAA,CAAS,KAG/B,QAAQ,MAAM,wBAAwBH,CAAK,GACpC,QAHEG;AAAA,EAIX;AACA,SAAOH;AACT,GAqCMK,IAAe,CAAC,EAAC,MAAAC,GAAM,OAAAC,GAAO,OAAAP,GAAO,WAAAQ,GAAA,QAAWN,GAAQ,cAAAO,GAAc,UAAAC,GAAU,GAAGC,EAAA,MAA8B;AACrH,QAAMC,IAAaC,EAAQ,MAAMC,EAAaZ,CAAM,GAAG,CAACA,CAAM,CAAC,GACzDa,IAAUC,EAAgBL,GAAO,SAAS,GAC1CM,IAAcJ,EAAQ,MAAMZ,EAAeD,GAAOkB,CAAU,GAAG,CAAClB,CAAK,CAAC,GACtEmB,IAAqBN,EAAQ,MAAMZ,EAAeQ,GAAcS,CAAU,GAAG,CAACT,CAAY,CAAC,GAC3FW,IAAaP,EAAQ,MAAMP,MAAS,KAAO,KAAO,QAAW,CAACA,CAAI,CAAC,GAEnEe,IAAeC,EAAY,CAACtB,GAAoBuB,MAAsB;AAC1E,QAAIC,EAAOxB,CAAK,GAAG;AACjB,MAAAU,IAAW,MAAMa,CAAC;AAClB;AAAA,IACF;AACA,QAAIxB,EAAYC,CAAK,GAAG;AACtB,YAAMyB,IAAYC,EAAW1B,GAAOkB,CAAU;AAC9C,MAAAR,IAAWe,GAAWF,CAAC;AAAA,IACzB;AAAA,EACF,GAAG,CAACb,CAAQ,CAAC;AAEb,SACE,gBAAAiB,EAACC,GAAA,EAAQ,OAAArB,GAAc,WAAAC,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAmB;AAAA,IAACE;AAAA,IAAA;AAAA,MAAY,GAAGlB;AAAA,MAAO,UAAUU;AAAA,MAAc,OAAOJ,KAAeE,KAAsB;AAAA,MAC/E,MAAMC;AAAA,MAAY,QAAQR,KAAcM;AAAA,MAAY,SAAAH;AAAA,MAAkB,iBAAe;AAAA,IAAA;AAAA,EAAA,GACnG;AAEJ,GAEae,IAAeC,EAAO1B,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAAS2B,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,MAAM;AAAA,EAC5B,aAAaA;AAAA,EACb,OAAOC,EAAK;AAAA,EACZ,cAAcA;AAAA,EACd,QAAQD,EACL,UAAUE,GAAiB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV,EACA,gBAAgB,EAAC,aAAa,QAAA,CAAQ,EACtC,QAAQ,OAAO;AAAA,EAClB,UAAUC,EAAQ,QAAQ,EAAI;AAAA,EAC9B,WAAWA,EAAQ,QAAQ,EAAK;AAAA,EAChC,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,MAAMF;AAAA,EACN,WAAAG;AAAA,EACA,MAAAC;AAAA,EACA,UAAUC;AAAA,EACV,SAASA;AAAA,EACT,SAASA;AAAA,EACT,SAASA;AAAA,EACT,WAAWA;AAAA,EACX,YAAYA;AAAA,EACZ,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,MAAMA;AAAA,EACN,QAAQA;AAAA,EACR,UAAUA;AACZ,CAAC;"}

package/dist/toggle.d.ts

@@ -8,9 +8,9 @@ import { ToggleProps } from 'rsuite';
 import { WithAsProps } from 'rsuite/esm/internals/types';
 
 export declare const rsToggle: Definer<Omit_2<any, WithAsProps<ElementType<any, keyof JSX.IntrinsicElements>> & ToggleProps> & WithAsProps<ElementType<any, keyof JSX.IntrinsicElements>> & ToggleProps & {
-    children?: ReactNode;
+children?: ReactNode | undefined;
 } & {
-    theme?: Theme | undefined;
+theme?: Theme;
 }>;
 
 export { }

package/dist/toggle.js

@@ -1,29 +1,26 @@
-import r from "@emotion/styled";
-import { define as l, string as e, boolean as o, disabled as a, oneOf as t, event as d } from "@react-form-builder/core";
-import { Toggle as i } from "rsuite";
-import { r as s, c as m } from "./commonProperties-d849cd5b.js";
-import { f } from "./categories-7064b279.js";
-import { r as g } from "./Labeled-751c2353.js";
-import "@emotion/react/jsx-runtime";
-import "@emotion/react";
-import "react";
-const n = r(i)`
+import o from "@emotion/styled";
+import { define as r, event as a, boolean as l, oneOf as d, disabled as t, string as e } from "@react-form-builder/core";
+import { Toggle as s } from "rsuite";
+import { c as i, r as f } from "./commonProperties-ETOgvhCH.js";
+import { f as g } from "./categories-_98lyB3C.js";
+import { r as n } from "./Labeled-BWYRwMiY.js";
+const m = o(s)`
   &.required .rs-toggle-label::after {
-    ${g};
+    ${n};
   }
-`, S = l(n, "RsToggle").name("Toggle").category(f).props({
+`, y = r(m, "RsToggle").name("Toggle").category(g).props({
   children: e,
-  checked: o.valued.default(!0).uncontrolledValue(!1),
+  checked: l.valued.default(!0).uncontrolledValue(!1),
   checkedChildren: e,
   unCheckedChildren: e,
-  disabled: a.default(!1),
-  readOnly: s,
-  size: t("sm", "md", "lg").labeled("Small", "Medium", "Large").default("md").withEditorProps({ creatable: !1 }),
-  color: m,
-  loading: o.default(!1),
-  onChange: d
+  disabled: t.default(!1),
+  readOnly: f,
+  size: d("sm", "md", "lg").labeled("Small", "Medium", "Large").default("md").withEditorProps({ creatable: !1 }),
+  color: i,
+  loading: l.default(!1),
+  onChange: a
 });
 export {
-  S as rsToggle
+  y as rsToggle
 };
 //# sourceMappingURL=toggle.js.map

package/dist/toggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"toggle.js","sources":["../src/components/RsToggle.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, disabled, event, oneOf, string} from '@react-form-builder/core'\nimport {Toggle} from 'rsuite'\nimport {controlColor, readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {requiredStyle} from './internal/Labeled'\n\nconst SToggle = styled(Toggle)`\n  &.required .rs-toggle-label::after {\n    ${requiredStyle};\n  }\n`\n\nexport const rsToggle = define(SToggle, 'RsToggle')\n  .name('Toggle')\n  .category(fieldsCategory)\n  .props({\n    children: string,\n    checked: boolean.valued.default(true).uncontrolledValue(false),\n    checkedChildren: string,\n    unCheckedChildren: string,\n    disabled: disabled.default(false),\n    readOnly,\n    size: oneOf('sm', 'md', 'lg')\n      .labeled('Small', 'Medium', 'Large')\n      .default('md')\n      .withEditorProps({creatable: false}),\n    color: controlColor,\n    loading: boolean.default(false),\n    onChange: event,\n  })\n"],"names":["SToggle","styled","Toggle","requiredStyle","rsToggle","define","fieldsCategory","string","boolean","disabled","readOnly","oneOf","controlColor","event"],"mappings":";;;;;;;;;AAOA,MAAMA,IAAUC,EAAOC,CAAM;AAAA;AAAA,MAEvBC,CAAa;AAAA;AAAA,GAINC,IAAWC,EAAOL,GAAS,UAAU,EAC/C,KAAK,QAAQ,EACb,SAASM,CAAc,EACvB,MAAM;AAAA,EACL,UAAUC;AAAA,EACV,SAASC,EAAQ,OAAO,QAAQ,EAAI,EAAE,kBAAkB,EAAK;AAAA,EAC7D,iBAAiBD;AAAA,EACjB,mBAAmBA;AAAA,EACnB,UAAUE,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,MAAMC,EAAM,MAAM,MAAM,IAAI,EACzB,QAAQ,SAAS,UAAU,OAAO,EAClC,QAAQ,IAAI,EACZ,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOC;AAAA,EACP,SAASJ,EAAQ,QAAQ,EAAK;AAAA,EAC9B,UAAUK;AACZ,CAAC;"}
+{"version":3,"file":"toggle.js","sources":["../src/components/RsToggle.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, disabled, event, oneOf, string} from '@react-form-builder/core'\nimport {Toggle} from 'rsuite'\nimport {controlColor, readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {requiredStyle} from './internal/Labeled'\n\nconst SToggle = styled(Toggle)`\n  &.required .rs-toggle-label::after {\n    ${requiredStyle};\n  }\n`\n\nexport const rsToggle = define(SToggle, 'RsToggle')\n  .name('Toggle')\n  .category(fieldsCategory)\n  .props({\n    children: string,\n    checked: boolean.valued.default(true).uncontrolledValue(false),\n    checkedChildren: string,\n    unCheckedChildren: string,\n    disabled: disabled.default(false),\n    readOnly,\n    size: oneOf('sm', 'md', 'lg')\n      .labeled('Small', 'Medium', 'Large')\n      .default('md')\n      .withEditorProps({creatable: false}),\n    color: controlColor,\n    loading: boolean.default(false),\n    onChange: event,\n  })\n"],"names":["SToggle","styled","Toggle","requiredStyle","rsToggle","define","fieldsCategory","string","boolean","disabled","readOnly","oneOf","controlColor","event"],"mappings":";;;;;;AAOA,MAAMA,IAAUC,EAAOC,CAAM;AAAA;AAAA,MAEvBC,CAAa;AAAA;AAAA,GAINC,IAAWC,EAAOL,GAAS,UAAU,EAC/C,KAAK,QAAQ,EACb,SAASM,CAAc,EACvB,MAAM;AAAA,EACL,UAAUC;AAAA,EACV,SAASC,EAAQ,OAAO,QAAQ,EAAI,EAAE,kBAAkB,EAAK;AAAA,EAC7D,iBAAiBD;AAAA,EACjB,mBAAmBA;AAAA,EACnB,UAAUE,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,MAAMC,EAAM,MAAM,MAAM,IAAI,EACzB,QAAQ,SAAS,UAAU,OAAO,EAClC,QAAQ,IAAI,EACZ,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOC;AAAA,EACP,SAASJ,EAAQ,QAAQ,EAAK;AAAA,EAC9B,UAAUK;AACZ,CAAC;"}

package/dist/tooltip.d.ts

@@ -1,6 +1,6 @@
 import { Definer } from '@react-form-builder/core';
-import type { OverlayTriggerType } from 'rsuite/esm/internals/Overlay/OverlayTrigger';
-import type { TypeAttributes } from 'rsuite/esm/internals/types';
+import { OverlayTriggerType } from 'rsuite/esm/internals/Overlay/OverlayTrigger';
+import { TypeAttributes } from 'rsuite/esm/internals/types';
 import { WrapperProps } from '@react-form-builder/core';
 
 /**

package/dist/tooltip.js

@@ -1,15 +1,15 @@
 import { jsx as t } from "@emotion/react/jsx-runtime";
-import { define as n, string as p, node as s, oneOf as d, someOf as m } from "@react-form-builder/core";
+import { define as n, someOf as p, oneOf as s, node as d, string as m } from "@react-form-builder/core";
 import { useMemo as c } from "react";
 import { Tooltip as u, Whisper as f } from "rsuite";
-import { s as h } from "./categories-7064b279.js";
+import { a as h } from "./categories-_98lyB3C.js";
 const g = { width: "100%", height: "100%" }, S = ({ text: o, placement: e, trigger: i, children: r, ...a }) => {
   const l = c(() => /* @__PURE__ */ t(u, { children: o }), [o]);
   return r ? /* @__PURE__ */ t(f, { placement: e, trigger: i, speaker: l, children: /* @__PURE__ */ t("div", { ...a, style: g, children: r }) }) : null;
 }, q = n(S, "RsTooltip").name("Tooltip").category(h).props({
-  text: p.required.default("Tooltip message...").dataBound,
-  children: s,
-  placement: d(
+  text: m.required.default("Tooltip message...").dataBound,
+  children: d,
+  placement: s(
     "top",
     "bottom",
     "right",
@@ -29,7 +29,7 @@ const g = { width: "100%", height: "100%" }, S = ({ text: o, placement: e, trigg
     "autoHorizontal",
     "autoHorizontalStart"
   ).required.default("bottom").withEditorProps({ creatable: !1 }),
-  trigger: m("click", "hover", "focus", "active", "contextMenu").required.default(["hover"])
+  trigger: p("click", "hover", "focus", "active", "contextMenu").required.default(["hover"])
 }).componentRole("tooltip");
 export {
   q as rsTooltip

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.js","sources":["../src/components/RsTooltip.tsx"],"sourcesContent":["import type {WrapperProps} from '@react-form-builder/core'\nimport {define, node, oneOf, someOf, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport {Tooltip, Whisper} from 'rsuite'\nimport type {OverlayTriggerType} from 'rsuite/esm/internals/Overlay/OverlayTrigger'\nimport type {TypeAttributes} from 'rsuite/esm/internals/types'\nimport {staticCategory} from './categories'\n\n/**\n * The properties of RsTooltip component.\n */\nexport interface RsTooltipProps extends WrapperProps {\n  /**\n   * The tooltip text.\n   */\n  text: string\n  /**\n   * The placement of a tooltip.\n   */\n  placement: TypeAttributes.Placement\n  /**\n   * The tooltip trigger.\n   */\n  trigger: OverlayTriggerType\n}\n\nconst wrapperStyle = {width: '100%', height: '100%'} as const\n\nconst RsTooltip = ({text, placement, trigger, children, ...props}: RsTooltipProps) => {\n  const tooltip = useMemo(() => <Tooltip>{text}</Tooltip>, [text])\n\n  if (!children) return null\n\n  return <Whisper placement={placement} trigger={trigger} speaker={tooltip}>\n    <div {...props} style={wrapperStyle}>{children}</div>\n  </Whisper>\n}\n\n/**\n * Metadata builder for rSuite-based tooltip display component.\n */\nexport const rsTooltip = define(RsTooltip, 'RsTooltip')\n  .name('Tooltip')\n  .category(staticCategory)\n  .props({\n    text: string.required.default('Tooltip message...').dataBound,\n    children: node,\n    placement: oneOf('top', 'bottom', 'right', 'left', 'bottomStart', 'bottomEnd',\n      'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd', 'auto',\n      'autoVertical', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontal', 'autoHorizontalStart')\n      .required.default('bottom')\n      .withEditorProps({creatable: false}),\n    trigger: someOf('click', 'hover', 'focus', 'active', 'contextMenu')\n      .required.default(['hover'])\n  })\n  .componentRole('tooltip')\n"],"names":["wrapperStyle","RsTooltip","text","placement","trigger","children","props","tooltip","useMemo","jsx","Tooltip","Whisper","rsTooltip","define","staticCategory","string","node","oneOf","someOf"],"mappings":";;;;;AA0BA,MAAMA,IAAe,EAAC,OAAO,QAAQ,QAAQ,OAAM,GAE7CC,IAAY,CAAC,EAAC,MAAAC,GAAM,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,GAAGC,QAA2B;AAC9E,QAAAC,IAAUC,EAAQ,MAAM,gBAAAC,EAACC,KAAS,UAAKR,EAAA,CAAA,GAAY,CAACA,CAAI,CAAC;AAE/D,SAAKG,IAEG,gBAAAI,EAAAE,GAAA,EAAQ,WAAAR,GAAsB,SAAAC,GAAkB,SAASG,GAC/D,UAAC,gBAAAE,EAAA,OAAA,EAAK,GAAGH,GAAO,OAAON,GAAe,UAAAK,GAAS,EACjD,CAAA,IAJsB;AAKxB,GAKaO,IAAYC,EAAOZ,GAAW,WAAW,EACnD,KAAK,SAAS,EACd,SAASa,CAAc,EACvB,MAAM;AAAA,EACL,MAAMC,EAAO,SAAS,QAAQ,oBAAoB,EAAE;AAAA,EACpD,UAAUC;AAAA,EACV,WAAWC;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAe;AAAA,IAChE;AAAA,IAAY;AAAA,IAAU;AAAA,IAAa;AAAA,IAAc;AAAA,IAAW;AAAA,IAAY;AAAA,IACxE;AAAA,IAAgB;AAAA,IAAqB;AAAA,IAAmB;AAAA,IAAkB;AAAA,EAAA,EACzE,SAAS,QAAQ,QAAQ,EACzB,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,SAASC,EAAO,SAAS,SAAS,SAAS,UAAU,aAAa,EAC/D,SAAS,QAAQ,CAAC,OAAO,CAAC;AAC/B,CAAC,EACA,cAAc,SAAS;"}
+{"version":3,"file":"tooltip.js","sources":["../src/components/RsTooltip.tsx"],"sourcesContent":["import type {WrapperProps} from '@react-form-builder/core'\nimport {define, node, oneOf, someOf, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport {Tooltip, Whisper} from 'rsuite'\nimport type {OverlayTriggerType} from 'rsuite/esm/internals/Overlay/OverlayTrigger'\nimport type {TypeAttributes} from 'rsuite/esm/internals/types'\nimport {staticCategory} from './categories'\n\n/**\n * The properties of RsTooltip component.\n */\nexport interface RsTooltipProps extends WrapperProps {\n  /**\n   * The tooltip text.\n   */\n  text: string\n  /**\n   * The placement of a tooltip.\n   */\n  placement: TypeAttributes.Placement\n  /**\n   * The tooltip trigger.\n   */\n  trigger: OverlayTriggerType\n}\n\nconst wrapperStyle = {width: '100%', height: '100%'} as const\n\nconst RsTooltip = ({text, placement, trigger, children, ...props}: RsTooltipProps) => {\n  const tooltip = useMemo(() => <Tooltip>{text}</Tooltip>, [text])\n\n  if (!children) return null\n\n  return <Whisper placement={placement} trigger={trigger} speaker={tooltip}>\n    <div {...props} style={wrapperStyle}>{children}</div>\n  </Whisper>\n}\n\n/**\n * Metadata builder for rSuite-based tooltip display component.\n */\nexport const rsTooltip = define(RsTooltip, 'RsTooltip')\n  .name('Tooltip')\n  .category(staticCategory)\n  .props({\n    text: string.required.default('Tooltip message...').dataBound,\n    children: node,\n    placement: oneOf('top', 'bottom', 'right', 'left', 'bottomStart', 'bottomEnd',\n      'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd', 'auto',\n      'autoVertical', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontal', 'autoHorizontalStart')\n      .required.default('bottom')\n      .withEditorProps({creatable: false}),\n    trigger: someOf('click', 'hover', 'focus', 'active', 'contextMenu')\n      .required.default(['hover'])\n  })\n  .componentRole('tooltip')\n"],"names":["wrapperStyle","RsTooltip","text","placement","trigger","children","props","tooltip","useMemo","jsx","Tooltip","Whisper","rsTooltip","define","staticCategory","string","node","oneOf","someOf"],"mappings":";;;;;AA0BA,MAAMA,IAAe,EAAC,OAAO,QAAQ,QAAQ,OAAA,GAEvCC,IAAY,CAAC,EAAC,MAAAC,GAAM,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,GAAGC,QAA2B;AACpF,QAAMC,IAAUC,EAAQ,MAAM,gBAAAC,EAACC,KAAS,UAAAR,EAAA,CAAK,GAAY,CAACA,CAAI,CAAC;AAE/D,SAAKG,IAEE,gBAAAI,EAACE,GAAA,EAAQ,WAAAR,GAAsB,SAAAC,GAAkB,SAASG,GAC/D,UAAA,gBAAAE,EAAC,OAAA,EAAK,GAAGH,GAAO,OAAON,GAAe,UAAAK,GAAS,GACjD,IAJsB;AAKxB,GAKaO,IAAYC,EAAOZ,GAAW,WAAW,EACnD,KAAK,SAAS,EACd,SAASa,CAAc,EACvB,MAAM;AAAA,EACL,MAAMC,EAAO,SAAS,QAAQ,oBAAoB,EAAE;AAAA,EACpD,UAAUC;AAAA,EACV,WAAWC;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAe;AAAA,IAChE;AAAA,IAAY;AAAA,IAAU;AAAA,IAAa;AAAA,IAAc;AAAA,IAAW;AAAA,IAAY;AAAA,IACxE;AAAA,IAAgB;AAAA,IAAqB;AAAA,IAAmB;AAAA,IAAkB;AAAA,EAAA,EACzE,SAAS,QAAQ,QAAQ,EACzB,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,SAASC,EAAO,SAAS,SAAS,SAAS,UAAU,aAAa,EAC/D,SAAS,QAAQ,CAAC,OAAO,CAAC;AAC/B,CAAC,EACA,cAAc,SAAS;"}

package/dist/uploader.d.ts

@@ -1,5 +1,5 @@
 import { Definer } from '@react-form-builder/core';
-import type { UploaderProps } from 'rsuite';
+import { UploaderProps } from 'rsuite';
 
 export declare const rsUploader: Definer<RsUploaderProps>;