@react-form-builder/components-rsuite 7.15.0 → 8.1.0

package/dist/autocomplete.js

@@ -1,9 +1,9 @@
-import { jsx as o, jsxs as i } from "@emotion/react/jsx-runtime";
+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 { f as h } from "./categories-_98lyB3C.js";
-import { L as g } from "./Labeled-BWYRwMiY.js";
+import { L as g } from "./Labeled-8k9VvM4G.js";
 const C = () => /* @__PURE__ */ i(
   "svg",
   {

package/dist/breadcrumb.js

@@ -1,42 +1,45 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
-import { createElement as u } from "@emotion/react";
-import { define as f, event as a, array as d, string as h, oneOf as C } from "@react-form-builder/core";
-import { useCallback as b, useMemo as k } from "react";
-import { Checkbox as x, Breadcrumb as l } from "rsuite";
+import { 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 { 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;
-  }
-`, 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 },
+import { S as B, I as u } from "./InputCell-tTp9fZXd.js";
+const I = "_checkbox_1itlt_1", _ = {
+  checkbox: I
+}, E = ({ rowData: t, dataKey: e, rowIndex: n, onChange: o, ...r }) => {
+  const s = p((m, c) => {
+    t[e] = c, o?.(c, e, n);
+  }, [e, o, t, n]);
+  return /* @__PURE__ */ l(B, { ...r, children: /* @__PURE__ */ l(
+    x,
+    {
+      inline: !0,
+      checked: t[e] ?? !1,
+      onChange: s,
+      className: _.checkbox
+    }
+  ) });
+}, N = (t) => t.map((e) => ({ title: e, href: e })), S = [
+  { name: "title", input: u },
+  { name: "href", title: "Url", input: u },
   { 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);
+], j = { display: "flex" }, v = ({ items: t, onItemClick: e, ...n }) => {
+  const o = f(() => (t ?? []).map((r) => () => e?.(r)), [t, e]);
+  return /* @__PURE__ */ l(i, { ...n, style: j, children: t?.map((r, s) => {
+    const { title: m = "", ...c } = r;
+    return /* @__PURE__ */ h(i.Item, { ...c, onClick: o[s], key: m }, m);
   }) });
-}, z = f(P, "RsBreadcrumb").name("Breadcrumb").category(y).props({
-  separator: h.default("/"),
+}, q = d(v, "RsBreadcrumb").name("Breadcrumb").category(y).props({
+  separator: k.default("/"),
   maxItems: g,
-  items: d.default(j(["one", "two", "three"])).withEditorProps({ columns: v }),
+  items: b.default(N(["one", "two", "three"])).withEditorProps({ columns: S }),
   onItemClick: a,
   onExpand: a
 }).css({
   justifyContent: C("left", "center", "right").default("left").radio().named("Alignment")
 });
 export {
-  z as rsBreadcrumb
+  q 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) => 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;"}
+{"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;"}

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

@@ -1,10 +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 e, rtlCssLoader as s, formEngineRsuiteCssLoader as t } from "./css-loader.js";
-import { components as m } from "./definitions.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";
-const d = new o(m).withViewerWrapper(i).withCssLoader(r.LTR, e).withCssLoader(r.RTL, s).withCssLoader("common", t).withComponentLibraryDescription(p);
+const C = new o(s).withViewerWrapper(i).withCssLoader(r.LTR, t).withCssLoader(r.RTL, e).withComponentLibraryDescription(p);
 export {
-  d as builderViewWithCss
+  C 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":";;;;;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;"}
+{"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 {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  .withComponentLibraryDescription(rSuiteComponentsDescriptions)\n"],"names":["builderViewWithCss","BuilderView","components","RsLocalizationWrapper","BiDi","ltrCssLoader","rtlCssLoader","rSuiteComponentsDescriptions"],"mappings":";;;;;AAUO,MAAMA,IAAqB,IAAIC,EAAYC,CAAU,EACzD,kBAAkBC,CAAqB,EACvC,cAAcC,EAAK,KAAKC,CAAY,EACpC,cAAcD,EAAK,KAAKE,CAAY,EACpC,gCAAgCC,CAA4B;"}

package/dist/button.js

@@ -1,4 +1,4 @@
-import { jsx as l } from "@emotion/react/jsx-runtime";
+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";

package/dist/calendar.js

@@ -1,9 +1,9 @@
-import { jsx as a } from "@emotion/react/jsx-runtime";
+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 { f as u } from "./categories-_98lyB3C.js";
-import { L as C } from "./Labeled-BWYRwMiY.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({
   label: i,
   bordered: r.default(!1),

package/dist/card.js

@@ -1,4 +1,4 @@
-import { jsx as d, jsxs as f } from "@emotion/react/jsx-runtime";
+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";

package/dist/checkbox.js

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

package/dist/checkbox.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.js","sources":["../src/components/RsCheckbox.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, disabled, event, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport type {CheckboxProps} from 'rsuite'\nimport {Checkbox} from 'rsuite'\nimport {readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {requiredStyle} from './internal/Labeled'\n\nconst SCheckbox = styled(Checkbox)`\n  &.required label::after {\n    ${requiredStyle};\n  }\n`\n\nconst RsCheckbox = (props: CheckboxProps<any>) => {\n  const Component = useMemo(\n    () => (props.children as string)?.length ? SCheckbox : Checkbox,\n    [props.children])\n  return <Component {...props}/>\n}\n\nexport const rsCheckbox = define(RsCheckbox, 'RsCheckbox')\n  .name('Checkbox')\n  .category(fieldsCategory)\n  .props({\n    children: string.default('Checkbox'),\n    checked: boolean\n      .valued.default(true).uncontrolledValue(false),\n    disabled: disabled.default(false),\n    readOnly,\n    indeterminate: boolean,\n    inline: boolean.default(false),\n    title: string,\n    onChange: event,\n  })\n"],"names":["SCheckbox","styled","Checkbox","requiredStyle","RsCheckbox","props","Component","useMemo","jsx","rsCheckbox","define","fieldsCategory","string","boolean","disabled","readOnly","event"],"mappings":";;;;;;;;AASA,MAAMA,IAAYC,EAAOC,CAAQ;AAAA;AAAA,MAE3BC,CAAa;AAAA;AAAA,GAIbC,IAAa,CAACC,MAA8B;AAChD,QAAMC,IAAYC;AAAA,IAChB,MAAOF,EAAM,UAAqB,SAASL,IAAYE;AAAA,IACvD,CAACG,EAAM,QAAQ;AAAA,EAAA;AACjB,SAAO,gBAAAG,EAACF,GAAA,EAAW,GAAGD,EAAA,CAAM;AAC9B,GAEaI,IAAaC,EAAON,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAASO,CAAc,EACvB,MAAM;AAAA,EACL,UAAUC,EAAO,QAAQ,UAAU;AAAA,EACnC,SAASC,EACN,OAAO,QAAQ,EAAI,EAAE,kBAAkB,EAAK;AAAA,EAC/C,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,eAAeF;AAAA,EACf,QAAQA,EAAQ,QAAQ,EAAK;AAAA,EAC7B,OAAOD;AAAA,EACP,UAAUI;AACZ,CAAC;"}
+{"version":3,"file":"checkbox.js","sources":["../src/components/RsCheckbox.tsx"],"sourcesContent":["import {boolean, define, disabled, event, string} from '@react-form-builder/core'\nimport cx from 'clsx'\nimport type {CheckboxProps} from 'rsuite'\nimport {Checkbox} from 'rsuite'\nimport {readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport styles from './RsCheckbox.module.css'\n\nconst RsCheckbox = ({className, ...props}: CheckboxProps<any>) => {\n  return <Checkbox {...props} className={cx(styles.checkbox, className)}/>\n}\n\nexport const rsCheckbox = define(RsCheckbox, 'RsCheckbox')\n  .name('Checkbox')\n  .category(fieldsCategory)\n  .props({\n    children: string.default('Checkbox'),\n    checked: boolean\n      .valued.uncontrolledValue(false),\n    disabled: disabled.default(false),\n    readOnly,\n    indeterminate: boolean,\n    inline: boolean.default(false),\n    title: string,\n    onChange: event,\n  })\n"],"names":["RsCheckbox","className","props","jsx","Checkbox","cx","styles","rsCheckbox","define","fieldsCategory","string","boolean","disabled","readOnly","event"],"mappings":";;;;;;;;GAQMA,IAAa,CAAC,EAAC,WAAAC,GAAW,GAAGC,QAC1B,gBAAAC,EAACC,KAAU,GAAGF,GAAO,WAAWG,EAAGC,EAAO,UAAUL,CAAS,GAAE,GAG3DM,IAAaC,EAAOR,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAASS,CAAc,EACvB,MAAM;AAAA,EACL,UAAUC,EAAO,QAAQ,UAAU;AAAA,EACnC,SAASC,EACN,OAAO,kBAAkB,EAAK;AAAA,EACjC,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,eAAeF;AAAA,EACf,QAAQA,EAAQ,QAAQ,EAAK;AAAA,EAC7B,OAAOD;AAAA,EACP,UAAUI;AACZ,CAAC;"}

package/dist/container.d.ts

@@ -20,6 +20,10 @@ export declare interface RsContainerProps {
      * Children elements of the container.
      */
     children?: ReactNode;
+    /**
+     * CSS class name.
+     */
+    className?: string;
 }
 
 export { }

package/dist/container.js

@@ -1,23 +1,22 @@
-import { jsx as t } from "@emotion/react/jsx-runtime";
-import i from "@emotion/styled";
-import { containerStyles as e, forwardRef as a, define as s, readOnly as d, disabled as l, node as c } from "@react-form-builder/core";
+import { jsx as a } from "react/jsx-runtime";
+import { containerStyles as e, forwardRef as s, define as i, readOnly as c, disabled as d, node as l } from "@react-form-builder/core";
+import m from "clsx";
 import { s as f } from "./categories-_98lyB3C.js";
-const p = i.div`
-  display: flex;
-  flex-direction: column;
-`, { flexDirection: m, gap: y } = e, u = a((r, o) => {
-  const { disabled: x, readOnly: C, ...n } = r;
-  return /* @__PURE__ */ t(p, { ...n, ref: o });
-}), R = s(u, "RsContainer").name("Container").category(f).kind("container").props({
-  children: c,
-  disabled: l,
-  readOnly: d
+const p = "_container_tc619_1", y = {
+  container: p
+}, { flexDirection: u, gap: x } = e, C = s((n, r) => {
+  const { disabled: g, readOnly: b, className: o, ...t } = n;
+  return /* @__PURE__ */ a("div", { ...t, className: m(y.container, o), ref: r });
+}), D = i(C, "RsContainer").name("Container").category(f).kind("container").props({
+  children: l,
+  disabled: d,
+  readOnly: c
 }).css({
   ...e,
-  flexDirection: m.default("column"),
-  gap: y.default("10px")
+  flexDirection: u.default("column"),
+  gap: x.default("10px")
 });
 export {
-  R as rsContainer
+  D as rsContainer
 };
 //# sourceMappingURL=container.js.map

package/dist/container.js.map

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

package/dist/css/formengine-rsuite.css

@@ -283,7 +283,7 @@
 }
 
 .rs-toast-provider,
-.optimajet-formviewer,
+.optimajet-formviewer .rsuite,
 .rs-modal,
 .rs-picker-popup,
 .rs-picker-popup-date,
@@ -309,3 +309,7 @@
 .rs-theme-dark .rs-divider-horizontal.rs-divider-with-text:before {
   border-top: 1px solid var(--rs-text-secondary);
 }
+
+button.rs-tag-icon-close.rs-btn-close > svg {
+  color: var(--rs-text-secondary);
+}

package/dist/css/rsuite-ltr.css

@@ -0,0 +1,2 @@
+@import "formengine-rsuite.css";
+@import "rsuite-no-reset.min.css";

package/dist/css/rsuite-rtl.css

@@ -0,0 +1,2 @@
+@import "formengine-rsuite.css";
+@import "rsuite-no-reset-rtl.min.css";

package/dist/css-loader.d.ts

@@ -1,19 +1,13 @@
-/**
- * Loads FormEngine specific styles over "rsuite" library.
- * @returns the Promise that resolves when the custom styles have been loaded successfully.
- */
-export declare const formEngineRsuiteCssLoader: () => Promise<void>;
-
 /**
  * Loads the Left-To-Right (LTR) CSS for the "rsuite" library.
  * @returns the Promise that resolves when the LTR CSS has been loaded successfully.
  */
-export declare const ltrCssLoader: () => Promise<void>;
+export declare const ltrCssLoader: () => Promise<() => Promise<void>>;
 
 /**
  * Loads the Right-to-Left (RTL) CSS for the "rsuite" library.
  * @returns the Promise that resolves when the RTL CSS has been loaded successfully.
  */
-export declare const rtlCssLoader: () => Promise<void>;
+export declare const rtlCssLoader: () => Promise<() => Promise<void>>;
 
 export { }

package/dist/css-loader.js

@@ -1,19 +1,19 @@
-import { BiDi as s, loadResource as r, unloadResource as a } from "@react-form-builder/core";
-const e = {
-  [s.LTR]: "rsuite-ltr-css",
-  [s.RTL]: "rsuite-rtl-css"
+import { BiDi as e, loadResource as a, unloadResource as t } from "@react-form-builder/core";
+const r = {
+  [e.LTR]: "rsuite-ltr-css",
+  [e.RTL]: "rsuite-rtl-css"
 }, i = async () => {
-  const t = (await import("./rsuite-no-reset.min.css-bW1P11UK.js")).default;
-  await r(e[s.LTR], t, "stylesheet"), a(e[s.RTL]);
+  const s = (await import("./rsuite-ltr.css-uDbh7We6.js")).default;
+  return await a(r[e.LTR], s, "stylesheet"), t(r[e.RTL]), () => new Promise((o) => {
+    t(r[e.LTR]), o();
+  });
 }, c = async () => {
-  const t = (await import("./rsuite-no-reset-rtl.min.css-B0vQWI16.js")).default;
-  await r(e[s.RTL], t, "stylesheet"), a(e[s.LTR]);
-}, n = async () => {
-  const t = (await import("./formengine-rsuite.css-B1zD3_ue.js")).default;
-  await r("form-engine-css", t, "stylesheet");
+  const s = (await import("./rsuite-rtl.css-icqmWEF6.js")).default;
+  return await a(r[e.RTL], s, "stylesheet"), t(r[e.LTR]), () => new Promise((o) => {
+    t(r[e.RTL]), o();
+  });
 };
 export {
-  n as formEngineRsuiteCssLoader,
   i as ltrCssLoader,
   c as rtlCssLoader
 };

package/dist/css-loader.js.map

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

package/dist/date-picker.js

@@ -1,4 +1,4 @@
-import { jsx as f } from "@emotion/react/jsx-runtime";
+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";
@@ -6,7 +6,7 @@ import { s as M, p as O, r as P } from "./commonProperties-X-t50qaZ.js";
 import { f as v, t as x } from "./dateTimeUtils-C2AEniv5.js";
 import { f as V } from "./categories-_98lyB3C.js";
 import { u as N } from "./useTouchOnEvent-BPYbKiku.js";
-import { L as A } from "./Labeled-BWYRwMiY.js";
+import { L as A } from "./Labeled-8k9VvM4G.js";
 const u = (o) => {
   if (typeof o == "string") {
     const a = new Date(o);

package/dist/divider.js

@@ -1,4 +1,4 @@
-import { jsx as i } from "@emotion/react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
 import { define as o, boolean as r, string as e } from "@react-form-builder/core";
 import { Divider as t } from "rsuite";
 import { a as n } from "./categories-_98lyB3C.js";

package/dist/dropdown.js

@@ -1,56 +1,48 @@
-import { jsxs as y, Fragment as k, jsx as o } from "@emotion/react/jsx-runtime";
-import { define as x, array as L, toLabeledValues as h, string as w, boolean as C } from "@react-form-builder/core";
-import { useCallback as D } from "react";
-import { Loader as P, InputPicker as j } from "rsuite";
-import { b as v } from "./commonProperties-X-t50qaZ.js";
-import { u as A, a as F } from "./hooks-DMVtrI-b.js";
-import { f as R } from "./categories-_98lyB3C.js";
+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 { 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-BWYRwMiY.js";
-import T from "@emotion/styled";
-const E = T(P)`
-  && {
-    display: flex;
-    justify-content: center;
-    position: absolute;
-    bottom: 0;
-    background: var(--rs-bg-overlay);
-    width: 100%;
-    padding-block: 10px;
-  }
-`, M = ({
-  data: t,
-  label: a,
-  onLoadData: n,
-  onSearch: s,
-  onOpen: i,
+import { L as S } from "./Labeled-8k9VvM4G.js";
+import T from "clsx";
+const v = "_loader_pu0ca_1", E = {
+  loader: v
+}, M = ({ className: r, ...e }) => /* @__PURE__ */ o(P, { ...e, className: T(E.loader, r) }), N = ({
+  data: r,
+  label: e,
+  onLoadData: s,
+  onSearch: n,
+  onOpen: l,
   value: d = "",
-  className: l,
+  className: i,
   preload: p,
   disableVirtualized: m,
-  ...r
+  ...a
 }) => {
-  const { loading: e, ...c } = A({ data: t, onLoadData: n, onSearch: s, onOpen: i, value: d, preload: p, disableVirtualized: m }), f = I(r, "onClean"), u = F(), b = D((g) => /* @__PURE__ */ y(k, { children: [
-    g,
-    e && /* @__PURE__ */ o(E, {})
-  ] }), [e]);
-  return /* @__PURE__ */ o(S, { label: a, className: l, passAriaToChildren: !0, children: /* @__PURE__ */ o(
-    j,
+  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: [
+    L,
+    t && /* @__PURE__ */ o(M, {})
+  ] }), [t]);
+  return /* @__PURE__ */ o(S, { label: e, className: i, passAriaToChildren: !0, children: /* @__PURE__ */ o(
+    A,
     {
-      ...r,
+      ...a,
       ...c,
-      onClean: f,
+      onClean: u,
       renderMenu: b,
-      ref: u
+      ref: f
     }
   ) });
-}, Q = x(M, "RsDropdown").name("Dropdown").category(R).props({
-  ...v,
-  preload: C.default(!1),
-  label: w.default("Select"),
-  data: L.default(h(["a", "b", "c"]))
+}, U = C(N, "RsDropdown").name("Dropdown").category(j).props({
+  ...F,
+  preload: w.default(!1),
+  label: k.default("Select"),
+  data: D.default(h(["a", "b", "c"]))
 });
 export {
-  Q as rsDropdown
+  U as rsDropdown
 };
 //# sourceMappingURL=dropdown.js.map

package/dist/dropdown.js.map

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