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

package/dist/checkbox.js

@@ -1,36 +1,32 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
+import { jsx as n } from "@emotion/react/jsx-runtime";
 import a from "@emotion/styled";
-import { define as d, string as t, boolean as o, disabled as m, event as f } from "@react-form-builder/core";
-import { useMemo as s } from "react";
-import { Checkbox as l } from "rsuite";
-import { r as c } from "./commonProperties-d849cd5b.js";
-import { f as h } from "./categories-7064b279.js";
-import { r as u } from "./Labeled-751c2353.js";
-import "@emotion/react";
-const b = a(l)`
+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 { f as c } from "./categories-_98lyB3C.js";
+import { r as h } from "./Labeled-BWYRwMiY.js";
+const u = a(t)`
   &.required label::after {
-    ${u};
+    ${h};
   }
-`, C = (e) => {
-  const n = s(
-    () => {
-      var r;
-      return (r = e.children) != null && r.length ? b : l;
-    },
+`, b = (e) => {
+  const l = f(
+    () => e.children?.length ? u : t,
     [e.children]
   );
-  return /* @__PURE__ */ i(n, { ...e });
-}, j = d(C, "RsCheckbox").name("Checkbox").category(h).props({
-  children: t.default("Checkbox"),
+  return /* @__PURE__ */ n(l, { ...e });
+}, R = i(b, "RsCheckbox").name("Checkbox").category(c).props({
+  children: r.default("Checkbox"),
   checked: o.valued.default(!0).uncontrolledValue(!1),
   disabled: m.default(!1),
-  readOnly: c,
+  readOnly: s,
   indeterminate: o,
   inline: o.default(!1),
-  title: t,
-  onChange: f
+  title: r,
+  onChange: d
 });
 export {
-  j as rsCheckbox
+  R as rsCheckbox
 };
 //# sourceMappingURL=checkbox.js.map

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../src/components/RsCheckbox.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, disabled, event, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport type {CheckboxProps} from 'rsuite'\nimport {Checkbox} from 'rsuite'\nimport {readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {requiredStyle} from './internal/Labeled'\n\nconst SCheckbox = styled(Checkbox)`\n  &.required label::after {\n    ${requiredStyle};\n  }\n`\n\nconst RsCheckbox = (props: CheckboxProps<any>) => {\n  const Component = useMemo(\n    () => (props.children as string)?.length ? SCheckbox : Checkbox,\n    [props.children])\n  return <Component {...props}/>\n}\n\nexport const rsCheckbox = define(RsCheckbox, 'RsCheckbox')\n  .name('Checkbox')\n  .category(fieldsCategory)\n  .props({\n    children: string.default('Checkbox'),\n    checked: boolean\n      .valued.default(true).uncontrolledValue(false),\n    disabled: disabled.default(false),\n    readOnly,\n    indeterminate: boolean,\n    inline: boolean.default(false),\n    title: string,\n    onChange: event,\n  })\n"],"names":["SCheckbox","styled","Checkbox","requiredStyle","RsCheckbox","props","Component","useMemo","_a","jsx","rsCheckbox","define","fieldsCategory","string","boolean","disabled","readOnly","event"],"mappings":";;;;;;;;;AASA,MAAMA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,MAE3BC,CAAa;AAAA;AAAA,GAIbC,IAAa,CAACC,MAA8B;AAChD,QAAMC,IAAYC;AAAA,IAChB,MAAA;;AAAO,cAAAC,IAAAH,EAAM,aAAN,QAAAG,EAA2B,SAASR,IAAYE;AAAA;AAAA,IACvD,CAACG,EAAM,QAAQ;AAAA,EAAA;AACV,SAAA,gBAAAI,EAACH,GAAW,EAAA,GAAGD,EAAM,CAAA;AAC9B,GAEaK,IAAaC,EAAOP,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAASQ,CAAc,EACvB,MAAM;AAAA,EACL,UAAUC,EAAO,QAAQ,UAAU;AAAA,EACnC,SAASC,EACN,OAAO,QAAQ,EAAI,EAAE,kBAAkB,EAAK;AAAA,EAC/C,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,eAAeF;AAAA,EACf,QAAQA,EAAQ,QAAQ,EAAK;AAAA,EAC7B,OAAOD;AAAA,EACP,UAAUI;AACZ,CAAC;"}
+{"version":3,"file":"checkbox.js","sources":["../src/components/RsCheckbox.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, disabled, event, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport type {CheckboxProps} from 'rsuite'\nimport {Checkbox} from 'rsuite'\nimport {readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {requiredStyle} from './internal/Labeled'\n\nconst SCheckbox = styled(Checkbox)`\n  &.required label::after {\n    ${requiredStyle};\n  }\n`\n\nconst RsCheckbox = (props: CheckboxProps<any>) => {\n  const Component = useMemo(\n    () => (props.children as string)?.length ? SCheckbox : Checkbox,\n    [props.children])\n  return <Component {...props}/>\n}\n\nexport const rsCheckbox = define(RsCheckbox, 'RsCheckbox')\n  .name('Checkbox')\n  .category(fieldsCategory)\n  .props({\n    children: string.default('Checkbox'),\n    checked: boolean\n      .valued.default(true).uncontrolledValue(false),\n    disabled: disabled.default(false),\n    readOnly,\n    indeterminate: boolean,\n    inline: boolean.default(false),\n    title: string,\n    onChange: event,\n  })\n"],"names":["SCheckbox","styled","Checkbox","requiredStyle","RsCheckbox","props","Component","useMemo","jsx","rsCheckbox","define","fieldsCategory","string","boolean","disabled","readOnly","event"],"mappings":";;;;;;;;AASA,MAAMA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,MAE3BC,CAAa;AAAA;AAAA,GAIbC,IAAa,CAACC,MAA8B;AAChD,QAAMC,IAAYC;AAAA,IAChB,MAAOF,EAAM,UAAqB,SAASL,IAAYE;AAAA,IACvD,CAACG,EAAM,QAAQ;AAAA,EAAA;AACjB,SAAO,gBAAAG,EAACF,GAAA,EAAW,GAAGD,EAAA,CAAM;AAC9B,GAEaI,IAAaC,EAAON,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAASO,CAAc,EACvB,MAAM;AAAA,EACL,UAAUC,EAAO,QAAQ,UAAU;AAAA,EACnC,SAASC,EACN,OAAO,QAAQ,EAAI,EAAE,kBAAkB,EAAK;AAAA,EAC/C,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,eAAeF;AAAA,EACf,QAAQA,EAAQ,QAAQ,EAAK;AAAA,EAC7B,OAAOD;AAAA,EACP,UAAUI;AACZ,CAAC;"}

package/dist/{commonProperties-d849cd5b.js → commonProperties-ETOgvhCH.js}

@@ -1,5 +1,5 @@
-import { number as o, oneOf as a, color as i, readOnly as f, string as t, disabled as r, event as e, array as s, toLabeledValues as u, boolean as l } from "@react-form-builder/core";
-const c = o.withEditorProps({ min: 0 }), p = o.withEditorProps({ min: 1 }), b = a(
+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";
+const c = r.withEditorProps({ min: 0 }), p = r.withEditorProps({ min: 1 }), b = a(
   "bottomStart",
   "bottomEnd",
   "topStart",
@@ -22,11 +22,11 @@ const c = o.withEditorProps({ min: 0 }), p = o.withEditorProps({ min: 1 }), b =
   textAlign: a("start", "center", "end").default("start").radio(),
   fontSize: c.default(14),
   fontWeight: a("lighter", "normal", "bold").default("normal"),
-  color: i
-}, n = f.default(!1), g = {
+  color: f
+}, n = i.default(!1), g = {
   placeholder: t,
   size: d,
-  disabled: r.default(!1),
+  disabled: o.default(!1),
   readOnly: n,
   onChange: e
 }, E = a("h1", "h2", "h3", "h4", "h5", "h6").default("h4").withEditorProps({ creatable: !1 }), S = {
@@ -46,7 +46,7 @@ const c = o.withEditorProps({ min: 0 }), p = o.withEditorProps({ min: 1 }), b =
   data: s,
   cleanable: l.default(!0),
   creatable: l.default(!1),
-  disabled: r.default(!1),
+  disabled: o.default(!1),
   readOnly: n,
   groupBy: t.default(""),
   disableVirtualized: l,
@@ -71,4 +71,4 @@ export {
   d as s,
   m as t
 };
-//# sourceMappingURL=commonProperties-d849cd5b.js.map
+//# sourceMappingURL=commonProperties-ETOgvhCH.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"commonProperties-d849cd5b.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,MAAM;AAAA,EACT,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,GAAM,CAAA;"}
+{"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;"}

package/dist/components-descriptions.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentLibraryDescription } from '@react-form-builder/core';
-import type { LanguageFullCode } from '@react-form-builder/core';
+import { ComponentLibraryDescription } from '@react-form-builder/core';
+import { LanguageFullCode } from '@react-form-builder/core';
 
 export declare const rSuiteComponentsDescriptions: Record<LanguageFullCode, ComponentLibraryDescription>;
 

package/dist/components-descriptions.js

@@ -1,4 +1,4 @@
-import { r as e } from "./rSuiteComponentsDescriptions-d616cdc1.js";
+import { r as e } from "./rSuiteComponentsDescriptions-lX1mwx9_.js";
 export {
   e as rSuiteComponentsDescriptions
 };

package/dist/container.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "@emotion/react/jsx-runtime";
 import i from "@emotion/styled";
-import { forwardRef as a, define as s, node as d, disabled as l, readOnly as c, containerStyles as e } from "@react-form-builder/core";
-import { a as f } from "./categories-7064b279.js";
+import { containerStyles as e, forwardRef as a, define as s, readOnly as d, disabled as l, node as c } from "@react-form-builder/core";
+import { s as f } from "./categories-_98lyB3C.js";
 const p = i.div`
   display: flex;
   flex-direction: column;
@@ -9,9 +9,9 @@ const p = i.div`
   const { disabled: x, readOnly: C, ...n } = r;
   return /* @__PURE__ */ t(p, { ...n, ref: o });
 }), R = s(u, "RsContainer").name("Container").category(f).kind("container").props({
-  children: d,
+  children: c,
   disabled: l,
-  readOnly: c
+  readOnly: d
 }).css({
   ...e,
   flexDirection: m.default("column"),

package/dist/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","sources":["../src/components/RsContainer.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {containerStyles, define, disabled, forwardRef, node, readOnly} from '@react-form-builder/core'\nimport type {ForwardedRef, ReactNode} from 'react'\nimport {structureCategory} from './categories'\n\nconst SDiv = styled.div`\n  display: flex;\n  flex-direction: column;\n`\nconst {flexDirection, gap} = containerStyles\n\n/**\n * Props for the RsContainer component.\n */\nexport interface RsContainerProps {\n  /**\n   * Whether the container is disabled.\n   */\n  disabled?: boolean\n  /**\n   * Whether the container is read only.\n   */\n  readOnly?: boolean\n  /**\n   * Children elements of the container.\n   */\n  children?: ReactNode\n}\n\n/**\n * Container component with flex layout.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsContainer = forwardRef((props: RsContainerProps, ref: ForwardedRef<any>) => {\n  const {disabled, readOnly, ...otherProps} = props\n  return <SDiv {...otherProps} ref={ref}/>\n})\n\nexport const rsContainer = define(RsContainer, 'RsContainer')\n  .name('Container')\n  .category(structureCategory)\n  .kind('container')\n  .props({\n    children: node,\n    disabled: disabled,\n    readOnly: readOnly,\n  })\n  .css({\n    ...containerStyles,\n    flexDirection: flexDirection.default('column'),\n    gap: gap.default('10px')\n  })\n"],"names":["SDiv","styled","flexDirection","gap","containerStyles","RsContainer","forwardRef","props","ref","disabled","readOnly","otherProps","jsx","rsContainer","define","structureCategory","node"],"mappings":";;;;AAKA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA,GAId,EAAC,eAAAC,GAAe,KAAAC,EAAO,IAAAC,GAyBvBC,IAAcC,EAAW,CAACC,GAAyBC,MAA2B;AAClF,QAAM,EAAC,UAAAC,GAAU,UAAAC,GAAU,GAAGC,EAAc,IAAAJ;AAC5C,SAAQ,gBAAAK,EAAAZ,GAAA,EAAM,GAAGW,GAAY,KAAAH,EAAS,CAAA;AACxC,CAAC,GAEYK,IAAcC,EAAOT,GAAa,aAAa,EACzD,KAAK,WAAW,EAChB,SAASU,CAAiB,EAC1B,KAAK,WAAW,EAChB,MAAM;AAAA,EACL,UAAUC;AAAA,EACV,UAAAP;AAAA,EACA,UAAAC;AACF,CAAC,EACA,IAAI;AAAA,EACH,GAAGN;AAAA,EACH,eAAeF,EAAc,QAAQ,QAAQ;AAAA,EAC7C,KAAKC,EAAI,QAAQ,MAAM;AACzB,CAAC;"}
+{"version":3,"file":"container.js","sources":["../src/components/RsContainer.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {containerStyles, define, disabled, forwardRef, node, readOnly} from '@react-form-builder/core'\nimport type {ForwardedRef, ReactNode} from 'react'\nimport {structureCategory} from './categories'\n\nconst SDiv = styled.div`\n  display: flex;\n  flex-direction: column;\n`\nconst {flexDirection, gap} = containerStyles\n\n/**\n * Props for the RsContainer component.\n */\nexport interface RsContainerProps {\n  /**\n   * Whether the container is disabled.\n   */\n  disabled?: boolean\n  /**\n   * Whether the container is read only.\n   */\n  readOnly?: boolean\n  /**\n   * Children elements of the container.\n   */\n  children?: ReactNode\n}\n\n/**\n * Container component with flex layout.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsContainer = forwardRef((props: RsContainerProps, ref: ForwardedRef<any>) => {\n  const {disabled, readOnly, ...otherProps} = props\n  return <SDiv {...otherProps} ref={ref}/>\n})\n\nexport const rsContainer = define(RsContainer, 'RsContainer')\n  .name('Container')\n  .category(structureCategory)\n  .kind('container')\n  .props({\n    children: node,\n    disabled: disabled,\n    readOnly: readOnly,\n  })\n  .css({\n    ...containerStyles,\n    flexDirection: flexDirection.default('column'),\n    gap: gap.default('10px')\n  })\n"],"names":["SDiv","styled","flexDirection","gap","containerStyles","RsContainer","forwardRef","props","ref","disabled","readOnly","otherProps","jsx","rsContainer","define","structureCategory","node"],"mappings":";;;;AAKA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA,GAId,EAAC,eAAAC,GAAe,KAAAC,EAAA,IAAOC,GAyBvBC,IAAcC,EAAW,CAACC,GAAyBC,MAA2B;AAClF,QAAM,EAAC,UAAAC,GAAU,UAAAC,GAAU,GAAGC,MAAcJ;AAC5C,SAAO,gBAAAK,EAACZ,GAAA,EAAM,GAAGW,GAAY,KAAAH,EAAA,CAAS;AACxC,CAAC,GAEYK,IAAcC,EAAOT,GAAa,aAAa,EACzD,KAAK,WAAW,EAChB,SAASU,CAAiB,EAC1B,KAAK,WAAW,EAChB,MAAM;AAAA,EACL,UAAUC;AAAA,EACV,UAAAP;AAAA,EACA,UAAAC;AACF,CAAC,EACA,IAAI;AAAA,EACH,GAAGN;AAAA,EACH,eAAeF,EAAc,QAAQ,QAAQ;AAAA,EAC7C,KAAKC,EAAI,QAAQ,MAAM;AACzB,CAAC;"}

package/dist/css-loader.js

@@ -3,13 +3,13 @@ const e = {
   [s.LTR]: "rsuite-ltr-css",
   [s.RTL]: "rsuite-rtl-css"
 }, i = async () => {
-  const t = (await import("./rsuite-no-reset.min-3caeeea0.js")).default;
+  const t = (await import("./rsuite-no-reset.min.css-bW1P11UK.js")).default;
   await r(e[s.LTR], t, "stylesheet"), a(e[s.RTL]);
 }, c = async () => {
-  const t = (await import("./rsuite-no-reset-rtl.min-af106e5c.js")).default;
+  const t = (await import("./rsuite-no-reset-rtl.min.css-B0vQWI16.js")).default;
   await r(e[s.RTL], t, "stylesheet"), a(e[s.LTR]);
 }, n = async () => {
-  const t = (await import("./formengine-rsuite-cbc1d3ae.js")).default;
+  const t = (await import("./formengine-rsuite.css-DkGUHOws.js")).default;
   await r("form-engine-css", t, "stylesheet");
 };
 export {

package/dist/css-loader.js.map

@@ -1 +1 @@
-{"version":3,"file":"css-loader.js","sources":["../src/cssLoader.ts"],"sourcesContent":["import {BiDi, loadResource, unloadResource} from '@react-form-builder/core'\n\nconst resourceIds: Record<BiDi, string> = {\n  [BiDi.LTR]: 'rsuite-ltr-css',\n  [BiDi.RTL]: 'rsuite-rtl-css'\n}\n\n/**\n * Loads the Left-To-Right (LTR) CSS for the \"rsuite\" library.\n * @returns the Promise that resolves when the LTR CSS has been loaded successfully.\n */\nexport const ltrCssLoader = async () => {\n  const href = (await import('../public/css/rsuite-no-reset.min.css?url')).default\n  await loadResource(resourceIds[BiDi.LTR], href, 'stylesheet')\n  unloadResource(resourceIds[BiDi.RTL])\n}\n\n/**\n * Loads the Right-to-Left (RTL) CSS for the \"rsuite\" library.\n * @returns the Promise that resolves when the RTL CSS has been loaded successfully.\n */\nexport const rtlCssLoader = async () => {\n  const href = (await import('../public/css/rsuite-no-reset-rtl.min.css?url')).default\n  await loadResource(resourceIds[BiDi.RTL], href, 'stylesheet')\n  unloadResource(resourceIds[BiDi.LTR])\n}\n\n/**\n * Loads FormEngine specific styles over \"rsuite\" library.\n * @returns the Promise that resolves when the custom styles have been loaded successfully.\n */\nexport const formEngineRsuiteCssLoader = async () => {\n  const href = (await import('../public/css/formengine-rsuite.css?url')).default\n  await loadResource('form-engine-css', href, 'stylesheet')\n}\n"],"names":["resourceIds","BiDi","ltrCssLoader","href","loadResource","unloadResource","rtlCssLoader","formEngineRsuiteCssLoader"],"mappings":";AAEA,MAAMA,IAAoC;AAAA,EACxC,CAACC,EAAK,GAAG,GAAG;AAAA,EACZ,CAACA,EAAK,GAAG,GAAG;AACd,GAMaC,IAAe,YAAY;AACtC,QAAMC,KAAQ,MAAM,OAAO,mCAA2C,GAAG;AACzE,QAAMC,EAAaJ,EAAYC,EAAK,GAAG,GAAGE,GAAM,YAAY,GAC7CE,EAAAL,EAAYC,EAAK,GAAG,CAAC;AACtC,GAMaK,IAAe,YAAY;AACtC,QAAMH,KAAQ,MAAM,OAAO,uCAA+C,GAAG;AAC7E,QAAMC,EAAaJ,EAAYC,EAAK,GAAG,GAAGE,GAAM,YAAY,GAC7CE,EAAAL,EAAYC,EAAK,GAAG,CAAC;AACtC,GAMaM,IAA4B,YAAY;AACnD,QAAMJ,KAAQ,MAAM,OAAO,iCAAyC,GAAG;AACjE,QAAAC,EAAa,mBAAmBD,GAAM,YAAY;AAC1D;"}
+{"version":3,"file":"css-loader.js","sources":["../src/cssLoader.ts"],"sourcesContent":["import {BiDi, loadResource, unloadResource} from '@react-form-builder/core'\n\nconst resourceIds: Record<BiDi, string> = {\n  [BiDi.LTR]: 'rsuite-ltr-css',\n  [BiDi.RTL]: 'rsuite-rtl-css'\n}\n\n/**\n * Loads the Left-To-Right (LTR) CSS for the \"rsuite\" library.\n * @returns the Promise that resolves when the LTR CSS has been loaded successfully.\n */\nexport const ltrCssLoader = async () => {\n  const href = (await import('../public/css/rsuite-no-reset.min.css?url')).default\n  await loadResource(resourceIds[BiDi.LTR], href, 'stylesheet')\n  unloadResource(resourceIds[BiDi.RTL])\n}\n\n/**\n * Loads the Right-to-Left (RTL) CSS for the \"rsuite\" library.\n * @returns the Promise that resolves when the RTL CSS has been loaded successfully.\n */\nexport const rtlCssLoader = async () => {\n  const href = (await import('../public/css/rsuite-no-reset-rtl.min.css?url')).default\n  await loadResource(resourceIds[BiDi.RTL], href, 'stylesheet')\n  unloadResource(resourceIds[BiDi.LTR])\n}\n\n/**\n * Loads FormEngine specific styles over \"rsuite\" library.\n * @returns the Promise that resolves when the custom styles have been loaded successfully.\n */\nexport const formEngineRsuiteCssLoader = async () => {\n  const href = (await import('../public/css/formengine-rsuite.css?url')).default\n  await loadResource('form-engine-css', href, 'stylesheet')\n}\n"],"names":["resourceIds","BiDi","ltrCssLoader","href","loadResource","unloadResource","rtlCssLoader","formEngineRsuiteCssLoader"],"mappings":";AAEA,MAAMA,IAAoC;AAAA,EACxC,CAACC,EAAK,GAAG,GAAG;AAAA,EACZ,CAACA,EAAK,GAAG,GAAG;AACd,GAMaC,IAAe,YAAY;AACtC,QAAMC,KAAQ,MAAM,OAAO,uCAA2C,GAAG;AACzE,QAAMC,EAAaJ,EAAYC,EAAK,GAAG,GAAGE,GAAM,YAAY,GAC5DE,EAAeL,EAAYC,EAAK,GAAG,CAAC;AACtC,GAMaK,IAAe,YAAY;AACtC,QAAMH,KAAQ,MAAM,OAAO,2CAA+C,GAAG;AAC7E,QAAMC,EAAaJ,EAAYC,EAAK,GAAG,GAAGE,GAAM,YAAY,GAC5DE,EAAeL,EAAYC,EAAK,GAAG,CAAC;AACtC,GAMaM,IAA4B,YAAY;AACnD,QAAMJ,KAAQ,MAAM,OAAO,qCAAyC,GAAG;AACvE,QAAMC,EAAa,mBAAmBD,GAAM,YAAY;AAC1D;"}

package/dist/date-picker.d.ts

@@ -1,4 +1,4 @@
-import type { DatePickerProps } from 'rsuite';
+import { DatePickerProps } from 'rsuite';
 import { Definer } from '@react-form-builder/core';
 
 export declare const rsDatePicker: Definer<RsDatePickerProps>;

package/dist/date-picker.js

@@ -1,47 +1,43 @@
-import { jsx as m } from "@emotion/react/jsx-runtime";
-import { define as C, string as r, oneOf as T, date as n, boolean as t, disabled as y, number as p, event as e, useComponentData as k } from "@react-form-builder/core";
-import { useMemo as u, useEffect as w } from "react";
-import { DatePicker as M } from "rsuite";
-import { r as O, p as P, s as v } from "./commonProperties-d849cd5b.js";
-import { f as x, t as V } from "./dateTimeUtils-b07ce438.js";
-import { f as N } from "./categories-7064b279.js";
-import { u as A } from "./useTouchOnEvent-2be3c60d.js";
-import { L as F } from "./Labeled-751c2353.js";
-import "date-fns";
-import "@emotion/react";
-import "@emotion/styled";
-const c = (o) => {
+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 { 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 { 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";
+import { L as A } from "./Labeled-BWYRwMiY.js";
+const u = (o) => {
   if (typeof o == "string") {
     const a = new Date(o);
     return isNaN(a.getTime()) ? (console.error("Invalid date string:", o), null) : a;
   }
   return o;
-}, I = ({ label: o, value: a, className: D, format: l, defaultValue: g, ...s }) => {
-  const i = k(), h = u(() => V(l), [l]), E = A(s, "onClean"), b = u(() => c(a), [a]);
-  return w(() => {
-    var d;
+}, F = ({ label: o, value: a, className: c, format: l, defaultValue: D, ...s }) => {
+  const i = y(), g = p(() => x(l), [l]), h = N(s, "onClean"), E = p(() => u(a), [a]);
+  return k(() => {
     if (typeof a == "string") {
-      const f = c(a);
-      f instanceof Date && ((d = i.field) == null || d.setValue(f));
+      const d = u(a);
+      d instanceof Date && i.field?.setValue(d);
     }
-  }, [a, i]), /* @__PURE__ */ m(F, { label: o, className: D, passAriaToChildren: !0, children: /* @__PURE__ */ m(M, { ...s, value: b ?? g ?? null, format: h, onClean: E }) });
-}, J = C(I, "RsDatePicker").name("DatePicker").category(N).props({
+  }, [a, i]), /* @__PURE__ */ f(A, { label: o, className: c, passAriaToChildren: !0, children: /* @__PURE__ */ f(w, { ...s, value: E ?? D ?? null, format: g, onClean: h }) });
+}, q = b(F, "RsDatePicker").name("DatePicker").category(V).props({
   label: r.default("Date"),
   appearance: T("default", "subtle").withEditorProps({ creatable: !1 }),
   calendarDefaultDate: n,
   cleanable: t.default(!1),
   defaultOpen: t.default(!1),
   defaultValue: n,
-  disabled: y.default(!1),
-  readOnly: O,
+  disabled: C.default(!1),
+  readOnly: P,
   editable: t.default(!0),
-  format: r.validated(x, {
+  format: r.validated(v, {
     code: "INVALID_DATE_FORMAT",
     message: "The provided date format is invalid"
   }).withEditorProps({ placeholder: "yyyy-MM-dd" }),
   isoWeek: t.default(!1),
-  limitEndYear: p,
-  limitStartYear: p,
+  limitEndYear: m,
+  limitStartYear: m,
   oneTap: t,
   onChange: e,
   onChangeCalendarDate: e,
@@ -62,14 +58,14 @@ const c = (o) => {
   onToggleTimeDropdown: e,
   open: t.default(void 0),
   placeholder: r,
-  placement: P,
+  placement: O,
   preventOverflow: t.default(!1),
   showMeridiem: t.default(!1),
   showWeekNumbers: t.default(!1),
-  size: v,
+  size: M,
   value: n.valued
 });
 export {
-  J as rsDatePicker
+  q as rsDatePicker
 };
 //# sourceMappingURL=date-picker.js.map

package/dist/date-picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.js","sources":["../src/components/RsDatePicker.tsx"],"sourcesContent":["import {boolean, date, define, disabled, event, number, oneOf, string, useComponentData} from '@react-form-builder/core'\nimport {useEffect, 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\n/**\n * Props for the RsDatePicker component.\n */\nexport interface RsDatePickerProps extends DatePickerProps {\n  /**\n   * Label for the date picker.\n   */\n  label: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: Date | null) => void\n  /**\n   * @deprecated\n   */\n  inline?: boolean\n}\n\n/**\n * Returns the date converted to Date format.\n * @param value the date value in string or Date format.\n * @returns the date converted to Date format.\n */\nconst parseDateValue = (value: any) => {\n  if (typeof value === 'string') {\n    const parsedDate = new Date(value)\n    if (!isNaN(parsedDate.getTime())) {\n      return parsedDate\n    }\n    console.error('Invalid date string:', value)\n    return null\n  }\n  return value\n}\n\n/**\n * Date picker component with label support.\n * @param props the component props.\n * @param props.label the label for the date picker.\n * @param props.value the value of the date picker.\n * @param props.className the CSS class name.\n * @param props.format the format of the date.\n * @param props.defaultValue the default value of the date picker.\n * @param props.props the additional date picker props.\n * @returns the React element.\n */\nconst RsDatePicker = ({label, value, className, format, defaultValue, ...props}: RsDatePickerProps) => {\n  const componentData = useComponentData()\n  const safeFormat = useMemo(() => toSafeFormat(format), [format])\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const parsedValue = useMemo(() => parseDateValue(value), [value])\n\n  useEffect(() => {\n    if (typeof (value as unknown) === 'string') {\n      const parsed = parseDateValue(value)\n      if (parsed instanceof Date) {\n        componentData.field?.setValue(parsed)\n      }\n    }\n  }, [value, componentData])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <DatePicker {...props} value={parsedValue ?? defaultValue ?? null} format={safeFormat} onClean={onClean}/>\n    </Labeled>\n  )\n}\n\nexport const rsDatePicker = define(RsDatePicker, 'RsDatePicker')\n  .name('DatePicker')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Date'),\n    appearance: oneOf('default', 'subtle').withEditorProps({creatable: false}),\n    calendarDefaultDate: date,\n    cleanable: boolean.default(false),\n    defaultOpen: boolean.default(false),\n    defaultValue: date,\n    disabled: disabled.default(false),\n    readOnly,\n    editable: boolean.default(true),\n    format: string.validated(formatValidator, {\n      code: 'INVALID_DATE_FORMAT',\n      message: 'The provided date format is invalid'\n    }).withEditorProps({placeholder: 'yyyy-MM-dd'}),\n    isoWeek: boolean.default(false),\n    limitEndYear: number,\n    limitStartYear: number,\n    oneTap: boolean,\n    onChange: event,\n    onChangeCalendarDate: 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    onNextMonth: event,\n    onOk: event,\n    onOpen: event,\n    onPrevMonth: event,\n    onSelect: event,\n    onToggleMonthDropdown: event,\n    onToggleTimeDropdown: event,\n    open: boolean.default(undefined),\n    placeholder: string,\n    placement: placement,\n    preventOverflow: boolean.default(false),\n    showMeridiem: boolean.default(false),\n    showWeekNumbers: boolean.default(false),\n    size: size,\n    value: date.valued\n  })\n"],"names":["parseDateValue","value","parsedDate","RsDatePicker","label","className","format","defaultValue","props","componentData","useComponentData","safeFormat","useMemo","toSafeFormat","onClean","useTouchOnEvent","parsedValue","useEffect","parsed","_a","Labeled","jsx","DatePicker","rsDatePicker","define","fieldsCategory","string","oneOf","date","boolean","disabled","readOnly","formatValidator","number","event","placement","size"],"mappings":";;;;;;;;;;;;AAkCA,MAAMA,IAAiB,CAACC,MAAe;AACjC,MAAA,OAAOA,KAAU,UAAU;AACvB,UAAAC,IAAa,IAAI,KAAKD,CAAK;AACjC,WAAK,MAAMC,EAAW,QAAS,CAAA,KAGvB,QAAA,MAAM,wBAAwBD,CAAK,GACpC,QAHEC;AAAA,EAIX;AACO,SAAAD;AACT,GAaME,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAH,GAAO,WAAAI,GAAW,QAAAC,GAAQ,cAAAC,GAAc,GAAGC,QAA8B;AACrG,QAAMC,IAAgBC,KAChBC,IAAaC,EAAQ,MAAMC,EAAaP,CAAM,GAAG,CAACA,CAAM,CAAC,GACzDQ,IAAUC,EAAgBP,GAAO,SAAS,GAC1CQ,IAAcJ,EAAQ,MAAMZ,EAAeC,CAAK,GAAG,CAACA,CAAK,CAAC;AAEhE,SAAAgB,EAAU,MAAM;;AACV,QAAA,OAAQhB,KAAsB,UAAU;AACpC,YAAAiB,IAASlB,EAAeC,CAAK;AACnC,MAAIiB,aAAkB,UACNC,IAAAV,EAAA,UAAA,QAAAU,EAAO,SAASD;AAAA,IAElC;AAAA,EAAA,GACC,CAACjB,GAAOQ,CAAa,CAAC,qBAGtBW,GAAQ,EAAA,OAAAhB,GAAc,WAAAC,GAAsB,oBAAoB,IAC/D,UAAC,gBAAAgB,EAAAC,GAAA,EAAY,GAAGd,GAAO,OAAOQ,KAAeT,KAAgB,MAAM,QAAQI,GAAY,SAAAG,GAAiB,EAC1G,CAAA;AAEJ,GAEaS,IAAeC,EAAOrB,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAASsB,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,MAAM;AAAA,EAC5B,YAAYC,EAAM,WAAW,QAAQ,EAAE,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACzE,qBAAqBC;AAAA,EACrB,WAAWC,EAAQ,QAAQ,EAAK;AAAA,EAChC,aAAaA,EAAQ,QAAQ,EAAK;AAAA,EAClC,cAAcD;AAAA,EACd,UAAUE,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,UAAUF,EAAQ,QAAQ,EAAI;AAAA,EAC9B,QAAQH,EAAO,UAAUM,GAAiB;AAAA,IACxC,MAAM;AAAA,IACN,SAAS;AAAA,EACV,CAAA,EAAE,gBAAgB,EAAC,aAAa,cAAa;AAAA,EAC9C,SAASH,EAAQ,QAAQ,EAAK;AAAA,EAC9B,cAAcI;AAAA,EACd,gBAAgBA;AAAA,EAChB,QAAQJ;AAAA,EACR,UAAUK;AAAA,EACV,sBAAsBA;AAAA,EACtB,SAASA;AAAA,EACT,SAASA;AAAA,EACT,SAASA;AAAA,EACT,WAAWA;AAAA,EACX,YAAYA;AAAA,EACZ,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,aAAaA;AAAA,EACb,MAAMA;AAAA,EACN,QAAQA;AAAA,EACR,aAAaA;AAAA,EACb,UAAUA;AAAA,EACV,uBAAuBA;AAAA,EACvB,sBAAsBA;AAAA,EACtB,MAAML,EAAQ,QAAQ,MAAS;AAAA,EAC/B,aAAaH;AAAA,EACb,WAAAS;AAAA,EACA,iBAAiBN,EAAQ,QAAQ,EAAK;AAAA,EACtC,cAAcA,EAAQ,QAAQ,EAAK;AAAA,EACnC,iBAAiBA,EAAQ,QAAQ,EAAK;AAAA,EACtC,MAAAO;AAAA,EACA,OAAOR,EAAK;AACd,CAAC;"}
+{"version":3,"file":"date-picker.js","sources":["../src/components/RsDatePicker.tsx"],"sourcesContent":["import {boolean, date, define, disabled, event, number, oneOf, string, useComponentData} from '@react-form-builder/core'\nimport {useEffect, 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\n/**\n * Props for the RsDatePicker component.\n */\nexport interface RsDatePickerProps extends DatePickerProps {\n  /**\n   * Label for the date picker.\n   */\n  label: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: Date | null) => void\n  /**\n   * @deprecated\n   */\n  inline?: boolean\n}\n\n/**\n * Returns the date converted to Date format.\n * @param value the date value in string or Date format.\n * @returns the date converted to Date format.\n */\nconst parseDateValue = (value: any) => {\n  if (typeof value === 'string') {\n    const parsedDate = new Date(value)\n    if (!isNaN(parsedDate.getTime())) {\n      return parsedDate\n    }\n    console.error('Invalid date string:', value)\n    return null\n  }\n  return value\n}\n\n/**\n * Date picker component with label support.\n * @param props the component props.\n * @param props.label the label for the date picker.\n * @param props.value the value of the date picker.\n * @param props.className the CSS class name.\n * @param props.format the format of the date.\n * @param props.defaultValue the default value of the date picker.\n * @param props.props the additional date picker props.\n * @returns the React element.\n */\nconst RsDatePicker = ({label, value, className, format, defaultValue, ...props}: RsDatePickerProps) => {\n  const componentData = useComponentData()\n  const safeFormat = useMemo(() => toSafeFormat(format), [format])\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const parsedValue = useMemo(() => parseDateValue(value), [value])\n\n  useEffect(() => {\n    if (typeof (value as unknown) === 'string') {\n      const parsed = parseDateValue(value)\n      if (parsed instanceof Date) {\n        componentData.field?.setValue(parsed)\n      }\n    }\n  }, [value, componentData])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <DatePicker {...props} value={parsedValue ?? defaultValue ?? null} format={safeFormat} onClean={onClean}/>\n    </Labeled>\n  )\n}\n\nexport const rsDatePicker = define(RsDatePicker, 'RsDatePicker')\n  .name('DatePicker')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Date'),\n    appearance: oneOf('default', 'subtle').withEditorProps({creatable: false}),\n    calendarDefaultDate: date,\n    cleanable: boolean.default(false),\n    defaultOpen: boolean.default(false),\n    defaultValue: date,\n    disabled: disabled.default(false),\n    readOnly,\n    editable: boolean.default(true),\n    format: string.validated(formatValidator, {\n      code: 'INVALID_DATE_FORMAT',\n      message: 'The provided date format is invalid'\n    }).withEditorProps({placeholder: 'yyyy-MM-dd'}),\n    isoWeek: boolean.default(false),\n    limitEndYear: number,\n    limitStartYear: number,\n    oneTap: boolean,\n    onChange: event,\n    onChangeCalendarDate: 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    onNextMonth: event,\n    onOk: event,\n    onOpen: event,\n    onPrevMonth: event,\n    onSelect: event,\n    onToggleMonthDropdown: event,\n    onToggleTimeDropdown: event,\n    open: boolean.default(undefined),\n    placeholder: string,\n    placement: placement,\n    preventOverflow: boolean.default(false),\n    showMeridiem: boolean.default(false),\n    showWeekNumbers: boolean.default(false),\n    size: size,\n    value: date.valued\n  })\n"],"names":["parseDateValue","value","parsedDate","RsDatePicker","label","className","format","defaultValue","props","componentData","useComponentData","safeFormat","useMemo","toSafeFormat","onClean","useTouchOnEvent","parsedValue","useEffect","parsed","Labeled","jsx","DatePicker","rsDatePicker","define","fieldsCategory","string","oneOf","date","boolean","disabled","readOnly","formatValidator","number","event","placement","size"],"mappings":";;;;;;;;;AAkCA,MAAMA,IAAiB,CAACC,MAAe;AACrC,MAAI,OAAOA,KAAU,UAAU;AAC7B,UAAMC,IAAa,IAAI,KAAKD,CAAK;AACjC,WAAK,MAAMC,EAAW,QAAA,CAAS,KAG/B,QAAQ,MAAM,wBAAwBD,CAAK,GACpC,QAHEC;AAAA,EAIX;AACA,SAAOD;AACT,GAaME,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAH,GAAO,WAAAI,GAAW,QAAAC,GAAQ,cAAAC,GAAc,GAAGC,QAA8B;AACrG,QAAMC,IAAgBC,EAAA,GAChBC,IAAaC,EAAQ,MAAMC,EAAaP,CAAM,GAAG,CAACA,CAAM,CAAC,GACzDQ,IAAUC,EAAgBP,GAAO,SAAS,GAC1CQ,IAAcJ,EAAQ,MAAMZ,EAAeC,CAAK,GAAG,CAACA,CAAK,CAAC;AAEhE,SAAAgB,EAAU,MAAM;AACd,QAAI,OAAQhB,KAAsB,UAAU;AAC1C,YAAMiB,IAASlB,EAAeC,CAAK;AACnC,MAAIiB,aAAkB,QACpBT,EAAc,OAAO,SAASS,CAAM;AAAA,IAExC;AAAA,EACF,GAAG,CAACjB,GAAOQ,CAAa,CAAC,qBAGtBU,GAAA,EAAQ,OAAAf,GAAc,WAAAC,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAe,EAACC,GAAA,EAAY,GAAGb,GAAO,OAAOQ,KAAeT,KAAgB,MAAM,QAAQI,GAAY,SAAAG,GAAiB,GAC1G;AAEJ,GAEaQ,IAAeC,EAAOpB,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAASqB,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,MAAM;AAAA,EAC5B,YAAYC,EAAM,WAAW,QAAQ,EAAE,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACzE,qBAAqBC;AAAA,EACrB,WAAWC,EAAQ,QAAQ,EAAK;AAAA,EAChC,aAAaA,EAAQ,QAAQ,EAAK;AAAA,EAClC,cAAcD;AAAA,EACd,UAAUE,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,UAAUF,EAAQ,QAAQ,EAAI;AAAA,EAC9B,QAAQH,EAAO,UAAUM,GAAiB;AAAA,IACxC,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV,EAAE,gBAAgB,EAAC,aAAa,cAAa;AAAA,EAC9C,SAASH,EAAQ,QAAQ,EAAK;AAAA,EAC9B,cAAcI;AAAA,EACd,gBAAgBA;AAAA,EAChB,QAAQJ;AAAA,EACR,UAAUK;AAAA,EACV,sBAAsBA;AAAA,EACtB,SAASA;AAAA,EACT,SAASA;AAAA,EACT,SAASA;AAAA,EACT,WAAWA;AAAA,EACX,YAAYA;AAAA,EACZ,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,aAAaA;AAAA,EACb,MAAMA;AAAA,EACN,QAAQA;AAAA,EACR,aAAaA;AAAA,EACb,UAAUA;AAAA,EACV,uBAAuBA;AAAA,EACvB,sBAAsBA;AAAA,EACtB,MAAML,EAAQ,QAAQ,MAAS;AAAA,EAC/B,aAAaH;AAAA,EACb,WAAAS;AAAA,EACA,iBAAiBN,EAAQ,QAAQ,EAAK;AAAA,EACtC,cAAcA,EAAQ,QAAQ,EAAK;AAAA,EACnC,iBAAiBA,EAAQ,QAAQ,EAAK;AAAA,EACtC,MAAAO;AAAA,EACA,OAAOR,EAAK;AACd,CAAC;"}

package/dist/dateTimeUtils-C2AEniv5.js

@@ -0,0 +1,25 @@
+import { format as e } from "date-fns";
+const n = (r) => {
+  const t = r?.trim();
+  if (t) {
+    try {
+      e(/* @__PURE__ */ new Date(), t);
+    } catch {
+      return;
+    }
+    return t;
+  }
+}, m = (r) => {
+  const t = r?.trim();
+  if (!t) return !0;
+  try {
+    return e(/* @__PURE__ */ new Date(), t), !0;
+  } catch {
+    return !1;
+  }
+};
+export {
+  m as f,
+  n as t
+};
+//# sourceMappingURL=dateTimeUtils-C2AEniv5.js.map

package/dist/{dateTimeUtils-b07ce438.js.map → dateTimeUtils-C2AEniv5.js.map}

@@ -1 +1 @@
-{"version":3,"file":"dateTimeUtils-b07ce438.js","sources":["../src/dateTimeUtils.ts"],"sourcesContent":["import {format as formatDate} from 'date-fns'\n\n/**\n * Checks whether the format is valid and returns it trimmed.\n * @param format the date format.\n * @returns the trimmed date format or undefined.\n */\nexport const toSafeFormat = (format?: string) => {\n  const trimmed = format?.trim()\n  if (!trimmed) return undefined\n\n  try {\n    // fixes RSuite issue v5.64.2, check on never version\n    formatDate(new Date(), trimmed)\n  } catch (e) {\n    return undefined\n  }\n\n  return trimmed\n}\n\n/**\n * Checks whether the format is valid.\n * @param format the date format.\n * @returns true if the format is a valid, false otherwise.\n */\nexport const formatValidator = (format?: string) => {\n  const trimmed = format?.trim()\n  if (!trimmed) return true\n\n  try {\n    formatDate(new Date(), trimmed)\n    return true\n  } catch (e) {\n    return false\n  }\n}\n"],"names":["toSafeFormat","format","trimmed","formatDate","formatValidator"],"mappings":";AAOa,MAAAA,IAAe,CAACC,MAAoB;AACzC,QAAAC,IAAUD,KAAAA,gBAAAA,EAAQ;AACxB,MAAKC,GAED;AAAA,QAAA;AAESC,MAAAA,EAAA,oBAAI,QAAQD,CAAO;AAAA,YACpB;AACH;AAAA,IACT;AAEO,WAAAA;AAAA;AACT,GAOaE,IAAkB,CAACH,MAAoB;AAC5C,QAAAC,IAAUD,KAAAA,gBAAAA,EAAQ;AACxB,MAAI,CAACC;AAAgB,WAAA;AAEjB,MAAA;AACSC,WAAAA,EAAA,oBAAI,QAAQD,CAAO,GACvB;AAAA,UACG;AACH,WAAA;AAAA,EACT;AACF;"}
+{"version":3,"file":"dateTimeUtils-C2AEniv5.js","sources":["../src/dateTimeUtils.ts"],"sourcesContent":["import {format as formatDate} from 'date-fns'\n\n/**\n * Checks whether the format is valid and returns it trimmed.\n * @param format the date format.\n * @returns the trimmed date format or undefined.\n */\nexport const toSafeFormat = (format?: string) => {\n  const trimmed = format?.trim()\n  if (!trimmed) return undefined\n\n  try {\n    // fixes RSuite issue v5.64.2, check on never version\n    formatDate(new Date(), trimmed)\n  } catch (e) {\n    return undefined\n  }\n\n  return trimmed\n}\n\n/**\n * Checks whether the format is valid.\n * @param format the date format.\n * @returns true if the format is a valid, false otherwise.\n */\nexport const formatValidator = (format?: string) => {\n  const trimmed = format?.trim()\n  if (!trimmed) return true\n\n  try {\n    formatDate(new Date(), trimmed)\n    return true\n  } catch (e) {\n    return false\n  }\n}\n"],"names":["toSafeFormat","format","trimmed","formatDate","formatValidator"],"mappings":";AAOO,MAAMA,IAAe,CAACC,MAAoB;AAC/C,QAAMC,IAAUD,GAAQ,KAAA;AACxB,MAAKC,GAEL;AAAA,QAAI;AAEFC,MAAAA,EAAW,oBAAI,KAAA,GAAQD,CAAO;AAAA,IAChC,QAAY;AACV;AAAA,IACF;AAEA,WAAOA;AAAA;AACT,GAOaE,IAAkB,CAACH,MAAoB;AAClD,QAAMC,IAAUD,GAAQ,KAAA;AACxB,MAAI,CAACC,EAAS,QAAO;AAErB,MAAI;AACFC,WAAAA,EAAW,oBAAI,KAAA,GAAQD,CAAO,GACvB;AAAA,EACT,QAAY;AACV,WAAO;AAAA,EACT;AACF;"}

package/dist/definitions.js

@@ -1,59 +1,6 @@
 import { rSuiteComponents as t } from "./r-suite-components.js";
-import "./categories-7064b279.js";
-import "./wizard.js";
-import "@emotion/react/jsx-runtime";
-import "@emotion/css";
-import "@emotion/styled";
-import "@react-form-builder/core";
-import "react";
-import "rsuite";
-import "./hooks-ff273a8a.js";
-import "./InputCell-f4236002.js";
-import "./autocomplete.js";
-import "./commonProperties-d849cd5b.js";
-import "./Labeled-751c2353.js";
-import "@emotion/react";
-import "./breadcrumb.js";
-import "./button.js";
-import "./calendar.js";
-import "./card.js";
-import "./header.js";
-import "./checkbox.js";
-import "./container.js";
-import "./date-picker.js";
-import "./dateTimeUtils-b07ce438.js";
-import "date-fns";
-import "./useTouchOnEvent-2be3c60d.js";
-import "./divider.js";
-import "./dropdown.js";
-import "./error-message.js";
-import "./image.js";
-import "./input.js";
-import "@rsuite/icons";
-import "./label.js";
-import "./link.js";
-import "./menu.js";
-import "./message.js";
-import "./modal.js";
-import "./modal-layout.js";
-import "./number-format.js";
-import "react-number-format";
-import "./WrappedInput-bc5a6d33.js";
-import "./pattern-format.js";
-import "./placeholder.js";
-import "./progress.js";
-import "./radio-group.js";
-import "./search.js";
-import "./static-content.js";
-import "./tab.js";
-import "./tag-picker.js";
-import "./text-area.js";
-import "./time-picker.js";
-import "./toggle.js";
-import "./tooltip.js";
-import "./uploader.js";
-const mo = t.map((o) => o.build());
+const n = t.map((o) => o.build());
 export {
-  mo as components
+  n as components
 };
 //# sourceMappingURL=definitions.js.map

package/dist/definitions.js.map

@@ -1 +1 @@
-{"version":3,"file":"definitions.js","sources":["../src/definitions.ts"],"sourcesContent":["import {rSuiteComponents} from './rSuiteComponents'\n\nexport const components = rSuiteComponents.map(def => def.build())\n"],"names":["components","rSuiteComponents","def"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEO,MAAMA,KAAaC,EAAiB,IAAI,CAAOC,MAAAA,EAAI,MAAO,CAAA;"}
+{"version":3,"file":"definitions.js","sources":["../src/definitions.ts"],"sourcesContent":["import {rSuiteComponents} from './rSuiteComponents'\n\nexport const components = rSuiteComponents.map(def => def.build())\n"],"names":["components","rSuiteComponents","def"],"mappings":";AAEO,MAAMA,IAAaC,EAAiB,IAAI,CAAAC,MAAOA,EAAI,OAAO;"}

package/dist/divider.js

@@ -1,12 +1,12 @@
 import { jsx as i } from "@emotion/react/jsx-runtime";
-import { define as o, string as r, boolean as e } from "@react-form-builder/core";
+import { define as o, boolean as r, string as e } from "@react-form-builder/core";
 import { Divider as t } from "rsuite";
-import { s as n } from "./categories-7064b279.js";
-const s = { width: 24, height: 24 }, c = () => /* @__PURE__ */ i("svg", { style: s, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i("line", { x1: "4", y1: "10", x2: "16", y2: "10", stroke: "#9CA3AF", strokeWidth: "2", strokeLinecap: "round" }) }), a = o(t, "RsDivider").name("Divider").category(n).icon(c).props({
-  children: r,
-  vertical: e
+import { a as n } from "./categories-_98lyB3C.js";
+const s = { width: 24, height: 24 }, c = () => /* @__PURE__ */ i("svg", { style: s, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i("line", { x1: "4", y1: "10", x2: "16", y2: "10", stroke: "#9CA3AF", strokeWidth: "2", strokeLinecap: "round" }) }), p = o(t, "RsDivider").name("Divider").category(n).icon(c).props({
+  children: e,
+  vertical: r
 });
 export {
-  a as rsDivider
+  p as rsDivider
 };
 //# sourceMappingURL=divider.js.map

package/dist/divider.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.js","sources":["../src/components/RsDivider.tsx"],"sourcesContent":["import {boolean, define, string} from '@react-form-builder/core'\nimport {Divider} from 'rsuite'\nimport {staticCategory} from './categories'\n\nconst iconStyle = {width: 24, height: 24}\n\nconst Icon = () => (\n  <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"4\" y1=\"10\" x2=\"16\" y2=\"10\" stroke=\"#9CA3AF\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n  </svg>\n)\n\nexport const rsDivider = define(Divider, 'RsDivider')\n  .name('Divider')\n  .category(staticCategory)\n  .icon(Icon)\n  .props({\n    children: string,\n    vertical: boolean,\n  })\n"],"names":["iconStyle","Icon","jsx","rsDivider","define","Divider","staticCategory","string","boolean"],"mappings":";;;;AAIA,MAAMA,IAAY,EAAC,OAAO,IAAI,QAAQ,GAAE,GAElCC,IAAO,MACV,gBAAAC,EAAA,OAAA,EAAI,OAAOF,GAAW,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC3D,UAAC,gBAAAE,EAAA,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,KAAI,eAAc,QAAA,CAAO,EAC7F,CAAA,GAGWC,IAAYC,EAAOC,GAAS,WAAW,EACjD,KAAK,SAAS,EACd,SAASC,CAAc,EACvB,KAAKL,CAAI,EACT,MAAM;AAAA,EACL,UAAUM;AAAA,EACV,UAAUC;AACZ,CAAC;"}
+{"version":3,"file":"divider.js","sources":["../src/components/RsDivider.tsx"],"sourcesContent":["import {boolean, define, string} from '@react-form-builder/core'\nimport {Divider} from 'rsuite'\nimport {staticCategory} from './categories'\n\nconst iconStyle = {width: 24, height: 24}\n\nconst Icon = () => (\n  <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"4\" y1=\"10\" x2=\"16\" y2=\"10\" stroke=\"#9CA3AF\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n  </svg>\n)\n\nexport const rsDivider = define(Divider, 'RsDivider')\n  .name('Divider')\n  .category(staticCategory)\n  .icon(Icon)\n  .props({\n    children: string,\n    vertical: boolean,\n  })\n"],"names":["iconStyle","Icon","jsx","rsDivider","define","Divider","staticCategory","string","boolean"],"mappings":";;;;AAIA,MAAMA,IAAY,EAAC,OAAO,IAAI,QAAQ,GAAA,GAEhCC,IAAO,MACX,gBAAAC,EAAC,OAAA,EAAI,OAAOF,GAAW,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC3D,UAAA,gBAAAE,EAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,KAAI,eAAc,QAAA,CAAO,GAC7F,GAGWC,IAAYC,EAAOC,GAAS,WAAW,EACjD,KAAK,SAAS,EACd,SAASC,CAAc,EACvB,KAAKL,CAAI,EACT,MAAM;AAAA,EACL,UAAUM;AAAA,EACV,UAAUC;AACZ,CAAC;"}

package/dist/dropdown.d.ts

@@ -1,6 +1,6 @@
 import { Definer } from '@react-form-builder/core';
-import type { InputPickerProps } from 'rsuite';
-import type { ItemDataType } from 'rsuite/esm/internals/types';
+import { InputPickerProps } from 'rsuite';
+import { ItemDataType } from 'rsuite/esm/internals/types';
 
 /**
  * The callback function for loading data into the component.
@@ -14,7 +14,7 @@ declare type LoadCallback = (newData: ItemDataType[]) => void;
  * @param loadCallback the callback function called to set the data in the component.
  * @param currentDataLength the length of the data already loaded.
  */
-declare type LoadDataHandler = (searchKeyword: string, loadCallback: LoadCallback, currentDataLength: number) => {};
+declare type LoadDataHandler = (searchKeyword: string, loadCallback: LoadCallback, currentDataLength: number) => void;
 
 /**
  * Interface for load data props.

package/dist/dropdown.js

@@ -1,14 +1,13 @@
 import { jsxs as y, Fragment as k, jsx as o } from "@emotion/react/jsx-runtime";
-import { define as x, boolean as L, string as h, array as w, toLabeledValues as C } from "@react-form-builder/core";
+import { define as x, array as L, string as h, boolean as w, toLabeledValues 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-d849cd5b.js";
-import { u as A, a as F } from "./hooks-ff273a8a.js";
-import { f as R } from "./categories-7064b279.js";
-import { u as I } from "./useTouchOnEvent-2be3c60d.js";
-import { L as S } from "./Labeled-751c2353.js";
+import { b as v } from "./commonProperties-ETOgvhCH.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";
+import { L as S } from "./Labeled-BWYRwMiY.js";
 import T from "@emotion/styled";
-import "@emotion/react";
 const E = T(P)`
   && {
     display: flex;
@@ -45,13 +44,13 @@ const E = T(P)`
       renderMenu: b
     }
   ) });
-}, U = x(M, "RsDropdown").name("Dropdown").category(R).props({
+}, Q = x(M, "RsDropdown").name("Dropdown").category(R).props({
   ...v,
-  preload: L.default(!1),
+  preload: w.default(!1),
   label: h.default("Select"),
-  data: w.default(C(["a", "b", "c"]))
+  data: L.default(C(["a", "b", "c"]))
 });
 export {
-  U as rsDropdown
+  Q as rsDropdown
 };
 //# sourceMappingURL=dropdown.js.map

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":";;;;;;;;;;;AAGa,MAAAA,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,EAAmB,CAAA,GAC9GK,IAAUC,EAAgBL,GAAO,SAAS,GAC1CM,IAAWC,KAEXC,IAAaC,EAAY,CAACC,MAC7B,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAF;AAAA,IACAT,uBAAYd,GAAO,EAAA;AAAA,EAAA,GACtB,GAAK,CAACc,CAAO,CAAC;AAEd,SACG,gBAAAY,EAAAC,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,EAEJ,EAAA,CAAA;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        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;"}

package/dist/error-message.d.ts

@@ -1,6 +1,6 @@
 import { Definer } from '@react-form-builder/core';
 import { ErrorWrapperProps } from '@react-form-builder/core';
-import type { TypeAttributes } from 'rsuite/esm/internals/types';
+import { TypeAttributes } from 'rsuite/esm/internals/types';
 
 /**
  * Metadata builder for rSuite-based error display component.

package/dist/error-message.js

@@ -3,8 +3,8 @@ 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-d849cd5b.js";
-import { s as h } from "./categories-7064b279.js";
+import { p as f } from "./commonProperties-ETOgvhCH.js";
+import { a as h } from "./categories-_98lyB3C.js";
 const x = e.div`
   display: flex;
   flex-direction: column;