@react-form-builder/components-rsuite 7.11.0 → 7.13.0

package/dist/autocomplete.js

@@ -1,7 +1,7 @@
-import { jsxs as i, jsx as o } from "@emotion/react/jsx-runtime";
-import { define as s, string as t, boolean as m, event as e, fn as p, array as u, toLabeledValues as f } from "@react-form-builder/core";
+import { jsx as o, jsxs as i } from "@emotion/react/jsx-runtime";
+import { define as s, event as e, string as t, boolean as m, fn as p, array as u, toLabeledValues as f } from "@react-form-builder/core";
 import { AutoComplete as c } from "rsuite";
-import { i as d } from "./commonProperties-ETOgvhCH.js";
+import { i as d } from "./commonProperties-X-t50qaZ.js";
 import { f as h } from "./categories-_98lyB3C.js";
 import { L as g } from "./Labeled-BWYRwMiY.js";
 const C = () => /* @__PURE__ */ i(

package/dist/breadcrumb.js

@@ -3,7 +3,7 @@ import { createElement as u } from "@emotion/react";
 import { define as f, event as a, array as d, string as h, oneOf as C } from "@react-form-builder/core";
 import { useCallback as b, useMemo as k } from "react";
 import { Checkbox as x, Breadcrumb as l } from "rsuite";
-import { a as g } from "./commonProperties-ETOgvhCH.js";
+import { a as g } from "./commonProperties-X-t50qaZ.js";
 import { s as y } from "./categories-_98lyB3C.js";
 import B from "@emotion/styled";
 import { S as I, I as p } from "./InputCell-BDyUJFGm.js";

package/dist/button.js

@@ -1,19 +1,19 @@
 import { jsx as l } from "@emotion/react/jsx-runtime";
-import { define as s, event as i, boolean as t, string as e, disabled as d, oneOf as u, useBuilderValue as f } from "@react-form-builder/core";
+import { define as s, event as i, string as t, boolean as e, disabled as d, oneOf as u, useBuilderValue as f } from "@react-form-builder/core";
 import { Button as c } from "rsuite";
-import { s as m, c as p } from "./commonProperties-ETOgvhCH.js";
+import { s as m, c as p } from "./commonProperties-X-t50qaZ.js";
 import { a as B } from "./categories-_98lyB3C.js";
 const o = "Button", b = ({ children: a, ...r }) => {
   const n = f(a, o);
   return /* @__PURE__ */ l(c, { ...r, children: n });
 }, v = s(b, "RsButton").name("Button").category(B).props({
-  active: t.default(!1),
+  active: e.default(!1),
   appearance: u("default", "primary", "link", "subtle", "ghost").default("default").withEditorProps({ creatable: !1 }),
-  children: e.required.default(o).dataBound,
+  children: t.required.default(o).dataBound,
   color: p,
   disabled: d.default(!1),
-  href: e,
-  loading: t.default(!1),
+  href: t,
+  loading: e.default(!1),
   size: m,
   onClick: i
 });

package/dist/calendar.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "@emotion/react/jsx-runtime";
-import { define as s, date as o, event as l, boolean as r, string as i } from "@react-form-builder/core";
+import { define as s, date as o, event as l, string as i, boolean as r } from "@react-form-builder/core";
 import { Calendar as n } from "rsuite";
-import { r as m } from "./commonProperties-ETOgvhCH.js";
+import { r as m } from "./commonProperties-X-t50qaZ.js";
 import { f as u } from "./categories-_98lyB3C.js";
 import { L as C } from "./Labeled-BWYRwMiY.js";
 const c = ({ label: t, style: d, className: f, ...e }) => /* @__PURE__ */ a(C, { label: t, style: d, className: f, passAriaToChildren: !0, children: e.readOnly ? /* @__PURE__ */ a(n, { ...e, onChange: void 0 }) : /* @__PURE__ */ a(n, { ...e }) }), x = s(c, "RsCalendar").name("Calendar").category(u).props({

package/dist/card.js

@@ -1,8 +1,8 @@
 import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
-import { define as i, event as m, string as o, boolean as r, node as s } from "@react-form-builder/core";
+import { define as i, event as m, string as o, node as s, boolean as r } from "@react-form-builder/core";
 import { useMemo as u } from "react";
 import { Panel as p } from "rsuite";
-import { h as c } from "./commonProperties-ETOgvhCH.js";
+import { h as c } from "./commonProperties-X-t50qaZ.js";
 import { s as h } from "./categories-_98lyB3C.js";
 import { RsHeader as C } from "./header.js";
 const S = ({ title: e, headerSize: a, header: t }) => /* @__PURE__ */ f("div", { children: [

package/dist/checkbox.js

@@ -3,7 +3,7 @@ import a from "@emotion/styled";
 import { define as i, event as d, string as r, boolean as o, disabled as m } from "@react-form-builder/core";
 import { useMemo as f } from "react";
 import { Checkbox as t } from "rsuite";
-import { r as s } from "./commonProperties-ETOgvhCH.js";
+import { r as s } from "./commonProperties-X-t50qaZ.js";
 import { f as c } from "./categories-_98lyB3C.js";
 import { r as h } from "./Labeled-BWYRwMiY.js";
 const u = a(t)`

package/dist/{commonProperties-ETOgvhCH.js → commonProperties-X-t50qaZ.js}

@@ -1,4 +1,4 @@
-import { event as e, readOnly as i, disabled as o, oneOf as a, string as t, number as r, color as f, boolean as l, array as s, toLabeledValues as u } from "@react-form-builder/core";
+import { event as e, string as t, disabled as o, readOnly as i, oneOf as a, number as r, color as f, boolean as l, array as s, toLabeledValues as u } from "@react-form-builder/core";
 const c = r.withEditorProps({ min: 0 }), p = r.withEditorProps({ min: 1 }), b = a(
   "bottomStart",
   "bottomEnd",
@@ -71,4 +71,4 @@ export {
   d as s,
   m as t
 };
-//# sourceMappingURL=commonProperties-ETOgvhCH.js.map
+//# sourceMappingURL=commonProperties-X-t50qaZ.js.map

package/dist/{commonProperties-ETOgvhCH.js.map → commonProperties-X-t50qaZ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"commonProperties-ETOgvhCH.js","sources":["../src/commonProperties.ts"],"sourcesContent":["import {\n  array,\n  boolean,\n  color,\n  disabled,\n  event,\n  number,\n  oneOf,\n  readOnly as readOnlyProp,\n  string,\n  toLabeledValues\n} from '@react-form-builder/core'\nimport type {TypeAttributes} from 'rsuite/esm/internals/types'\n\ntype Placement = TypeAttributes.Placement;\n\nexport const nonNegNumber = number.withEditorProps({min: 0})\n\nexport const positiveNumber = number.withEditorProps({min: 1})\n\nexport const placement = oneOf<Placement>(\n  'bottomStart',\n  'bottomEnd',\n  'topStart',\n  'topEnd',\n  'leftStart',\n  'rightStart',\n  'leftEnd',\n  'rightEnd'\n)\n\nexport const size = oneOf(\n  'xs',\n  'sm',\n  'md',\n  'lg'\n).labeled(\n  'Extra small',\n  'Small',\n  'Medium',\n  'Large'\n).default('md')\n  .withEditorProps({creatable: false})\n\nexport const textStyles = {\n  textAlign: oneOf('start', 'center', 'end')\n    .default('start')\n    .radio(),\n  fontSize: nonNegNumber.default(14),\n  fontWeight: oneOf('lighter', 'normal', 'bold').default('normal'),\n  color,\n}\n\nexport const readOnly = readOnlyProp.default(false)\n\nexport const inputProps = {\n  placeholder: string,\n  size,\n  disabled: disabled.default(false),\n  readOnly,\n  onChange: event,\n}\n\nexport const headerSize = oneOf('h1', 'h2', 'h3', 'h4', 'h5', 'h6')\n  .default('h4')\n  .withEditorProps({creatable: false})\n\nexport const navProps = {\n  activeKey: string.default('Item1'),\n  appearance: oneOf('default', 'tabs', 'subtle', 'pills')\n    .default('default')\n    .withEditorProps({creatable: false}),\n  items: array.default(toLabeledValues(['Item1', 'Item2', 'Item3'])),\n  justified: boolean.default(false),\n  onSelect: event,\n  reversed: boolean.default(false),\n  vertical: boolean.default(false)\n}\n\nexport const pickerProps = {\n  label: string,\n  value: string.valued,\n  placeholder: string,\n  placement,\n  size,\n  data: array,\n  cleanable: boolean.default(true),\n  creatable: boolean.default(false),\n  disabled: disabled.default(false),\n  readOnly,\n  groupBy: string.default(''),\n  disableVirtualized: boolean,\n  onLoadData: event,\n  onSelect: event,\n  onClean: event,\n  onClose: event,\n  onCreate: event,\n  onChange: event,\n  onSearch: event,\n}\n\nexport const controlColor = oneOf('red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet')\n  .withEditorProps({creatable: false})\n"],"names":["nonNegNumber","number","positiveNumber","placement","oneOf","size","textStyles","color","readOnly","readOnlyProp","inputProps","string","disabled","event","headerSize","navProps","array","toLabeledValues","boolean","pickerProps","controlColor"],"mappings":";AAgBO,MAAMA,IAAeC,EAAO,gBAAgB,EAAC,KAAK,GAAE,GAE9CC,IAAiBD,EAAO,gBAAgB,EAAC,KAAK,GAAE,GAEhDE,IAAYC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAOD;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,QAAQ,IAAI,EACX,gBAAgB,EAAC,WAAW,IAAM,GAExBE,IAAa;AAAA,EACxB,WAAWF,EAAM,SAAS,UAAU,KAAK,EACtC,QAAQ,OAAO,EACf,MAAA;AAAA,EACH,UAAUJ,EAAa,QAAQ,EAAE;AAAA,EACjC,YAAYI,EAAM,WAAW,UAAU,MAAM,EAAE,QAAQ,QAAQ;AAAA,EAC/D,OAAAG;AACF,GAEaC,IAAWC,EAAa,QAAQ,EAAK,GAErCC,IAAa;AAAA,EACxB,aAAaC;AAAA,EACb,MAAAN;AAAA,EACA,UAAUO,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAJ;AAAA,EACA,UAAUK;AACZ,GAEaC,IAAaV,EAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,EAC/D,QAAQ,IAAI,EACZ,gBAAgB,EAAC,WAAW,IAAM,GAExBW,IAAW;AAAA,EACtB,WAAWJ,EAAO,QAAQ,OAAO;AAAA,EACjC,YAAYP,EAAM,WAAW,QAAQ,UAAU,OAAO,EACnD,QAAQ,SAAS,EACjB,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOY,EAAM,QAAQC,EAAgB,CAAC,SAAS,SAAS,OAAO,CAAC,CAAC;AAAA,EACjE,WAAWC,EAAQ,QAAQ,EAAK;AAAA,EAChC,UAAUL;AAAA,EACV,UAAUK,EAAQ,QAAQ,EAAK;AAAA,EAC/B,UAAUA,EAAQ,QAAQ,EAAK;AACjC,GAEaC,IAAc;AAAA,EACzB,OAAOR;AAAA,EACP,OAAOA,EAAO;AAAA,EACd,aAAaA;AAAA,EACb,WAAAR;AAAA,EACA,MAAAE;AAAA,EACA,MAAMW;AAAA,EACN,WAAWE,EAAQ,QAAQ,EAAI;AAAA,EAC/B,WAAWA,EAAQ,QAAQ,EAAK;AAAA,EAChC,UAAUN,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAJ;AAAA,EACA,SAASG,EAAO,QAAQ,EAAE;AAAA,EAC1B,oBAAoBO;AAAA,EACpB,YAAYL;AAAA,EACZ,UAAUA;AAAA,EACV,SAASA;AAAA,EACT,SAASA;AAAA,EACT,UAAUA;AAAA,EACV,UAAUA;AAAA,EACV,UAAUA;AACZ,GAEaO,IAAehB,EAAM,OAAO,UAAU,UAAU,SAAS,QAAQ,QAAQ,QAAQ,EAC3F,gBAAgB,EAAC,WAAW,IAAM;"}
+{"version":3,"file":"commonProperties-X-t50qaZ.js","sources":["../src/commonProperties.ts"],"sourcesContent":["import {\n  array,\n  boolean,\n  color,\n  disabled,\n  event,\n  number,\n  oneOf,\n  readOnly as readOnlyProp,\n  string,\n  toLabeledValues\n} from '@react-form-builder/core'\nimport type {TypeAttributes} from 'rsuite/esm/internals/types'\n\ntype Placement = TypeAttributes.Placement;\n\nexport const nonNegNumber = number.withEditorProps({min: 0})\n\nexport const positiveNumber = number.withEditorProps({min: 1})\n\nexport const placement = oneOf<Placement>(\n  'bottomStart',\n  'bottomEnd',\n  'topStart',\n  'topEnd',\n  'leftStart',\n  'rightStart',\n  'leftEnd',\n  'rightEnd'\n)\n\nexport const size = oneOf(\n  'xs',\n  'sm',\n  'md',\n  'lg'\n).labeled(\n  'Extra small',\n  'Small',\n  'Medium',\n  'Large'\n).default('md')\n  .withEditorProps({creatable: false})\n\nexport const textStyles = {\n  textAlign: oneOf('start', 'center', 'end')\n    .default('start')\n    .radio(),\n  fontSize: nonNegNumber.default(14),\n  fontWeight: oneOf('lighter', 'normal', 'bold').default('normal'),\n  color,\n}\n\nexport const readOnly = readOnlyProp.default(false)\n\nexport const inputProps = {\n  placeholder: string,\n  size,\n  disabled: disabled.default(false),\n  readOnly,\n  onChange: event,\n}\n\nexport const headerSize = oneOf('h1', 'h2', 'h3', 'h4', 'h5', 'h6')\n  .default('h4')\n  .withEditorProps({creatable: false})\n\nexport const navProps = {\n  activeKey: string.default('Item1'),\n  appearance: oneOf('default', 'tabs', 'subtle', 'pills')\n    .default('default')\n    .withEditorProps({creatable: false}),\n  items: array.default(toLabeledValues(['Item1', 'Item2', 'Item3'])),\n  justified: boolean.default(false),\n  onSelect: event,\n  reversed: boolean.default(false),\n  vertical: boolean.default(false)\n}\n\nexport const pickerProps = {\n  label: string,\n  value: string.valued,\n  placeholder: string,\n  placement,\n  size,\n  data: array,\n  cleanable: boolean.default(true),\n  creatable: boolean.default(false),\n  disabled: disabled.default(false),\n  readOnly,\n  groupBy: string.default(''),\n  disableVirtualized: boolean,\n  onLoadData: event,\n  onSelect: event,\n  onClean: event,\n  onClose: event,\n  onCreate: event,\n  onChange: event,\n  onSearch: event,\n}\n\nexport const controlColor = oneOf('red', 'orange', 'yellow', 'green', 'cyan', 'blue', 'violet')\n  .withEditorProps({creatable: false})\n"],"names":["nonNegNumber","number","positiveNumber","placement","oneOf","size","textStyles","color","readOnly","readOnlyProp","inputProps","string","disabled","event","headerSize","navProps","array","toLabeledValues","boolean","pickerProps","controlColor"],"mappings":";AAgBO,MAAMA,IAAeC,EAAO,gBAAgB,EAAC,KAAK,GAAE,GAE9CC,IAAiBD,EAAO,gBAAgB,EAAC,KAAK,GAAE,GAEhDE,IAAYC;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAEaC,IAAOD;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,EAAE,QAAQ,IAAI,EACX,gBAAgB,EAAC,WAAW,IAAM,GAExBE,IAAa;AAAA,EACxB,WAAWF,EAAM,SAAS,UAAU,KAAK,EACtC,QAAQ,OAAO,EACf,MAAA;AAAA,EACH,UAAUJ,EAAa,QAAQ,EAAE;AAAA,EACjC,YAAYI,EAAM,WAAW,UAAU,MAAM,EAAE,QAAQ,QAAQ;AAAA,EAC/D,OAAAG;AACF,GAEaC,IAAWC,EAAa,QAAQ,EAAK,GAErCC,IAAa;AAAA,EACxB,aAAaC;AAAA,EACb,MAAAN;AAAA,EACA,UAAUO,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAJ;AAAA,EACA,UAAUK;AACZ,GAEaC,IAAaV,EAAM,MAAM,MAAM,MAAM,MAAM,MAAM,IAAI,EAC/D,QAAQ,IAAI,EACZ,gBAAgB,EAAC,WAAW,IAAM,GAExBW,IAAW;AAAA,EACtB,WAAWJ,EAAO,QAAQ,OAAO;AAAA,EACjC,YAAYP,EAAM,WAAW,QAAQ,UAAU,OAAO,EACnD,QAAQ,SAAS,EACjB,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOY,EAAM,QAAQC,EAAgB,CAAC,SAAS,SAAS,OAAO,CAAC,CAAC;AAAA,EACjE,WAAWC,EAAQ,QAAQ,EAAK;AAAA,EAChC,UAAUL;AAAA,EACV,UAAUK,EAAQ,QAAQ,EAAK;AAAA,EAC/B,UAAUA,EAAQ,QAAQ,EAAK;AACjC,GAEaC,IAAc;AAAA,EACzB,OAAOR;AAAA,EACP,OAAOA,EAAO;AAAA,EACd,aAAaA;AAAA,EACb,WAAAR;AAAA,EACA,MAAAE;AAAA,EACA,MAAMW;AAAA,EACN,WAAWE,EAAQ,QAAQ,EAAI;AAAA,EAC/B,WAAWA,EAAQ,QAAQ,EAAK;AAAA,EAChC,UAAUN,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAJ;AAAA,EACA,SAASG,EAAO,QAAQ,EAAE;AAAA,EAC1B,oBAAoBO;AAAA,EACpB,YAAYL;AAAA,EACZ,UAAUA;AAAA,EACV,SAASA;AAAA,EACT,SAASA;AAAA,EACT,UAAUA;AAAA,EACV,UAAUA;AAAA,EACV,UAAUA;AACZ,GAEaO,IAAehB,EAAM,OAAO,UAAU,UAAU,SAAS,QAAQ,QAAQ,QAAQ,EAC3F,gBAAgB,EAAC,WAAW,IAAM;"}

package/dist/date-picker.js

@@ -1,8 +1,8 @@
 import { jsx as f } from "@emotion/react/jsx-runtime";
-import { define as b, date as n, boolean as t, string as r, event as e, number as m, disabled as C, oneOf as T, useComponentData as y } from "@react-form-builder/core";
+import { define as b, date as n, string as r, event as e, boolean as t, number as m, disabled as C, oneOf as T, useComponentData as y } from "@react-form-builder/core";
 import { useMemo as p, useEffect as k } from "react";
 import { DatePicker as w } from "rsuite";
-import { s as M, p as O, r as P } from "./commonProperties-ETOgvhCH.js";
+import { s as M, p as O, r as P } from "./commonProperties-X-t50qaZ.js";
 import { f as v, t as x } from "./dateTimeUtils-C2AEniv5.js";
 import { f as V } from "./categories-_98lyB3C.js";
 import { u as N } from "./useTouchOnEvent-BPYbKiku.js";

package/dist/dropdown.js

@@ -1,8 +1,8 @@
 import { jsxs as y, Fragment as k, jsx as o } from "@emotion/react/jsx-runtime";
-import { define as x, array as L, string as h, boolean as w, toLabeledValues as C } from "@react-form-builder/core";
+import { define as x, array as L, toLabeledValues as h, string as w, boolean as C } from "@react-form-builder/core";
 import { useCallback as D } from "react";
 import { Loader as P, InputPicker as j } from "rsuite";
-import { b as v } from "./commonProperties-ETOgvhCH.js";
+import { b as v } from "./commonProperties-X-t50qaZ.js";
 import { u as A, a as F } from "./hooks-DMVtrI-b.js";
 import { f as R } from "./categories-_98lyB3C.js";
 import { u as I } from "./useTouchOnEvent-BPYbKiku.js";
@@ -37,18 +37,18 @@ const E = T(P)`
   return /* @__PURE__ */ o(S, { label: a, className: l, passAriaToChildren: !0, children: /* @__PURE__ */ o(
     j,
     {
-      ref: u,
       ...r,
       ...c,
       onClean: f,
-      renderMenu: b
+      renderMenu: b,
+      ref: u
     }
   ) });
 }, Q = x(M, "RsDropdown").name("Dropdown").category(R).props({
   ...v,
-  preload: w.default(!1),
-  label: h.default("Select"),
-  data: L.default(C(["a", "b", "c"]))
+  preload: C.default(!1),
+  label: w.default("Select"),
+  data: L.default(h(["a", "b", "c"]))
 });
 export {
   Q as rsDropdown

package/dist/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../src/components/internal/SLoader.tsx","../src/components/RsDropdown.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {Loader} from 'rsuite'\n\nexport const SLoader = styled(Loader)`\n  && {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    background: var(--rs-bg-overlay);\n    width: 100%;\n    padding-block: 10px;\n  }\n`\n","import {array, boolean, define, string, toLabeledValues} from '@react-form-builder/core'\nimport type {ReactNode} from 'react'\nimport {useCallback} from 'react'\nimport type {InputPickerProps} from 'rsuite'\nimport {InputPicker} from 'rsuite'\nimport {pickerProps} from '../commonProperties'\nimport type {LoadDataProps} from '../hooks'\nimport {useFixAriaAttributesForInputPicker, useLoadData} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\nimport {SLoader} from './internal/SLoader'\n\n/**\n * Props for the RsDropdown component.\n */\nexport interface RsDropdownProps extends InputPickerProps, LoadDataProps {\n  /**\n   * The label for the dropdown.\n   */\n  label: string\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\n/**\n * Dropdown component with label and data loading support.\n * @param props the component props.\n * @param props.data the data for the dropdown.\n * @param props.label the label for the dropdown.\n * @param props.onLoadData the callback for loading data.\n * @param props.onSearch the callback for search.\n * @param props.onOpen the callback for open.\n * @param props.value the value of the dropdown.\n * @param props.className the css class name.\n * @param props.preload whether to preload data.\n * @param props.disableVirtualized whether to disable virtualization.\n * @param props.props the additional dropdown props.\n * @returns the React element.\n */\nconst RsDropdown = ({\n                      data,\n                      label,\n                      onLoadData,\n                      onSearch,\n                      onOpen,\n                      value = '',\n                      className,\n                      preload,\n                      disableVirtualized,\n                      ...props\n                    }: RsDropdownProps) => {\n  const {loading, ...loadProps} = useLoadData({data, onLoadData, onSearch, onOpen, value, preload, disableVirtualized})\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const inputRef = useFixAriaAttributesForInputPicker()\n\n  const renderMenu = useCallback((menu: ReactNode) => <>\n    {menu}\n    {loading && <SLoader/>}\n  </>, [loading])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <InputPicker\n        ref={inputRef}\n        {...props}\n        {...loadProps}\n        onClean={onClean}\n        renderMenu={renderMenu}\n      />\n    </Labeled>\n  )\n}\n\nexport const rsDropdown = define(RsDropdown, 'RsDropdown')\n  .name('Dropdown')\n  .category(fieldsCategory)\n  .props({\n    ...pickerProps,\n    preload: boolean.default(false),\n    label: string.default('Select'),\n    data: array.default(toLabeledValues(['a', 'b', 'c']))\n  })\n"],"names":["SLoader","styled","Loader","RsDropdown","data","label","onLoadData","onSearch","onOpen","value","className","preload","disableVirtualized","props","loading","loadProps","useLoadData","onClean","useTouchOnEvent","inputRef","useFixAriaAttributesForInputPicker","renderMenu","useCallback","menu","jsxs","Fragment","jsx","Labeled","InputPicker","rsDropdown","define","fieldsCategory","pickerProps","boolean","string","array","toLabeledValues"],"mappings":";;;;;;;;;;AAGO,MAAMA,IAAUC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GC4C9BC,IAAa,CAAC;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACzC,QAAM,EAAC,SAAAC,GAAS,GAAGC,EAAA,IAAaC,EAAY,EAAC,MAAAZ,GAAM,YAAAE,GAAY,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,SAAAE,GAAS,oBAAAC,GAAmB,GAC9GK,IAAUC,EAAgBL,GAAO,SAAS,GAC1CM,IAAWC,EAAA,GAEXC,IAAaC,EAAY,CAACC,MAAoB,gBAAAC,EAAAC,GAAA,EACjD,UAAA;AAAA,IAAAF;AAAA,IACAT,uBAAYd,GAAA,CAAA,CAAO;AAAA,EAAA,GACtB,GAAK,CAACc,CAAO,CAAC;AAEd,SACE,gBAAAY,EAACC,GAAA,EAAQ,OAAAtB,GAAc,WAAAK,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAgB;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,KAAKT;AAAA,MACJ,GAAGN;AAAA,MACH,GAAGE;AAAA,MACJ,SAAAE;AAAA,MACA,YAAAI;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,GAEaQ,IAAaC,EAAO3B,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAAS4B,CAAc,EACvB,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,SAASC,EAAQ,QAAQ,EAAK;AAAA,EAC9B,OAAOC,EAAO,QAAQ,QAAQ;AAAA,EAC9B,MAAMC,EAAM,QAAQC,EAAgB,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AACtD,CAAC;"}
+{"version":3,"file":"dropdown.js","sources":["../src/components/internal/SLoader.tsx","../src/components/RsDropdown.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {Loader} from 'rsuite'\n\nexport const SLoader = styled(Loader)`\n  && {\n    display: flex;\n    justify-content: center;\n    position: absolute;\n    bottom: 0;\n    background: var(--rs-bg-overlay);\n    width: 100%;\n    padding-block: 10px;\n  }\n`\n","import {array, boolean, define, string, toLabeledValues} from '@react-form-builder/core'\nimport type {ReactNode} from 'react'\nimport {useCallback} from 'react'\nimport type {InputPickerProps} from 'rsuite'\nimport {InputPicker} from 'rsuite'\nimport {pickerProps} from '../commonProperties'\nimport type {LoadDataProps} from '../hooks'\nimport {useFixAriaAttributesForInputPicker, useLoadData} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\nimport {SLoader} from './internal/SLoader'\n\n/**\n * Props for the RsDropdown component.\n */\nexport interface RsDropdownProps extends InputPickerProps, LoadDataProps {\n  /**\n   * The label for the dropdown.\n   */\n  label: string\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\n/**\n * Dropdown component with label and data loading support.\n * @param props the component props.\n * @param props.data the data for the dropdown.\n * @param props.label the label for the dropdown.\n * @param props.onLoadData the callback for loading data.\n * @param props.onSearch the callback for search.\n * @param props.onOpen the callback for open.\n * @param props.value the value of the dropdown.\n * @param props.className the css class name.\n * @param props.preload whether to preload data.\n * @param props.disableVirtualized whether to disable virtualization.\n * @param props.props the additional dropdown props.\n * @returns the React element.\n */\nconst RsDropdown = ({\n                      data,\n                      label,\n                      onLoadData,\n                      onSearch,\n                      onOpen,\n                      value = '',\n                      className,\n                      preload,\n                      disableVirtualized,\n                      ...props\n                    }: RsDropdownProps) => {\n  const {loading, ...loadProps} = useLoadData({data, onLoadData, onSearch, onOpen, value, preload, disableVirtualized})\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const inputRef = useFixAriaAttributesForInputPicker()\n\n  const renderMenu = useCallback((menu: ReactNode) => <>\n    {menu}\n    {loading && <SLoader/>}\n  </>, [loading])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <InputPicker\n        {...props}\n        {...loadProps}\n        onClean={onClean}\n        renderMenu={renderMenu}\n        ref={inputRef}\n      />\n    </Labeled>\n  )\n}\n\nexport const rsDropdown = define(RsDropdown, 'RsDropdown')\n  .name('Dropdown')\n  .category(fieldsCategory)\n  .props({\n    ...pickerProps,\n    preload: boolean.default(false),\n    label: string.default('Select'),\n    data: array.default(toLabeledValues(['a', 'b', 'c']))\n  })\n"],"names":["SLoader","styled","Loader","RsDropdown","data","label","onLoadData","onSearch","onOpen","value","className","preload","disableVirtualized","props","loading","loadProps","useLoadData","onClean","useTouchOnEvent","inputRef","useFixAriaAttributesForInputPicker","renderMenu","useCallback","menu","jsxs","Fragment","jsx","Labeled","InputPicker","rsDropdown","define","fieldsCategory","pickerProps","boolean","string","array","toLabeledValues"],"mappings":";;;;;;;;;;AAGO,MAAMA,IAAUC,EAAOC,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GC4C9BC,IAAa,CAAC;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGC;AACL,MAAuB;AACzC,QAAM,EAAC,SAAAC,GAAS,GAAGC,EAAA,IAAaC,EAAY,EAAC,MAAAZ,GAAM,YAAAE,GAAY,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,SAAAE,GAAS,oBAAAC,GAAmB,GAC9GK,IAAUC,EAAgBL,GAAO,SAAS,GAC1CM,IAAWC,EAAA,GAEXC,IAAaC,EAAY,CAACC,MAAoB,gBAAAC,EAAAC,GAAA,EACjD,UAAA;AAAA,IAAAF;AAAA,IACAT,uBAAYd,GAAA,CAAA,CAAO;AAAA,EAAA,GACtB,GAAK,CAACc,CAAO,CAAC;AAEd,SACE,gBAAAY,EAACC,GAAA,EAAQ,OAAAtB,GAAc,WAAAK,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAgB;AAAA,IAACE;AAAA,IAAA;AAAA,MACE,GAAGf;AAAA,MACH,GAAGE;AAAA,MACJ,SAAAE;AAAA,MACA,YAAAI;AAAA,MACA,KAAKF;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ,GAEaU,IAAaC,EAAO3B,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAAS4B,CAAc,EACvB,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,SAASC,EAAQ,QAAQ,EAAK;AAAA,EAC9B,OAAOC,EAAO,QAAQ,QAAQ;AAAA,EAC9B,MAAMC,EAAM,QAAQC,EAAgB,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AACtD,CAAC;"}

package/dist/error-message.js

@@ -3,7 +3,7 @@ import { cx as c } from "@emotion/css";
 import e from "@emotion/styled";
 import { define as p, string as l, useAriaErrorMessage as d } from "@react-form-builder/core";
 import { Form as g } from "rsuite";
-import { p as f } from "./commonProperties-ETOgvhCH.js";
+import { p as f } from "./commonProperties-X-t50qaZ.js";
 import { a as h } from "./categories-_98lyB3C.js";
 const x = e.div`
   display: flex;

package/dist/header.js

@@ -1,6 +1,6 @@
 import { define as s, string as n, color as d, useBuilderValue as c } from "@react-form-builder/core";
 import { createElement as i } from "react";
-import { h as l, t as m } from "./commonProperties-ETOgvhCH.js";
+import { h as l, t as m } from "./commonProperties-X-t50qaZ.js";
 import { a as u } from "./categories-_98lyB3C.js";
 const e = "Header", f = ({ content: r, headerSize: t, ...o }) => {
   const a = c(r, e);

package/dist/index.d.ts

@@ -2202,7 +2202,7 @@ export declare interface RsUploaderProps extends UploaderProps {
     label?: string;
 }
 
-export declare const rsWizard: Definer<RsWizardProps>;
+export declare const rsWizard: Definer<Omit<RsWizardProps, "ref"> & RefAttributes<HTMLDivElement>>;
 
 /**
  * Props for the RsWizard component.
@@ -2243,11 +2243,11 @@ export declare interface RsWizardProps extends PropsWithChildren<any> {
     /**
      * Whether to validate on next.
      */
-    validateOnNext: boolean;
+    validateOnNext?: boolean;
     /**
      * Whether to validate on finish.
      */
-    validateOnFinish: boolean;
+    validateOnFinish?: boolean;
     /**
      * Callback when step changes.
      */
@@ -2255,15 +2255,15 @@ export declare interface RsWizardProps extends PropsWithChildren<any> {
     /**
      * Callback when next button is clicked.
      */
-    onNext?: () => void;
+    onNext?: (event: SyntheticEvent) => void;
     /**
      * Callback when previous button is clicked.
      */
-    onPrev?: () => void;
+    onPrev?: (event: SyntheticEvent) => void;
     /**
      * Callback when finish button is clicked.
      */
-    onFinish?: () => void;
+    onFinish?: (event: SyntheticEvent) => void;
 }
 
 export declare const rsWizardStep: Definer<    {

package/dist/input.js

@@ -3,7 +3,7 @@ import { define as C, string as s, boolean as g, oneOf as y, useComponentData as
 import { Visible as V, EyeClose as k } from "@rsuite/icons";
 import { useState as L, useCallback as j } from "react";
 import { InputGroup as n, Input as p } from "rsuite";
-import { i as P } from "./commonProperties-ETOgvhCH.js";
+import { i as P } from "./commonProperties-X-t50qaZ.js";
 import { f as R } from "./categories-_98lyB3C.js";
 import { L as S } from "./Labeled-BWYRwMiY.js";
 const B = ({ style: u, className: d, label: o, passwordMask: m, showPasswordAriaLabel: f, type: c, value: r, ...a }) => {

package/dist/label.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "@emotion/react/jsx-runtime";
 import { define as s, string as l, useBuilderValue as n } from "@react-form-builder/core";
-import { t as m } from "./commonProperties-ETOgvhCH.js";
+import { t as m } from "./commonProperties-X-t50qaZ.js";
 import { a as c } from "./categories-_98lyB3C.js";
 const e = "Label", i = ({ text: t, ...o }) => {
   const a = n(t, e);

package/dist/link.js

@@ -1,14 +1,14 @@
 import { jsx as s } from "@emotion/react/jsx-runtime";
-import { define as d, event as f, string as t, boolean as c, oneOf as e, node as m } from "@react-form-builder/core";
-import { t as p } from "./commonProperties-ETOgvhCH.js";
+import { define as d, event as f, string as t, node as c, boolean as m, oneOf as e } from "@react-form-builder/core";
+import { t as p } from "./commonProperties-X-t50qaZ.js";
 import { a as k } from "./categories-_98lyB3C.js";
 const x = ({ text: o, download: n, downloadFilename: a, content: r, children: i, ...l }) => /* @__PURE__ */ s("a", { ...l, download: a ?? n, children: r === "text" ? o : i }), g = d(x, "RsLink").name("Link").category(k).props({
   content: e("text", "custom").default("text").radio(),
   text: t.default("Link"),
   href: t,
-  children: m,
+  children: c,
   target: e("_self", "_blank", "_parent", "_top", "_unfencedTop").default("_blank").withEditorProps({ creatable: !1 }),
-  download: c.default(!1),
+  download: m.default(!1),
   downloadFilename: t,
   onClick: f
 }).css({

package/dist/menu.js

@@ -2,7 +2,7 @@ import { jsx as s } from "@emotion/react/jsx-runtime";
 import { define as f, array as d, oneOf as h, useComponentData as v } from "@react-form-builder/core";
 import { useCallback as y } from "react";
 import { Nav as i } from "rsuite";
-import { n as b } from "./commonProperties-ETOgvhCH.js";
+import { n as b } from "./commonProperties-X-t50qaZ.js";
 import { a as P } from "./categories-_98lyB3C.js";
 import { I as m } from "./InputCell-BDyUJFGm.js";
 const g = (a) => a.map((t) => ({ title: t, href: `#${t}` })), w = /* @__PURE__ */ new Set([

package/dist/message.js

@@ -1,5 +1,5 @@
 import s from "@emotion/styled";
-import { define as o, oneOf as r, node as e, boolean as a } from "@react-form-builder/core";
+import { define as o, node as e, oneOf as r, boolean as a } from "@react-form-builder/core";
 import { Message as t } from "rsuite";
 import { a as i } from "./categories-_98lyB3C.js";
 const f = s(t)`

package/dist/modal.js

@@ -1,5 +1,5 @@
 import { jsx as u } from "@emotion/react/jsx-runtime";
-import { oneOf as f, define as c, event as r, boolean as o, string as e } from "@react-form-builder/core";
+import { oneOf as f, define as c, event as r, string as e, boolean as o } from "@react-form-builder/core";
 import { useCallback as i } from "react";
 import { Modal as p } from "rsuite";
 import { m as C } from "./categories-_98lyB3C.js";

package/dist/number-format.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "@emotion/react/jsx-runtime";
-import { define as f, string as o, oneOf as p, boolean as n, array as h, number as S, isString as b } from "@react-form-builder/core";
+import { define as f, string as o, array as p, number as h, oneOf as S, boolean as n, isString as b } from "@react-form-builder/core";
 import { useCallback as g } from "react";
 import { NumericFormat as N } from "react-number-format";
-import { a as w, i as x } from "./commonProperties-ETOgvhCH.js";
+import { a as w, i as x } from "./commonProperties-X-t50qaZ.js";
 import { f as y } from "./categories-_98lyB3C.js";
 import { L as F } from "./Labeled-BWYRwMiY.js";
 import { W as D } from "./WrappedInput-BRkBjl0z.js";
@@ -31,9 +31,9 @@ const C = ({ style: t, className: r, label: a, onChange: i, value: e, ...s }) =>
   ) });
 }, j = f(C, "RsNumberFormat").name("Number format").category(y).props({
   label: o.default("Number input"),
-  value: S.valued,
+  value: h.valued,
   ...x,
-  allowedDecimalSeparators: h.ofString,
+  allowedDecimalSeparators: p.ofString,
   allowLeadingZeros: n.default(!1),
   allowNegative: n.default(!0),
   decimalScale: w,
@@ -41,7 +41,7 @@ const C = ({ style: t, className: r, label: a, onChange: i, value: e, ...s }) =>
   fixedDecimalScale: n.default(!1),
   prefix: o,
   suffix: o,
-  thousandsGroupStyle: p("thousand", "lakh", "wan", "none").default("none"),
+  thousandsGroupStyle: S("thousand", "lakh", "wan", "none").default("none"),
   thousandSeparator: o
 });
 export {

package/dist/pattern-format.js

@@ -1,8 +1,8 @@
 import { jsx as m } from "@emotion/react/jsx-runtime";
-import { define as u, boolean as d, string as a } from "@react-form-builder/core";
+import { define as u, string as a, boolean as d } from "@react-form-builder/core";
 import { useCallback as c } from "react";
 import { PatternFormat as g } from "react-number-format";
-import { i as h } from "./commonProperties-ETOgvhCH.js";
+import { i as h } from "./commonProperties-X-t50qaZ.js";
 import { f as k } from "./categories-_98lyB3C.js";
 import { L as F } from "./Labeled-BWYRwMiY.js";
 import { W as P } from "./WrappedInput-BRkBjl0z.js";

package/dist/radio-group.js

@@ -1,18 +1,18 @@
 import { jsx as e } from "@emotion/react/jsx-runtime";
-import { define as u, string as a, array as p, event as n, boolean as m, disabled as c, oneOf as b, toLabeledValues as R } from "@react-form-builder/core";
+import { define as u, string as a, event as p, array as n, toLabeledValues as m, boolean as c, disabled as b, oneOf as R } from "@react-form-builder/core";
 import { RadioGroup as h, Radio as g } from "rsuite";
-import { r as v } from "./commonProperties-ETOgvhCH.js";
+import { r as v } from "./commonProperties-X-t50qaZ.js";
 import { f as G } from "./categories-_98lyB3C.js";
 import { L as y } from "./Labeled-BWYRwMiY.js";
 const C = ({ items: o, label: l, value: d, className: i, ...t }) => /* @__PURE__ */ e(y, { label: l, className: i, passAriaToChildren: !0, children: /* @__PURE__ */ e(h, { ...t, value: d ?? "", children: o.map(({ value: r, label: f }, s) => /* @__PURE__ */ e(g, { value: r, children: f ?? r }, s)) }) }), w = u(C, "RsRadioGroup").name("Radio group").category(G).props({
   name: a.default("RadioGroup"),
-  appearance: b("default", "picker").labeled("Default", "Picker").default("default").withEditorProps({ creatable: !1 }),
+  appearance: R("default", "picker").labeled("Default", "Picker").default("default").withEditorProps({ creatable: !1 }),
   label: a.default("Radio"),
-  disabled: c.default(!1),
+  disabled: b.default(!1),
   readOnly: v,
-  inline: m.default(!1),
-  onChange: n,
-  items: p.default(R(["a", "b", "c"])),
+  inline: c.default(!1),
+  onChange: p,
+  items: n.default(m(["a", "b", "c"])),
   value: a.valued
 });
 export {