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

package/dist/rSuiteComponentsDescriptions-lX1mwx9_.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rSuiteComponentsDescriptions-lX1mwx9_.js","sources":["../src/i18n/rSuiteComponentsDescriptions.ts"],"sourcesContent":["import type {ComponentLibraryDescription, LanguageFullCode} from '@react-form-builder/core'\nimport arEgComponentsDescriptions from './ar-EG.json'\nimport deDeComponentsDescriptions from './de-DE.json'\nimport enUsComponentsDescriptions from './en-US.json'\nimport esEsComponentsDescriptions from './es-ES.json'\nimport faIrComponentsDescriptions from './fa-IR.json'\nimport frFrComponentsDescriptions from './fr-FR.json'\nimport hiInComponentsDescriptions from './hi-IN.json'\nimport itItComponentsDescriptions from './it-IT.json'\nimport jaJpComponentsDescriptions from './ja-JP.json'\nimport koKrComponentsDescriptions from './ko-KR.json'\nimport srRsComponentsDescriptions from './sr-RS.json'\nimport zhCnComponentsDescriptions from './zh-CN.json'\n\nexport const rSuiteComponentsDescriptions: Record<LanguageFullCode, ComponentLibraryDescription> = {\n  'ar-EG': arEgComponentsDescriptions,\n  'de-DE': deDeComponentsDescriptions,\n  'en-US': enUsComponentsDescriptions,\n  'es-ES': esEsComponentsDescriptions,\n  'fa-IR': faIrComponentsDescriptions,\n  'fr-FR': frFrComponentsDescriptions,\n  'hi-IN': hiInComponentsDescriptions,\n  'it-IT': itItComponentsDescriptions,\n  'ja-JP': jaJpComponentsDescriptions,\n  'ko-KR': koKrComponentsDescriptions,\n  'sr-RS': srRsComponentsDescriptions,\n  'zh-CN': zhCnComponentsDescriptions,\n}\n"],"names":["rSuiteComponentsDescriptions","arEgComponentsDescriptions","deDeComponentsDescriptions","enUsComponentsDescriptions","esEsComponentsDescriptions","faIrComponentsDescriptions","frFrComponentsDescriptions","hiInComponentsDescriptions","itItComponentsDescriptions","jaJpComponentsDescriptions","koKrComponentsDescriptions","srRsComponentsDescriptions","zhCnComponentsDescriptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAcaA,IAAsF;AAAA,EACjG,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AAAA,EACT,SAASC;AACX;"}

package/dist/radio-group.d.ts

@@ -1,6 +1,6 @@
 import { Definer } from '@react-form-builder/core';
 import { LabeledValue } from '@react-form-builder/core';
-import type { RadioGroupProps } from 'rsuite';
+import { RadioGroupProps } from 'rsuite';
 
 export declare const rsRadioGroup: Definer<RsRadioGroupProps>;
 

package/dist/radio-group.js

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

package/dist/radio-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.js","sources":["../src/components/RsRadioGroup.tsx"],"sourcesContent":["import type {LabeledValue} from '@react-form-builder/core'\nimport {array, boolean, define, disabled, event, oneOf, string, toLabeledValues} from '@react-form-builder/core'\nimport type {RadioGroupProps} from 'rsuite'\nimport {Radio, RadioGroup} from 'rsuite'\nimport {readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsRadioGroup component.\n */\nexport interface RsRadioGroupProps extends RadioGroupProps<string> {\n  /**\n   * The items for the radio group.\n   */\n  items: LabeledValue[]\n  /**\n   * The label for the radio group.\n   */\n  label?: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: string) => void\n}\n\n/**\n * Radio group component with label support.\n * @param props the component props.\n * @param props.items the items for the radio group.\n * @param props.label the label for the radio group.\n * @param props.value the value of the radio group.\n * @param props.className the CSS class name.\n * @param props.props the additional radio group props.\n * @returns the React element.\n */\nconst RsRadioGroup = ({items, label, value, className, ...props}: RsRadioGroupProps) => {\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <RadioGroup {...props as any} value={value ?? ''}>\n        {items.map(({value, label}, i) => (\n          <Radio value={value} key={i}>{label ?? value}</Radio>\n        ))\n        }\n      </RadioGroup>\n    </Labeled>\n  )\n}\n\nexport const rsRadioGroup = define(RsRadioGroup, 'RsRadioGroup')\n  .name('Radio group')\n  .category(fieldsCategory)\n  .props({\n    name: string.default('RadioGroup'),\n    appearance: oneOf('default', 'picker').labeled('Default', 'Picker').default('default')\n      .withEditorProps({creatable: false}),\n    label: string.default('Radio'),\n    disabled: disabled.default(false),\n    readOnly,\n    inline: boolean.default(false),\n    onChange: event,\n    items: array.default(toLabeledValues(['a', 'b', 'c'])),\n    value: string.valued\n  })\n"],"names":["RsRadioGroup","items","label","value","className","props","jsx","Labeled","RadioGroup","i","Radio","rsRadioGroup","define","fieldsCategory","string","oneOf","disabled","readOnly","boolean","event","array","toLabeledValues"],"mappings":";;;;;;;;;AAqCA,MAAMA,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,GAAGC,QAErD,gBAAAC,EAAAC,GAAA,EAAQ,OAAAL,GAAc,WAAAE,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAE,EAACE,GAAY,EAAA,GAAGH,GAAc,OAAOF,KAAS,IAC3C,YAAM,IAAI,CAAC,EAAC,OAAAA,GAAO,OAAAD,EAAK,GAAGO,MACzB,gBAAAH,EAAAI,GAAA,EAAM,OAAOP,GAAgB,UAAAD,KAASC,EAAAA,GAAbM,CAAmB,CAC9C,GAEH,EACF,CAAA,GAISE,IAAeC,EAAOZ,GAAc,cAAc,EAC5D,KAAK,aAAa,EAClB,SAASa,CAAc,EACvB,MAAM;AAAA,EACL,MAAMC,EAAO,QAAQ,YAAY;AAAA,EACjC,YAAYC,EAAM,WAAW,QAAQ,EAAE,QAAQ,WAAW,QAAQ,EAAE,QAAQ,SAAS,EAClF,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOD,EAAO,QAAQ,OAAO;AAAA,EAC7B,UAAUE,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,QAAQC,EAAQ,QAAQ,EAAK;AAAA,EAC7B,UAAUC;AAAA,EACV,OAAOC,EAAM,QAAQC,EAAgB,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AAAA,EACrD,OAAOP,EAAO;AAChB,CAAC;"}
+{"version":3,"file":"radio-group.js","sources":["../src/components/RsRadioGroup.tsx"],"sourcesContent":["import type {LabeledValue} from '@react-form-builder/core'\nimport {array, boolean, define, disabled, event, oneOf, string, toLabeledValues} from '@react-form-builder/core'\nimport type {RadioGroupProps} from 'rsuite'\nimport {Radio, RadioGroup} from 'rsuite'\nimport {readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsRadioGroup component.\n */\nexport interface RsRadioGroupProps extends RadioGroupProps<string> {\n  /**\n   * The items for the radio group.\n   */\n  items: LabeledValue[]\n  /**\n   * The label for the radio group.\n   */\n  label?: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: string) => void\n}\n\n/**\n * Radio group component with label support.\n * @param props the component props.\n * @param props.items the items for the radio group.\n * @param props.label the label for the radio group.\n * @param props.value the value of the radio group.\n * @param props.className the CSS class name.\n * @param props.props the additional radio group props.\n * @returns the React element.\n */\nconst RsRadioGroup = ({items, label, value, className, ...props}: RsRadioGroupProps) => {\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <RadioGroup {...props as any} value={value ?? ''}>\n        {items.map(({value, label}, i) => (\n          <Radio value={value} key={i}>{label ?? value}</Radio>\n        ))\n        }\n      </RadioGroup>\n    </Labeled>\n  )\n}\n\nexport const rsRadioGroup = define(RsRadioGroup, 'RsRadioGroup')\n  .name('Radio group')\n  .category(fieldsCategory)\n  .props({\n    name: string.default('RadioGroup'),\n    appearance: oneOf('default', 'picker').labeled('Default', 'Picker').default('default')\n      .withEditorProps({creatable: false}),\n    label: string.default('Radio'),\n    disabled: disabled.default(false),\n    readOnly,\n    inline: boolean.default(false),\n    onChange: event,\n    items: array.default(toLabeledValues(['a', 'b', 'c'])),\n    value: string.valued\n  })\n"],"names":["RsRadioGroup","items","label","value","className","props","jsx","Labeled","RadioGroup","i","Radio","rsRadioGroup","define","fieldsCategory","string","oneOf","disabled","readOnly","boolean","event","array","toLabeledValues"],"mappings":";;;;;;AAqCA,MAAMA,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,GAAGC,QAEtD,gBAAAC,EAACC,GAAA,EAAQ,OAAAL,GAAc,WAAAE,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAE,EAACE,GAAA,EAAY,GAAGH,GAAc,OAAOF,KAAS,IAC3C,YAAM,IAAI,CAAC,EAAC,OAAAA,GAAO,OAAAD,EAAAA,GAAQO,MAC1B,gBAAAH,EAACI,GAAA,EAAM,OAAOP,GAAgB,UAAAD,KAASC,EAAAA,GAAbM,CAAmB,CAC9C,GAEH,GACF,GAISE,IAAeC,EAAOZ,GAAc,cAAc,EAC5D,KAAK,aAAa,EAClB,SAASa,CAAc,EACvB,MAAM;AAAA,EACL,MAAMC,EAAO,QAAQ,YAAY;AAAA,EACjC,YAAYC,EAAM,WAAW,QAAQ,EAAE,QAAQ,WAAW,QAAQ,EAAE,QAAQ,SAAS,EAClF,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOD,EAAO,QAAQ,OAAO;AAAA,EAC7B,UAAUE,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,QAAQC,EAAQ,QAAQ,EAAK;AAAA,EAC7B,UAAUC;AAAA,EACV,OAAOC,EAAM,QAAQC,EAAgB,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AAAA,EACrD,OAAOP,EAAO;AAChB,CAAC;"}

package/dist/{rsuite-no-reset-rtl.min-af106e5c.js → rsuite-no-reset-rtl.min.css-B0vQWI16.js}

@@ -2,4 +2,4 @@ const c = "data:text/css;base64,LnJzLXRoZW1lLWxpZ2h0LDpyb290ey0tcnMtZ3JheS0wOiNm
 export {
   c as default
 };
-//# sourceMappingURL=rsuite-no-reset-rtl.min-af106e5c.js.map
+//# sourceMappingURL=rsuite-no-reset-rtl.min.css-B0vQWI16.js.map

package/dist/rsuite-no-reset-rtl.min.css-B0vQWI16.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rsuite-no-reset-rtl.min.css-B0vQWI16.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/{rsuite-no-reset.min-3caeeea0.js → rsuite-no-reset.min.css-bW1P11UK.js}

@@ -2,4 +2,4 @@ const c = "data:text/css;base64,LnJzLXRoZW1lLWxpZ2h0LDpyb290ey0tcnMtZ3JheS0wOiNm
 export {
   c as default
 };
-//# sourceMappingURL=rsuite-no-reset.min-3caeeea0.js.map
+//# sourceMappingURL=rsuite-no-reset.min.css-bW1P11UK.js.map

package/dist/rsuite-no-reset.min.css-bW1P11UK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rsuite-no-reset.min.css-bW1P11UK.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/search.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/search.js

@@ -1,16 +1,15 @@
-import { jsx as a, jsxs as y } from "@emotion/react/jsx-runtime";
-import c from "@emotion/styled";
-import { define as I, boolean as L, string as l, useComponentData as R, useAriaAttributes as j } from "@react-form-builder/core";
-import { Search as D } from "@rsuite/icons";
-import { useCallback as F, useMemo as M } from "react";
-import { InputPicker as O, Loader as T } from "rsuite";
-import { b as w } from "./commonProperties-d849cd5b.js";
-import { u as z, a as E } from "./hooks-ff273a8a.js";
-import { f as N } from "./categories-7064b279.js";
-import { u as q } from "./useTouchOnEvent-2be3c60d.js";
-import { L as v } from "./Labeled-751c2353.js";
-import "@emotion/react";
-const B = c.div`
+import { jsx as o, jsxs as k } from "@emotion/react/jsx-runtime";
+import i from "@emotion/styled";
+import { define as P, string as s, boolean as y, useComponentData as I, useAriaAttributes as L } from "@react-form-builder/core";
+import { Search as R } from "@rsuite/icons";
+import { useCallback as j, useMemo as D } from "react";
+import { InputPicker as F, Loader as M } from "rsuite";
+import { b as O } from "./commonProperties-ETOgvhCH.js";
+import { u as T, a as w } from "./hooks-DMVtrI-b.js";
+import { f as z } from "./categories-_98lyB3C.js";
+import { u as E } from "./useTouchOnEvent-BPYbKiku.js";
+import { L as N } from "./Labeled-BWYRwMiY.js";
+const q = i.div`
   display: flex;
   flex: 1;
 
@@ -24,37 +23,33 @@ const B = c.div`
     height: 16px !important;
     width: 16px !important;
   }
-`, G = c(O)`
+`, v = i(F)`
   flex: 1;
-`, H = () => null, J = ({ data: m, label: t, onLoadData: p, onSearch: d, value: e = "", className: f, preload: u, disableVirtualized: h, ...r }) => {
-  var s;
-  const { loading: x, onOpen: K, ...o } = z({ data: m, onLoadData: p, onSearch: d, value: e, preload: u, disableVirtualized: h }), b = F((P) => {
-    var i;
-    return (i = o.data) != null && i.length ? P : null;
-  }, [(s = o.data) == null ? void 0 : s.length]), g = q(r, "onClean"), n = x ? T : D, { id: C } = R(), S = j({ labeled: !!t }), A = E(), k = M(() => r.cleanable && e ? null : /* @__PURE__ */ a(n, { className: "search-icon" }), [n, r.cleanable, e]);
-  return /* @__PURE__ */ a(v, { label: t, className: f, passAriaToChildren: !1, children: /* @__PURE__ */ y(B, { children: [
-    /* @__PURE__ */ a(
-      G,
+`, B = () => null, G = ({ data: l, label: t, onLoadData: c, onSearch: d, value: r = "", className: m, preload: p, disableVirtualized: f, ...e }) => {
+  const { loading: u, onOpen: H, ...a } = T({ data: l, onLoadData: c, onSearch: d, value: r, preload: p, disableVirtualized: f }), h = j((A) => a.data?.length ? A : null, [a.data?.length]), x = E(e, "onClean"), n = u ? M : R, { id: b } = I(), g = L({ labeled: !!t }), C = w(), S = D(() => e.cleanable && r ? null : /* @__PURE__ */ o(n, { className: "search-icon" }), [n, e.cleanable, r]);
+  return /* @__PURE__ */ o(N, { label: t, className: m, passAriaToChildren: !1, children: /* @__PURE__ */ k(q, { children: [
+    /* @__PURE__ */ o(
+      v,
       {
-        id: C,
-        ...S,
-        ...r,
-        ...o,
-        onClean: g,
-        renderMenu: b,
-        caretAs: H,
-        ref: A
+        id: b,
+        ...g,
+        ...e,
+        ...a,
+        onClean: x,
+        renderMenu: h,
+        caretAs: B,
+        ref: C
       }
     ),
-    k
+    S
   ] }) });
-}, ar = I(J, "RsSearch").name("Search").category(N).props({
-  ...w,
-  preload: L.default(!1),
-  label: l.default("Search"),
-  placeholder: l.default("Search")
+}, ee = P(G, "RsSearch").name("Search").category(z).props({
+  ...O,
+  preload: y.default(!1),
+  label: s.default("Search"),
+  placeholder: s.default("Search")
 });
 export {
-  ar as rsSearch
+  ee as rsSearch
 };
 //# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -1 +1 @@
-{"version":3,"file":"search.js","sources":["../src/components/RsSearch.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, string, useAriaAttributes, useComponentData} from '@react-form-builder/core'\nimport {Search} from '@rsuite/icons'\nimport type {ReactNode} from 'react'\nimport {useCallback, useMemo} from 'react'\nimport type {InputPickerProps} from 'rsuite'\nimport {InputPicker, Loader} 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'\n\nconst Container = styled.div`\n  display: flex;\n  flex: 1;\n\n  .search-icon {\n    margin-inline-start: -28px;\n    margin-top: 10px;\n    z-index: 10;\n  }\n\n  .rs-loader .rs-loader-spin, .rs-loader .rs-loader-spin:after, .rs-loader .rs-loader-spin:before {\n    height: 16px !important;\n    width: 16px !important;\n  }\n`\n\nconst SInputPicker = styled(InputPicker)`\n  flex: 1;\n`\n\n/**\n * Props for the RsSearch component.\n */\nexport interface RsSearchProps extends InputPickerProps, LoadDataProps {\n  /**\n   * The label for the search input.\n   */\n  label: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\nconst CustomCaret = () => null\n\n/**\n * Search component with label and data loading support.\n * @param props the component props.\n * @param props.data the data for the search.\n * @param props.label the label for the search input.\n * @param props.onLoadData the callback for loading data.\n * @param props.onSearch the callback for search.\n * @param props.value the value of the search.\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 search props.\n * @returns the React element.\n */\nconst RsSearch = ({data, label, onLoadData, onSearch, value = '', className, preload, disableVirtualized, ...props}: RsSearchProps) => {\n  const {loading, onOpen, ...loadProps} = useLoadData({data, onLoadData, onSearch, value, preload, disableVirtualized})\n\n  const renderMenu = useCallback((menu: ReactNode) => {\n    return loadProps.data?.length ? menu : null\n  }, [loadProps.data?.length])\n\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const Icon = loading ? Loader : Search\n  const {id} = useComponentData()\n  const aria = useAriaAttributes({labeled: !!label})\n  const inputRef = useFixAriaAttributesForInputPicker()\n\n  const icon = useMemo(() => {\n    return !(props.cleanable && value) ? <Icon className={'search-icon'}/> : null\n  }, [Icon, props.cleanable, value])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={false}>\n      <Container>\n        <SInputPicker id={id} {...aria} {...props} {...loadProps} onClean={onClean} renderMenu={renderMenu} caretAs={CustomCaret}\n                      ref={inputRef}/>\n        {icon}\n      </Container>\n    </Labeled>\n  )\n}\n\nexport const rsSearch = define(RsSearch, 'RsSearch')\n  .name('Search')\n  .category(fieldsCategory)\n  .props({\n    ...pickerProps,\n    preload: boolean.default(false),\n    label: string.default('Search'),\n    placeholder: string.default('Search')\n  })\n"],"names":["Container","styled","SInputPicker","InputPicker","CustomCaret","RsSearch","data","label","onLoadData","onSearch","value","className","preload","disableVirtualized","props","loading","onOpen","loadProps","useLoadData","renderMenu","useCallback","menu","_a","onClean","useTouchOnEvent","Icon","Loader","Search","id","useComponentData","aria","useAriaAttributes","inputRef","useFixAriaAttributesForInputPicker","icon","useMemo","Labeled","jsx","rsSearch","define","fieldsCategory","pickerProps","boolean","string"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBnBC,IAAeD,EAAOE,CAAW;AAAA;AAAA,GAmBjCC,IAAc,MAAM,MAgBpBC,IAAW,CAAC,EAAC,MAAAC,GAAM,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,OAAAC,IAAQ,IAAI,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,GAAoB,GAAGC,QAA0B;;AACrI,QAAM,EAAC,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,MAAaC,EAAY,EAAC,MAAAZ,GAAM,YAAAE,GAAY,UAAAC,GAAU,OAAAC,GAAO,SAAAE,GAAS,oBAAAC,EAAmB,CAAA,GAE9GM,IAAaC,EAAY,CAACC,MAAoB;;AAC3C,YAAAC,IAAAL,EAAU,SAAV,QAAAK,EAAgB,SAASD,IAAO;AAAA,EACtC,GAAA,EAACC,IAAAL,EAAU,SAAV,gBAAAK,EAAgB,MAAM,CAAC,GAErBC,IAAUC,EAAgBV,GAAO,SAAS,GAC1CW,IAAOV,IAAUW,IAASC,GAC1B,EAAC,IAAAC,MAAMC,KACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACxB,GAAM,GAC3CyB,IAAWC,KAEXC,IAAOC,EAAQ,MACVrB,EAAM,aAAaJ,IAA6C,yBAAnCe,GAAK,EAAA,WAAW,cAAc,CAAA,GACnE,CAACA,GAAMX,EAAM,WAAWJ,CAAK,CAAC;AAEjC,2BACG0B,GAAQ,EAAA,OAAA7B,GAAc,WAAAI,GAAsB,oBAAoB,IAC/D,4BAACX,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAqC;AAAA,MAACnC;AAAA,MAAA;AAAA,QAAa,IAAA0B;AAAA,QAAS,GAAGE;AAAA,QAAO,GAAGhB;AAAA,QAAQ,GAAGG;AAAA,QAAW,SAAAM;AAAA,QAAkB,YAAAJ;AAAA,QAAwB,SAASf;AAAA,QAC/F,KAAK4B;AAAA,MAAA;AAAA,IAAS;AAAA,IAC3BE;AAAA,EAAA,EACH,CAAA,EACF,CAAA;AAEJ,GAEaI,KAAWC,EAAOlC,GAAU,UAAU,EAChD,KAAK,QAAQ,EACb,SAASmC,CAAc,EACvB,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,SAASC,EAAQ,QAAQ,EAAK;AAAA,EAC9B,OAAOC,EAAO,QAAQ,QAAQ;AAAA,EAC9B,aAAaA,EAAO,QAAQ,QAAQ;AACtC,CAAC;"}
+{"version":3,"file":"search.js","sources":["../src/components/RsSearch.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, string, useAriaAttributes, useComponentData} from '@react-form-builder/core'\nimport {Search} from '@rsuite/icons'\nimport type {ReactNode} from 'react'\nimport {useCallback, useMemo} from 'react'\nimport type {InputPickerProps} from 'rsuite'\nimport {InputPicker, Loader} 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'\n\nconst Container = styled.div`\n  display: flex;\n  flex: 1;\n\n  .search-icon {\n    margin-inline-start: -28px;\n    margin-top: 10px;\n    z-index: 10;\n  }\n\n  .rs-loader .rs-loader-spin, .rs-loader .rs-loader-spin:after, .rs-loader .rs-loader-spin:before {\n    height: 16px !important;\n    width: 16px !important;\n  }\n`\n\nconst SInputPicker = styled(InputPicker)`\n  flex: 1;\n`\n\n/**\n * Props for the RsSearch component.\n */\nexport interface RsSearchProps extends InputPickerProps, LoadDataProps {\n  /**\n   * The label for the search input.\n   */\n  label: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\nconst CustomCaret = () => null\n\n/**\n * Search component with label and data loading support.\n * @param props the component props.\n * @param props.data the data for the search.\n * @param props.label the label for the search input.\n * @param props.onLoadData the callback for loading data.\n * @param props.onSearch the callback for search.\n * @param props.value the value of the search.\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 search props.\n * @returns the React element.\n */\nconst RsSearch = ({data, label, onLoadData, onSearch, value = '', className, preload, disableVirtualized, ...props}: RsSearchProps) => {\n  const {loading, onOpen, ...loadProps} = useLoadData({data, onLoadData, onSearch, value, preload, disableVirtualized})\n\n  const renderMenu = useCallback((menu: ReactNode) => {\n    return loadProps.data?.length ? menu : null\n  }, [loadProps.data?.length])\n\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const Icon = loading ? Loader : Search\n  const {id} = useComponentData()\n  const aria = useAriaAttributes({labeled: !!label})\n  const inputRef = useFixAriaAttributesForInputPicker()\n\n  const icon = useMemo(() => {\n    return !(props.cleanable && value) ? <Icon className={'search-icon'}/> : null\n  }, [Icon, props.cleanable, value])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={false}>\n      <Container>\n        <SInputPicker id={id} {...aria} {...props} {...loadProps} onClean={onClean} renderMenu={renderMenu} caretAs={CustomCaret}\n                      ref={inputRef}/>\n        {icon}\n      </Container>\n    </Labeled>\n  )\n}\n\nexport const rsSearch = define(RsSearch, 'RsSearch')\n  .name('Search')\n  .category(fieldsCategory)\n  .props({\n    ...pickerProps,\n    preload: boolean.default(false),\n    label: string.default('Search'),\n    placeholder: string.default('Search')\n  })\n"],"names":["Container","styled","SInputPicker","InputPicker","CustomCaret","RsSearch","data","label","onLoadData","onSearch","value","className","preload","disableVirtualized","props","loading","onOpen","loadProps","useLoadData","renderMenu","useCallback","menu","onClean","useTouchOnEvent","Icon","Loader","Search","id","useComponentData","aria","useAriaAttributes","inputRef","useFixAriaAttributesForInputPicker","icon","useMemo","Labeled","jsx","rsSearch","define","fieldsCategory","pickerProps","boolean","string"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBnBC,IAAeD,EAAOE,CAAW;AAAA;AAAA,GAmBjCC,IAAc,MAAM,MAgBpBC,IAAW,CAAC,EAAC,MAAAC,GAAM,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,OAAAC,IAAQ,IAAI,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,GAAoB,GAAGC,QAA0B;AACrI,QAAM,EAAC,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,MAAaC,EAAY,EAAC,MAAAZ,GAAM,YAAAE,GAAY,UAAAC,GAAU,OAAAC,GAAO,SAAAE,GAAS,oBAAAC,GAAmB,GAE9GM,IAAaC,EAAY,CAACC,MACvBJ,EAAU,MAAM,SAASI,IAAO,MACtC,CAACJ,EAAU,MAAM,MAAM,CAAC,GAErBK,IAAUC,EAAgBT,GAAO,SAAS,GAC1CU,IAAOT,IAAUU,IAASC,GAC1B,EAAC,IAAAC,EAAA,IAAMC,EAAA,GACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACvB,GAAM,GAC3CwB,IAAWC,EAAA,GAEXC,IAAOC,EAAQ,MACVpB,EAAM,aAAaJ,IAA6C,yBAAnCc,GAAA,EAAK,WAAW,eAAc,GACnE,CAACA,GAAMV,EAAM,WAAWJ,CAAK,CAAC;AAEjC,2BACGyB,GAAA,EAAQ,OAAA5B,GAAc,WAAAI,GAAsB,oBAAoB,IAC/D,4BAACX,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAoC;AAAA,MAAClC;AAAA,MAAA;AAAA,QAAa,IAAAyB;AAAA,QAAS,GAAGE;AAAA,QAAO,GAAGf;AAAA,QAAQ,GAAGG;AAAA,QAAW,SAAAK;AAAA,QAAkB,YAAAH;AAAA,QAAwB,SAASf;AAAA,QAC/F,KAAK2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAClBE;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ,GAEaI,KAAWC,EAAOjC,GAAU,UAAU,EAChD,KAAK,QAAQ,EACb,SAASkC,CAAc,EACvB,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,SAASC,EAAQ,QAAQ,EAAK;AAAA,EAC9B,OAAOC,EAAO,QAAQ,QAAQ;AAAA,EAC9B,aAAaA,EAAO,QAAQ,QAAQ;AACtC,CAAC;"}

package/dist/static-content.js

@@ -1,13 +1,13 @@
 import { jsx as e } from "@emotion/react/jsx-runtime";
-import { define as c, string as i, boolean as m, useBuilderValue as u } from "@react-form-builder/core";
+import { define as c, boolean as i, string as m, useBuilderValue as u } from "@react-form-builder/core";
 import { useMemo as d } from "react";
-import { s as f } from "./categories-7064b279.js";
+import { a as f } from "./categories-_98lyB3C.js";
 const n = "Text...", p = (r) => {
   const { content: a, allowHtml: s, ...o } = r, t = u(a, n), l = d(() => ({ __html: t }), [t]);
   return s ? /* @__PURE__ */ e("span", { ...o, dangerouslySetInnerHTML: l }) : /* @__PURE__ */ e("span", { ...o, children: t });
 }, x = c(p, "RsStaticContent").name("Static content").category(f).props({
-  content: i.required.default(n).dataBound,
-  allowHtml: m.default(!1)
+  content: m.required.default(n).dataBound,
+  allowHtml: i.default(!1)
 });
 export {
   x as rsStaticContent

package/dist/static-content.js.map

@@ -1 +1 @@
-{"version":3,"file":"static-content.js","sources":["../src/components/RsStaticContent.tsx"],"sourcesContent":["import {boolean, define, string, useBuilderValue} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport {staticCategory} from './categories'\n\nconst defaultContent = 'Text...'\n\n/**\n * Props for the RsStaticContent component.\n */\nexport interface RsStaticContentProps {\n  /**\n   * The content to display.\n   */\n  content: string\n  /**\n   * Whether to allow HTML content.\n   */\n  allowHtml: boolean\n}\n\n/**\n * A static content component that displays text or HTML content.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsStaticContent = (props: RsStaticContentProps) => {\n  const {content, allowHtml, ...otherProps} = props\n  const data = useBuilderValue(content, defaultContent)\n  const html = useMemo(() => ({__html: data}), [data])\n\n  if (allowHtml) {\n    return <span {...otherProps} dangerouslySetInnerHTML={html}/>\n  }\n\n  return <span {...otherProps}>{data}</span>\n}\n\nexport const rsStaticContent = define(RsStaticContent, 'RsStaticContent')\n  .name('Static content')\n  .category(staticCategory)\n  .props({\n    content: string.required.default(defaultContent).dataBound,\n    allowHtml: boolean.default(false),\n  })\n"],"names":["defaultContent","RsStaticContent","props","content","allowHtml","otherProps","data","useBuilderValue","html","useMemo","jsx","rsStaticContent","define","staticCategory","string","boolean"],"mappings":";;;;AAIA,MAAMA,IAAiB,WAqBjBC,IAAkB,CAACC,MAAgC;AACvD,QAAM,EAAC,SAAAC,GAAS,WAAAC,GAAW,GAAGC,MAAcH,GACtCI,IAAOC,EAAgBJ,GAASH,CAAc,GAC9CQ,IAAOC,EAAQ,OAAO,EAAC,QAAQH,MAAQ,CAACA,CAAI,CAAC;AAEnD,SAAIF,IACM,gBAAAM,EAAA,QAAA,EAAM,GAAGL,GAAY,yBAAyBG,EAAK,CAAA,IAGrD,gBAAAE,EAAA,QAAA,EAAM,GAAGL,GAAa,UAAKC,EAAA,CAAA;AACrC,GAEaK,IAAkBC,EAAOX,GAAiB,iBAAiB,EACrE,KAAK,gBAAgB,EACrB,SAASY,CAAc,EACvB,MAAM;AAAA,EACL,SAASC,EAAO,SAAS,QAAQd,CAAc,EAAE;AAAA,EACjD,WAAWe,EAAQ,QAAQ,EAAK;AAClC,CAAC;"}
+{"version":3,"file":"static-content.js","sources":["../src/components/RsStaticContent.tsx"],"sourcesContent":["import {boolean, define, string, useBuilderValue} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport {staticCategory} from './categories'\n\nconst defaultContent = 'Text...'\n\n/**\n * Props for the RsStaticContent component.\n */\nexport interface RsStaticContentProps {\n  /**\n   * The content to display.\n   */\n  content: string\n  /**\n   * Whether to allow HTML content.\n   */\n  allowHtml: boolean\n}\n\n/**\n * A static content component that displays text or HTML content.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsStaticContent = (props: RsStaticContentProps) => {\n  const {content, allowHtml, ...otherProps} = props\n  const data = useBuilderValue(content, defaultContent)\n  const html = useMemo(() => ({__html: data}), [data])\n\n  if (allowHtml) {\n    return <span {...otherProps} dangerouslySetInnerHTML={html}/>\n  }\n\n  return <span {...otherProps}>{data}</span>\n}\n\nexport const rsStaticContent = define(RsStaticContent, 'RsStaticContent')\n  .name('Static content')\n  .category(staticCategory)\n  .props({\n    content: string.required.default(defaultContent).dataBound,\n    allowHtml: boolean.default(false),\n  })\n"],"names":["defaultContent","RsStaticContent","props","content","allowHtml","otherProps","data","useBuilderValue","html","useMemo","jsx","rsStaticContent","define","staticCategory","string","boolean"],"mappings":";;;;AAIA,MAAMA,IAAiB,WAqBjBC,IAAkB,CAACC,MAAgC;AACvD,QAAM,EAAC,SAAAC,GAAS,WAAAC,GAAW,GAAGC,MAAcH,GACtCI,IAAOC,EAAgBJ,GAASH,CAAc,GAC9CQ,IAAOC,EAAQ,OAAO,EAAC,QAAQH,MAAQ,CAACA,CAAI,CAAC;AAEnD,SAAIF,IACK,gBAAAM,EAAC,QAAA,EAAM,GAAGL,GAAY,yBAAyBG,GAAK,IAGtD,gBAAAE,EAAC,QAAA,EAAM,GAAGL,GAAa,UAAAC,GAAK;AACrC,GAEaK,IAAkBC,EAAOX,GAAiB,iBAAiB,EACrE,KAAK,gBAAgB,EACrB,SAASY,CAAc,EACvB,MAAM;AAAA,EACL,SAASC,EAAO,SAAS,QAAQd,CAAc,EAAE;AAAA,EACjD,WAAWe,EAAQ,QAAQ,EAAK;AAClC,CAAC;"}