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

package/dist/uploader.js

@@ -1,53 +1,50 @@
 import { jsx as n } from "@emotion/react/jsx-runtime";
-import { define as U, string as o, boolean as e, node as x, disabled as E, oneOf as I, event as t, array as C } from "@react-form-builder/core";
-import { useRef as w, useEffect as A, useMemo as c } from "react";
-import { Uploader as P } from "rsuite";
-import { r as N, a as O } from "./commonProperties-d849cd5b.js";
-import { s as T } from "./hooks-ff273a8a.js";
-import { f as M } from "./categories-7064b279.js";
-import { u as S } from "./useTouchOnEvent-2be3c60d.js";
-import { I as s } from "./InputCell-f4236002.js";
-import { L as j } from "./Labeled-751c2353.js";
-import "@emotion/styled";
-import "@emotion/react";
-const q = ({ customElement: b, children: h, disabled: i, multiple: l, fileList: r, className: v, label: g, ...d }) => {
-  const u = w(null), y = S(d, "onRemove");
-  A(() => {
-    var m, p;
-    const a = (p = (m = u.current) == null ? void 0 : m.root) == null ? void 0 : p.querySelector('input[type="file"]');
-    T(a), a && !a.hasAttribute("tabIndex") && a.setAttribute("tabIndex", "-1");
+import { define as y, array as R, boolean as e, event as t, string as o, oneOf as U, disabled as x, node as E } from "@react-form-builder/core";
+import { useRef as I, useEffect as C, useMemo as m } from "react";
+import { Uploader as w } from "rsuite";
+import { a as A, r as P } from "./commonProperties-ETOgvhCH.js";
+import { s as N } from "./hooks-DMVtrI-b.js";
+import { f as O } from "./categories-_98lyB3C.js";
+import { u as T } from "./useTouchOnEvent-BPYbKiku.js";
+import { I as s } from "./InputCell-BDyUJFGm.js";
+import { L as M } from "./Labeled-BWYRwMiY.js";
+const S = ({ customElement: p, children: c, disabled: d, multiple: l, fileList: r, className: b, label: h, ...i }) => {
+  const u = I(null), v = T(i, "onRemove");
+  C(() => {
+    const a = u.current?.root?.querySelector('input[type="file"]');
+    N(a), a && !a.hasAttribute("tabIndex") && a.setAttribute("tabIndex", "-1");
   }, []);
-  const f = c(() => l ? !0 : !(r && r.length > 0), [r, l]), R = c(() => i || !f, [i, f]);
-  return /* @__PURE__ */ n(j, { label: g, className: v, passAriaToChildren: !0, children: /* @__PURE__ */ n(
-    P,
+  const f = m(() => l ? !0 : !(r && r.length > 0), [r, l]), g = m(() => d || !f, [d, f]);
+  return /* @__PURE__ */ n(M, { label: h, className: b, passAriaToChildren: !0, children: /* @__PURE__ */ n(
+    w,
     {
-      ...d,
-      disabled: R,
+      ...i,
+      disabled: g,
       multiple: l,
       fileList: r,
-      onRemove: y,
+      onRemove: v,
       ref: u,
-      children: b ? /* @__PURE__ */ n("div", { children: h }) : void 0
+      children: p ? /* @__PURE__ */ n("div", { children: c }) : void 0
     }
   ) });
-}, B = [
+}, j = [
   { name: "name", input: s },
   { name: "fileKey", input: s },
   { name: "url", input: s }
-], X = U(q, "RsUploader").name("Uploader").category(M).props({
+], G = y(S, "RsUploader").name("Uploader").category(O).props({
   label: o,
   action: o.default("/"),
   accept: o,
   autoUpload: e.default(!0),
   customElement: e.default(!1),
-  children: x,
+  children: E,
   disableMultipart: e.default(!1),
-  disabled: E.default(!1),
-  readOnly: N,
+  disabled: x.default(!1),
+  readOnly: P,
   disabledFileItem: e.default(!1),
   draggable: e.default(!1),
   fileListVisible: e.default(!0),
-  listType: I("text", "picture-text", "picture").withEditorProps({ creatable: !1 }),
+  listType: U("text", "picture-text", "picture").withEditorProps({ creatable: !1 }),
   method: o,
   multiple: e.default(!1),
   name: o,
@@ -60,11 +57,11 @@ const q = ({ customElement: b, children: h, disabled: i, multiple: l, fileList:
   onSuccess: t,
   onUpload: t,
   removable: e.default(!1),
-  timeout: O,
+  timeout: A,
   withCredentials: e.default(!1),
-  fileList: C.withEditorProps({ columns: B }).valued
+  fileList: R.withEditorProps({ columns: j }).valued
 });
 export {
-  X as rsUploader
+  G as rsUploader
 };
 //# sourceMappingURL=uploader.js.map

package/dist/uploader.js.map

@@ -1 +1 @@
-{"version":3,"file":"uploader.js","sources":["../src/components/RsUploader.tsx"],"sourcesContent":["import {array, boolean, define, disabled, event, node, oneOf, string} from '@react-form-builder/core'\nimport {useEffect, useMemo, useRef} from 'react'\nimport type {UploaderProps} from 'rsuite'\nimport {Uploader} from 'rsuite'\nimport {nonNegNumber, readOnly} from '../commonProperties'\nimport {setAriaHiddenIfNotExists} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {InputCell} from './internal/InputCell'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsUploader component.\n */\nexport interface RsUploaderProps extends UploaderProps {\n  /**\n   * Whether to use a custom element for the uploader.\n   */\n  customElement: boolean\n  /**\n   * The label for the uploader.\n   */\n  label?: string\n}\n\n/**\n * A file uploader component that allows users to select and upload files.\n * @param props the component props.\n * @param props.customElement whether to use a custom element for the uploader.\n * @param props.children the custom content when customElement is true.\n * @param props.disabled whether the uploader is disabled.\n * @param props.multiple whether multiple files can be selected.\n * @param props.fileList the list of uploaded files.\n * @param props.className the CSS class name for the component.\n * @param props.label the label for the uploader.\n * @returns the React element.\n */\nconst RsUploader = ({customElement, children, disabled, multiple, fileList, className, label, ...props}: RsUploaderProps) => {\n  const uploaderRef = useRef<any>(null)\n  const onRemove = useTouchOnEvent(props, 'onRemove')\n\n  useEffect(() => {\n    const fileInput = uploaderRef.current?.root?.querySelector('input[type=\"file\"]')\n    setAriaHiddenIfNotExists(fileInput)\n    if (fileInput && !fileInput.hasAttribute('tabIndex')) {\n      fileInput.setAttribute('tabIndex', '-1')\n    }\n  }, [])\n\n  const canUpload = useMemo(() => {\n    if (multiple) return true\n    return !(fileList && fileList.length > 0)\n  }, [fileList, multiple])\n\n  const disabledButton = useMemo(() => disabled || !canUpload, [disabled, canUpload])\n\n  return <Labeled label={label} className={className} passAriaToChildren={true}>\n    <Uploader {...props} disabled={disabledButton} multiple={multiple}\n              fileList={fileList} onRemove={onRemove} ref={uploaderRef}>\n      {customElement ? <div>{children}</div> : undefined}\n    </Uploader>\n  </Labeled>\n}\n\nconst columns = [\n  {name: 'name', input: InputCell},\n  {name: 'fileKey', input: InputCell},\n  {name: 'url', input: InputCell}\n]\n\nexport const rsUploader = define(RsUploader, 'RsUploader')\n  .name('Uploader')\n  .category(fieldsCategory)\n  .props({\n    label: string,\n    action: string.default('/'),\n    accept: string,\n    autoUpload: boolean.default(true),\n    customElement: boolean.default(false),\n    children: node,\n    disableMultipart: boolean.default(false),\n    disabled: disabled.default(false),\n    readOnly,\n    disabledFileItem: boolean.default(false),\n    draggable: boolean.default(false),\n    fileListVisible: boolean.default(true),\n    listType: oneOf('text', 'picture-text', 'picture')\n      .withEditorProps({creatable: false}),\n    method: string,\n    multiple: boolean.default(false),\n    name: string,\n    onChange: event,\n    onError: event,\n    onPreview: event,\n    onProgress: event,\n    onRemove: event,\n    onReupload: event,\n    onSuccess: event,\n    onUpload: event,\n    removable: boolean.default(false),\n    timeout: nonNegNumber,\n    withCredentials: boolean.default(false),\n    fileList: array\n      .withEditorProps({columns})\n      .valued\n  })\n"],"names":["RsUploader","customElement","children","disabled","multiple","fileList","className","label","props","uploaderRef","useRef","onRemove","useTouchOnEvent","useEffect","fileInput","_b","_a","setAriaHiddenIfNotExists","canUpload","useMemo","disabledButton","jsx","Labeled","Uploader","columns","InputCell","rsUploader","define","fieldsCategory","string","boolean","node","readOnly","oneOf","event","nonNegNumber","array"],"mappings":";;;;;;;;;;;;AAqCA,MAAMA,IAAa,CAAC,EAAC,eAAAC,GAAe,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,GAAGC,QAA4B;AACrH,QAAAC,IAAcC,EAAY,IAAI,GAC9BC,IAAWC,EAAgBJ,GAAO,UAAU;AAElD,EAAAK,EAAU,MAAM;;AACd,UAAMC,KAAYC,KAAAC,IAAAP,EAAY,YAAZ,gBAAAO,EAAqB,SAArB,gBAAAD,EAA2B,cAAc;AAC3D,IAAAE,EAAyBH,CAAS,GAC9BA,KAAa,CAACA,EAAU,aAAa,UAAU,KACvCA,EAAA,aAAa,YAAY,IAAI;AAAA,EAE3C,GAAG,CAAE,CAAA;AAEC,QAAAI,IAAYC,EAAQ,MACpBf,IAAiB,KACd,EAAEC,KAAYA,EAAS,SAAS,IACtC,CAACA,GAAUD,CAAQ,CAAC,GAEjBgB,IAAiBD,EAAQ,MAAMhB,KAAY,CAACe,GAAW,CAACf,GAAUe,CAAS,CAAC;AAElF,SAAQ,gBAAAG,EAAAC,GAAA,EAAQ,OAAAf,GAAc,WAAAD,GAAsB,oBAAoB,IACtE,UAAA,gBAAAe;AAAA,IAACE;AAAA,IAAA;AAAA,MAAU,GAAGf;AAAA,MAAO,UAAUY;AAAA,MAAgB,UAAAhB;AAAA,MACrC,UAAAC;AAAA,MAAoB,UAAAM;AAAA,MAAoB,KAAKF;AAAA,MACpD,UAAgBR,IAAA,gBAAAoB,EAAC,OAAK,EAAA,UAAAnB,EAAA,CAAS,IAAS;AAAA,IAAA;AAAA,EAE7C,EAAA,CAAA;AACF,GAEMsB,IAAU;AAAA,EACd,EAAC,MAAM,QAAQ,OAAOC,EAAS;AAAA,EAC/B,EAAC,MAAM,WAAW,OAAOA,EAAS;AAAA,EAClC,EAAC,MAAM,OAAO,OAAOA,EAAS;AAChC,GAEaC,IAAaC,EAAO3B,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAAS4B,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC;AAAA,EACP,QAAQA,EAAO,QAAQ,GAAG;AAAA,EAC1B,QAAQA;AAAA,EACR,YAAYC,EAAQ,QAAQ,EAAI;AAAA,EAChC,eAAeA,EAAQ,QAAQ,EAAK;AAAA,EACpC,UAAUC;AAAA,EACV,kBAAkBD,EAAQ,QAAQ,EAAK;AAAA,EACvC,UAAU3B,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAA6B;AAAA,EACA,kBAAkBF,EAAQ,QAAQ,EAAK;AAAA,EACvC,WAAWA,EAAQ,QAAQ,EAAK;AAAA,EAChC,iBAAiBA,EAAQ,QAAQ,EAAI;AAAA,EACrC,UAAUG,EAAM,QAAQ,gBAAgB,SAAS,EAC9C,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,QAAQJ;AAAA,EACR,UAAUC,EAAQ,QAAQ,EAAK;AAAA,EAC/B,MAAMD;AAAA,EACN,UAAUK;AAAA,EACV,SAASA;AAAA,EACT,WAAWA;AAAA,EACX,YAAYA;AAAA,EACZ,UAAUA;AAAA,EACV,YAAYA;AAAA,EACZ,WAAWA;AAAA,EACX,UAAUA;AAAA,EACV,WAAWJ,EAAQ,QAAQ,EAAK;AAAA,EAChC,SAASK;AAAA,EACT,iBAAiBL,EAAQ,QAAQ,EAAK;AAAA,EACtC,UAAUM,EACP,gBAAgB,EAAC,SAAAZ,EAAA,CAAQ,EACzB;AACL,CAAC;"}
+{"version":3,"file":"uploader.js","sources":["../src/components/RsUploader.tsx"],"sourcesContent":["import {array, boolean, define, disabled, event, node, oneOf, string} from '@react-form-builder/core'\nimport {useEffect, useMemo, useRef} from 'react'\nimport type {UploaderProps} from 'rsuite'\nimport {Uploader} from 'rsuite'\nimport {nonNegNumber, readOnly} from '../commonProperties'\nimport {setAriaHiddenIfNotExists} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {InputCell} from './internal/InputCell'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsUploader component.\n */\nexport interface RsUploaderProps extends UploaderProps {\n  /**\n   * Whether to use a custom element for the uploader.\n   */\n  customElement: boolean\n  /**\n   * The label for the uploader.\n   */\n  label?: string\n}\n\n/**\n * A file uploader component that allows users to select and upload files.\n * @param props the component props.\n * @param props.customElement whether to use a custom element for the uploader.\n * @param props.children the custom content when customElement is true.\n * @param props.disabled whether the uploader is disabled.\n * @param props.multiple whether multiple files can be selected.\n * @param props.fileList the list of uploaded files.\n * @param props.className the CSS class name for the component.\n * @param props.label the label for the uploader.\n * @returns the React element.\n */\nconst RsUploader = ({customElement, children, disabled, multiple, fileList, className, label, ...props}: RsUploaderProps) => {\n  const uploaderRef = useRef<any>(null)\n  const onRemove = useTouchOnEvent(props, 'onRemove')\n\n  useEffect(() => {\n    const fileInput = uploaderRef.current?.root?.querySelector('input[type=\"file\"]')\n    setAriaHiddenIfNotExists(fileInput)\n    if (fileInput && !fileInput.hasAttribute('tabIndex')) {\n      fileInput.setAttribute('tabIndex', '-1')\n    }\n  }, [])\n\n  const canUpload = useMemo(() => {\n    if (multiple) return true\n    return !(fileList && fileList.length > 0)\n  }, [fileList, multiple])\n\n  const disabledButton = useMemo(() => disabled || !canUpload, [disabled, canUpload])\n\n  return <Labeled label={label} className={className} passAriaToChildren={true}>\n    <Uploader {...props} disabled={disabledButton} multiple={multiple}\n              fileList={fileList} onRemove={onRemove} ref={uploaderRef}>\n      {customElement ? <div>{children}</div> : undefined}\n    </Uploader>\n  </Labeled>\n}\n\nconst columns = [\n  {name: 'name', input: InputCell},\n  {name: 'fileKey', input: InputCell},\n  {name: 'url', input: InputCell}\n]\n\nexport const rsUploader = define(RsUploader, 'RsUploader')\n  .name('Uploader')\n  .category(fieldsCategory)\n  .props({\n    label: string,\n    action: string.default('/'),\n    accept: string,\n    autoUpload: boolean.default(true),\n    customElement: boolean.default(false),\n    children: node,\n    disableMultipart: boolean.default(false),\n    disabled: disabled.default(false),\n    readOnly,\n    disabledFileItem: boolean.default(false),\n    draggable: boolean.default(false),\n    fileListVisible: boolean.default(true),\n    listType: oneOf('text', 'picture-text', 'picture')\n      .withEditorProps({creatable: false}),\n    method: string,\n    multiple: boolean.default(false),\n    name: string,\n    onChange: event,\n    onError: event,\n    onPreview: event,\n    onProgress: event,\n    onRemove: event,\n    onReupload: event,\n    onSuccess: event,\n    onUpload: event,\n    removable: boolean.default(false),\n    timeout: nonNegNumber,\n    withCredentials: boolean.default(false),\n    fileList: array\n      .withEditorProps({columns})\n      .valued\n  })\n"],"names":["RsUploader","customElement","children","disabled","multiple","fileList","className","label","props","uploaderRef","useRef","onRemove","useTouchOnEvent","useEffect","fileInput","setAriaHiddenIfNotExists","canUpload","useMemo","disabledButton","jsx","Labeled","Uploader","columns","InputCell","rsUploader","define","fieldsCategory","string","boolean","node","readOnly","oneOf","event","nonNegNumber","array"],"mappings":";;;;;;;;;;AAqCA,MAAMA,IAAa,CAAC,EAAC,eAAAC,GAAe,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,UAAAC,GAAU,WAAAC,GAAW,OAAAC,GAAO,GAAGC,QAA4B;AAC3H,QAAMC,IAAcC,EAAY,IAAI,GAC9BC,IAAWC,EAAgBJ,GAAO,UAAU;AAElD,EAAAK,EAAU,MAAM;AACd,UAAMC,IAAYL,EAAY,SAAS,MAAM,cAAc,oBAAoB;AAC/E,IAAAM,EAAyBD,CAAS,GAC9BA,KAAa,CAACA,EAAU,aAAa,UAAU,KACjDA,EAAU,aAAa,YAAY,IAAI;AAAA,EAE3C,GAAG,CAAA,CAAE;AAEL,QAAME,IAAYC,EAAQ,MACpBb,IAAiB,KACd,EAAEC,KAAYA,EAAS,SAAS,IACtC,CAACA,GAAUD,CAAQ,CAAC,GAEjBc,IAAiBD,EAAQ,MAAMd,KAAY,CAACa,GAAW,CAACb,GAAUa,CAAS,CAAC;AAElF,SAAO,gBAAAG,EAACC,GAAA,EAAQ,OAAAb,GAAc,WAAAD,GAAsB,oBAAoB,IACtE,UAAA,gBAAAa;AAAA,IAACE;AAAA,IAAA;AAAA,MAAU,GAAGb;AAAA,MAAO,UAAUU;AAAA,MAAgB,UAAAd;AAAA,MACrC,UAAAC;AAAA,MAAoB,UAAAM;AAAA,MAAoB,KAAKF;AAAA,MACpD,UAAAR,IAAgB,gBAAAkB,EAAC,OAAA,EAAK,UAAAjB,EAAA,CAAS,IAAS;AAAA,IAAA;AAAA,EAAA,GAE7C;AACF,GAEMoB,IAAU;AAAA,EACd,EAAC,MAAM,QAAQ,OAAOC,EAAA;AAAA,EACtB,EAAC,MAAM,WAAW,OAAOA,EAAA;AAAA,EACzB,EAAC,MAAM,OAAO,OAAOA,EAAA;AACvB,GAEaC,IAAaC,EAAOzB,GAAY,YAAY,EACtD,KAAK,UAAU,EACf,SAAS0B,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC;AAAA,EACP,QAAQA,EAAO,QAAQ,GAAG;AAAA,EAC1B,QAAQA;AAAA,EACR,YAAYC,EAAQ,QAAQ,EAAI;AAAA,EAChC,eAAeA,EAAQ,QAAQ,EAAK;AAAA,EACpC,UAAUC;AAAA,EACV,kBAAkBD,EAAQ,QAAQ,EAAK;AAAA,EACvC,UAAUzB,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAA2B;AAAA,EACA,kBAAkBF,EAAQ,QAAQ,EAAK;AAAA,EACvC,WAAWA,EAAQ,QAAQ,EAAK;AAAA,EAChC,iBAAiBA,EAAQ,QAAQ,EAAI;AAAA,EACrC,UAAUG,EAAM,QAAQ,gBAAgB,SAAS,EAC9C,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,QAAQJ;AAAA,EACR,UAAUC,EAAQ,QAAQ,EAAK;AAAA,EAC/B,MAAMD;AAAA,EACN,UAAUK;AAAA,EACV,SAASA;AAAA,EACT,WAAWA;AAAA,EACX,YAAYA;AAAA,EACZ,UAAUA;AAAA,EACV,YAAYA;AAAA,EACZ,WAAWA;AAAA,EACX,UAAUA;AAAA,EACV,WAAWJ,EAAQ,QAAQ,EAAK;AAAA,EAChC,SAASK;AAAA,EACT,iBAAiBL,EAAQ,QAAQ,EAAK;AAAA,EACtC,UAAUM,EACP,gBAAgB,EAAC,SAAAZ,EAAA,CAAQ,EACzB;AACL,CAAC;"}

package/dist/useTouchOnEvent-BPYbKiku.js

@@ -0,0 +1,12 @@
+import { useComponentData as a } from "@react-form-builder/core";
+import { useCallback as c } from "react";
+const l = (t, n) => {
+  const { field: e } = a(), o = t[n];
+  return c((s) => {
+    e?.setTouched(), o?.(s);
+  }, [e, o]);
+};
+export {
+  l as u
+};
+//# sourceMappingURL=useTouchOnEvent-BPYbKiku.js.map

package/dist/{useTouchOnEvent-2be3c60d.js.map → useTouchOnEvent-BPYbKiku.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useTouchOnEvent-2be3c60d.js","sources":["../src/components/hooks/useTouchOnEvent.ts"],"sourcesContent":["import {useComponentData} from '@react-form-builder/core'\nimport {useCallback} from 'react'\n\n/**\n * A function that accepts arguments and returns void.\n */\nexport type GenericVoidFunction = (...args: any[]) => void\n\n/**\n * Creates a wrapper for a function from the component properties that sets the touched flag for the field.\n * @param props the component properties.\n * @param propertyName the property name containing a function.\n * @template T the component property type.\n * @returns the wrapped function.\n */\nexport const useTouchOnEvent = <T>(props: T, propertyName: keyof T): GenericVoidFunction => {\n  const {field} = useComponentData()\n  const eventCallback = props[propertyName] as GenericVoidFunction | undefined\n\n  return useCallback((e) => {\n    field?.setTouched()\n    eventCallback?.(e)\n  }, [field, eventCallback])\n}\n"],"names":["useTouchOnEvent","props","propertyName","field","useComponentData","eventCallback","useCallback","e"],"mappings":";;AAea,MAAAA,IAAkB,CAAIC,GAAUC,MAA+C;AACpF,QAAA,EAAC,OAAAC,MAASC,KACVC,IAAgBJ,EAAMC,CAAY;AAEjC,SAAAI,EAAY,CAACC,MAAM;AACxB,IAAAJ,KAAA,QAAAA,EAAO,cACPE,KAAA,QAAAA,EAAgBE;AAAA,EAAC,GAChB,CAACJ,GAAOE,CAAa,CAAC;AAC3B;"}
+{"version":3,"file":"useTouchOnEvent-BPYbKiku.js","sources":["../src/components/hooks/useTouchOnEvent.ts"],"sourcesContent":["import {useComponentData} from '@react-form-builder/core'\nimport {useCallback} from 'react'\n\n/**\n * A function that accepts arguments and returns void.\n */\nexport type GenericVoidFunction = (...args: any[]) => void\n\n/**\n * Creates a wrapper for a function from the component properties that sets the touched flag for the field.\n * @param props the component properties.\n * @param propertyName the property name containing a function.\n * @template T the component property type.\n * @returns the wrapped function.\n */\nexport const useTouchOnEvent = <T>(props: T, propertyName: keyof T): GenericVoidFunction => {\n  const {field} = useComponentData()\n  const eventCallback = props[propertyName] as GenericVoidFunction | undefined\n\n  return useCallback((e) => {\n    field?.setTouched()\n    eventCallback?.(e)\n  }, [field, eventCallback])\n}\n"],"names":["useTouchOnEvent","props","propertyName","field","useComponentData","eventCallback","useCallback","e"],"mappings":";;AAeO,MAAMA,IAAkB,CAAIC,GAAUC,MAA+C;AAC1F,QAAM,EAAC,OAAAC,EAAA,IAASC,EAAA,GACVC,IAAgBJ,EAAMC,CAAY;AAExC,SAAOI,EAAY,CAACC,MAAM;AACxB,IAAAJ,GAAO,WAAA,GACPE,IAAgBE,CAAC;AAAA,EACnB,GAAG,CAACJ,GAAOE,CAAa,CAAC;AAC3B;"}

package/dist/view-with-css.js

@@ -1,66 +1,9 @@
 import { createView 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 { models as e } from "./models.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 "./definitions.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 hr = o(e).withViewerWrapper(i).withCssLoader(r.LTR, t).withCssLoader(r.RTL, m).withCssLoader("common", p);
+import { RsLocalizationWrapper as e } from "./localization-wrapper.js";
+import { ltrCssLoader as i, rtlCssLoader as s, formEngineRsuiteCssLoader as t } from "./css-loader.js";
+import { models as m } from "./models.js";
+const w = o(m).withViewerWrapper(e).withCssLoader(r.LTR, i).withCssLoader(r.RTL, s).withCssLoader("common", t);
 export {
-  hr as viewWithCss
+  w as viewWithCss
 };
 //# sourceMappingURL=view-with-css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"view-with-css.js","sources":["../src/viewWithCss.ts"],"sourcesContent":["import {BiDi, createView} from '@react-form-builder/core'\nimport {RsLocalizationWrapper} from './components/RsLocalizationWrapper'\nimport {formEngineRsuiteCssLoader, ltrCssLoader, rtlCssLoader} from './cssLoader'\nimport {models} from './models'\n\n/**\n * An assembled set of rSuite components, ready to be passed as a property to the FormViewer.\n * This view contains CSS loaders.\n */\nexport const viewWithCss = createView(models)\n  // The following parameters are required for correct CSS loading in LTR and RTL modes\n  .withViewerWrapper(RsLocalizationWrapper)\n  .withCssLoader(BiDi.LTR, ltrCssLoader)\n  .withCssLoader(BiDi.RTL, rtlCssLoader)\n  .withCssLoader('common', formEngineRsuiteCssLoader)\n"],"names":["viewWithCss","createView","models","RsLocalizationWrapper","BiDi","ltrCssLoader","rtlCssLoader","formEngineRsuiteCssLoader"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AASO,MAAMA,KAAcC,EAAWC,CAAM,EAEzC,kBAAkBC,CAAqB,EACvC,cAAcC,EAAK,KAAKC,CAAY,EACpC,cAAcD,EAAK,KAAKE,CAAY,EACpC,cAAc,UAAUC,CAAyB;"}
+{"version":3,"file":"view-with-css.js","sources":["../src/viewWithCss.ts"],"sourcesContent":["import {BiDi, createView} from '@react-form-builder/core'\nimport {RsLocalizationWrapper} from './components/RsLocalizationWrapper'\nimport {formEngineRsuiteCssLoader, ltrCssLoader, rtlCssLoader} from './cssLoader'\nimport {models} from './models'\n\n/**\n * An assembled set of rSuite components, ready to be passed as a property to the FormViewer.\n * This view contains CSS loaders.\n */\nexport const viewWithCss = createView(models)\n  // The following parameters are required for correct CSS loading in LTR and RTL modes\n  .withViewerWrapper(RsLocalizationWrapper)\n  .withCssLoader(BiDi.LTR, ltrCssLoader)\n  .withCssLoader(BiDi.RTL, rtlCssLoader)\n  .withCssLoader('common', formEngineRsuiteCssLoader)\n"],"names":["viewWithCss","createView","models","RsLocalizationWrapper","BiDi","ltrCssLoader","rtlCssLoader","formEngineRsuiteCssLoader"],"mappings":";;;;AASO,MAAMA,IAAcC,EAAWC,CAAM,EAEzC,kBAAkBC,CAAqB,EACvC,cAAcC,EAAK,KAAKC,CAAY,EACpC,cAAcD,EAAK,KAAKE,CAAY,EACpC,cAAc,UAAUC,CAAyB;"}

package/dist/view.js

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

package/dist/view.js.map

@@ -1 +1 @@
-{"version":3,"file":"view.js","sources":["../src/view.ts"],"sourcesContent":["import {createView} from '@react-form-builder/core'\nimport {models} from './models'\n\n/**\n * An assembled set of rSuite components, ready to be passed as a property to the FormViewer.\n */\nexport const view = createView(models)\n"],"names":["view","createView","models"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMa,MAAAA,KAAOC,EAAWC,CAAM;"}
+{"version":3,"file":"view.js","sources":["../src/view.ts"],"sourcesContent":["import {createView} from '@react-form-builder/core'\nimport {models} from './models'\n\n/**\n * An assembled set of rSuite components, ready to be passed as a property to the FormViewer.\n */\nexport const view = createView(models)\n"],"names":["view","createView","models"],"mappings":";;AAMO,MAAMA,IAAOC,EAAWC,CAAM;"}

package/dist/wizard.d.ts

@@ -1,9 +1,7 @@
 import { ClassAttributes } from 'react';
 import { Definer } from '@react-form-builder/core';
-import { ElementType } from 'react';
 import { HTMLAttributes } from 'react';
-import { JSX } from 'react';
-import type { PropsWithChildren } from 'react';
+import { PropsWithChildren } from 'react';
 import { Theme } from '@emotion/react';
 
 export declare const rsWizard: Definer<RsWizardProps>;
@@ -70,9 +68,9 @@ export declare interface RsWizardProps extends PropsWithChildren<any> {
     onFinish?: () => void;
 }
 
-export declare const rsWizardStep: Definer<{
-    theme?: Theme | undefined;
-    as?: ElementType<any, keyof JSX.IntrinsicElements> | undefined;
+export declare const rsWizardStep: Definer<    {
+theme?: Theme;
+as?: React.ElementType;
 } & RsWizardStepProps & ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement>>;
 
 /**