@react-form-builder/components-rsuite 8.0.0 → 9.0.0

package/dist/autocomplete.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as i } from "react/jsx-runtime";
-import { define as s, event as e, string as t, boolean as m, fn as p, array as u, toLabeledValues as f } from "@react-form-builder/core";
-import { AutoComplete as c } from "rsuite";
-import { i as d } from "./commonProperties-X-t50qaZ.js";
+import { define as s, event as e, string as t, boolean as m, fn as p, array as u, toLabeledValues as c } from "@react-form-builder/core";
+import { AutoComplete as f } from "rsuite";
+import { i as d } from "./commonProperties-DPbE7-nD.js";
 import { f as h } from "./categories-_98lyB3C.js";
 import { L as g } from "./Labeled-8k9VvM4G.js";
 const C = () => /* @__PURE__ */ i(
@@ -31,7 +31,7 @@ const C = () => /* @__PURE__ */ i(
       )
     ]
   }
-), v = ({ label: r, style: a, className: n, ...l }) => /* @__PURE__ */ o(g, { label: r, style: a, className: n, passAriaToChildren: !0, children: /* @__PURE__ */ o(c, { ...l }) }), x = `/**
+), v = ({ label: a, style: r, className: n, ...l }) => /* @__PURE__ */ o(g, { label: a, style: r, className: n, passAriaToChildren: !0, children: /* @__PURE__ */ o(f, { ...l }) }), x = `/**
  * @param {string} value
  * @param {ItemDataType} item
  * @return {boolean}
@@ -39,7 +39,7 @@ const C = () => /* @__PURE__ */ i(
 function filterBy(value, item) {`, B = s(v, "RsAutoComplete").name("AutoComplete").category(h).icon(C).props({
   ...d,
   label: t.default("Input"),
-  data: u.default(f(["Item1", "Item2", "Item3"])),
+  data: u.localize.default(c(["Item1", "Item2", "Item3"])),
   defaultValue: t,
   filterBy: p(x),
   menuClassName: t,

package/dist/autocomplete.js.map

@@ -1 +1 @@
-{"version":3,"file":"autocomplete.js","sources":["../src/components/RsAutocomplete.tsx"],"sourcesContent":["import {array, boolean, define, event, fn, string, toLabeledValues} from '@react-form-builder/core'\nimport type {CSSProperties} from 'react'\nimport type {AutoCompleteProps} from 'rsuite'\nimport {AutoComplete} from 'rsuite'\nimport {inputProps} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\nconst AutoCompleteIcon = () => <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\"\n                                    viewBox=\"0 0 24 24\">\n  <path stroke=\"#9ca3af\" strokeWidth=\"2\"\n        d=\"M16.94 4H7.2c-1.12 0-1.68 0-2.1.22a2 2 0 0 0-.88.87C4 5.52 4 6.08 4 7.2v9.6c0 1.12 0 1.68.22 2.1.19.38.5.7.87.88.43.22.99.22 2.1.22h9.61c1.12 0 1.68 0 2.1-.22a2 2 0 0 0 .88-.87c.22-.43.22-.99.22-2.1v-6.15\"/>\n  <path stroke=\"#9ca3af\" strokeWidth=\"2\"\n        d=\"M9.81 12.33h.01m.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm4.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z\"/>\n</svg>\n\n/**\n * The properties of the RsAutoComplete component.\n */\nexport interface RsAutoCompleteProps extends AutoCompleteProps {\n  /**\n   * The component label.\n   */\n  label?: string\n  /**\n   * The component class name.\n   */\n  className?: string\n  /**\n   * The component styles.\n   */\n  style?: CSSProperties\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: string) => void\n}\n\nconst RsAutoComplete = ({label, style, className, ...props}: RsAutoCompleteProps) => {\n  return <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n    <AutoComplete {...props} />\n  </Labeled>\n}\n\nconst filterByFnDescriptionBegin = `/**\n * @param {string} value\n * @param {ItemDataType} item\n * @return {boolean}\n */\nfunction filterBy(value, item) {`\n\nexport const rsAutoComplete = define(RsAutoComplete, 'RsAutoComplete')\n  .name('AutoComplete')\n  .category(fieldsCategory)\n  .icon(AutoCompleteIcon)\n  .props({\n    ...inputProps,\n    label: string.default('Input'),\n    data: array.default(toLabeledValues(['Item1', 'Item2', 'Item3'])),\n    defaultValue: string,\n    filterBy: fn(filterByFnDescriptionBegin),\n    menuClassName: string,\n    onClose: event,\n    onEnter: event,\n    onEntering: event,\n    onExit: event,\n    onExited: event,\n    onExiting: event,\n    onSelect: event,\n    selectOnEnter: boolean.default(true),\n    value: string.valued.uncontrolledValue(''),\n  })\n"],"names":["AutoCompleteIcon","jsxs","jsx","RsAutoComplete","label","style","className","props","Labeled","AutoComplete","filterByFnDescriptionBegin","rsAutoComplete","define","fieldsCategory","inputProps","string","array","toLabeledValues","fn","event","boolean"],"mappings":";;;;;;AAQA,MAAMA,IAAmB,MAAM,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAAI,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA,IAC/D,SAAQ;AAAA,IAC1C,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAAK,QAAO;AAAA,UAAU,aAAY;AAAA,UAC7B,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MACR,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAAK,QAAO;AAAA,UAAU,aAAY;AAAA,UAC7B,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAA0F;AAAA,EAAA;AACpG,GAyBMC,IAAiB,CAAC,EAAC,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,GAAGC,QAC5C,gBAAAL,EAACM,GAAA,EAAQ,OAAAJ,GAAc,OAAAC,GAAc,WAAAC,GAAsB,oBAAoB,IACpF,UAAA,gBAAAJ,EAACO,GAAA,EAAc,GAAGF,EAAA,CAAO,EAAA,CAC3B,GAGIG,IAA6B;AAAA;AAAA;AAAA;AAAA;AAAA,mCAOtBC,IAAiBC,EAAOT,GAAgB,gBAAgB,EAClE,KAAK,cAAc,EACnB,SAASU,CAAc,EACvB,KAAKb,CAAgB,EACrB,MAAM;AAAA,EACL,GAAGc;AAAA,EACH,OAAOC,EAAO,QAAQ,OAAO;AAAA,EAC7B,MAAMC,EAAM,QAAQC,EAAgB,CAAC,SAAS,SAAS,OAAO,CAAC,CAAC;AAAA,EAChE,cAAcF;AAAA,EACd,UAAUG,EAAGR,CAA0B;AAAA,EACvC,eAAeK;AAAA,EACf,SAASI;AAAA,EACT,SAASA;AAAA,EACT,YAAYA;AAAA,EACZ,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,UAAUA;AAAA,EACV,eAAeC,EAAQ,QAAQ,EAAI;AAAA,EACnC,OAAOL,EAAO,OAAO,kBAAkB,EAAE;AAC3C,CAAC;"}
+{"version":3,"file":"autocomplete.js","sources":["../src/components/RsAutocomplete.tsx"],"sourcesContent":["import {array, boolean, define, event, fn, string, toLabeledValues} from '@react-form-builder/core'\nimport type {CSSProperties} from 'react'\nimport type {AutoCompleteProps} from 'rsuite'\nimport {AutoComplete} from 'rsuite'\nimport {inputProps} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\nconst AutoCompleteIcon = () => <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"none\"\n                                    viewBox=\"0 0 24 24\">\n  <path stroke=\"#9ca3af\" strokeWidth=\"2\"\n        d=\"M16.94 4H7.2c-1.12 0-1.68 0-2.1.22a2 2 0 0 0-.88.87C4 5.52 4 6.08 4 7.2v9.6c0 1.12 0 1.68.22 2.1.19.38.5.7.87.88.43.22.99.22 2.1.22h9.61c1.12 0 1.68 0 2.1-.22a2 2 0 0 0 .88-.87c.22-.43.22-.99.22-2.1v-6.15\"/>\n  <path stroke=\"#9ca3af\" strokeWidth=\"2\"\n        d=\"M9.81 12.33h.01m.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0zm4.5 0a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0z\"/>\n</svg>\n\n/**\n * The properties of the RsAutoComplete component.\n */\nexport interface RsAutoCompleteProps extends AutoCompleteProps {\n  /**\n   * The component label.\n   */\n  label?: string\n  /**\n   * The component class name.\n   */\n  className?: string\n  /**\n   * The component styles.\n   */\n  style?: CSSProperties\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: string) => void\n}\n\nconst RsAutoComplete = ({label, style, className, ...props}: RsAutoCompleteProps) => {\n  return <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n    <AutoComplete {...props} />\n  </Labeled>\n}\n\nconst filterByFnDescriptionBegin = `/**\n * @param {string} value\n * @param {ItemDataType} item\n * @return {boolean}\n */\nfunction filterBy(value, item) {`\n\nexport const rsAutoComplete = define(RsAutoComplete, 'RsAutoComplete')\n  .name('AutoComplete')\n  .category(fieldsCategory)\n  .icon(AutoCompleteIcon)\n  .props({\n    ...inputProps,\n    label: string.default('Input'),\n    data: array.localize.default(toLabeledValues(['Item1', 'Item2', 'Item3'])),\n    defaultValue: string,\n    filterBy: fn(filterByFnDescriptionBegin),\n    menuClassName: string,\n    onClose: event,\n    onEnter: event,\n    onEntering: event,\n    onExit: event,\n    onExited: event,\n    onExiting: event,\n    onSelect: event,\n    selectOnEnter: boolean.default(true),\n    value: string.valued.uncontrolledValue(''),\n  })\n"],"names":["AutoCompleteIcon","jsxs","jsx","RsAutoComplete","label","style","className","props","Labeled","AutoComplete","filterByFnDescriptionBegin","rsAutoComplete","define","fieldsCategory","inputProps","string","array","toLabeledValues","fn","event","boolean"],"mappings":";;;;;;AAQA,MAAMA,IAAmB,MAAM,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IAAI,OAAM;AAAA,IAA6B,OAAM;AAAA,IAAK,QAAO;AAAA,IAAK,MAAK;AAAA,IAC/D,SAAQ;AAAA,IAC1C,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAAC;AAAA,QAAA;AAAA,UAAK,QAAO;AAAA,UAAU,aAAY;AAAA,UAC7B,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,MACR,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAAK,QAAO;AAAA,UAAU,aAAY;AAAA,UAC7B,GAAE;AAAA,QAAA;AAAA,MAAA;AAAA,IAA0F;AAAA,EAAA;AACpG,GAyBMC,IAAiB,CAAC,EAAC,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,GAAGC,QAC5C,gBAAAL,EAACM,GAAA,EAAQ,OAAAJ,GAAc,OAAAC,GAAc,WAAAC,GAAsB,oBAAoB,IACpF,UAAA,gBAAAJ,EAACO,GAAA,EAAc,GAAGF,EAAA,CAAO,EAAA,CAC3B,GAGIG,IAA6B;AAAA;AAAA;AAAA;AAAA;AAAA,mCAOtBC,IAAiBC,EAAOT,GAAgB,gBAAgB,EAClE,KAAK,cAAc,EACnB,SAASU,CAAc,EACvB,KAAKb,CAAgB,EACrB,MAAM;AAAA,EACL,GAAGc;AAAA,EACH,OAAOC,EAAO,QAAQ,OAAO;AAAA,EAC7B,MAAMC,EAAM,SAAS,QAAQC,EAAgB,CAAC,SAAS,SAAS,OAAO,CAAC,CAAC;AAAA,EACzE,cAAcF;AAAA,EACd,UAAUG,EAAGR,CAA0B;AAAA,EACvC,eAAeK;AAAA,EACf,SAASI;AAAA,EACT,SAASA;AAAA,EACT,YAAYA;AAAA,EACZ,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,UAAUA;AAAA,EACV,eAAeC,EAAQ,QAAQ,EAAI;AAAA,EACnC,OAAOL,EAAO,OAAO,kBAAkB,EAAE;AAC3C,CAAC;"}

package/dist/breadcrumb.js

@@ -2,7 +2,7 @@ import { jsx as l } from "react/jsx-runtime";
 import { useCallback as p, useMemo as f, createElement as h } from "react";
 import { define as d, event as a, array as b, string as k, oneOf as C } from "@react-form-builder/core";
 import { Checkbox as x, Breadcrumb as i } from "rsuite";
-import { a as g } from "./commonProperties-X-t50qaZ.js";
+import { a as g } from "./commonProperties-DPbE7-nD.js";
 import { s as y } from "./categories-_98lyB3C.js";
 import { S as B, I as u } from "./InputCell-tTp9fZXd.js";
 const I = "_checkbox_1itlt_1", _ = {
@@ -30,16 +30,16 @@ const I = "_checkbox_1itlt_1", _ = {
     const { title: m = "", ...c } = r;
     return /* @__PURE__ */ h(i.Item, { ...c, onClick: o[s], key: m }, m);
   }) });
-}, q = d(v, "RsBreadcrumb").name("Breadcrumb").category(y).props({
+}, U = d(v, "RsBreadcrumb").name("Breadcrumb").category(y).props({
   separator: k.default("/"),
   maxItems: g,
-  items: b.default(N(["one", "two", "three"])).withEditorProps({ columns: S }),
+  items: b.localize.default(N(["one", "two", "three"])).withEditorProps({ columns: S }),
   onItemClick: a,
   onExpand: a
 }).css({
   justifyContent: C("left", "center", "right").default("left").radio().named("Alignment")
 });
 export {
-  q as rsBreadcrumb
+  U as rsBreadcrumb
 };
 //# sourceMappingURL=breadcrumb.js.map

package/dist/breadcrumb.js.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumb.js","sources":["../src/components/internal/CheckCell.tsx","../src/components/RsBreadcrumb.tsx"],"sourcesContent":["import {useCallback} from 'react'\nimport {Checkbox} from 'rsuite'\nimport styles from './CheckCell.module.css'\nimport type {InputCellProps} from './InputCellProps'\nimport {SCell} from './SCell'\n\n/**\n * The React component that displays the table cell with the checkbox.\n * @param props the React component properties.\n * @param props.rowData the row data.\n * @param props.dataKey the key name in {@link props.rowData}.\n * @param props.rowIndex the row index.\n * @param props.onChange the onChange event of the checkbox.\n * @param props.props the other properties of the component.\n * @returns the React element.\n */\nexport const CheckCell = ({rowData, dataKey, rowIndex, onChange, ...props}: InputCellProps) => {\n  const handleChange = useCallback((_: unknown, checked: boolean) => {\n    // eslint-disable-next-line react-hooks/immutability\n    rowData[dataKey] = checked\n    onChange?.(checked, dataKey, rowIndex)\n  }, [dataKey, onChange, rowData, rowIndex])\n\n  return (\n    <SCell {...props}>\n      <Checkbox\n        inline\n        checked={rowData[dataKey] ?? false}\n        onChange={handleChange}\n        className={styles.checkbox}\n      />\n    </SCell>\n  )\n}\n","import {array, define, event, oneOf, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport type {BreadcrumbProps} from 'rsuite'\nimport {Breadcrumb} from 'rsuite'\nimport {nonNegNumber} from '../commonProperties'\nimport {structureCategory} from './categories'\nimport {CheckCell} from './internal/CheckCell'\nimport {InputCell} from './internal/InputCell'\n\n/**\n * Props for a single breadcrumb item.\n */\nexport interface RsBreadcrumbItemProps {\n  /**\n   * Whether the breadcrumb item is active.\n   */\n  active?: boolean\n  /**\n   * URL for the breadcrumb item.\n   */\n  href?: string\n  /**\n   * Title text for the breadcrumb item.\n   */\n  title?: string\n}\n\n/**\n * Creates breadcrumb items from string data.\n * @param data the array of strings to convert to breadcrumb items.\n * @returns the array of breadcrumb items.\n */\nconst makeItems = (data: string[]) => data.map(title => ({title, href: title}))\n\n/**\n * Props for the RsBreadcrumb component.\n */\nexport interface RsBreadcrumbProps extends BreadcrumbProps {\n  /**\n   * Array of breadcrumb items to display.\n   */\n  items: RsBreadcrumbItemProps[]\n  /**\n   * Callback function when a breadcrumb item is clicked.\n   */\n  onItemClick: (item: RsBreadcrumbItemProps) => void\n}\n\n/**\n * Column definitions for breadcrumb item editor.\n */\nconst columns = [\n  {name: 'title', input: InputCell},\n  {name: 'href', title: 'Url', input: InputCell},\n  {name: 'active', input: CheckCell}\n] as const\n\n/**\n * Container style for breadcrumb component.\n */\nconst containerStyle = {display: 'flex'} as const\n\n/**\n * Breadcrumb component for navigation.\n * @param props the component props.\n * @param props.items - the array of breadcrumb items to display.\n * @param props.onItemClick - the callback function when a breadcrumb item is clicked.\n * @param props.separator the separator between breadcrumb items.\n * @param props.maxItems the maximum number of breadcrumb items to display.\n * @param props.onExpand the callback function when breadcrumb is expanded.\n * @param props.justifyContent the CSS justify-content property for alignment.\n * @returns the React element.\n */\nconst RsBreadcrumb = ({items, onItemClick, ...props}: RsBreadcrumbProps) => {\n  const clickHandlers = useMemo(() => (items ?? []).map((it) => {\n    return () => onItemClick?.(it)\n  }), [items, onItemClick])\n\n  return (\n    <Breadcrumb {...props} style={containerStyle}>\n      {items?.map((item, idx) => {\n        const {title = '', ...itemProps} = item\n        return (\n          <Breadcrumb.Item {...itemProps} onClick={clickHandlers[idx]} key={title}>\n            {title}\n          </Breadcrumb.Item>)\n      })}\n    </Breadcrumb>\n  )\n}\n\nexport const rsBreadcrumb = define(RsBreadcrumb, 'RsBreadcrumb')\n  .name('Breadcrumb')\n  .category(structureCategory)\n  .props({\n    separator: string.default('/'),\n    maxItems: nonNegNumber,\n    items: array\n      .default(makeItems(['one', 'two', 'three']))\n      .withEditorProps({columns}),\n    onItemClick: event,\n    onExpand: event\n  })\n  .css({\n    justifyContent: oneOf('left', 'center', 'right')\n      .default('left').radio().named('Alignment'),\n  })\n"],"names":["CheckCell","rowData","dataKey","rowIndex","onChange","props","handleChange","useCallback","_","checked","jsx","SCell","Checkbox","styles","makeItems","data","title","columns","InputCell","containerStyle","RsBreadcrumb","items","onItemClick","clickHandlers","useMemo","it","Breadcrumb","item","idx","itemProps","createElement","rsBreadcrumb","define","structureCategory","string","nonNegNumber","array","event","oneOf"],"mappings":";;;;;;;;;GAgBaA,IAAY,CAAC,EAAC,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAA2B;AAC7F,QAAMC,IAAeC,EAAY,CAACC,GAAYC,MAAqB;AAEjE,IAAAR,EAAQC,CAAO,IAAIO,GACnBL,IAAWK,GAASP,GAASC,CAAQ;AAAA,EACvC,GAAG,CAACD,GAASE,GAAUH,GAASE,CAAQ,CAAC;AAEzC,SACE,gBAAAO,EAACC,GAAA,EAAO,GAAGN,GACT,UAAA,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAASX,EAAQC,CAAO,KAAK;AAAA,MAC7B,UAAUI;AAAA,MACV,WAAWO,EAAO;AAAA,IAAA;AAAA,EAAA,GAEtB;AAEJ,GCDMC,IAAY,CAACC,MAAmBA,EAAK,IAAI,QAAU,EAAC,OAAAC,GAAO,MAAMA,EAAA,EAAO,GAmBxEC,IAAU;AAAA,EACd,EAAC,MAAM,SAAS,OAAOC,EAAA;AAAA,EACvB,EAAC,MAAM,QAAQ,OAAO,OAAO,OAAOA,EAAA;AAAA,EACpC,EAAC,MAAM,UAAU,OAAOlB,EAAA;AAC1B,GAKMmB,IAAiB,EAAC,SAAS,OAAA,GAa3BC,IAAe,CAAC,EAAC,OAAAC,GAAO,aAAAC,GAAa,GAAGjB,QAA8B;AAC1E,QAAMkB,IAAgBC,EAAQ,OAAOH,KAAS,IAAI,IAAI,CAACI,MAC9C,MAAMH,IAAcG,CAAE,CAC9B,GAAG,CAACJ,GAAOC,CAAW,CAAC;AAExB,SACE,gBAAAZ,EAACgB,GAAA,EAAY,GAAGrB,GAAO,OAAOc,GAC3B,UAAAE,GAAO,IAAI,CAACM,GAAMC,MAAQ;AACzB,UAAM,EAAC,OAAAZ,IAAQ,IAAI,GAAGa,MAAaF;AACnC,WACE,gBAAAG,EAACJ,EAAW,MAAX,EAAiB,GAAGG,GAAW,SAASN,EAAcK,CAAG,GAAG,KAAKZ,EAAA,GAC/DA,CACH;AAAA,EACJ,CAAC,EAAA,CACH;AAEJ,GAEae,IAAeC,EAAOZ,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAASa,CAAiB,EAC1B,MAAM;AAAA,EACL,WAAWC,EAAO,QAAQ,GAAG;AAAA,EAC7B,UAAUC;AAAA,EACV,OAAOC,EACJ,QAAQtB,EAAU,CAAC,OAAO,OAAO,OAAO,CAAC,CAAC,EAC1C,gBAAgB,EAAC,SAAAG,GAAQ;AAAA,EAC5B,aAAaoB;AAAA,EACb,UAAUA;AACZ,CAAC,EACA,IAAI;AAAA,EACH,gBAAgBC,EAAM,QAAQ,UAAU,OAAO,EAC5C,QAAQ,MAAM,EAAE,MAAA,EAAQ,MAAM,WAAW;AAC9C,CAAC;"}
+{"version":3,"file":"breadcrumb.js","sources":["../src/components/internal/CheckCell.tsx","../src/components/RsBreadcrumb.tsx"],"sourcesContent":["import {useCallback} from 'react'\nimport {Checkbox} from 'rsuite'\nimport styles from './CheckCell.module.css'\nimport type {InputCellProps} from './InputCellProps'\nimport {SCell} from './SCell'\n\n/**\n * The React component that displays the table cell with the checkbox.\n * @param props the React component properties.\n * @param props.rowData the row data.\n * @param props.dataKey the key name in {@link props.rowData}.\n * @param props.rowIndex the row index.\n * @param props.onChange the onChange event of the checkbox.\n * @param props.props the other properties of the component.\n * @returns the React element.\n */\nexport const CheckCell = ({rowData, dataKey, rowIndex, onChange, ...props}: InputCellProps) => {\n  const handleChange = useCallback((_: unknown, checked: boolean) => {\n    // eslint-disable-next-line react-hooks/immutability\n    rowData[dataKey] = checked\n    onChange?.(checked, dataKey, rowIndex)\n  }, [dataKey, onChange, rowData, rowIndex])\n\n  return (\n    <SCell {...props}>\n      <Checkbox\n        inline\n        checked={rowData[dataKey] ?? false}\n        onChange={handleChange}\n        className={styles.checkbox}\n      />\n    </SCell>\n  )\n}\n","import {array, define, event, oneOf, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport type {BreadcrumbProps} from 'rsuite'\nimport {Breadcrumb} from 'rsuite'\nimport {nonNegNumber} from '../commonProperties'\nimport {structureCategory} from './categories'\nimport {CheckCell} from './internal/CheckCell'\nimport {InputCell} from './internal/InputCell'\n\n/**\n * Props for a single breadcrumb item.\n */\nexport interface RsBreadcrumbItemProps {\n  /**\n   * Whether the breadcrumb item is active.\n   */\n  active?: boolean\n  /**\n   * URL for the breadcrumb item.\n   */\n  href?: string\n  /**\n   * Title text for the breadcrumb item.\n   */\n  title?: string\n}\n\n/**\n * Creates breadcrumb items from string data.\n * @param data the array of strings to convert to breadcrumb items.\n * @returns the array of breadcrumb items.\n */\nconst makeItems = (data: string[]) => data.map(title => ({title, href: title}))\n\n/**\n * Props for the RsBreadcrumb component.\n */\nexport interface RsBreadcrumbProps extends BreadcrumbProps {\n  /**\n   * Array of breadcrumb items to display.\n   */\n  items: RsBreadcrumbItemProps[]\n  /**\n   * Callback function when a breadcrumb item is clicked.\n   */\n  onItemClick: (item: RsBreadcrumbItemProps) => void\n}\n\n/**\n * Column definitions for breadcrumb item editor.\n */\nconst columns = [\n  {name: 'title', input: InputCell},\n  {name: 'href', title: 'Url', input: InputCell},\n  {name: 'active', input: CheckCell}\n] as const\n\n/**\n * Container style for breadcrumb component.\n */\nconst containerStyle = {display: 'flex'} as const\n\n/**\n * Breadcrumb component for navigation.\n * @param props the component props.\n * @param props.items - the array of breadcrumb items to display.\n * @param props.onItemClick - the callback function when a breadcrumb item is clicked.\n * @param props.separator the separator between breadcrumb items.\n * @param props.maxItems the maximum number of breadcrumb items to display.\n * @param props.onExpand the callback function when breadcrumb is expanded.\n * @param props.justifyContent the CSS justify-content property for alignment.\n * @returns the React element.\n */\nconst RsBreadcrumb = ({items, onItemClick, ...props}: RsBreadcrumbProps) => {\n  const clickHandlers = useMemo(() => (items ?? []).map((it) => {\n    return () => onItemClick?.(it)\n  }), [items, onItemClick])\n\n  return (\n    <Breadcrumb {...props} style={containerStyle}>\n      {items?.map((item, idx) => {\n        const {title = '', ...itemProps} = item\n        return (\n          <Breadcrumb.Item {...itemProps} onClick={clickHandlers[idx]} key={title}>\n            {title}\n          </Breadcrumb.Item>)\n      })}\n    </Breadcrumb>\n  )\n}\n\nexport const rsBreadcrumb = define(RsBreadcrumb, 'RsBreadcrumb')\n  .name('Breadcrumb')\n  .category(structureCategory)\n  .props({\n    separator: string.default('/'),\n    maxItems: nonNegNumber,\n    items: array.localize\n      .default(makeItems(['one', 'two', 'three']))\n      .withEditorProps({columns}),\n    onItemClick: event,\n    onExpand: event\n  })\n  .css({\n    justifyContent: oneOf('left', 'center', 'right')\n      .default('left').radio().named('Alignment'),\n  })\n"],"names":["CheckCell","rowData","dataKey","rowIndex","onChange","props","handleChange","useCallback","_","checked","jsx","SCell","Checkbox","styles","makeItems","data","title","columns","InputCell","containerStyle","RsBreadcrumb","items","onItemClick","clickHandlers","useMemo","it","Breadcrumb","item","idx","itemProps","createElement","rsBreadcrumb","define","structureCategory","string","nonNegNumber","array","event","oneOf"],"mappings":";;;;;;;;;GAgBaA,IAAY,CAAC,EAAC,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAA2B;AAC7F,QAAMC,IAAeC,EAAY,CAACC,GAAYC,MAAqB;AAEjE,IAAAR,EAAQC,CAAO,IAAIO,GACnBL,IAAWK,GAASP,GAASC,CAAQ;AAAA,EACvC,GAAG,CAACD,GAASE,GAAUH,GAASE,CAAQ,CAAC;AAEzC,SACE,gBAAAO,EAACC,GAAA,EAAO,GAAGN,GACT,UAAA,gBAAAK;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,QAAM;AAAA,MACN,SAASX,EAAQC,CAAO,KAAK;AAAA,MAC7B,UAAUI;AAAA,MACV,WAAWO,EAAO;AAAA,IAAA;AAAA,EAAA,GAEtB;AAEJ,GCDMC,IAAY,CAACC,MAAmBA,EAAK,IAAI,QAAU,EAAC,OAAAC,GAAO,MAAMA,EAAA,EAAO,GAmBxEC,IAAU;AAAA,EACd,EAAC,MAAM,SAAS,OAAOC,EAAA;AAAA,EACvB,EAAC,MAAM,QAAQ,OAAO,OAAO,OAAOA,EAAA;AAAA,EACpC,EAAC,MAAM,UAAU,OAAOlB,EAAA;AAC1B,GAKMmB,IAAiB,EAAC,SAAS,OAAA,GAa3BC,IAAe,CAAC,EAAC,OAAAC,GAAO,aAAAC,GAAa,GAAGjB,QAA8B;AAC1E,QAAMkB,IAAgBC,EAAQ,OAAOH,KAAS,IAAI,IAAI,CAACI,MAC9C,MAAMH,IAAcG,CAAE,CAC9B,GAAG,CAACJ,GAAOC,CAAW,CAAC;AAExB,SACE,gBAAAZ,EAACgB,GAAA,EAAY,GAAGrB,GAAO,OAAOc,GAC3B,UAAAE,GAAO,IAAI,CAACM,GAAMC,MAAQ;AACzB,UAAM,EAAC,OAAAZ,IAAQ,IAAI,GAAGa,MAAaF;AACnC,WACE,gBAAAG,EAACJ,EAAW,MAAX,EAAiB,GAAGG,GAAW,SAASN,EAAcK,CAAG,GAAG,KAAKZ,EAAA,GAC/DA,CACH;AAAA,EACJ,CAAC,EAAA,CACH;AAEJ,GAEae,IAAeC,EAAOZ,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAASa,CAAiB,EAC1B,MAAM;AAAA,EACL,WAAWC,EAAO,QAAQ,GAAG;AAAA,EAC7B,UAAUC;AAAA,EACV,OAAOC,EAAM,SACV,QAAQtB,EAAU,CAAC,OAAO,OAAO,OAAO,CAAC,CAAC,EAC1C,gBAAgB,EAAC,SAAAG,GAAQ;AAAA,EAC5B,aAAaoB;AAAA,EACb,UAAUA;AACZ,CAAC,EACA,IAAI;AAAA,EACH,gBAAgBC,EAAM,QAAQ,UAAU,OAAO,EAC5C,QAAQ,MAAM,EAAE,MAAA,EAAQ,MAAM,WAAW;AAC9C,CAAC;"}

package/dist/builder-view-with-css.js

@@ -2,7 +2,7 @@ import { BuilderView as o, BiDi as r } from "@react-form-builder/core";
 import { RsLocalizationWrapper as i } from "./localization-wrapper.js";
 import { ltrCssLoader as t, rtlCssLoader as e } from "./css-loader.js";
 import { components as s } from "./definitions.js";
-import { r as p } from "./rSuiteComponentsDescriptions-lX1mwx9_.js";
+import { r as p } from "./rSuiteComponentsDescriptions-CaJ33mxP.js";
 const C = new o(s).withViewerWrapper(i).withCssLoader(r.LTR, t).withCssLoader(r.RTL, e).withComponentLibraryDescription(p);
 export {
   C as builderViewWithCss

package/dist/button.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import { define as s, event as i, string as t, boolean as e, disabled as d, oneOf as u, useBuilderValue as f } from "@react-form-builder/core";
 import { Button as c } from "rsuite";
-import { s as m, c as p } from "./commonProperties-X-t50qaZ.js";
+import { s as m, c as p } from "./commonProperties-DPbE7-nD.js";
 import { a as B } from "./categories-_98lyB3C.js";
 const o = "Button", b = ({ children: a, ...r }) => {
   const n = f(a, o);

package/dist/calendar.js

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

package/dist/card.js

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

package/dist/checkbox.js

@@ -2,7 +2,7 @@ import { jsx as t } from "react/jsx-runtime";
 import { define as s, event as a, string as o, boolean as e, disabled as l } from "@react-form-builder/core";
 import n from "clsx";
 import { Checkbox as i } from "rsuite";
-import { r as f } from "./commonProperties-X-t50qaZ.js";
+import { r as f } from "./commonProperties-DPbE7-nD.js";
 import { f as d } from "./categories-_98lyB3C.js";
 const m = "_checkbox_qe1fs_1", b = {
   checkbox: m

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

@@ -1,5 +1,5 @@
-import { event as e, string as t, disabled as o, readOnly as i, oneOf as a, number as r, color as f, boolean as l, array as s, toLabeledValues as u } from "@react-form-builder/core";
-const c = r.withEditorProps({ min: 0 }), p = r.withEditorProps({ min: 1 }), b = a(
+import { event as e, string as t, disabled as o, readOnly as i, oneOf as a, number as r, color as f, boolean as l, array as s, toLabeledValues as c } from "@react-form-builder/core";
+const u = r.withEditorProps({ min: 0 }), p = r.withEditorProps({ min: 1 }), b = a(
   "bottomStart",
   "bottomEnd",
   "topStart",
@@ -20,7 +20,7 @@ const c = r.withEditorProps({ min: 0 }), p = r.withEditorProps({ min: 1 }), b =
   "Large"
 ).default("md").withEditorProps({ creatable: !1 }), m = {
   textAlign: a("start", "center", "end").default("start").radio(),
-  fontSize: c.default(14),
+  fontSize: u.default(14),
   fontWeight: a("lighter", "normal", "bold").default("normal"),
   color: f
 }, n = i.default(!1), g = {
@@ -32,7 +32,7 @@ const c = r.withEditorProps({ min: 0 }), p = r.withEditorProps({ min: 1 }), b =
 }, E = a("h1", "h2", "h3", "h4", "h5", "h6").default("h4").withEditorProps({ creatable: !1 }), S = {
   activeKey: t.default("Item1"),
   appearance: a("default", "tabs", "subtle", "pills").default("default").withEditorProps({ creatable: !1 }),
-  items: s.default(u(["Item1", "Item2", "Item3"])),
+  items: s.localize.default(c(["Item1", "Item2", "Item3"])),
   justified: l.default(!1),
   onSelect: e,
   reversed: l.default(!1),
@@ -43,7 +43,7 @@ const c = r.withEditorProps({ min: 0 }), p = r.withEditorProps({ min: 1 }), b =
   placeholder: t,
   placement: b,
   size: d,
-  data: s,
+  data: s.localize,
   cleanable: l.default(!0),
   creatable: l.default(!1),
   disabled: o.default(!1),
@@ -59,7 +59,7 @@ const c = r.withEditorProps({ min: 0 }), p = r.withEditorProps({ min: 1 }), b =
   onSearch: e
 }, y = a("red", "orange", "yellow", "green", "cyan", "blue", "violet").withEditorProps({ creatable: !1 });
 export {
-  c as a,
+  u as a,
   v as b,
   y as c,
   p as d,
@@ -71,4 +71,4 @@ export {
   d as s,
   m as t
 };
-//# sourceMappingURL=commonProperties-X-t50qaZ.js.map
+//# sourceMappingURL=commonProperties-DPbE7-nD.js.map

package/dist/commonProperties-DPbE7-nD.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonProperties-DPbE7-nD.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.localize.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.localize,\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,SAAS,QAAQC,EAAgB,CAAC,SAAS,SAAS,OAAO,CAAC,CAAC;AAAA,EAC1E,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,EAAM;AAAA,EACZ,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.js

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

package/dist/date-picker.js

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

package/dist/dropdown.js

@@ -2,15 +2,15 @@ import { jsx as o, jsxs as g, Fragment as x } from "react/jsx-runtime";
 import { define as C, array as D, toLabeledValues as h, string as k, boolean as w } from "@react-form-builder/core";
 import { useCallback as y } from "react";
 import { Loader as P, InputPicker as A } from "rsuite";
-import { b as F } from "./commonProperties-X-t50qaZ.js";
+import { b as F } from "./commonProperties-DPbE7-nD.js";
 import { u as R, a as _ } from "./hooks-DMVtrI-b.js";
 import { f as j } from "./categories-_98lyB3C.js";
 import { u as I } from "./useTouchOnEvent-BPYbKiku.js";
 import { L as S } from "./Labeled-8k9VvM4G.js";
 import T from "clsx";
-const v = "_loader_pu0ca_1", E = {
+const v = "_loader_pu0ca_1", z = {
   loader: v
-}, M = ({ className: r, ...e }) => /* @__PURE__ */ o(P, { ...e, className: T(E.loader, r) }), N = ({
+}, E = ({ className: r, ...e }) => /* @__PURE__ */ o(P, { ...e, className: T(z.loader, r) }), M = ({
   data: r,
   label: e,
   onLoadData: s,
@@ -19,28 +19,28 @@ const v = "_loader_pu0ca_1", E = {
   value: d = "",
   className: i,
   preload: p,
-  disableVirtualized: m,
+  disableVirtualized: c,
   ...a
 }) => {
-  const { loading: t, ...c } = R({ data: r, onLoadData: s, onSearch: n, onOpen: l, value: d, preload: p, disableVirtualized: m }), u = I(a, "onClean"), f = _(), b = y((L) => /* @__PURE__ */ g(x, { children: [
+  const { loading: t, ...m } = R({ data: r, onLoadData: s, onSearch: n, onOpen: l, value: d, preload: p, disableVirtualized: c }), u = I(a, "onClean"), f = _(), b = y((L) => /* @__PURE__ */ g(x, { children: [
     L,
-    t && /* @__PURE__ */ o(M, {})
+    t && /* @__PURE__ */ o(E, {})
   ] }), [t]);
   return /* @__PURE__ */ o(S, { label: e, className: i, passAriaToChildren: !0, children: /* @__PURE__ */ o(
     A,
     {
       ...a,
-      ...c,
+      ...m,
       onClean: u,
       renderMenu: b,
       ref: f
     }
   ) });
-}, U = C(N, "RsDropdown").name("Dropdown").category(j).props({
+}, U = C(M, "RsDropdown").name("Dropdown").category(j).props({
   ...F,
   preload: w.default(!1),
   label: k.default("Select"),
-  data: D.default(h(["a", "b", "c"]))
+  data: D.localize.default(h(["a", "b", "c"]))
 });
 export {
   U as rsDropdown

package/dist/dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.js","sources":["../src/components/internal/SLoader.tsx","../src/components/RsDropdown.tsx"],"sourcesContent":["import cx from 'clsx'\nimport type {LoaderProps} from 'rsuite'\nimport {Loader} from 'rsuite'\nimport styles from './SLoader.module.css'\n\n/**\n * Styled loader.\n * @param props the component props.\n * @param props.className the CSS class name.\n * @returns the React element.\n */\nexport const SLoader = ({className, ...props}: LoaderProps) => {\n  return <Loader {...props} className={cx(styles.loader, className)}/>\n}\n","import {array, boolean, define, string, toLabeledValues} from '@react-form-builder/core'\nimport type {ReactNode} from 'react'\nimport {useCallback} from 'react'\nimport type {InputPickerProps} from 'rsuite'\nimport {InputPicker} from 'rsuite'\nimport {pickerProps} from '../commonProperties'\nimport type {LoadDataProps} from '../hooks'\nimport {useFixAriaAttributesForInputPicker, useLoadData} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\nimport {SLoader} from './internal/SLoader'\n\n/**\n * Props for the RsDropdown component.\n */\nexport interface RsDropdownProps extends InputPickerProps, LoadDataProps {\n  /**\n   * The label for the dropdown.\n   */\n  label: string\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\n/**\n * Dropdown component with label and data loading support.\n * @param props the component props.\n * @param props.data the data for the dropdown.\n * @param props.label the label for the dropdown.\n * @param props.onLoadData the callback for loading data.\n * @param props.onSearch the callback for search.\n * @param props.onOpen the callback for open.\n * @param props.value the value of the dropdown.\n * @param props.className the css class name.\n * @param props.preload whether to preload data.\n * @param props.disableVirtualized whether to disable virtualization.\n * @param props.props the additional dropdown props.\n * @returns the React element.\n */\nconst RsDropdown = ({\n                      data,\n                      label,\n                      onLoadData,\n                      onSearch,\n                      onOpen,\n                      value = '',\n                      className,\n                      preload,\n                      disableVirtualized,\n                      ...props\n                    }: RsDropdownProps) => {\n  const {loading, ...loadProps} = useLoadData({data, onLoadData, onSearch, onOpen, value, preload, disableVirtualized})\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const inputRef = useFixAriaAttributesForInputPicker()\n\n  const renderMenu = useCallback((menu: ReactNode) => <>\n    {menu}\n    {loading && <SLoader/>}\n  </>, [loading])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <InputPicker\n        {...props}\n        {...loadProps}\n        onClean={onClean}\n        renderMenu={renderMenu}\n        ref={inputRef}\n      />\n    </Labeled>\n  )\n}\n\nexport const rsDropdown = define(RsDropdown, 'RsDropdown')\n  .name('Dropdown')\n  .category(fieldsCategory)\n  .props({\n    ...pickerProps,\n    preload: boolean.default(false),\n    label: string.default('Select'),\n    data: array.default(toLabeledValues(['a', 'b', 'c']))\n  })\n"],"names":["SLoader","className","props","jsx","Loader","cx","styles","RsDropdown","data","label","onLoadData","onSearch","onOpen","value","preload","disableVirtualized","loading","loadProps","useLoadData","onClean","useTouchOnEvent","inputRef","useFixAriaAttributesForInputPicker","renderMenu","useCallback","menu","jsxs","Fragment","Labeled","InputPicker","rsDropdown","define","fieldsCategory","pickerProps","boolean","string","array","toLabeledValues"],"mappings":";;;;;;;;;;;;GAWaA,IAAU,CAAC,EAAC,WAAAC,GAAW,GAAGC,QAC9B,gBAAAC,EAACC,KAAQ,GAAGF,GAAO,WAAWG,EAAGC,EAAO,QAAQL,CAAS,GAAE,GCmC9DM,IAAa,CAAC;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAZ;AAAA,EACA,SAAAa;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGb;AACL,MAAuB;AACzC,QAAM,EAAC,SAAAc,GAAS,GAAGC,EAAA,IAAaC,EAAY,EAAC,MAAAV,GAAM,YAAAE,GAAY,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,SAAAC,GAAS,oBAAAC,GAAmB,GAC9GI,IAAUC,EAAgBlB,GAAO,SAAS,GAC1CmB,IAAWC,EAAA,GAEXC,IAAaC,EAAY,CAACC,MAAoB,gBAAAC,EAAAC,GAAA,EACjD,UAAA;AAAA,IAAAF;AAAA,IACAT,uBAAYhB,GAAA,CAAA,CAAO;AAAA,EAAA,GACtB,GAAK,CAACgB,CAAO,CAAC;AAEd,SACE,gBAAAb,EAACyB,GAAA,EAAQ,OAAAnB,GAAc,WAAAR,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAE;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACE,GAAG3B;AAAA,MACH,GAAGe;AAAA,MACJ,SAAAE;AAAA,MACA,YAAAI;AAAA,MACA,KAAKF;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ,GAEaS,IAAaC,EAAOxB,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAASyB,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 cx from 'clsx'\nimport type {LoaderProps} from 'rsuite'\nimport {Loader} from 'rsuite'\nimport styles from './SLoader.module.css'\n\n/**\n * Styled loader.\n * @param props the component props.\n * @param props.className the CSS class name.\n * @returns the React element.\n */\nexport const SLoader = ({className, ...props}: LoaderProps) => {\n  return <Loader {...props} className={cx(styles.loader, className)}/>\n}\n","import {array, boolean, define, string, toLabeledValues} from '@react-form-builder/core'\nimport type {ReactNode} from 'react'\nimport {useCallback} from 'react'\nimport type {InputPickerProps} from 'rsuite'\nimport {InputPicker} from 'rsuite'\nimport {pickerProps} from '../commonProperties'\nimport type {LoadDataProps} from '../hooks'\nimport {useFixAriaAttributesForInputPicker, useLoadData} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\nimport {SLoader} from './internal/SLoader'\n\n/**\n * Props for the RsDropdown component.\n */\nexport interface RsDropdownProps extends InputPickerProps, LoadDataProps {\n  /**\n   * The label for the dropdown.\n   */\n  label: string\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\n/**\n * Dropdown component with label and data loading support.\n * @param props the component props.\n * @param props.data the data for the dropdown.\n * @param props.label the label for the dropdown.\n * @param props.onLoadData the callback for loading data.\n * @param props.onSearch the callback for search.\n * @param props.onOpen the callback for open.\n * @param props.value the value of the dropdown.\n * @param props.className the css class name.\n * @param props.preload whether to preload data.\n * @param props.disableVirtualized whether to disable virtualization.\n * @param props.props the additional dropdown props.\n * @returns the React element.\n */\nconst RsDropdown = ({\n                      data,\n                      label,\n                      onLoadData,\n                      onSearch,\n                      onOpen,\n                      value = '',\n                      className,\n                      preload,\n                      disableVirtualized,\n                      ...props\n                    }: RsDropdownProps) => {\n  const {loading, ...loadProps} = useLoadData({data, onLoadData, onSearch, onOpen, value, preload, disableVirtualized})\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const inputRef = useFixAriaAttributesForInputPicker()\n\n  const renderMenu = useCallback((menu: ReactNode) => <>\n    {menu}\n    {loading && <SLoader/>}\n  </>, [loading])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <InputPicker\n        {...props}\n        {...loadProps}\n        onClean={onClean}\n        renderMenu={renderMenu}\n        ref={inputRef}\n      />\n    </Labeled>\n  )\n}\n\nexport const rsDropdown = define(RsDropdown, 'RsDropdown')\n  .name('Dropdown')\n  .category(fieldsCategory)\n  .props({\n    ...pickerProps,\n    preload: boolean.default(false),\n    label: string.default('Select'),\n    data: array.localize.default(toLabeledValues(['a', 'b', 'c']))\n  })\n"],"names":["SLoader","className","props","jsx","Loader","cx","styles","RsDropdown","data","label","onLoadData","onSearch","onOpen","value","preload","disableVirtualized","loading","loadProps","useLoadData","onClean","useTouchOnEvent","inputRef","useFixAriaAttributesForInputPicker","renderMenu","useCallback","menu","jsxs","Fragment","Labeled","InputPicker","rsDropdown","define","fieldsCategory","pickerProps","boolean","string","array","toLabeledValues"],"mappings":";;;;;;;;;;;;GAWaA,IAAU,CAAC,EAAC,WAAAC,GAAW,GAAGC,QAC9B,gBAAAC,EAACC,KAAQ,GAAGF,GAAO,WAAWG,EAAGC,EAAO,QAAQL,CAAS,GAAE,GCmC9DM,IAAa,CAAC;AAAA,EACE,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,WAAAZ;AAAA,EACA,SAAAa;AAAA,EACA,oBAAAC;AAAA,EACA,GAAGb;AACL,MAAuB;AACzC,QAAM,EAAC,SAAAc,GAAS,GAAGC,EAAA,IAAaC,EAAY,EAAC,MAAAV,GAAM,YAAAE,GAAY,UAAAC,GAAU,QAAAC,GAAQ,OAAAC,GAAO,SAAAC,GAAS,oBAAAC,GAAmB,GAC9GI,IAAUC,EAAgBlB,GAAO,SAAS,GAC1CmB,IAAWC,EAAA,GAEXC,IAAaC,EAAY,CAACC,MAAoB,gBAAAC,EAAAC,GAAA,EACjD,UAAA;AAAA,IAAAF;AAAA,IACAT,uBAAYhB,GAAA,CAAA,CAAO;AAAA,EAAA,GACtB,GAAK,CAACgB,CAAO,CAAC;AAEd,SACE,gBAAAb,EAACyB,GAAA,EAAQ,OAAAnB,GAAc,WAAAR,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAE;AAAA,IAAC0B;AAAA,IAAA;AAAA,MACE,GAAG3B;AAAA,MACH,GAAGe;AAAA,MACJ,SAAAE;AAAA,MACA,YAAAI;AAAA,MACA,KAAKF;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ,GAEaS,IAAaC,EAAOxB,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAASyB,CAAc,EACvB,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,SAASC,EAAQ,QAAQ,EAAK;AAAA,EAC9B,OAAOC,EAAO,QAAQ,QAAQ;AAAA,EAC9B,MAAMC,EAAM,SAAS,QAAQC,EAAgB,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AAC/D,CAAC;"}

package/dist/error-message.js

@@ -2,7 +2,7 @@ import { jsxs as n, jsx as c } from "react/jsx-runtime";
 import { define as i, string as p, useAriaErrorMessage as l } from "@react-form-builder/core";
 import g from "clsx";
 import { Form as f } from "rsuite";
-import { p as M } from "./commonProperties-X-t50qaZ.js";
+import { p as M } from "./commonProperties-DPbE7-nD.js";
 import { a as d } from "./categories-_98lyB3C.js";
 const E = "_container_1imzc_1", _ = "_errorMessage_1imzc_8", e = {
   container: E,

package/dist/header.js

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

package/dist/index.js

@@ -1,4 +1,4 @@
-import { r as e, e as t } from "./rSuiteComponentsDescriptions-lX1mwx9_.js";
+import { r as e, e as t } from "./rSuiteComponentsDescriptions-CaJ33mxP.js";
 import { RsLocalizationWrapper as p } from "./localization-wrapper.js";
 import { ltrCssLoader as x, rtlCssLoader as f } from "./css-loader.js";
 import { rSuiteComponents as i } from "./r-suite-components.js";

package/dist/input.js

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

package/dist/label.js

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

package/dist/link.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { define as d, event as f, string as t, node as c, boolean as m, oneOf as e } from "@react-form-builder/core";
-import { t as p } from "./commonProperties-X-t50qaZ.js";
+import { t as p } from "./commonProperties-DPbE7-nD.js";
 import { a as k } from "./categories-_98lyB3C.js";
 const x = ({ text: o, download: n, downloadFilename: a, content: r, children: i, ...l }) => /* @__PURE__ */ s("a", { ...l, download: a ?? n, children: r === "text" ? o : i }), g = d(x, "RsLink").name("Link").category(k).props({
   content: e("text", "custom").default("text").radio(),

package/dist/menu.js

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { define as f, array as d, oneOf as h, useComponentData as v } from "@react-form-builder/core";
 import { useCallback as y } from "react";
 import { Nav as i } from "rsuite";
-import { n as b } from "./commonProperties-X-t50qaZ.js";
+import { n as b } from "./commonProperties-DPbE7-nD.js";
 import { a as P } from "./categories-_98lyB3C.js";
 import { I as m } from "./InputCell-tTp9fZXd.js";
 const g = (a) => a.map((t) => ({ title: t, href: `#${t}` })), w = /* @__PURE__ */ new Set([
@@ -41,7 +41,7 @@ const g = (a) => a.map((t) => ({ title: t, href: `#${t}` })), w = /* @__PURE__ *
   activeKey: I.default("Home"),
   ...K,
   itemsAs: h(...c).labeled(...c).default("a").withEditorProps({ creatable: !1 }),
-  items: d.default(g(["Home", "News", "Products"])).withEditorProps({ columns: D })
+  items: d.localize.default(g(["Home", "News", "Products"])).withEditorProps({ columns: D })
 });
 export {
   S as rsMenu

package/dist/menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"menu.js","sources":["../src/components/RsMenu.tsx"],"sourcesContent":["import {array, define, oneOf, useComponentData} from '@react-form-builder/core'\nimport type {ElementType, SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {NavProps} from 'rsuite'\nimport {Nav} from 'rsuite'\nimport {navProps} from '../commonProperties'\nimport {staticCategory} from './categories'\nimport {InputCell} from './internal/InputCell'\n\n/**\n * Menu item for RsMenu component.\n */\nexport type MenuItem = {\n  /**\n   * The href for the menu item.\n   */\n  href?: string\n  /**\n   * The title for the menu item.\n   */\n  title?: string\n}\n\nconst makeItems = (data: string[]) => data.map(title => ({title, href: `#${title}`}))\n\nconst suitableReactElementTypes = new Set([\n  'a',\n  'button',\n  'div',\n  'span',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'p',\n  'b',\n  'em',\n  'i',\n  'q',\n  's',\n  'u',\n  'input',\n  'label',\n  'section',\n  'article',\n  'nav',\n  'pre'\n])\n\n/**\n * Props for the RsMenu component.\n */\nexport interface RsMenuProps extends NavProps {\n  /**\n   * The items for the menu.\n   */\n  items?: MenuItem[],\n  /**\n   * The element type for menu items.\n   */\n  itemsAs: ElementType\n}\n\n/**\n * Menu component with navigation support.\n * @param props the component props.\n * @param props.onSelect the callback when menu item is selected.\n * @param props.items the items for the menu.\n * @param props.itemsAs the element type for menu items.\n * @param props.props the additional menu props.\n * @returns the React element.\n */\nconst RsMenu = ({onSelect, items, itemsAs, ...props}: RsMenuProps) => {\n  const componentData = useComponentData()\n\n  const onNavSelect: NavProps['onSelect'] = useCallback((eventKey: any, event: SyntheticEvent) => {\n    componentData.userDefinedProps ??= {}\n    componentData.userDefinedProps.activeKey = eventKey\n    onSelect?.(eventKey, event)\n  }, [componentData, onSelect])\n\n  if (!items?.length) return null\n\n  return <Nav onSelect={onNavSelect} {...props}>\n    {items.map(({title, href}, index) =>\n      <Nav.Item key={index} href={href} as={itemsAs} eventKey={title} active={title === props.activeKey}>\n        {title}\n      </Nav.Item>)\n    }\n  </Nav>\n}\n\nconst columns = [\n  {name: 'title', input: InputCell},\n  {name: 'href', title: 'Url', input: InputCell}\n] as const\n\nconst {activeKey, ...props} = navProps\n\nconst tags = [...suitableReactElementTypes]\n\nexport const rsMenu = define(RsMenu, 'RsMenu')\n  .name('Menu')\n  .category(staticCategory)\n  .props({\n    activeKey: activeKey.default('Home'),\n    ...props,\n    itemsAs: oneOf(...tags)\n      .labeled(...tags)\n      .default('a')\n      .withEditorProps({creatable: false}),\n    items: array\n      .default(makeItems(['Home', 'News', 'Products']))\n      .withEditorProps({columns}),\n  })\n"],"names":["makeItems","data","title","suitableReactElementTypes","RsMenu","onSelect","items","itemsAs","props","componentData","useComponentData","onNavSelect","useCallback","eventKey","event","jsx","Nav","href","index","columns","InputCell","activeKey","navProps","tags","rsMenu","define","staticCategory","oneOf","array"],"mappings":";;;;;;;AAuBA,MAAMA,IAAY,CAACC,MAAmBA,EAAK,IAAI,CAAAC,OAAU,EAAC,OAAAA,GAAO,MAAM,IAAIA,CAAK,GAAA,EAAI,GAE9EC,wBAAgC,IAAI;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAyBKC,IAAS,CAAC,EAAC,UAAAC,GAAU,OAAAC,GAAO,SAAAC,GAAS,GAAGC,QAAwB;AACpE,QAAMC,IAAgBC,EAAA,GAEhBC,IAAoCC,EAAY,CAACC,GAAeC,MAA0B;AAC9F,IAAAL,EAAc,qBAAqB,CAAA,GACnCA,EAAc,iBAAiB,YAAYI,GAC3CR,IAAWQ,GAAUC,CAAK;AAAA,EAC5B,GAAG,CAACL,GAAeJ,CAAQ,CAAC;AAE5B,SAAKC,GAAO,SAEL,gBAAAS,EAACC,GAAA,EAAI,UAAUL,GAAc,GAAGH,GACpC,UAAAF,EAAM,IAAI,CAAC,EAAC,OAAAJ,GAAO,MAAAe,EAAA,GAAOC,MACzB,gBAAAH,EAACC,EAAI,MAAJ,EAAqB,MAAAC,GAAY,IAAIV,GAAS,UAAUL,GAAO,QAAQA,MAAUM,EAAM,WACrF,UAAAN,EAAA,GADYgB,CAEf,CAAW,GAEf,IAR2B;AAS7B,GAEMC,IAAU;AAAA,EACd,EAAC,MAAM,SAAS,OAAOC,EAAA;AAAA,EACvB,EAAC,MAAM,QAAQ,OAAO,OAAO,OAAOA,EAAA;AACtC,GAEM,EAAC,WAAAC,GAAW,GAAGb,EAAA,IAASc,GAExBC,IAAO,CAAC,GAAGpB,CAAyB,GAE7BqB,IAASC,EAAOrB,GAAQ,QAAQ,EAC1C,KAAK,MAAM,EACX,SAASsB,CAAc,EACvB,MAAM;AAAA,EACL,WAAWL,EAAU,QAAQ,MAAM;AAAA,EACnC,GAAGb;AAAA,EACH,SAASmB,EAAM,GAAGJ,CAAI,EACnB,QAAQ,GAAGA,CAAI,EACf,QAAQ,GAAG,EACX,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOK,EACJ,QAAQ5B,EAAU,CAAC,QAAQ,QAAQ,UAAU,CAAC,CAAC,EAC/C,gBAAgB,EAAC,SAAAmB,GAAQ;AAC9B,CAAC;"}
+{"version":3,"file":"menu.js","sources":["../src/components/RsMenu.tsx"],"sourcesContent":["import {array, define, oneOf, useComponentData} from '@react-form-builder/core'\nimport type {ElementType, SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {NavProps} from 'rsuite'\nimport {Nav} from 'rsuite'\nimport {navProps} from '../commonProperties'\nimport {staticCategory} from './categories'\nimport {InputCell} from './internal/InputCell'\n\n/**\n * Menu item for RsMenu component.\n */\nexport type MenuItem = {\n  /**\n   * The href for the menu item.\n   */\n  href?: string\n  /**\n   * The title for the menu item.\n   */\n  title?: string\n}\n\nconst makeItems = (data: string[]) => data.map(title => ({title, href: `#${title}`}))\n\nconst suitableReactElementTypes = new Set([\n  'a',\n  'button',\n  'div',\n  'span',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n  'p',\n  'b',\n  'em',\n  'i',\n  'q',\n  's',\n  'u',\n  'input',\n  'label',\n  'section',\n  'article',\n  'nav',\n  'pre'\n])\n\n/**\n * Props for the RsMenu component.\n */\nexport interface RsMenuProps extends NavProps {\n  /**\n   * The items for the menu.\n   */\n  items?: MenuItem[],\n  /**\n   * The element type for menu items.\n   */\n  itemsAs: ElementType\n}\n\n/**\n * Menu component with navigation support.\n * @param props the component props.\n * @param props.onSelect the callback when menu item is selected.\n * @param props.items the items for the menu.\n * @param props.itemsAs the element type for menu items.\n * @param props.props the additional menu props.\n * @returns the React element.\n */\nconst RsMenu = ({onSelect, items, itemsAs, ...props}: RsMenuProps) => {\n  const componentData = useComponentData()\n\n  const onNavSelect: NavProps['onSelect'] = useCallback((eventKey: any, event: SyntheticEvent) => {\n    componentData.userDefinedProps ??= {}\n    componentData.userDefinedProps.activeKey = eventKey\n    onSelect?.(eventKey, event)\n  }, [componentData, onSelect])\n\n  if (!items?.length) return null\n\n  return <Nav onSelect={onNavSelect} {...props}>\n    {items.map(({title, href}, index) =>\n      <Nav.Item key={index} href={href} as={itemsAs} eventKey={title} active={title === props.activeKey}>\n        {title}\n      </Nav.Item>)\n    }\n  </Nav>\n}\n\nconst columns = [\n  {name: 'title', input: InputCell},\n  {name: 'href', title: 'Url', input: InputCell}\n] as const\n\nconst {activeKey, ...props} = navProps\n\nconst tags = [...suitableReactElementTypes]\n\nexport const rsMenu = define(RsMenu, 'RsMenu')\n  .name('Menu')\n  .category(staticCategory)\n  .props({\n    activeKey: activeKey.default('Home'),\n    ...props,\n    itemsAs: oneOf(...tags)\n      .labeled(...tags)\n      .default('a')\n      .withEditorProps({creatable: false}),\n    items: array.localize\n      .default(makeItems(['Home', 'News', 'Products']))\n      .withEditorProps({columns}),\n  })\n"],"names":["makeItems","data","title","suitableReactElementTypes","RsMenu","onSelect","items","itemsAs","props","componentData","useComponentData","onNavSelect","useCallback","eventKey","event","jsx","Nav","href","index","columns","InputCell","activeKey","navProps","tags","rsMenu","define","staticCategory","oneOf","array"],"mappings":";;;;;;;AAuBA,MAAMA,IAAY,CAACC,MAAmBA,EAAK,IAAI,CAAAC,OAAU,EAAC,OAAAA,GAAO,MAAM,IAAIA,CAAK,GAAA,EAAI,GAE9EC,wBAAgC,IAAI;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,CAAC,GAyBKC,IAAS,CAAC,EAAC,UAAAC,GAAU,OAAAC,GAAO,SAAAC,GAAS,GAAGC,QAAwB;AACpE,QAAMC,IAAgBC,EAAA,GAEhBC,IAAoCC,EAAY,CAACC,GAAeC,MAA0B;AAC9F,IAAAL,EAAc,qBAAqB,CAAA,GACnCA,EAAc,iBAAiB,YAAYI,GAC3CR,IAAWQ,GAAUC,CAAK;AAAA,EAC5B,GAAG,CAACL,GAAeJ,CAAQ,CAAC;AAE5B,SAAKC,GAAO,SAEL,gBAAAS,EAACC,GAAA,EAAI,UAAUL,GAAc,GAAGH,GACpC,UAAAF,EAAM,IAAI,CAAC,EAAC,OAAAJ,GAAO,MAAAe,EAAA,GAAOC,MACzB,gBAAAH,EAACC,EAAI,MAAJ,EAAqB,MAAAC,GAAY,IAAIV,GAAS,UAAUL,GAAO,QAAQA,MAAUM,EAAM,WACrF,UAAAN,EAAA,GADYgB,CAEf,CAAW,GAEf,IAR2B;AAS7B,GAEMC,IAAU;AAAA,EACd,EAAC,MAAM,SAAS,OAAOC,EAAA;AAAA,EACvB,EAAC,MAAM,QAAQ,OAAO,OAAO,OAAOA,EAAA;AACtC,GAEM,EAAC,WAAAC,GAAW,GAAGb,EAAA,IAASc,GAExBC,IAAO,CAAC,GAAGpB,CAAyB,GAE7BqB,IAASC,EAAOrB,GAAQ,QAAQ,EAC1C,KAAK,MAAM,EACX,SAASsB,CAAc,EACvB,MAAM;AAAA,EACL,WAAWL,EAAU,QAAQ,MAAM;AAAA,EACnC,GAAGb;AAAA,EACH,SAASmB,EAAM,GAAGJ,CAAI,EACnB,QAAQ,GAAGA,CAAI,EACf,QAAQ,GAAG,EACX,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOK,EAAM,SACV,QAAQ5B,EAAU,CAAC,QAAQ,QAAQ,UAAU,CAAC,CAAC,EAC/C,gBAAgB,EAAC,SAAAmB,GAAQ;AAC9B,CAAC;"}

package/dist/number-format.js

@@ -2,7 +2,7 @@ import { jsx as m } from "react/jsx-runtime";
 import { define as f, string as o, array as p, number as h, oneOf as S, boolean as n, isString as b } from "@react-form-builder/core";
 import { useCallback as g } from "react";
 import { NumericFormat as N } from "react-number-format";
-import { a as w, i as x } from "./commonProperties-X-t50qaZ.js";
+import { a as w, i as x } from "./commonProperties-DPbE7-nD.js";
 import { f as y } from "./categories-_98lyB3C.js";
 import { L as F } from "./Labeled-8k9VvM4G.js";
 import { W as D } from "./WrappedInput-Cq5StStF.js";

package/dist/pattern-format.js

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