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

package/dist/InputCell-BDyUJFGm.js

@@ -0,0 +1,21 @@
+import { jsx as p } from "@emotion/react/jsx-runtime";
+import { useCallback as m } from "react";
+import { Table as i, Input as C } from "rsuite";
+import f from "@emotion/styled";
+const { Cell: u } = i, b = f(u)`
+  padding: 0;
+
+  & .rs-table-cell-content {
+    padding: 9px 3px;
+  }
+`, I = ({ rowData: n, dataKey: l, rowIndex: s, onChange: o, ...e }) => {
+  const r = n[l] ?? "", c = m((t) => {
+    n[l] = t, o?.(t, l, s);
+  }, [l, o, n, s]);
+  return /* @__PURE__ */ p(b, { ...e, children: /* @__PURE__ */ p(C, { value: r, onChange: c, size: "sm" }) });
+};
+export {
+  I,
+  b as S
+};
+//# sourceMappingURL=InputCell-BDyUJFGm.js.map

package/dist/{InputCell-f4236002.js.map → InputCell-BDyUJFGm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InputCell-f4236002.js","sources":["../src/components/internal/SCell.tsx","../src/components/internal/InputCell.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {Table} from 'rsuite'\nimport type {RowDataType} from 'rsuite-table/lib'\n\nconst {Cell} = Table\n\nexport const SCell = styled(Cell<RowDataType, string | number>)`\n  padding: 0;\n\n  & .rs-table-cell-content {\n    padding: 9px 3px;\n  }\n`\n","import {useCallback} from 'react'\nimport {Input} from 'rsuite'\nimport type {InputCellProps} from './InputCellProps'\nimport {SCell} from './SCell'\n\n/**\n * The React component that displays the table cell with the input.\n * @param props the React component properties.\n * @param props.rowData the row data.\n * @param props.dataKey the key name in {@link rowData}.\n * @param props.rowIndex the row index.\n * @param props.props the other properties of the component.\n * @param props.onChange the onChange event of the checkbox.\n * @returns the React element.\n */\nexport const InputCell = ({rowData, dataKey, rowIndex, onChange, ...props}: InputCellProps) => {\n  const value = rowData[dataKey] ?? ''\n\n  const handleChange = useCallback((newValue: any) => {\n    rowData[dataKey] = newValue\n    onChange?.(newValue, dataKey, rowIndex)\n  }, [dataKey, onChange, rowData, rowIndex])\n\n  return (\n    <SCell {...props}>\n      <Input value={value} onChange={handleChange} size=\"sm\"/>\n    </SCell>\n  )\n}\n"],"names":["Cell","Table","SCell","styled","InputCell","rowData","dataKey","rowIndex","onChange","props","value","handleChange","useCallback","newValue","jsx","Input"],"mappings":";;;;AAIA,MAAM,EAAC,MAAAA,EAAQ,IAAAC,GAEFC,IAAQC,EAAOH,CAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCSjDI,IAAY,CAAC,EAAC,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAA2B;AACvF,QAAAC,IAAQL,EAAQC,CAAO,KAAK,IAE5BK,IAAeC,EAAY,CAACC,MAAkB;AAClD,IAAAR,EAAQC,CAAO,IAAIO,GACRL,KAAA,QAAAA,EAAAK,GAAUP,GAASC;AAAA,KAC7B,CAACD,GAASE,GAAUH,GAASE,CAAQ,CAAC;AAGvC,SAAA,gBAAAO,EAACZ,GAAO,EAAA,GAAGO,GACT,UAAA,gBAAAK,EAACC,GAAM,EAAA,OAAAL,GAAc,UAAUC,GAAc,MAAK,KAAA,CAAI,EACxD,CAAA;AAEJ;"}
+{"version":3,"file":"InputCell-BDyUJFGm.js","sources":["../src/components/internal/SCell.tsx","../src/components/internal/InputCell.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {Table} from 'rsuite'\nimport type {RowDataType} from 'rsuite-table/lib'\n\nconst {Cell} = Table\n\nexport const SCell = styled(Cell<RowDataType, string | number>)`\n  padding: 0;\n\n  & .rs-table-cell-content {\n    padding: 9px 3px;\n  }\n`\n","import {useCallback} from 'react'\nimport {Input} from 'rsuite'\nimport type {InputCellProps} from './InputCellProps'\nimport {SCell} from './SCell'\n\n/**\n * The React component that displays the table cell with the input.\n * @param props the React component properties.\n * @param props.rowData the row data.\n * @param props.dataKey the key name in {@link rowData}.\n * @param props.rowIndex the row index.\n * @param props.props the other properties of the component.\n * @param props.onChange the onChange event of the checkbox.\n * @returns the React element.\n */\nexport const InputCell = ({rowData, dataKey, rowIndex, onChange, ...props}: InputCellProps) => {\n  const value = rowData[dataKey] ?? ''\n\n  const handleChange = useCallback((newValue: any) => {\n    rowData[dataKey] = newValue\n    onChange?.(newValue, dataKey, rowIndex)\n  }, [dataKey, onChange, rowData, rowIndex])\n\n  return (\n    <SCell {...props}>\n      <Input value={value} onChange={handleChange} size=\"sm\"/>\n    </SCell>\n  )\n}\n"],"names":["Cell","Table","SCell","styled","InputCell","rowData","dataKey","rowIndex","onChange","props","value","handleChange","useCallback","newValue","jsx","Input"],"mappings":";;;;AAIA,MAAM,EAAC,MAAAA,MAAQC,GAEFC,IAAQC,EAAOH,CAAkC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GCSjDI,IAAY,CAAC,EAAC,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAA2B;AAC7F,QAAMC,IAAQL,EAAQC,CAAO,KAAK,IAE5BK,IAAeC,EAAY,CAACC,MAAkB;AAClD,IAAAR,EAAQC,CAAO,IAAIO,GACnBL,IAAWK,GAAUP,GAASC,CAAQ;AAAA,EACxC,GAAG,CAACD,GAASE,GAAUH,GAASE,CAAQ,CAAC;AAEzC,SACE,gBAAAO,EAACZ,GAAA,EAAO,GAAGO,GACT,UAAA,gBAAAK,EAACC,GAAA,EAAM,OAAAL,GAAc,UAAUC,GAAc,MAAK,KAAA,CAAI,EAAA,CACxD;AAEJ;"}

package/dist/{Labeled-751c2353.js → Labeled-BWYRwMiY.js}

@@ -32,4 +32,4 @@ export {
   q as L,
   b as r
 };
-//# sourceMappingURL=Labeled-751c2353.js.map
+//# sourceMappingURL=Labeled-BWYRwMiY.js.map

package/dist/{Labeled-751c2353.js.map → Labeled-BWYRwMiY.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Labeled-751c2353.js","sources":["../src/components/internal/Labeled.tsx"],"sourcesContent":["import {css} from '@emotion/react'\nimport styled from '@emotion/styled'\nimport {namedObserver, useAriaAttributes, useComponentData} from '@react-form-builder/core'\nimport type {ComponentProps} from 'react'\nimport {cloneElement} from 'react'\n\nexport const requiredStyle = css`\n  margin-inline-start: 3px;\n  content: \"*\";\n  color: #f44336;\n`\n\nconst Container = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  label {\n    margin-inline-start: 5px;\n    margin-bottom: 2px;\n    text-align: left;\n  }\n\n  &.required > label::after {\n    ${requiredStyle};\n  }\n`\n\ninterface LabeledProps extends ComponentProps<any> {\n  label?: string,\n  /**\n   * If true, ARIA attributes will be passed automatically to children.\n   */\n  passAriaToChildren: boolean\n}\n\n/**\n * The React component that adds a label to a child component.\n * @param props the React component properties.\n * @param props.label the component label.\n * @param props.children the children component.\n * @param props.passAriaToChildren if true, ARIA attributes will be passed automatically to children.\n * @returns the React element.\n */\nexport const RawLabeled = ({label, children, passAriaToChildren, ...props}: LabeledProps) => {\n  const {id} = useComponentData()\n  const aria = useAriaAttributes({labeled: !!label})\n  return <Container {...props} role=\"group\">\n    {label && <label id={aria['aria-labelledby']} htmlFor={id}>{label}</label>}\n    {passAriaToChildren ? cloneElement(children, {id, ...aria}) : children}\n  </Container>\n}\n\nexport const Labeled = namedObserver('Labeled', RawLabeled)\n"],"names":["requiredStyle","css","Container","styled","RawLabeled","label","children","passAriaToChildren","props","id","useComponentData","aria","useAriaAttributes","jsxs","jsx","cloneElement","Labeled","namedObserver"],"mappings":";;;;;AAMO,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA,GAMvBC,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAYnBH,CAAa;AAAA;AAAA,GAoBNI,IAAa,CAAC,EAAC,OAAAC,GAAO,UAAAC,GAAU,oBAAAC,GAAoB,GAAGC,QAAyB;AACrF,QAAA,EAAC,IAAAC,MAAMC,KACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACP,GAAM;AACjD,SAAQ,gBAAAQ,EAAAX,GAAA,EAAW,GAAGM,GAAO,MAAK,SAC/B,UAAA;AAAA,IAASH,KAAA,gBAAAS,EAAC,WAAM,IAAIH,EAAK,iBAAiB,GAAG,SAASF,GAAK,UAAMJ,EAAA,CAAA;AAAA,IACjEE,IAAqBQ,EAAaT,GAAU,EAAC,IAAAG,GAAI,GAAGE,EAAK,CAAA,IAAIL;AAAA,EAChE,EAAA,CAAA;AACF,GAEaU,IAAUC,EAAc,WAAWb,CAAU;"}
+{"version":3,"file":"Labeled-BWYRwMiY.js","sources":["../src/components/internal/Labeled.tsx"],"sourcesContent":["import {css} from '@emotion/react'\nimport styled from '@emotion/styled'\nimport {namedObserver, useAriaAttributes, useComponentData} from '@react-form-builder/core'\nimport type {ComponentProps} from 'react'\nimport {cloneElement} from 'react'\n\nexport const requiredStyle = css`\n  margin-inline-start: 3px;\n  content: \"*\";\n  color: #f44336;\n`\n\nconst Container = styled.div`\n  display: flex;\n  flex: 1;\n  flex-direction: column;\n\n  label {\n    margin-inline-start: 5px;\n    margin-bottom: 2px;\n    text-align: left;\n  }\n\n  &.required > label::after {\n    ${requiredStyle};\n  }\n`\n\ninterface LabeledProps extends ComponentProps<any> {\n  label?: string,\n  /**\n   * If true, ARIA attributes will be passed automatically to children.\n   */\n  passAriaToChildren: boolean\n}\n\n/**\n * The React component that adds a label to a child component.\n * @param props the React component properties.\n * @param props.label the component label.\n * @param props.children the children component.\n * @param props.passAriaToChildren if true, ARIA attributes will be passed automatically to children.\n * @returns the React element.\n */\nexport const RawLabeled = ({label, children, passAriaToChildren, ...props}: LabeledProps) => {\n  const {id} = useComponentData()\n  const aria = useAriaAttributes({labeled: !!label})\n  return <Container {...props} role=\"group\">\n    {label && <label id={aria['aria-labelledby']} htmlFor={id}>{label}</label>}\n    {passAriaToChildren ? cloneElement(children, {id, ...aria}) : children}\n  </Container>\n}\n\nexport const Labeled = namedObserver('Labeled', RawLabeled)\n"],"names":["requiredStyle","css","Container","styled","RawLabeled","label","children","passAriaToChildren","props","id","useComponentData","aria","useAriaAttributes","jsxs","jsx","cloneElement","Labeled","namedObserver"],"mappings":";;;;;AAMO,MAAMA,IAAgBC;AAAA;AAAA;AAAA;AAAA,GAMvBC,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAYnBH,CAAa;AAAA;AAAA,GAoBNI,IAAa,CAAC,EAAC,OAAAC,GAAO,UAAAC,GAAU,oBAAAC,GAAoB,GAAGC,QAAyB;AAC3F,QAAM,EAAC,IAAAC,EAAA,IAAMC,EAAA,GACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACP,GAAM;AACjD,SAAO,gBAAAQ,EAACX,GAAA,EAAW,GAAGM,GAAO,MAAK,SAC/B,UAAA;AAAA,IAAAH,KAAS,gBAAAS,EAAC,WAAM,IAAIH,EAAK,iBAAiB,GAAG,SAASF,GAAK,UAAAJ,EAAA,CAAM;AAAA,IACjEE,IAAqBQ,EAAaT,GAAU,EAAC,IAAAG,GAAI,GAAGE,EAAA,CAAK,IAAIL;AAAA,EAAA,GAChE;AACF,GAEaU,IAAUC,EAAc,WAAWb,CAAU;"}

package/dist/WrappedInput-BRkBjl0z.js

@@ -0,0 +1,11 @@
+import { jsx as a } from "@emotion/react/jsx-runtime";
+import { useCallback as e } from "react";
+import { Input as m } from "rsuite";
+const f = ({ onChange: r, ...o }) => {
+  const t = e((p, n) => r?.(n, p), [r]);
+  return /* @__PURE__ */ a(m, { onChange: t, ...o });
+};
+export {
+  f as W
+};
+//# sourceMappingURL=WrappedInput-BRkBjl0z.js.map

package/dist/{WrappedInput-bc5a6d33.js.map → WrappedInput-BRkBjl0z.js.map}

@@ -1 +1 @@
-{"version":3,"file":"WrappedInput-bc5a6d33.js","sources":["../src/components/internal/WrappedInput.tsx"],"sourcesContent":["import {useCallback} from 'react'\nimport type {InputProps} from 'rsuite'\nimport {Input} from 'rsuite'\n\n/**\n * The React component that wraps the Input component.\n * @param props the React component properties.\n * @param props.onChange the onChange event of the Input.\n * @param props.props the other wrapped properties of the component.\n * @returns the React element.\n */\nexport const WrappedInput = ({onChange, ...props}: InputProps) => {\n  const handleChange = useCallback((value: any, event: any) => onChange?.(event, value), [onChange])\n\n  return <Input onChange={handleChange} {...props}/>\n}\n"],"names":["WrappedInput","onChange","props","handleChange","useCallback","value","event","jsx","Input"],"mappings":";;;AAWO,MAAMA,IAAe,CAAC,EAAC,UAAAC,GAAU,GAAGC,QAAuB;AAC1D,QAAAC,IAAeC,EAAY,CAACC,GAAYC,MAAeL,KAAA,gBAAAA,EAAWK,GAAOD,IAAQ,CAACJ,CAAQ,CAAC;AAEjG,SAAQ,gBAAAM,EAAAC,GAAA,EAAM,UAAUL,GAAe,GAAGD,EAAM,CAAA;AAClD;"}
+{"version":3,"file":"WrappedInput-BRkBjl0z.js","sources":["../src/components/internal/WrappedInput.tsx"],"sourcesContent":["import {useCallback} from 'react'\nimport type {InputProps} from 'rsuite'\nimport {Input} from 'rsuite'\n\n/**\n * The React component that wraps the Input component.\n * @param props the React component properties.\n * @param props.onChange the onChange event of the Input.\n * @param props.props the other wrapped properties of the component.\n * @returns the React element.\n */\nexport const WrappedInput = ({onChange, ...props}: InputProps) => {\n  const handleChange = useCallback((value: any, event: any) => onChange?.(event, value), [onChange])\n\n  return <Input onChange={handleChange} {...props}/>\n}\n"],"names":["WrappedInput","onChange","props","handleChange","useCallback","value","event","jsx","Input"],"mappings":";;;AAWO,MAAMA,IAAe,CAAC,EAAC,UAAAC,GAAU,GAAGC,QAAuB;AAChE,QAAMC,IAAeC,EAAY,CAACC,GAAYC,MAAeL,IAAWK,GAAOD,CAAK,GAAG,CAACJ,CAAQ,CAAC;AAEjG,SAAO,gBAAAM,EAACC,GAAA,EAAM,UAAUL,GAAe,GAAGD,GAAM;AAClD;"}

package/dist/autocomplete.d.ts

@@ -1,5 +1,5 @@
-import type { AutoCompleteProps } from 'rsuite';
-import type { CSSProperties } from 'react';
+import { AutoCompleteProps } from 'rsuite';
+import { CSSProperties } from 'react';
 import { Definer } from '@react-form-builder/core';
 
 export declare const rsAutoComplete: Definer<RsAutoCompleteProps>;

package/dist/autocomplete.js

@@ -1,13 +1,10 @@
-import { jsxs as l, jsx as o } from "@emotion/react/jsx-runtime";
-import { define as m, string as t, array as s, toLabeledValues as p, fn as u, event as e, boolean as f } from "@react-form-builder/core";
+import { jsxs as i, jsx as o } from "@emotion/react/jsx-runtime";
+import { define as s, string as t, boolean as m, event as e, fn as p, array as u, toLabeledValues as f } from "@react-form-builder/core";
 import { AutoComplete as c } from "rsuite";
-import { i as d } from "./commonProperties-d849cd5b.js";
-import { f as h } from "./categories-7064b279.js";
-import { L as g } from "./Labeled-751c2353.js";
-import "@emotion/react";
-import "@emotion/styled";
-import "react";
-const C = () => /* @__PURE__ */ l(
+import { i as d } from "./commonProperties-ETOgvhCH.js";
+import { f as h } from "./categories-_98lyB3C.js";
+import { L as g } from "./Labeled-BWYRwMiY.js";
+const C = () => /* @__PURE__ */ i(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -34,17 +31,17 @@ const C = () => /* @__PURE__ */ l(
       )
     ]
   }
-), v = ({ label: r, style: a, className: n, ...i }) => /* @__PURE__ */ o(g, { label: r, style: a, className: n, passAriaToChildren: !0, children: /* @__PURE__ */ o(c, { ...i }) }), x = `/**
+), 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 = `/**
  * @param {string} value
  * @param {ItemDataType} item
  * @return {boolean}
  */
-function filterBy(value, item) {`, V = m(v, "RsAutoComplete").name("AutoComplete").category(h).icon(C).props({
+function filterBy(value, item) {`, B = s(v, "RsAutoComplete").name("AutoComplete").category(h).icon(C).props({
   ...d,
   label: t.default("Input"),
-  data: s.default(p(["Item1", "Item2", "Item3"])),
+  data: u.default(f(["Item1", "Item2", "Item3"])),
   defaultValue: t,
-  filterBy: u(x),
+  filterBy: p(x),
   menuClassName: t,
   onClose: e,
   onEnter: e,
@@ -53,10 +50,10 @@ function filterBy(value, item) {`, V = m(v, "RsAutoComplete").name("AutoComplete
   onExited: e,
   onExiting: e,
   onSelect: e,
-  selectOnEnter: f.default(!0),
+  selectOnEnter: m.default(!0),
   value: t.valued.uncontrolledValue("")
 });
 export {
-  V as rsAutoComplete
+  B as rsAutoComplete
 };
 //# sourceMappingURL=autocomplete.js.map

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,MAA8M;AAAA,MACtN,gBAAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UAAK,QAAO;AAAA,UAAU,aAAY;AAAA,UAC7B,GAAE;AAAA,QAAA;AAAA,MAA0F;AAAA,IAAA;AAAA,EAAA;AACpG,GAyBMC,IAAiB,CAAC,EAAC,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,GAAGC,QAC5C,gBAAAL,EAACM,GAAQ,EAAA,OAAAJ,GAAc,OAAAC,GAAc,WAAAC,GAAsB,oBAAoB,IACpF,UAAC,gBAAAJ,EAAAO,GAAA,EAAc,GAAGF,EAAA,CAAO,EAC3B,CAAA,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.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;"}

package/dist/breadcrumb.d.ts

@@ -1,4 +1,4 @@
-import type { BreadcrumbProps } from 'rsuite';
+import { BreadcrumbProps } from 'rsuite';
 import { Definer } from '@react-form-builder/core';
 
 export declare const rsBreadcrumb: Definer<RsBreadcrumbProps>;
@@ -32,7 +32,7 @@ export declare interface RsBreadcrumbProps extends BreadcrumbProps {
     /**
      * Callback function when a breadcrumb item is clicked.
      */
-    onItemClick: (item: RsBreadcrumbItemProps) => {};
+    onItemClick: (item: RsBreadcrumbItemProps) => void;
 }
 
 export { }

package/dist/breadcrumb.js

@@ -1,42 +1,42 @@
-import { jsx as c } from "@emotion/react/jsx-runtime";
+import { jsx as i } from "@emotion/react/jsx-runtime";
 import { createElement as u } from "@emotion/react";
-import { define as f, string as d, array as b, event as l, oneOf as h } from "@react-form-builder/core";
-import { useCallback as x, useMemo as y } from "react";
-import { Checkbox as k, Breadcrumb as p } from "rsuite";
-import { a as B } from "./commonProperties-d849cd5b.js";
-import { a as S } from "./categories-7064b279.js";
-import g from "@emotion/styled";
-import { S as C, I as i } from "./InputCell-f4236002.js";
-const E = g(k)`
+import { define as f, event as a, array as d, string as h, oneOf as C } from "@react-form-builder/core";
+import { useCallback as b, useMemo as k } from "react";
+import { Checkbox as x, Breadcrumb as l } from "rsuite";
+import { a as g } from "./commonProperties-ETOgvhCH.js";
+import { s as y } from "./categories-_98lyB3C.js";
+import B from "@emotion/styled";
+import { S as I, I as p } from "./InputCell-BDyUJFGm.js";
+const S = B(x)`
   & .rs-checkbox-wrapper {
     inset-inline-start: 4px;
     top: 6px;
   }
-`, j = ({ rowData: e, dataKey: r, rowIndex: n, onChange: t, ...o }) => {
-  const m = x((a, s) => {
-    e[r] = s, t == null || t(s, r, n);
-  }, [r, t, e, n]);
-  return /* @__PURE__ */ c(C, { ...o, children: /* @__PURE__ */ c(E, { inline: !0, checked: e[r] ?? !1, onChange: m }) });
-}, v = (e) => e.map((r) => ({ title: r, href: r })), N = [
-  { name: "title", input: i },
-  { name: "href", title: "Url", input: i },
-  { name: "active", input: j }
-], P = { display: "flex" }, R = ({ items: e, onItemClick: r, ...n }) => {
-  const t = y(() => (e ?? []).map((o) => () => r == null ? void 0 : r(o)), [e, r]);
-  return /* @__PURE__ */ c(p, { ...n, style: P, children: e == null ? void 0 : e.map((o, m) => {
-    const { title: a = "", ...s } = o;
-    return /* @__PURE__ */ u(p.Item, { ...s, onClick: t[m], key: a }, a);
+`, E = ({ rowData: r, dataKey: e, rowIndex: n, onChange: o, ...t }) => {
+  const s = b((c, m) => {
+    r[e] = m, o?.(m, e, n);
+  }, [e, o, r, n]);
+  return /* @__PURE__ */ i(I, { ...t, children: /* @__PURE__ */ i(S, { inline: !0, checked: r[e] ?? !1, onChange: s }) });
+}, j = (r) => r.map((e) => ({ title: e, href: e })), v = [
+  { name: "title", input: p },
+  { name: "href", title: "Url", input: p },
+  { name: "active", input: E }
+], N = { display: "flex" }, P = ({ items: r, onItemClick: e, ...n }) => {
+  const o = k(() => (r ?? []).map((t) => () => e?.(t)), [r, e]);
+  return /* @__PURE__ */ i(l, { ...n, style: N, children: r?.map((t, s) => {
+    const { title: c = "", ...m } = t;
+    return /* @__PURE__ */ u(l.Item, { ...m, onClick: o[s], key: c }, c);
   }) });
-}, F = f(R, "RsBreadcrumb").name("Breadcrumb").category(S).props({
-  separator: d.default("/"),
-  maxItems: B,
-  items: b.default(v(["one", "two", "three"])).withEditorProps({ columns: N }),
-  onItemClick: l,
-  onExpand: l
+}, z = f(P, "RsBreadcrumb").name("Breadcrumb").category(y).props({
+  separator: h.default("/"),
+  maxItems: g,
+  items: d.default(j(["one", "two", "three"])).withEditorProps({ columns: v }),
+  onItemClick: a,
+  onExpand: a
 }).css({
-  justifyContent: h("left", "center", "right").default("left").radio().named("Alignment")
+  justifyContent: C("left", "center", "right").default("left").radio().named("Alignment")
 });
 export {
-  F as rsBreadcrumb
+  z 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 styled from '@emotion/styled'\nimport {useCallback} from 'react'\nimport {Checkbox} from 'rsuite'\nimport type {InputCellProps} from './InputCellProps'\nimport {SCell} from './SCell'\n\nconst SCheckbox = styled(Checkbox)`\n  & .rs-checkbox-wrapper {\n    inset-inline-start: 4px;\n    top: 6px;\n  }\n`\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((_: any, checked: boolean) => {\n    rowData[dataKey] = checked\n    onChange?.(checked, dataKey, rowIndex)\n  }, [dataKey, onChange, rowData, rowIndex])\n\n  return (\n    <SCell {...props}>\n      <SCheckbox inline checked={rowData[dataKey] ?? false} onChange={handleChange}/>\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) => {}\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":["SCheckbox","styled","Checkbox","CheckCell","rowData","dataKey","rowIndex","onChange","props","handleChange","useCallback","_","checked","jsx","SCell","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":";;;;;;;;;AAMA,MAAMA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBpBC,IAAY,CAAC,EAAC,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAA2B;AAC7F,QAAMC,IAAeC,EAAY,CAACC,GAAQC,MAAqB;AAC7D,IAAAR,EAAQC,CAAO,IAAIO,GACRL,KAAA,QAAAA,EAAAK,GAASP,GAASC;AAAA,KAC5B,CAACD,GAASE,GAAUH,GAASE,CAAQ,CAAC;AAEzC,SACG,gBAAAO,EAAAC,GAAA,EAAO,GAAGN,GACT,4BAACR,GAAU,EAAA,QAAM,IAAC,SAASI,EAAQC,CAAO,KAAK,IAAO,UAAUI,GAAa,EAC/E,CAAA;AAEJ,GCFMM,IAAY,CAACC,MAAmBA,EAAK,IAAI,QAAU,EAAC,OAAAC,GAAO,MAAMA,EAAA,EAAO,GAmBxEC,IAAU;AAAA,EACd,EAAC,MAAM,SAAS,OAAOC,EAAS;AAAA,EAChC,EAAC,MAAM,QAAQ,OAAO,OAAO,OAAOA,EAAS;AAAA,EAC7C,EAAC,MAAM,UAAU,OAAOhB,EAAS;AACnC,GAKMiB,IAAiB,EAAC,SAAS,UAa3BC,IAAe,CAAC,EAAC,OAAAC,GAAO,aAAAC,GAAa,GAAGf,QAA8B;AACpE,QAAAgB,IAAgBC,EAAQ,OAAOH,KAAS,IAAI,IAAI,CAACI,MAC9C,MAAMH,KAAA,gBAAAA,EAAcG,EAC5B,GAAG,CAACJ,GAAOC,CAAW,CAAC;AAGtB,SAAA,gBAAAV,EAACc,GAAY,EAAA,GAAGnB,GAAO,OAAOY,GAC3B,UAAOE,KAAA,gBAAAA,EAAA,IAAI,CAACM,GAAMC,MAAQ;AACzB,UAAM,EAAC,OAAAZ,IAAQ,IAAI,GAAGa,MAAaF;AACnC,WACG,gBAAAG,EAAAJ,EAAW,MAAX,EAAiB,GAAGG,GAAW,SAASN,EAAcK,CAAG,GAAG,KAAKZ,EAAA,GAC/DA,CACH;AAAA,EACH,GACH,CAAA;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,QAAQ,MAAM,WAAW;AAC9C,CAAC;"}
+{"version":3,"file":"breadcrumb.js","sources":["../src/components/internal/CheckCell.tsx","../src/components/RsBreadcrumb.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {useCallback} from 'react'\nimport {Checkbox} from 'rsuite'\nimport type {InputCellProps} from './InputCellProps'\nimport {SCell} from './SCell'\n\nconst SCheckbox = styled(Checkbox)`\n  & .rs-checkbox-wrapper {\n    inset-inline-start: 4px;\n    top: 6px;\n  }\n`\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((_: any, checked: boolean) => {\n    rowData[dataKey] = checked\n    onChange?.(checked, dataKey, rowIndex)\n  }, [dataKey, onChange, rowData, rowIndex])\n\n  return (\n    <SCell {...props}>\n      <SCheckbox inline checked={rowData[dataKey] ?? false} onChange={handleChange}/>\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":["SCheckbox","styled","Checkbox","CheckCell","rowData","dataKey","rowIndex","onChange","props","handleChange","useCallback","_","checked","jsx","SCell","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":";;;;;;;;;AAMA,MAAMA,IAAYC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,GAiBpBC,IAAY,CAAC,EAAC,SAAAC,GAAS,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,QAA2B;AAC7F,QAAMC,IAAeC,EAAY,CAACC,GAAQC,MAAqB;AAC7D,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,4BAACR,GAAA,EAAU,QAAM,IAAC,SAASI,EAAQC,CAAO,KAAK,IAAO,UAAUI,GAAa,GAC/E;AAEJ,GCFMM,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,OAAOhB,EAAA;AAC1B,GAKMiB,IAAiB,EAAC,SAAS,OAAA,GAa3BC,IAAe,CAAC,EAAC,OAAAC,GAAO,aAAAC,GAAa,GAAGf,QAA8B;AAC1E,QAAMgB,IAAgBC,EAAQ,OAAOH,KAAS,IAAI,IAAI,CAACI,MAC9C,MAAMH,IAAcG,CAAE,CAC9B,GAAG,CAACJ,GAAOC,CAAW,CAAC;AAExB,SACE,gBAAAV,EAACc,GAAA,EAAY,GAAGnB,GAAO,OAAOY,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;"}

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

@@ -1,66 +1,10 @@
 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 m, formEngineRsuiteCssLoader as p } from "./css-loader.js";
-import { components as e } from "./definitions.js";
-import { r as s } from "./rSuiteComponentsDescriptions-d616cdc1.js";
-import "@emotion/react/jsx-runtime";
-import "rsuite";
-import "rsuite/esm/locales/index.js";
-import "date-fns/locale/hi/index.js";
-import "date-fns/locale/sr/index.js";
-import "./r-suite-components.js";
-import "./categories-7064b279.js";
-import "./wizard.js";
-import "@emotion/css";
-import "@emotion/styled";
-import "react";
-import "./hooks-ff273a8a.js";
-import "./InputCell-f4236002.js";
-import "./autocomplete.js";
-import "./commonProperties-d849cd5b.js";
-import "./Labeled-751c2353.js";
-import "@emotion/react";
-import "./breadcrumb.js";
-import "./button.js";
-import "./calendar.js";
-import "./card.js";
-import "./header.js";
-import "./checkbox.js";
-import "./container.js";
-import "./date-picker.js";
-import "./dateTimeUtils-b07ce438.js";
-import "date-fns";
-import "./useTouchOnEvent-2be3c60d.js";
-import "./divider.js";
-import "./dropdown.js";
-import "./error-message.js";
-import "./image.js";
-import "./input.js";
-import "@rsuite/icons";
-import "./label.js";
-import "./link.js";
-import "./menu.js";
-import "./message.js";
-import "./modal.js";
-import "./modal-layout.js";
-import "./number-format.js";
-import "react-number-format";
-import "./WrappedInput-bc5a6d33.js";
-import "./pattern-format.js";
-import "./placeholder.js";
-import "./progress.js";
-import "./radio-group.js";
-import "./search.js";
-import "./static-content.js";
-import "./tab.js";
-import "./tag-picker.js";
-import "./text-area.js";
-import "./time-picker.js";
-import "./toggle.js";
-import "./tooltip.js";
-import "./uploader.js";
-const fr = new o(e).withViewerWrapper(i).withCssLoader(r.LTR, t).withCssLoader(r.RTL, m).withCssLoader("common", p).withComponentLibraryDescription(s);
+import { ltrCssLoader as e, rtlCssLoader as s, formEngineRsuiteCssLoader as t } from "./css-loader.js";
+import { components as m } from "./definitions.js";
+import { r as p } from "./rSuiteComponentsDescriptions-lX1mwx9_.js";
+const d = new o(m).withViewerWrapper(i).withCssLoader(r.LTR, e).withCssLoader(r.RTL, s).withCssLoader("common", t).withComponentLibraryDescription(p);
 export {
-  fr as builderViewWithCss
+  d as builderViewWithCss
 };
 //# sourceMappingURL=builder-view-with-css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"builder-view-with-css.js","sources":["../src/builderViewWithCss.ts"],"sourcesContent":["import {BiDi, BuilderView} from '@react-form-builder/core'\nimport {RsLocalizationWrapper} from './components/RsLocalizationWrapper'\nimport {formEngineRsuiteCssLoader, ltrCssLoader, rtlCssLoader} from './cssLoader'\nimport {components} from './definitions'\nimport {rSuiteComponentsDescriptions} from './i18n/rSuiteComponentsDescriptions'\n\n/**\n * An assembled set of rSuite components metadata, ready to be passed as a property to the FormBuilder.\n * This view contains CSS loaders.\n */\nexport const builderViewWithCss = new BuilderView(components)\n  .withViewerWrapper(RsLocalizationWrapper)\n  .withCssLoader(BiDi.LTR, ltrCssLoader)\n  .withCssLoader(BiDi.RTL, rtlCssLoader)\n  .withCssLoader('common', formEngineRsuiteCssLoader)\n  .withComponentLibraryDescription(rSuiteComponentsDescriptions)\n"],"names":["builderViewWithCss","BuilderView","components","RsLocalizationWrapper","BiDi","ltrCssLoader","rtlCssLoader","formEngineRsuiteCssLoader","rSuiteComponentsDescriptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUa,MAAAA,KAAqB,IAAIC,EAAYC,CAAU,EACzD,kBAAkBC,CAAqB,EACvC,cAAcC,EAAK,KAAKC,CAAY,EACpC,cAAcD,EAAK,KAAKE,CAAY,EACpC,cAAc,UAAUC,CAAyB,EACjD,gCAAgCC,CAA4B;"}
+{"version":3,"file":"builder-view-with-css.js","sources":["../src/builderViewWithCss.ts"],"sourcesContent":["import {BiDi, BuilderView} from '@react-form-builder/core'\nimport {RsLocalizationWrapper} from './components/RsLocalizationWrapper'\nimport {formEngineRsuiteCssLoader, ltrCssLoader, rtlCssLoader} from './cssLoader'\nimport {components} from './definitions'\nimport {rSuiteComponentsDescriptions} from './i18n/rSuiteComponentsDescriptions'\n\n/**\n * An assembled set of rSuite components metadata, ready to be passed as a property to the FormBuilder.\n * This view contains CSS loaders.\n */\nexport const builderViewWithCss = new BuilderView(components)\n  .withViewerWrapper(RsLocalizationWrapper)\n  .withCssLoader(BiDi.LTR, ltrCssLoader)\n  .withCssLoader(BiDi.RTL, rtlCssLoader)\n  .withCssLoader('common', formEngineRsuiteCssLoader)\n  .withComponentLibraryDescription(rSuiteComponentsDescriptions)\n"],"names":["builderViewWithCss","BuilderView","components","RsLocalizationWrapper","BiDi","ltrCssLoader","rtlCssLoader","formEngineRsuiteCssLoader","rSuiteComponentsDescriptions"],"mappings":";;;;;AAUO,MAAMA,IAAqB,IAAIC,EAAYC,CAAU,EACzD,kBAAkBC,CAAqB,EACvC,cAAcC,EAAK,KAAKC,CAAY,EACpC,cAAcD,EAAK,KAAKE,CAAY,EACpC,cAAc,UAAUC,CAAyB,EACjD,gCAAgCC,CAA4B;"}

package/dist/button.d.ts

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

package/dist/button.js

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

package/dist/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../src/components/RsButton.tsx"],"sourcesContent":["import {boolean, define, disabled, event, oneOf, string, useBuilderValue} from '@react-form-builder/core'\nimport type {ButtonProps} from 'rsuite'\nimport {Button} from 'rsuite'\nimport {controlColor, size} from '../commonProperties'\nimport {staticCategory} from './categories'\n\nconst defaultContent = 'Button'\n\nconst RsButton = ({children, ...props}: ButtonProps) => {\n  const content = useBuilderValue(children, defaultContent)\n  return <Button {...props}>{content}</Button>\n}\n\nexport const rsButton = define(RsButton, 'RsButton')\n  .name('Button')\n  .category(staticCategory)\n  .props({\n    active: boolean.default(false),\n    appearance: oneOf('default', 'primary', 'link', 'subtle', 'ghost')\n      .default('default')\n      .withEditorProps({creatable: false}),\n    children: string.required.default(defaultContent).dataBound,\n    color: controlColor,\n    disabled: disabled.default(false),\n    href: string,\n    loading: boolean.default(false),\n    size,\n    onClick: event,\n  })\n"],"names":["defaultContent","RsButton","children","props","content","useBuilderValue","jsx","Button","rsButton","define","staticCategory","boolean","oneOf","string","controlColor","disabled","size","event"],"mappings":";;;;;AAMA,MAAMA,IAAiB,UAEjBC,IAAW,CAAC,EAAC,UAAAC,GAAU,GAAGC,QAAwB;AAChD,QAAAC,IAAUC,EAAgBH,GAAUF,CAAc;AACxD,SAAQ,gBAAAM,EAAAC,GAAA,EAAQ,GAAGJ,GAAQ,UAAQC,EAAA,CAAA;AACrC,GAEaI,IAAWC,EAAOR,GAAU,UAAU,EAChD,KAAK,QAAQ,EACb,SAASS,CAAc,EACvB,MAAM;AAAA,EACL,QAAQC,EAAQ,QAAQ,EAAK;AAAA,EAC7B,YAAYC,EAAM,WAAW,WAAW,QAAQ,UAAU,OAAO,EAC9D,QAAQ,SAAS,EACjB,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,UAAUC,EAAO,SAAS,QAAQb,CAAc,EAAE;AAAA,EAClD,OAAOc;AAAA,EACP,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,MAAMF;AAAA,EACN,SAASF,EAAQ,QAAQ,EAAK;AAAA,EAC9B,MAAAK;AAAA,EACA,SAASC;AACX,CAAC;"}
+{"version":3,"file":"button.js","sources":["../src/components/RsButton.tsx"],"sourcesContent":["import {boolean, define, disabled, event, oneOf, string, useBuilderValue} from '@react-form-builder/core'\nimport type {ButtonProps} from 'rsuite'\nimport {Button} from 'rsuite'\nimport {controlColor, size} from '../commonProperties'\nimport {staticCategory} from './categories'\n\nconst defaultContent = 'Button'\n\nconst RsButton = ({children, ...props}: ButtonProps) => {\n  const content = useBuilderValue(children, defaultContent)\n  return <Button {...props}>{content}</Button>\n}\n\nexport const rsButton = define(RsButton, 'RsButton')\n  .name('Button')\n  .category(staticCategory)\n  .props({\n    active: boolean.default(false),\n    appearance: oneOf('default', 'primary', 'link', 'subtle', 'ghost')\n      .default('default')\n      .withEditorProps({creatable: false}),\n    children: string.required.default(defaultContent).dataBound,\n    color: controlColor,\n    disabled: disabled.default(false),\n    href: string,\n    loading: boolean.default(false),\n    size,\n    onClick: event,\n  })\n"],"names":["defaultContent","RsButton","children","props","content","useBuilderValue","jsx","Button","rsButton","define","staticCategory","boolean","oneOf","string","controlColor","disabled","size","event"],"mappings":";;;;;AAMA,MAAMA,IAAiB,UAEjBC,IAAW,CAAC,EAAC,UAAAC,GAAU,GAAGC,QAAwB;AACtD,QAAMC,IAAUC,EAAgBH,GAAUF,CAAc;AACxD,SAAO,gBAAAM,EAACC,GAAA,EAAQ,GAAGJ,GAAQ,UAAAC,GAAQ;AACrC,GAEaI,IAAWC,EAAOR,GAAU,UAAU,EAChD,KAAK,QAAQ,EACb,SAASS,CAAc,EACvB,MAAM;AAAA,EACL,QAAQC,EAAQ,QAAQ,EAAK;AAAA,EAC7B,YAAYC,EAAM,WAAW,WAAW,QAAQ,UAAU,OAAO,EAC9D,QAAQ,SAAS,EACjB,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,UAAUC,EAAO,SAAS,QAAQb,CAAc,EAAE;AAAA,EAClD,OAAOc;AAAA,EACP,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,MAAMF;AAAA,EACN,SAASF,EAAQ,QAAQ,EAAK;AAAA,EAC9B,MAAAK;AAAA,EACA,SAASC;AACX,CAAC;"}

package/dist/calendar.d.ts

@@ -1,4 +1,4 @@
-import type { CalendarProps } from 'rsuite/esm/Calendar/Calendar';
+import { CalendarProps } from 'rsuite/esm/Calendar/Calendar';
 import { Definer } from '@react-form-builder/core';
 
 export declare const rsCalendar: Definer<RsCalendarProps>;

package/dist/calendar.js

@@ -1,24 +1,21 @@
 import { jsx as a } from "@emotion/react/jsx-runtime";
-import { define as m, string as f, boolean as r, date as o, event as l } from "@react-form-builder/core";
-import { Calendar as t } from "rsuite";
-import { r as s } from "./commonProperties-d849cd5b.js";
-import { f as p } from "./categories-7064b279.js";
-import { L as u } from "./Labeled-751c2353.js";
-import "@emotion/react";
-import "@emotion/styled";
-import "react";
-const C = ({ label: n, style: d, className: i, ...e }) => /* @__PURE__ */ a(u, { label: n, style: d, className: i, passAriaToChildren: !0, children: e.readOnly ? /* @__PURE__ */ a(t, { ...e, onChange: void 0 }) : /* @__PURE__ */ a(t, { ...e }) }), R = m(C, "RsCalendar").name("Calendar").category(p).props({
-  label: f,
+import { define as s, date as o, event as l, boolean as r, string as i } from "@react-form-builder/core";
+import { Calendar as n } from "rsuite";
+import { r as m } from "./commonProperties-ETOgvhCH.js";
+import { f as u } from "./categories-_98lyB3C.js";
+import { L as C } from "./Labeled-BWYRwMiY.js";
+const c = ({ label: t, style: d, className: f, ...e }) => /* @__PURE__ */ a(C, { label: t, style: d, className: f, passAriaToChildren: !0, children: e.readOnly ? /* @__PURE__ */ a(n, { ...e, onChange: void 0 }) : /* @__PURE__ */ a(n, { ...e }) }), x = s(c, "RsCalendar").name("Calendar").category(u).props({
+  label: i,
   bordered: r.default(!1),
   compact: r.default(!1),
   defaultValue: o,
-  readOnly: s,
+  readOnly: m,
   isoWeek: r.default(!1),
   onChange: l,
   onSelect: l,
   value: o.valued
 });
 export {
-  R as rsCalendar
+  x as rsCalendar
 };
 //# sourceMappingURL=calendar.js.map

package/dist/calendar.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.js","sources":["../src/components/RsCalendar.tsx"],"sourcesContent":["import {boolean, date, define, event, string} from '@react-form-builder/core'\nimport {Calendar} from 'rsuite'\nimport type {CalendarProps} from 'rsuite/esm/Calendar/Calendar'\nimport {readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsCalendar component.\n */\nexport interface RsCalendarProps extends CalendarProps {\n  /**\n   * Whether the calendar is read only.\n   */\n  readOnly: boolean\n  /**\n   *  Label for the calendar.\n   */\n  label?: string\n}\n\n/**\n * Calendar component with label support.\n * @param props the component props.\n * @param props.label the label for the calendar.\n * @param props.style the CSS styles.\n * @param props.className the CSS class name.\n * @param props.props the additional calendar props.\n * @returns the React element.\n */\nconst RsCalendar = ({label, style, className, ...props}: RsCalendarProps) => {\n  return <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n    {\n      props.readOnly\n        ? <Calendar {...props} onChange={undefined}/>\n        : <Calendar {...props}/>\n    }\n  </Labeled>\n}\n\nexport const rsCalendar = define(RsCalendar, 'RsCalendar')\n  .name('Calendar')\n  .category(fieldsCategory)\n  .props({\n    label: string,\n    bordered: boolean.default(false),\n    compact: boolean.default(false),\n    defaultValue: date,\n    readOnly,\n    isoWeek: boolean.default(false),\n    onChange: event,\n    onSelect: event,\n    value: date.valued,\n  })\n"],"names":["RsCalendar","label","style","className","props","jsx","Labeled","Calendar","rsCalendar","define","fieldsCategory","string","boolean","date","readOnly","event"],"mappings":";;;;;;;;;AA8BA,MAAMA,IAAa,CAAC,EAAC,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,GAAGC,QACxC,gBAAAC,EAACC,KAAQ,OAAAL,GAAc,OAAAC,GAAc,WAAAC,GAAsB,oBAAoB,IAElF,YAAM,WACF,gBAAAE,EAACE,KAAU,GAAGH,GAAO,UAAU,OAAU,CAAA,sBACxCG,GAAU,EAAA,GAAGH,EAAM,CAAA,EAE5B,CAAA,GAGWI,IAAaC,EAAOT,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAASU,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC;AAAA,EACP,UAAUC,EAAQ,QAAQ,EAAK;AAAA,EAC/B,SAASA,EAAQ,QAAQ,EAAK;AAAA,EAC9B,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,SAASF,EAAQ,QAAQ,EAAK;AAAA,EAC9B,UAAUG;AAAA,EACV,UAAUA;AAAA,EACV,OAAOF,EAAK;AACd,CAAC;"}
+{"version":3,"file":"calendar.js","sources":["../src/components/RsCalendar.tsx"],"sourcesContent":["import {boolean, date, define, event, string} from '@react-form-builder/core'\nimport {Calendar} from 'rsuite'\nimport type {CalendarProps} from 'rsuite/esm/Calendar/Calendar'\nimport {readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsCalendar component.\n */\nexport interface RsCalendarProps extends CalendarProps {\n  /**\n   * Whether the calendar is read only.\n   */\n  readOnly: boolean\n  /**\n   *  Label for the calendar.\n   */\n  label?: string\n}\n\n/**\n * Calendar component with label support.\n * @param props the component props.\n * @param props.label the label for the calendar.\n * @param props.style the CSS styles.\n * @param props.className the CSS class name.\n * @param props.props the additional calendar props.\n * @returns the React element.\n */\nconst RsCalendar = ({label, style, className, ...props}: RsCalendarProps) => {\n  return <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n    {\n      props.readOnly\n        ? <Calendar {...props} onChange={undefined}/>\n        : <Calendar {...props}/>\n    }\n  </Labeled>\n}\n\nexport const rsCalendar = define(RsCalendar, 'RsCalendar')\n  .name('Calendar')\n  .category(fieldsCategory)\n  .props({\n    label: string,\n    bordered: boolean.default(false),\n    compact: boolean.default(false),\n    defaultValue: date,\n    readOnly,\n    isoWeek: boolean.default(false),\n    onChange: event,\n    onSelect: event,\n    value: date.valued,\n  })\n"],"names":["RsCalendar","label","style","className","props","jsx","Labeled","Calendar","rsCalendar","define","fieldsCategory","string","boolean","date","readOnly","event"],"mappings":";;;;;;AA8BA,MAAMA,IAAa,CAAC,EAAC,OAAAC,GAAO,OAAAC,GAAO,WAAAC,GAAW,GAAGC,QACxC,gBAAAC,EAACC,KAAQ,OAAAL,GAAc,OAAAC,GAAc,WAAAC,GAAsB,oBAAoB,IAElF,YAAM,WACF,gBAAAE,EAACE,KAAU,GAAGH,GAAO,UAAU,OAAA,CAAU,sBACxCG,GAAA,EAAU,GAAGH,GAAM,EAAA,CAE5B,GAGWI,IAAaC,EAAOT,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAASU,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC;AAAA,EACP,UAAUC,EAAQ,QAAQ,EAAK;AAAA,EAC/B,SAASA,EAAQ,QAAQ,EAAK;AAAA,EAC9B,cAAcC;AAAA,EACd,UAAAC;AAAA,EACA,SAASF,EAAQ,QAAQ,EAAK;AAAA,EAC9B,UAAUG;AAAA,EACV,UAAUA;AAAA,EACV,OAAOF,EAAK;AACd,CAAC;"}

package/dist/card.d.ts

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

package/dist/card.js

@@ -1,27 +1,27 @@
 import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
-import { define as i, node as o, string as l, boolean as r, event as m } from "@react-form-builder/core";
+import { define as i, event as m, string as o, boolean as r, node as s } from "@react-form-builder/core";
 import { useMemo as u } from "react";
 import { Panel as p } from "rsuite";
-import { h as c } from "./commonProperties-d849cd5b.js";
-import { a as h } from "./categories-7064b279.js";
+import { h as c } from "./commonProperties-ETOgvhCH.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: [
   !!e && /* @__PURE__ */ d(C, { headerSize: a, content: e }),
   t
-] }), b = ({ header: e, title: a, headerSize: t, ...n }) => {
-  const s = u(() => /* @__PURE__ */ d(S, { title: a, headerSize: t, header: e }), [e, t, a]);
-  return /* @__PURE__ */ d(p, { header: s, ...n });
+] }), b = ({ header: e, title: a, headerSize: t, ...l }) => {
+  const n = u(() => /* @__PURE__ */ d(S, { title: a, headerSize: t, header: e }), [e, t, a]);
+  return /* @__PURE__ */ d(p, { header: n, ...l });
 }, j = i(b, "RsCard").name("Card").category(h).props({
-  header: o,
-  children: o,
-  title: l.default("Title"),
+  header: s,
+  children: s,
+  title: o.default("Title"),
   headerSize: c,
   bodyFill: r.default(!1),
   bordered: r.default(!0),
   shaded: r.default(!0),
   defaultExpanded: r.default(!1),
   collapsible: r.default(!1),
-  eventKey: l,
+  eventKey: o,
   onSelect: m
 });
 export {

package/dist/card.js.map

@@ -1 +1 @@
-{"version":3,"file":"card.js","sources":["../src/components/RsCard.tsx"],"sourcesContent":["import {boolean, define, event, node, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport type {PanelProps} from 'rsuite'\nimport {Panel} from 'rsuite'\nimport {headerSize} from '../commonProperties'\nimport {structureCategory} from './categories'\nimport {RsHeader} from './RsHeader'\n\n/**\n * Props for the RsCard component.\n */\nexport interface RsCardProps extends PanelProps {\n  /**\n   * Title for the card.\n   */\n  title?: string\n  /**\n   * Header size for the card.\n   */\n  headerSize: string\n}\n\n/**\n * Props for the PanelHeader component.\n */\ntype PanelHeaderProps = Pick<RsCardProps, 'title' | 'headerSize' | 'header'>\n\n/**\n * Panel header component with title and header size support.\n * @param props the component props.\n * @param props.title the title for the panel header.\n * @param props.headerSize the header size for the panel header.\n * @param props.header the header content for the panel header.\n * @returns the React element.\n */\nconst PanelHeader = ({title, headerSize, header}: PanelHeaderProps) => (\n  <div>\n    {!!title && <RsHeader headerSize={headerSize} content={title}/>}\n    {header}\n  </div>\n)\n\n/**\n * Card component with header and title support.\n * @param props the component props.\n * @param props.header the header content for the card.\n * @param props.title the title for the card.\n * @param props.headerSize the header size for the card.\n * @param props.props the additional panel props.\n * @returns the React element.\n */\nconst RsCard = ({header, title, headerSize, ...props}: RsCardProps) => {\n  const panelHeader = useMemo(() => {\n    return <PanelHeader title={title} headerSize={headerSize} header={header}/>\n  }, [header, headerSize, title])\n\n  return <Panel header={panelHeader} {...props}/>\n}\n\nexport const rsCard = define(RsCard, 'RsCard')\n  .name('Card')\n  .category(structureCategory)\n  .props({\n    header: node,\n    children: node,\n    title: string.default('Title'),\n    headerSize,\n    bodyFill: boolean.default(false),\n    bordered: boolean.default(true),\n    shaded: boolean.default(true),\n    defaultExpanded: boolean.default(false),\n    collapsible: boolean.default(false),\n    eventKey: string,\n    onSelect: event\n  })\n"],"names":["PanelHeader","title","headerSize","header","jsxs","jsx","RsHeader","RsCard","props","panelHeader","useMemo","Panel","rsCard","define","structureCategory","node","string","boolean","event"],"mappings":";;;;;;;AAmCA,MAAMA,IAAc,CAAC,EAAC,OAAAC,GAAO,YAAAC,GAAY,QAAAC,EAAA,MACvC,gBAAAC,EAAC,OACE,EAAA,UAAA;AAAA,EAAA,CAAC,CAACH,KAAS,gBAAAI,EAACC,KAAS,YAAYJ,GAAY,SAASD,GAAM;AAAA,EAC5DE;AAAA,EACH,CAAA,GAYII,IAAS,CAAC,EAAC,QAAAJ,GAAQ,OAAAF,GAAO,YAAAC,GAAY,GAAGM,QAAwB;AAC/D,QAAAC,IAAcC,EAAQ,MAClB,gBAAAL,EAAAL,GAAA,EAAY,OAAAC,GAAc,YAAYC,GAAY,QAAAC,EAAe,CAAA,GACxE,CAACA,GAAQD,GAAYD,CAAK,CAAC;AAE9B,SAAQ,gBAAAI,EAAAM,GAAA,EAAM,QAAQF,GAAc,GAAGD,EAAM,CAAA;AAC/C,GAEaI,IAASC,EAAON,GAAQ,QAAQ,EAC1C,KAAK,MAAM,EACX,SAASO,CAAiB,EAC1B,MAAM;AAAA,EACL,QAAQC;AAAA,EACR,UAAUA;AAAA,EACV,OAAOC,EAAO,QAAQ,OAAO;AAAA,EAC7B,YAAAd;AAAA,EACA,UAAUe,EAAQ,QAAQ,EAAK;AAAA,EAC/B,UAAUA,EAAQ,QAAQ,EAAI;AAAA,EAC9B,QAAQA,EAAQ,QAAQ,EAAI;AAAA,EAC5B,iBAAiBA,EAAQ,QAAQ,EAAK;AAAA,EACtC,aAAaA,EAAQ,QAAQ,EAAK;AAAA,EAClC,UAAUD;AAAA,EACV,UAAUE;AACZ,CAAC;"}
+{"version":3,"file":"card.js","sources":["../src/components/RsCard.tsx"],"sourcesContent":["import {boolean, define, event, node, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport type {PanelProps} from 'rsuite'\nimport {Panel} from 'rsuite'\nimport {headerSize} from '../commonProperties'\nimport {structureCategory} from './categories'\nimport {RsHeader} from './RsHeader'\n\n/**\n * Props for the RsCard component.\n */\nexport interface RsCardProps extends PanelProps {\n  /**\n   * Title for the card.\n   */\n  title?: string\n  /**\n   * Header size for the card.\n   */\n  headerSize: string\n}\n\n/**\n * Props for the PanelHeader component.\n */\ntype PanelHeaderProps = Pick<RsCardProps, 'title' | 'headerSize' | 'header'>\n\n/**\n * Panel header component with title and header size support.\n * @param props the component props.\n * @param props.title the title for the panel header.\n * @param props.headerSize the header size for the panel header.\n * @param props.header the header content for the panel header.\n * @returns the React element.\n */\nconst PanelHeader = ({title, headerSize, header}: PanelHeaderProps) => (\n  <div>\n    {!!title && <RsHeader headerSize={headerSize} content={title}/>}\n    {header}\n  </div>\n)\n\n/**\n * Card component with header and title support.\n * @param props the component props.\n * @param props.header the header content for the card.\n * @param props.title the title for the card.\n * @param props.headerSize the header size for the card.\n * @param props.props the additional panel props.\n * @returns the React element.\n */\nconst RsCard = ({header, title, headerSize, ...props}: RsCardProps) => {\n  const panelHeader = useMemo(() => {\n    return <PanelHeader title={title} headerSize={headerSize} header={header}/>\n  }, [header, headerSize, title])\n\n  return <Panel header={panelHeader} {...props}/>\n}\n\nexport const rsCard = define(RsCard, 'RsCard')\n  .name('Card')\n  .category(structureCategory)\n  .props({\n    header: node,\n    children: node,\n    title: string.default('Title'),\n    headerSize,\n    bodyFill: boolean.default(false),\n    bordered: boolean.default(true),\n    shaded: boolean.default(true),\n    defaultExpanded: boolean.default(false),\n    collapsible: boolean.default(false),\n    eventKey: string,\n    onSelect: event\n  })\n"],"names":["PanelHeader","title","headerSize","header","jsxs","jsx","RsHeader","RsCard","props","panelHeader","useMemo","Panel","rsCard","define","structureCategory","node","string","boolean","event"],"mappings":";;;;;;;AAmCA,MAAMA,IAAc,CAAC,EAAC,OAAAC,GAAO,YAAAC,GAAY,QAAAC,EAAA,MACvC,gBAAAC,EAAC,OAAA,EACE,UAAA;AAAA,EAAA,CAAC,CAACH,KAAS,gBAAAI,EAACC,KAAS,YAAYJ,GAAY,SAASD,GAAM;AAAA,EAC5DE;AAAA,GACH,GAYII,IAAS,CAAC,EAAC,QAAAJ,GAAQ,OAAAF,GAAO,YAAAC,GAAY,GAAGM,QAAwB;AACrE,QAAMC,IAAcC,EAAQ,MACnB,gBAAAL,EAACL,GAAA,EAAY,OAAAC,GAAc,YAAYC,GAAY,QAAAC,GAAe,GACxE,CAACA,GAAQD,GAAYD,CAAK,CAAC;AAE9B,SAAO,gBAAAI,EAACM,GAAA,EAAM,QAAQF,GAAc,GAAGD,GAAM;AAC/C,GAEaI,IAASC,EAAON,GAAQ,QAAQ,EAC1C,KAAK,MAAM,EACX,SAASO,CAAiB,EAC1B,MAAM;AAAA,EACL,QAAQC;AAAA,EACR,UAAUA;AAAA,EACV,OAAOC,EAAO,QAAQ,OAAO;AAAA,EAC7B,YAAAd;AAAA,EACA,UAAUe,EAAQ,QAAQ,EAAK;AAAA,EAC/B,UAAUA,EAAQ,QAAQ,EAAI;AAAA,EAC9B,QAAQA,EAAQ,QAAQ,EAAI;AAAA,EAC5B,iBAAiBA,EAAQ,QAAQ,EAAK;AAAA,EACtC,aAAaA,EAAQ,QAAQ,EAAK;AAAA,EAClC,UAAUD;AAAA,EACV,UAAUE;AACZ,CAAC;"}

package/dist/{categories-7064b279.js → categories-_98lyB3C.js}

@@ -1,8 +1,8 @@
 const t = "fields", s = "modal", a = "static", o = "structure";
 export {
-  o as a,
+  a,
   t as f,
   s as m,
-  a as s
+  o as s
 };
-//# sourceMappingURL=categories-7064b279.js.map
+//# sourceMappingURL=categories-_98lyB3C.js.map

package/dist/{categories-7064b279.js.map → categories-_98lyB3C.js.map}

@@ -1 +1 @@
-{"version":3,"file":"categories-7064b279.js","sources":["../src/components/categories.ts"],"sourcesContent":["export const fieldsCategory = 'fields'\n\nexport const modalCategory = 'modal'\n\nexport const staticCategory = 'static'\n\nexport const structureCategory = 'structure'\n"],"names":["fieldsCategory","modalCategory","staticCategory","structureCategory"],"mappings":"AAAO,MAAMA,IAAiB,UAEjBC,IAAgB,SAEhBC,IAAiB,UAEjBC,IAAoB;"}
+{"version":3,"file":"categories-_98lyB3C.js","sources":["../src/components/categories.ts"],"sourcesContent":["export const fieldsCategory = 'fields'\n\nexport const modalCategory = 'modal'\n\nexport const staticCategory = 'static'\n\nexport const structureCategory = 'structure'\n"],"names":["fieldsCategory","modalCategory","staticCategory","structureCategory"],"mappings":"AAAO,MAAMA,IAAiB,UAEjBC,IAAgB,SAEhBC,IAAiB,UAEjBC,IAAoB;"}

package/dist/checkbox.d.ts

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