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

package/dist/tab.js

@@ -0,0 +1,55 @@
+import { jsxs as d, Fragment as p, jsx as n } from "@emotion/react/jsx-runtime";
+import b from "@emotion/styled";
+import { define as v, node as f, boolean as y, array as h, toLabeledValues as g, useComponentData as K } from "@react-form-builder/core";
+import { useCallback as C } from "react";
+import { Nav as i } from "rsuite";
+import { n as I } from "./commonProperties-ETOgvhCH.js";
+import { s as T } from "./categories-_98lyB3C.js";
+const x = b(i)({
+  ".builder & .rs-nav-item": {
+    zIndex: 7
+  },
+  ".rs-nav-item": {
+    border: "none",
+    outline: "none",
+    appearance: "none",
+    backgroundColor: "transparent"
+  }
+}), D = ({
+  pane: t,
+  onSelect: l,
+  showNavigation: c,
+  items: a,
+  ...s
+}) => {
+  const r = K(), u = C((e, o) => {
+    r.userDefinedProps ??= {}, r.userDefinedProps.activeKey = e, l?.(e, o);
+  }, [r, l]);
+  if (!a?.length) return null;
+  const m = s.activeKey ?? a?.[0].value;
+  return /* @__PURE__ */ d(p, { children: [
+    c === !0 && /* @__PURE__ */ n(x, { onSelect: u, activeKey: m, ...s, children: a.map(
+      (e, o) => /* @__PURE__ */ n(
+        i.Item,
+        {
+          eventKey: e.value,
+          role: "tab",
+          as: "button",
+          type: "button",
+          children: e.label
+        },
+        o
+      )
+    ) }),
+    /* @__PURE__ */ n("div", { children: t })
+  ] });
+}, z = v(D, "RsTab").name("Tab").category(T).props({
+  ...I,
+  items: h.default(g(["Item1", "Item2", "Item3"])),
+  showNavigation: y.default(!0),
+  pane: f.withSlotConditionBuilder((t) => `return parentProps.activeKey === '${t.activeKey?.value ?? t.activeKey}'`).calculable(!1)
+});
+export {
+  z as rsTab
+};
+//# sourceMappingURL=tab.js.map

package/dist/tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab.js","sources":["../src/components/RsTab.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {array, boolean, define, node, toLabeledValues, useComponentData} from '@react-form-builder/core'\nimport type {ReactNode, SyntheticEvent} from 'react'\nimport {useCallback} from 'react'\nimport type {NavProps} from 'rsuite'\nimport {Nav} from 'rsuite'\nimport {navProps} from '../commonProperties'\nimport {structureCategory} from './categories'\n\n/**\n * Tab item for RsTab component.\n */\nexport type RsTabItem = {\n  /**\n   * Label for the tab item.\n   */\n  label: string\n  /**\n   * Value for the tab item.\n   */\n  value: string\n}\n\n/**\n * Props for the RsTab component.\n */\nexport interface RsTabProps extends NavProps {\n  /**\n   * Items for the tab.\n   */\n  items?: RsTabItem[]\n  /**\n   * Whether to show navigation.\n   */\n  showNavigation?: boolean\n  /**\n   * Pane content for the tab.\n   */\n  pane: ReactNode\n}\n\nconst STabs = styled(Nav)({\n  '.builder & .rs-nav-item': {\n    zIndex: 7,\n  },\n  '.rs-nav-item': {\n    border: 'none',\n    outline: 'none',\n    appearance: 'none',\n    backgroundColor: 'transparent'\n  }\n})\n\n/**\n * Tab component with navigation and pane support.\n * @param props the component props.\n * @param props.pane the pane content for the tab.\n * @param props.onSelect the callback when tab is selected.\n * @param props.showNavigation whether to show navigation.\n * @param props.items the items for the tab.\n * @param props.props the additional tab props.\n * @returns the React element.\n */\nconst RsTab = ({\n                 pane,\n                 onSelect,\n                 showNavigation,\n                 items,\n                 ...props\n               }: RsTabProps) => {\n  const componentData = useComponentData()\n\n  const onNavSelect = useCallback((eventKey: string, event: SyntheticEvent) => {\n    componentData.userDefinedProps ??= {}\n    componentData.userDefinedProps.activeKey = eventKey\n    onSelect?.(eventKey, event)\n  }, [componentData, onSelect])\n\n  if (!items?.length) return null\n\n  const activeKey = props.activeKey ?? items?.[0].value\n\n  return <>\n    {showNavigation === true &&\n      <STabs onSelect={onNavSelect} activeKey={activeKey} {...props}>\n        {items.map((item, index) => <Nav.Item key={index}\n                                              eventKey={item.value}\n                                              role=\"tab\"\n                                              as=\"button\"\n                                              type=\"button\">\n            {item.label}\n          </Nav.Item>\n        )}\n      </STabs>\n    }\n    <div>{pane}</div>\n  </>\n}\n\nexport const rsTab = define(RsTab, 'RsTab')\n  .name('Tab')\n  .category(structureCategory)\n  .props({\n    ...navProps,\n    items: array.default(toLabeledValues(['Item1', 'Item2', 'Item3'])),\n    showNavigation: boolean.default(true),\n    pane: node\n      .withSlotConditionBuilder(props => `return parentProps.activeKey === '${props.activeKey?.value ?? props.activeKey}'`)\n      .calculable(false),\n  })\n"],"names":["STabs","styled","Nav","RsTab","pane","onSelect","showNavigation","items","props","componentData","useComponentData","onNavSelect","useCallback","eventKey","event","activeKey","jsxs","Fragment","item","index","jsx","rsTab","define","structureCategory","navProps","array","toLabeledValues","boolean","node"],"mappings":";;;;;;;AAyCA,MAAMA,IAAQC,EAAOC,CAAG,EAAE;AAAA,EACxB,2BAA2B;AAAA,IACzB,QAAQ;AAAA,EAAA;AAAA,EAEV,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,iBAAiB;AAAA,EAAA;AAErB,CAAC,GAYKC,IAAQ,CAAC;AAAA,EACE,MAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,GAAGC;AACL,MAAkB;AAC/B,QAAMC,IAAgBC,EAAA,GAEhBC,IAAcC,EAAY,CAACC,GAAkBC,MAA0B;AAC3E,IAAAL,EAAc,qBAAqB,CAAA,GACnCA,EAAc,iBAAiB,YAAYI,GAC3CR,IAAWQ,GAAUC,CAAK;AAAA,EAC5B,GAAG,CAACL,GAAeJ,CAAQ,CAAC;AAE5B,MAAI,CAACE,GAAO,OAAQ,QAAO;AAE3B,QAAMQ,IAAYP,EAAM,aAAaD,IAAQ,CAAC,EAAE;AAEhD,SAAO,gBAAAS,EAAAC,GAAA,EACJ,UAAA;AAAA,IAAAX,MAAmB,wBACjBN,GAAA,EAAM,UAAUW,GAAa,WAAAI,GAAuB,GAAGP,GACrD,UAAAD,EAAM;AAAA,MAAI,CAACW,GAAMC,MAAU,gBAAAC;AAAA,QAAClB,EAAI;AAAA,QAAJ;AAAA,UACS,UAAUgB,EAAK;AAAA,UACf,MAAK;AAAA,UACL,IAAG;AAAA,UACH,MAAK;AAAA,UACtC,UAAAA,EAAK;AAAA,QAAA;AAAA,QALiCC;AAAA,MAAA;AAAA,IAMzC,GAEJ;AAAA,IAEF,gBAAAC,EAAC,SAAK,UAAAhB,EAAA,CAAK;AAAA,EAAA,GACb;AACF,GAEaiB,IAAQC,EAAOnB,GAAO,OAAO,EACvC,KAAK,KAAK,EACV,SAASoB,CAAiB,EAC1B,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,OAAOC,EAAM,QAAQC,EAAgB,CAAC,SAAS,SAAS,OAAO,CAAC,CAAC;AAAA,EACjE,gBAAgBC,EAAQ,QAAQ,EAAI;AAAA,EACpC,MAAMC,EACH,yBAAyB,CAAApB,MAAS,qCAAqCA,EAAM,WAAW,SAASA,EAAM,SAAS,GAAG,EACnH,WAAW,EAAK;AACrB,CAAC;"}

package/dist/tag-picker.d.ts

@@ -0,0 +1,21 @@
+import { Definer } from '@react-form-builder/core';
+import { TagPickerProps } from 'rsuite';
+
+export declare const rsTagPicker: Definer<RsTagPickerProps>;
+
+/**
+ * Props for the RsTagPicker component.
+ */
+export declare interface RsTagPickerProps extends TagPickerProps {
+    /**
+     * Label for the tag picker.
+     */
+    label: string;
+    /**
+     * Called after the value has been changed.
+     * @param value the value.
+     */
+    onChange?: (value: any) => void;
+}
+
+export { }

package/dist/tag-picker.js

@@ -0,0 +1,39 @@
+import { jsx as o } from "@emotion/react/jsx-runtime";
+import { define as p, array as s, toLabeledValues as i } from "@react-form-builder/core";
+import { useRef as d, useEffect as g, useMemo as P } from "react";
+import { TagPicker as T } from "rsuite";
+import { b as n } from "./commonProperties-ETOgvhCH.js";
+import { s as b } from "./hooks-DMVtrI-b.js";
+import { f as k } from "./categories-_98lyB3C.js";
+import { u as h } from "./useTouchOnEvent-BPYbKiku.js";
+import { L as v } from "./Labeled-BWYRwMiY.js";
+const y = ({ value: e, label: r }) => ({
+  value: e ?? "",
+  label: r ?? ""
+}), E = [], L = ({ data: e, label: r, value: c, className: l, ...t }) => {
+  const a = d(null), m = h(t, "onClean");
+  g(() => {
+    const f = a.current?.root?.querySelector(".rs-picker-search-input input");
+    b(f);
+  }, []);
+  const u = P(() => i(e ?? []).map(y), [e]);
+  return /* @__PURE__ */ o(v, { label: r, className: l, passAriaToChildren: !0, children: /* @__PURE__ */ o(
+    T,
+    {
+      value: c ?? E,
+      data: u,
+      onClean: m,
+      ...t,
+      ref: a
+    }
+  ) });
+}, { disableVirtualized: q, onLoadData: z, ...x } = n, H = p(L, "RsTagPicker").name("TagPicker").category(k).props({
+  ...x,
+  value: s.valued.ofString,
+  label: n.label.default("Select"),
+  data: s.default(i(["a", "b", "c"]))
+});
+export {
+  H as rsTagPicker
+};
+//# sourceMappingURL=tag-picker.js.map

package/dist/tag-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tag-picker.js","sources":["../src/components/RsTagPicker.tsx"],"sourcesContent":["import type {LabeledValue} from '@react-form-builder/core'\nimport {array, define, toLabeledValues} from '@react-form-builder/core'\nimport {useEffect, useMemo, useRef} from 'react'\nimport type {PickerHandle, TagPickerProps} from 'rsuite'\nimport {TagPicker} from 'rsuite'\nimport {pickerProps} from '../commonProperties'\nimport {setAriaHiddenIfNotExists} from '../hooks'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsTagPicker component.\n */\nexport interface RsTagPickerProps extends TagPickerProps {\n  /**\n   * Label for the tag picker.\n   */\n  label: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: any) => void\n}\n\nconst fixEmptyItem = ({value, label}: LabeledValue) => ({\n  value: value ?? '',\n  label: label ?? ''\n})\n\nconst EMPTY_LIST = [] as const\n\n/**\n * Tag picker component with label support.\n * @param props the component props.\n * @param props.data the data for the tag picker.\n * @param props.label the label for the tag picker.\n * @param props.value the value of the tag picker.\n * @param props.className the CSS class name.\n * @param props.props the additional tag picker props.\n * @returns the React element.\n */\nconst RsTagPicker = ({data, label, value, className, ...props}: RsTagPickerProps) => {\n  const inputRef = useRef<PickerHandle>(null)\n  const onClean = useTouchOnEvent(props, 'onClean')\n\n  useEffect(() => {\n    const searchInput = inputRef.current?.root?.querySelector('.rs-picker-search-input input')\n    setAriaHiddenIfNotExists(searchInput)\n  }, [])\n\n  const transformedData = useMemo(() => {\n    return toLabeledValues((data ?? []) as Array<string | LabeledValue>).map(fixEmptyItem)\n  }, [data])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <TagPicker\n        value={value ?? EMPTY_LIST}\n        data={transformedData}\n        onClean={onClean}\n        {...props}\n        ref={inputRef}\n      />\n    </Labeled>\n  )\n}\n\nconst {disableVirtualized, onLoadData, ...tagPickerProps} = pickerProps\n\nexport const rsTagPicker = define(RsTagPicker, 'RsTagPicker')\n  .name('TagPicker')\n  .category(fieldsCategory)\n  .props({\n    ...tagPickerProps,\n    value: array.valued.ofString,\n    label: pickerProps.label.default('Select'),\n    data: array.default(toLabeledValues(['a', 'b', 'c']))\n  })\n"],"names":["fixEmptyItem","value","label","EMPTY_LIST","RsTagPicker","data","className","props","inputRef","useRef","onClean","useTouchOnEvent","useEffect","searchInput","setAriaHiddenIfNotExists","transformedData","useMemo","toLabeledValues","jsx","Labeled","TagPicker","disableVirtualized","onLoadData","tagPickerProps","pickerProps","rsTagPicker","define","fieldsCategory","array"],"mappings":";;;;;;;;;AA0BA,MAAMA,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAC,SAA0B;AAAA,EACtD,OAAOD,KAAS;AAAA,EAChB,OAAOC,KAAS;AAClB,IAEMC,IAAa,CAAA,GAYbC,IAAc,CAAC,EAAC,MAAAC,GAAM,OAAAH,GAAO,OAAAD,GAAO,WAAAK,GAAW,GAAGC,QAA6B;AACnF,QAAMC,IAAWC,EAAqB,IAAI,GACpCC,IAAUC,EAAgBJ,GAAO,SAAS;AAEhD,EAAAK,EAAU,MAAM;AACd,UAAMC,IAAcL,EAAS,SAAS,MAAM,cAAc,+BAA+B;AACzF,IAAAM,EAAyBD,CAAW;AAAA,EACtC,GAAG,CAAA,CAAE;AAEL,QAAME,IAAkBC,EAAQ,MACvBC,EAAiBZ,KAAQ,CAAA,CAAmC,EAAE,IAAIL,CAAY,GACpF,CAACK,CAAI,CAAC;AAET,SACE,gBAAAa,EAACC,GAAA,EAAQ,OAAAjB,GAAc,WAAAI,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAY;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOnB,KAASE;AAAA,MAChB,MAAMY;AAAA,MACN,SAAAL;AAAA,MACC,GAAGH;AAAA,MACJ,KAAKC;AAAA,IAAA;AAAA,EAAA,GAET;AAEJ,GAEM,EAAC,oBAAAa,GAAoB,YAAAC,GAAY,GAAGC,MAAkBC,GAE/CC,IAAcC,EAAOtB,GAAa,aAAa,EACzD,KAAK,WAAW,EAChB,SAASuB,CAAc,EACvB,MAAM;AAAA,EACL,GAAGJ;AAAA,EACH,OAAOK,EAAM,OAAO;AAAA,EACpB,OAAOJ,EAAY,MAAM,QAAQ,QAAQ;AAAA,EACzC,MAAMI,EAAM,QAAQX,EAAgB,CAAC,KAAK,KAAK,GAAG,CAAC,CAAC;AACtD,CAAC;"}

package/dist/text-area.d.ts

@@ -0,0 +1,24 @@
+import { Definer } from '@react-form-builder/core';
+import { InputProps } from 'rsuite';
+
+export declare const rsTextArea: Definer<RsTextAreaProps>;
+
+/**
+ * Props for the RsTextArea component.
+ */
+export declare interface RsTextAreaProps extends InputProps {
+    /**
+     * The label for the text area.
+     */
+    label: string;
+    /**
+     * The number of visible text lines.
+     */
+    rows: number;
+    /**
+     * The htmlSize attribute defines the width of the &laquo;input> element.
+     */
+    htmlSize?: number;
+}
+
+export { }

package/dist/text-area.js

@@ -0,0 +1,21 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { define as d, event as a, disabled as i, string as e } from "@react-form-builder/core";
+import { Input as f } from "rsuite";
+import { r as m, s as n, d as p } from "./commonProperties-ETOgvhCH.js";
+import { f as u } from "./categories-_98lyB3C.js";
+import { L as x } from "./Labeled-BWYRwMiY.js";
+const T = ({ style: t, className: s, label: o, ...l }) => /* @__PURE__ */ r(x, { label: o, style: t, className: s, passAriaToChildren: !0, children: /* @__PURE__ */ r(f, { as: "textarea", ...l }) }), y = d(T, "RsTextArea").name("Text area").category(u).props({
+  label: e.default("Text area"),
+  value: e.default("").valued,
+  placeholder: e,
+  rows: p.default(5),
+  size: n,
+  disabled: i.default(!1),
+  readOnly: m,
+  onChange: a,
+  onPressEnter: a
+});
+export {
+  y as rsTextArea
+};
+//# sourceMappingURL=text-area.js.map

package/dist/text-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-area.js","sources":["../src/components/RsTextArea.tsx"],"sourcesContent":["import {define, disabled, event, string} from '@react-form-builder/core'\nimport type {InputProps} from 'rsuite'\nimport {Input} from 'rsuite'\nimport {positiveNumber, readOnly, size} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\n\n/**\n * Props for the RsTextArea component.\n */\nexport interface RsTextAreaProps extends InputProps {\n  /**\n   * The label for the text area.\n   */\n  label: string\n  /**\n   * The number of visible text lines.\n   */\n  rows: number\n  /**\n   * The htmlSize attribute defines the width of the &laquo;input> element.\n   */\n  htmlSize?: number\n}\n\n/**\n * A text area component for multi-line text input.\n * @param props the component props.\n * @param props.style the CSS style for the component.\n * @param props.className the CSS class name for the component.\n * @param props.label the label for the text area.\n * @returns the React element.\n */\nconst RsTextArea = ({style, className, label, ...props}: RsTextAreaProps) => (\n  <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n    <Input as=\"textarea\" {...props}/>\n  </Labeled>\n)\n\nexport const rsTextArea = define(RsTextArea, 'RsTextArea')\n  .name('Text area')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Text area'),\n    value: string.default('').valued,\n    placeholder: string,\n    rows: positiveNumber.default(5),\n    size,\n    disabled: disabled.default(false),\n    readOnly,\n    onChange: event,\n    onPressEnter: event\n  })\n"],"names":["RsTextArea","style","className","label","props","jsx","Labeled","Input","rsTextArea","define","fieldsCategory","string","positiveNumber","size","disabled","readOnly","event"],"mappings":";;;;;;AAiCA,MAAMA,IAAa,CAAC,EAAC,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,MAC/C,gBAAAC,EAACC,GAAA,EAAQ,OAAAH,GAAc,OAAAF,GAAc,WAAAC,GAAsB,oBAAoB,IAC7E,UAAA,gBAAAG,EAACE,KAAM,IAAG,YAAY,GAAGH,EAAA,CAAM,EAAA,CACjC,GAGWI,IAAaC,EAAOT,GAAY,YAAY,EACtD,KAAK,WAAW,EAChB,SAASU,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,WAAW;AAAA,EACjC,OAAOA,EAAO,QAAQ,EAAE,EAAE;AAAA,EAC1B,aAAaA;AAAA,EACb,MAAMC,EAAe,QAAQ,CAAC;AAAA,EAC9B,MAAAC;AAAA,EACA,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,UAAUC;AAAA,EACV,cAAcA;AAChB,CAAC;"}

package/dist/time-picker.d.ts

@@ -0,0 +1,29 @@
+import { DatePickerProps } from 'rsuite';
+import { Definer } from '@react-form-builder/core';
+import { SyntheticEvent } from 'react';
+
+export declare const rsTimePicker: Definer<RsTimePickerProps>;
+
+/**
+ * Props for the RsTimePicker component.
+ */
+export declare interface RsTimePickerProps extends Omit<DatePickerProps, 'value' | 'onChange'> {
+    /**
+     * Value of the time picker.
+     */
+    value?: string;
+    /**
+     * Callback when value changes.
+     */
+    onChange?: (value: string | null, event: SyntheticEvent) => void;
+    /**
+     * Label for the time picker.
+     */
+    label: string;
+    /**
+     * @deprecated
+     */
+    inline?: boolean;
+}
+
+export { }

package/dist/time-picker.js

@@ -0,0 +1,72 @@
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { define as P, event as e, boolean as m, disabled as V, string as l, time as T, isNull as v, timeFormat as o } from "@react-form-builder/core";
+import { format as x, parse as y } from "date-fns";
+import { useMemo as a, useCallback as F } from "react";
+import { DatePicker as H } from "rsuite";
+import { s as I, p as w, r as A } from "./commonProperties-ETOgvhCH.js";
+import { f as L, t as M } from "./dateTimeUtils-C2AEniv5.js";
+import { f as R } from "./categories-_98lyB3C.js";
+import { u as S } from "./useTouchOnEvent-BPYbKiku.js";
+import { L as _ } from "./Labeled-BWYRwMiY.js";
+const j = (t) => t instanceof Date && !Number.isNaN(t.getTime()), g = (t, n) => {
+  if (typeof t == "string") {
+    const r = y(t, n, /* @__PURE__ */ new Date());
+    return isNaN(r.getTime()) ? (console.error("Invalid time string:", t), null) : r;
+  }
+  return t;
+}, z = ({ open: t, label: n, value: r, className: b, format: d, defaultValue: f, onChange: i, ...c }) => {
+  const h = a(() => M(d), [d]), E = S(c, "onClean"), k = a(() => g(r, o), [r]), C = a(() => g(f, o), [f]), D = a(() => t === !0 ? !0 : void 0, [t]), N = F((s, p) => {
+    if (v(s)) {
+      i?.(null, p);
+      return;
+    }
+    if (j(s)) {
+      const O = x(s, o);
+      i?.(O, p);
+    }
+  }, [i]);
+  return /* @__PURE__ */ u(_, { label: n, className: b, passAriaToChildren: !0, children: /* @__PURE__ */ u(
+    H,
+    {
+      ...c,
+      onChange: N,
+      value: k ?? C ?? null,
+      open: D,
+      format: h ?? o,
+      onClean: E,
+      preventOverflow: !0
+    }
+  ) });
+}, Z = P(z, "RsTimePicker").name("TimePicker").category(R).props({
+  label: l.default("Time"),
+  placeholder: l,
+  value: T.valued,
+  defaultValue: T,
+  format: l.validated(L, {
+    code: "INVALID_TIME_FORMAT",
+    message: "The provided time format is invalid"
+  }).withEditorProps({ placeholder: "HH:mm" }).default("HH:mm"),
+  editable: m.default(!0),
+  cleanable: m.default(!1),
+  disabled: V.default(!1),
+  readOnly: A,
+  open: m,
+  placement: w,
+  size: I,
+  onChange: e,
+  onClean: e,
+  onClose: e,
+  onEnter: e,
+  onEntered: e,
+  onEntering: e,
+  onExit: e,
+  onExited: e,
+  onExiting: e,
+  onOk: e,
+  onOpen: e,
+  onSelect: e
+});
+export {
+  Z as rsTimePicker
+};
+//# sourceMappingURL=time-picker.js.map

package/dist/time-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"time-picker.js","sources":["../src/components/RsTimePicker.tsx"],"sourcesContent":["import {boolean, define, disabled, event, isNull, string, time, timeFormat} from '@react-form-builder/core'\nimport {format as formatDate, parse} from 'date-fns'\nimport type {SyntheticEvent} from 'react'\nimport {useCallback, useMemo} from 'react'\nimport type {DatePickerProps} from 'rsuite'\nimport {DatePicker} from 'rsuite'\nimport {placement, readOnly, size} from '../commonProperties'\nimport {formatValidator, toSafeFormat} from '../dateTimeUtils'\nimport {fieldsCategory} from './categories'\nimport {useTouchOnEvent} from './hooks/useTouchOnEvent'\nimport {Labeled} from './internal/Labeled'\n\nconst isValidDate = (value: any) => value instanceof Date && !Number.isNaN(value.getTime())\n\n/**\n * Returns the time converted to Date format.\n * @param value the date value in string or Date format.\n * @param format the time format.\n * @returns the time converted to Date format.\n */\nconst parseTimeValue = (value: any, format: string) => {\n  if (typeof value === 'string') {\n    const parsedDate = parse(value, format, new Date())\n    if (!isNaN(parsedDate.getTime())) {\n      return parsedDate\n    }\n    console.error('Invalid time string:', value)\n    return null\n  }\n  return value\n}\n\n/**\n * Props for the RsTimePicker component.\n */\nexport interface RsTimePickerProps extends Omit<DatePickerProps, 'value' | 'onChange'> {\n  /**\n   * Value of the time picker.\n   */\n  value?: string\n  /**\n   * Callback when value changes.\n   */\n  onChange?: (value: string | null, event: SyntheticEvent) => void\n  /**\n   * Label for the time picker.\n   */\n  label: string\n  /**\n   * @deprecated\n   */\n  inline?: boolean\n}\n\n/**\n * Time picker component with label support.\n * @param props the component props.\n * @param props.open whether the time picker is open.\n * @param props.label the label for the time picker.\n * @param props.value the value of the time picker.\n * @param props.className the CSS class name.\n * @param props.format the format of the time.\n * @param props.defaultValue the default value of the time picker.\n * @param props.onChange the callback when value changes.\n * @param props.props the additional time picker props.\n * @returns the React element.\n */\nconst RsTimePicker = ({open, label, value, className, format, defaultValue, onChange, ...props}: RsTimePickerProps) => {\n  const safeFormat = useMemo(() => toSafeFormat(format), [format])\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const parsedValue = useMemo(() => parseTimeValue(value, timeFormat), [value])\n  const parsedDefaultValue = useMemo(() => parseTimeValue(defaultValue, timeFormat), [defaultValue])\n  const pickerOpen = useMemo(() => open === true ? true : undefined, [open])\n\n  const handleChange = useCallback((value: Date | null, e: SyntheticEvent) => {\n    if (isNull(value)) {\n      onChange?.(null, e)\n      return\n    }\n    if (isValidDate(value)) {\n      const formatted = formatDate(value, timeFormat)\n      onChange?.(formatted, e)\n    }\n  }, [onChange])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <DatePicker {...props} onChange={handleChange} value={parsedValue ?? parsedDefaultValue ?? null}\n                  open={pickerOpen} format={safeFormat ?? timeFormat} onClean={onClean} preventOverflow/>\n    </Labeled>\n  )\n}\n\nexport const rsTimePicker = define(RsTimePicker, 'RsTimePicker')\n  .name('TimePicker')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Time'),\n    placeholder: string,\n    value: time.valued,\n    defaultValue: time,\n    format: string\n      .validated(formatValidator, {\n        code: 'INVALID_TIME_FORMAT',\n        message: 'The provided time format is invalid'\n      })\n      .withEditorProps({placeholder: 'HH:mm'})\n      .default('HH:mm'),\n    editable: boolean.default(true),\n    cleanable: boolean.default(false),\n    disabled: disabled.default(false),\n    readOnly,\n    open: boolean,\n    placement: placement,\n    size: size,\n    onChange: event,\n    onClean: event,\n    onClose: event,\n    onEnter: event,\n    onEntered: event,\n    onEntering: event,\n    onExit: event,\n    onExited: event,\n    onExiting: event,\n    onOk: event,\n    onOpen: event,\n    onSelect: event\n  })\n"],"names":["isValidDate","value","parseTimeValue","format","parsedDate","parse","RsTimePicker","open","label","className","defaultValue","onChange","props","safeFormat","useMemo","toSafeFormat","onClean","useTouchOnEvent","parsedValue","timeFormat","parsedDefaultValue","pickerOpen","handleChange","useCallback","e","isNull","formatted","formatDate","jsx","Labeled","DatePicker","rsTimePicker","define","fieldsCategory","string","time","formatValidator","boolean","disabled","readOnly","placement","size","event"],"mappings":";;;;;;;;;;AAYA,MAAMA,IAAc,CAACC,MAAeA,aAAiB,QAAQ,CAAC,OAAO,MAAMA,EAAM,SAAS,GAQpFC,IAAiB,CAACD,GAAYE,MAAmB;AACrD,MAAI,OAAOF,KAAU,UAAU;AAC7B,UAAMG,IAAaC,EAAMJ,GAAOE,GAAQ,oBAAI,MAAM;AAClD,WAAK,MAAMC,EAAW,QAAA,CAAS,KAG/B,QAAQ,MAAM,wBAAwBH,CAAK,GACpC,QAHEG;AAAA,EAIX;AACA,SAAOH;AACT,GAqCMK,IAAe,CAAC,EAAC,MAAAC,GAAM,OAAAC,GAAO,OAAAP,GAAO,WAAAQ,GAAA,QAAWN,GAAQ,cAAAO,GAAc,UAAAC,GAAU,GAAGC,EAAA,MAA8B;AACrH,QAAMC,IAAaC,EAAQ,MAAMC,EAAaZ,CAAM,GAAG,CAACA,CAAM,CAAC,GACzDa,IAAUC,EAAgBL,GAAO,SAAS,GAC1CM,IAAcJ,EAAQ,MAAMZ,EAAeD,GAAOkB,CAAU,GAAG,CAAClB,CAAK,CAAC,GACtEmB,IAAqBN,EAAQ,MAAMZ,EAAeQ,GAAcS,CAAU,GAAG,CAACT,CAAY,CAAC,GAC3FW,IAAaP,EAAQ,MAAMP,MAAS,KAAO,KAAO,QAAW,CAACA,CAAI,CAAC,GAEnEe,IAAeC,EAAY,CAACtB,GAAoBuB,MAAsB;AAC1E,QAAIC,EAAOxB,CAAK,GAAG;AACjB,MAAAU,IAAW,MAAMa,CAAC;AAClB;AAAA,IACF;AACA,QAAIxB,EAAYC,CAAK,GAAG;AACtB,YAAMyB,IAAYC,EAAW1B,GAAOkB,CAAU;AAC9C,MAAAR,IAAWe,GAAWF,CAAC;AAAA,IACzB;AAAA,EACF,GAAG,CAACb,CAAQ,CAAC;AAEb,SACE,gBAAAiB,EAACC,GAAA,EAAQ,OAAArB,GAAc,WAAAC,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAmB;AAAA,IAACE;AAAA,IAAA;AAAA,MAAY,GAAGlB;AAAA,MAAO,UAAUU;AAAA,MAAc,OAAOJ,KAAeE,KAAsB;AAAA,MAC/E,MAAMC;AAAA,MAAY,QAAQR,KAAcM;AAAA,MAAY,SAAAH;AAAA,MAAkB,iBAAe;AAAA,IAAA;AAAA,EAAA,GACnG;AAEJ,GAEae,IAAeC,EAAO1B,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAAS2B,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,MAAM;AAAA,EAC5B,aAAaA;AAAA,EACb,OAAOC,EAAK;AAAA,EACZ,cAAcA;AAAA,EACd,QAAQD,EACL,UAAUE,GAAiB;AAAA,IAC1B,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV,EACA,gBAAgB,EAAC,aAAa,QAAA,CAAQ,EACtC,QAAQ,OAAO;AAAA,EAClB,UAAUC,EAAQ,QAAQ,EAAI;AAAA,EAC9B,WAAWA,EAAQ,QAAQ,EAAK;AAAA,EAChC,UAAUC,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,MAAMF;AAAA,EACN,WAAAG;AAAA,EACA,MAAAC;AAAA,EACA,UAAUC;AAAA,EACV,SAASA;AAAA,EACT,SAASA;AAAA,EACT,SAASA;AAAA,EACT,WAAWA;AAAA,EACX,YAAYA;AAAA,EACZ,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,MAAMA;AAAA,EACN,QAAQA;AAAA,EACR,UAAUA;AACZ,CAAC;"}

package/dist/toggle.d.ts

@@ -0,0 +1,16 @@
+import { Definer } from '@react-form-builder/core';
+import { ElementType } from 'react';
+import { JSX } from 'react';
+import { Omit as Omit_2 } from 'rsuite/esm/internals/types/utils';
+import { ReactNode } from 'react';
+import { Theme } from '@emotion/react';
+import { ToggleProps } from 'rsuite';
+import { WithAsProps } from 'rsuite/esm/internals/types';
+
+export declare const rsToggle: Definer<Omit_2<any, WithAsProps<ElementType<any, keyof JSX.IntrinsicElements>> & ToggleProps> & WithAsProps<ElementType<any, keyof JSX.IntrinsicElements>> & ToggleProps & {
+children?: ReactNode | undefined;
+} & {
+theme?: Theme;
+}>;
+
+export { }

package/dist/toggle.js

@@ -0,0 +1,26 @@
+import o from "@emotion/styled";
+import { define as r, event as a, boolean as l, oneOf as d, disabled as t, string as e } from "@react-form-builder/core";
+import { Toggle as s } from "rsuite";
+import { c as i, r as f } from "./commonProperties-ETOgvhCH.js";
+import { f as g } from "./categories-_98lyB3C.js";
+import { r as n } from "./Labeled-BWYRwMiY.js";
+const m = o(s)`
+  &.required .rs-toggle-label::after {
+    ${n};
+  }
+`, y = r(m, "RsToggle").name("Toggle").category(g).props({
+  children: e,
+  checked: l.valued.default(!0).uncontrolledValue(!1),
+  checkedChildren: e,
+  unCheckedChildren: e,
+  disabled: t.default(!1),
+  readOnly: f,
+  size: d("sm", "md", "lg").labeled("Small", "Medium", "Large").default("md").withEditorProps({ creatable: !1 }),
+  color: i,
+  loading: l.default(!1),
+  onChange: a
+});
+export {
+  y as rsToggle
+};
+//# sourceMappingURL=toggle.js.map

package/dist/toggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toggle.js","sources":["../src/components/RsToggle.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, disabled, event, oneOf, string} from '@react-form-builder/core'\nimport {Toggle} from 'rsuite'\nimport {controlColor, readOnly} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {requiredStyle} from './internal/Labeled'\n\nconst SToggle = styled(Toggle)`\n  &.required .rs-toggle-label::after {\n    ${requiredStyle};\n  }\n`\n\nexport const rsToggle = define(SToggle, 'RsToggle')\n  .name('Toggle')\n  .category(fieldsCategory)\n  .props({\n    children: string,\n    checked: boolean.valued.default(true).uncontrolledValue(false),\n    checkedChildren: string,\n    unCheckedChildren: string,\n    disabled: disabled.default(false),\n    readOnly,\n    size: oneOf('sm', 'md', 'lg')\n      .labeled('Small', 'Medium', 'Large')\n      .default('md')\n      .withEditorProps({creatable: false}),\n    color: controlColor,\n    loading: boolean.default(false),\n    onChange: event,\n  })\n"],"names":["SToggle","styled","Toggle","requiredStyle","rsToggle","define","fieldsCategory","string","boolean","disabled","readOnly","oneOf","controlColor","event"],"mappings":";;;;;;AAOA,MAAMA,IAAUC,EAAOC,CAAM;AAAA;AAAA,MAEvBC,CAAa;AAAA;AAAA,GAINC,IAAWC,EAAOL,GAAS,UAAU,EAC/C,KAAK,QAAQ,EACb,SAASM,CAAc,EACvB,MAAM;AAAA,EACL,UAAUC;AAAA,EACV,SAASC,EAAQ,OAAO,QAAQ,EAAI,EAAE,kBAAkB,EAAK;AAAA,EAC7D,iBAAiBD;AAAA,EACjB,mBAAmBA;AAAA,EACnB,UAAUE,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,MAAMC,EAAM,MAAM,MAAM,IAAI,EACzB,QAAQ,SAAS,UAAU,OAAO,EAClC,QAAQ,IAAI,EACZ,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,OAAOC;AAAA,EACP,SAASJ,EAAQ,QAAQ,EAAK;AAAA,EAC9B,UAAUK;AACZ,CAAC;"}

package/dist/tooltip.d.ts

@@ -0,0 +1,29 @@
+import { Definer } from '@react-form-builder/core';
+import { OverlayTriggerType } from 'rsuite/esm/internals/Overlay/OverlayTrigger';
+import { TypeAttributes } from 'rsuite/esm/internals/types';
+import { WrapperProps } from '@react-form-builder/core';
+
+/**
+ * Metadata builder for rSuite-based tooltip display component.
+ */
+export declare const rsTooltip: Definer<RsTooltipProps>;
+
+/**
+ * The properties of RsTooltip component.
+ */
+export declare interface RsTooltipProps extends WrapperProps {
+    /**
+     * The tooltip text.
+     */
+    text: string;
+    /**
+     * The placement of a tooltip.
+     */
+    placement: TypeAttributes.Placement;
+    /**
+     * The tooltip trigger.
+     */
+    trigger: OverlayTriggerType;
+}
+
+export { }

package/dist/tooltip.js

@@ -0,0 +1,37 @@
+import { jsx as t } from "@emotion/react/jsx-runtime";
+import { define as n, someOf as p, oneOf as s, node as d, string as m } from "@react-form-builder/core";
+import { useMemo as c } from "react";
+import { Tooltip as u, Whisper as f } from "rsuite";
+import { a as h } from "./categories-_98lyB3C.js";
+const g = { width: "100%", height: "100%" }, S = ({ text: o, placement: e, trigger: i, children: r, ...a }) => {
+  const l = c(() => /* @__PURE__ */ t(u, { children: o }), [o]);
+  return r ? /* @__PURE__ */ t(f, { placement: e, trigger: i, speaker: l, children: /* @__PURE__ */ t("div", { ...a, style: g, children: r }) }) : null;
+}, q = n(S, "RsTooltip").name("Tooltip").category(h).props({
+  text: m.required.default("Tooltip message...").dataBound,
+  children: d,
+  placement: s(
+    "top",
+    "bottom",
+    "right",
+    "left",
+    "bottomStart",
+    "bottomEnd",
+    "topStart",
+    "topEnd",
+    "leftStart",
+    "rightStart",
+    "leftEnd",
+    "rightEnd",
+    "auto",
+    "autoVertical",
+    "autoVerticalStart",
+    "autoVerticalEnd",
+    "autoHorizontal",
+    "autoHorizontalStart"
+  ).required.default("bottom").withEditorProps({ creatable: !1 }),
+  trigger: p("click", "hover", "focus", "active", "contextMenu").required.default(["hover"])
+}).componentRole("tooltip");
+export {
+  q as rsTooltip
+};
+//# sourceMappingURL=tooltip.js.map

package/dist/tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tooltip.js","sources":["../src/components/RsTooltip.tsx"],"sourcesContent":["import type {WrapperProps} from '@react-form-builder/core'\nimport {define, node, oneOf, someOf, string} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport {Tooltip, Whisper} from 'rsuite'\nimport type {OverlayTriggerType} from 'rsuite/esm/internals/Overlay/OverlayTrigger'\nimport type {TypeAttributes} from 'rsuite/esm/internals/types'\nimport {staticCategory} from './categories'\n\n/**\n * The properties of RsTooltip component.\n */\nexport interface RsTooltipProps extends WrapperProps {\n  /**\n   * The tooltip text.\n   */\n  text: string\n  /**\n   * The placement of a tooltip.\n   */\n  placement: TypeAttributes.Placement\n  /**\n   * The tooltip trigger.\n   */\n  trigger: OverlayTriggerType\n}\n\nconst wrapperStyle = {width: '100%', height: '100%'} as const\n\nconst RsTooltip = ({text, placement, trigger, children, ...props}: RsTooltipProps) => {\n  const tooltip = useMemo(() => <Tooltip>{text}</Tooltip>, [text])\n\n  if (!children) return null\n\n  return <Whisper placement={placement} trigger={trigger} speaker={tooltip}>\n    <div {...props} style={wrapperStyle}>{children}</div>\n  </Whisper>\n}\n\n/**\n * Metadata builder for rSuite-based tooltip display component.\n */\nexport const rsTooltip = define(RsTooltip, 'RsTooltip')\n  .name('Tooltip')\n  .category(staticCategory)\n  .props({\n    text: string.required.default('Tooltip message...').dataBound,\n    children: node,\n    placement: oneOf('top', 'bottom', 'right', 'left', 'bottomStart', 'bottomEnd',\n      'topStart', 'topEnd', 'leftStart', 'rightStart', 'leftEnd', 'rightEnd', 'auto',\n      'autoVertical', 'autoVerticalStart', 'autoVerticalEnd', 'autoHorizontal', 'autoHorizontalStart')\n      .required.default('bottom')\n      .withEditorProps({creatable: false}),\n    trigger: someOf('click', 'hover', 'focus', 'active', 'contextMenu')\n      .required.default(['hover'])\n  })\n  .componentRole('tooltip')\n"],"names":["wrapperStyle","RsTooltip","text","placement","trigger","children","props","tooltip","useMemo","jsx","Tooltip","Whisper","rsTooltip","define","staticCategory","string","node","oneOf","someOf"],"mappings":";;;;;AA0BA,MAAMA,IAAe,EAAC,OAAO,QAAQ,QAAQ,OAAA,GAEvCC,IAAY,CAAC,EAAC,MAAAC,GAAM,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,GAAGC,QAA2B;AACpF,QAAMC,IAAUC,EAAQ,MAAM,gBAAAC,EAACC,KAAS,UAAAR,EAAA,CAAK,GAAY,CAACA,CAAI,CAAC;AAE/D,SAAKG,IAEE,gBAAAI,EAACE,GAAA,EAAQ,WAAAR,GAAsB,SAAAC,GAAkB,SAASG,GAC/D,UAAA,gBAAAE,EAAC,OAAA,EAAK,GAAGH,GAAO,OAAON,GAAe,UAAAK,GAAS,GACjD,IAJsB;AAKxB,GAKaO,IAAYC,EAAOZ,GAAW,WAAW,EACnD,KAAK,SAAS,EACd,SAASa,CAAc,EACvB,MAAM;AAAA,EACL,MAAMC,EAAO,SAAS,QAAQ,oBAAoB,EAAE;AAAA,EACpD,UAAUC;AAAA,EACV,WAAWC;AAAA,IAAM;AAAA,IAAO;AAAA,IAAU;AAAA,IAAS;AAAA,IAAQ;AAAA,IAAe;AAAA,IAChE;AAAA,IAAY;AAAA,IAAU;AAAA,IAAa;AAAA,IAAc;AAAA,IAAW;AAAA,IAAY;AAAA,IACxE;AAAA,IAAgB;AAAA,IAAqB;AAAA,IAAmB;AAAA,IAAkB;AAAA,EAAA,EACzE,SAAS,QAAQ,QAAQ,EACzB,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,SAASC,EAAO,SAAS,SAAS,SAAS,UAAU,aAAa,EAC/D,SAAS,QAAQ,CAAC,OAAO,CAAC;AAC/B,CAAC,EACA,cAAc,SAAS;"}

package/dist/uploader.d.ts

@@ -0,0 +1,20 @@
+import { Definer } from '@react-form-builder/core';
+import { UploaderProps } from 'rsuite';
+
+export declare const rsUploader: Definer<RsUploaderProps>;
+
+/**
+ * Props for the RsUploader component.
+ */
+export declare interface RsUploaderProps extends UploaderProps {
+    /**
+     * Whether to use a custom element for the uploader.
+     */
+    customElement: boolean;
+    /**
+     * The label for the uploader.
+     */
+    label?: string;
+}
+
+export { }

package/dist/uploader.js

@@ -0,0 +1,67 @@
+import { jsx as n } from "@emotion/react/jsx-runtime";
+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 = 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,
+    {
+      ...i,
+      disabled: g,
+      multiple: l,
+      fileList: r,
+      onRemove: v,
+      ref: u,
+      children: p ? /* @__PURE__ */ n("div", { children: c }) : void 0
+    }
+  ) });
+}, j = [
+  { name: "name", input: s },
+  { name: "fileKey", input: s },
+  { name: "url", input: s }
+], 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: E,
+  disableMultipart: e.default(!1),
+  disabled: x.default(!1),
+  readOnly: P,
+  disabledFileItem: e.default(!1),
+  draggable: e.default(!1),
+  fileListVisible: e.default(!0),
+  listType: U("text", "picture-text", "picture").withEditorProps({ creatable: !1 }),
+  method: o,
+  multiple: e.default(!1),
+  name: o,
+  onChange: t,
+  onError: t,
+  onPreview: t,
+  onProgress: t,
+  onRemove: t,
+  onReupload: t,
+  onSuccess: t,
+  onUpload: t,
+  removable: e.default(!1),
+  timeout: A,
+  withCredentials: e.default(!1),
+  fileList: R.withEditorProps({ columns: j }).valued
+});
+export {
+  G as rsUploader
+};
+//# sourceMappingURL=uploader.js.map

package/dist/uploader.js.map

@@ -0,0 +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","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-BPYbKiku.js.map

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,9 @@
+import { View } from '@react-form-builder/core';
+
+/**
+ * An assembled set of rSuite components, ready to be passed as a property to the FormViewer.
+ * This view contains CSS loaders.
+ */
+export declare const viewWithCss: View;
+
+export { }

package/dist/view-with-css.js

@@ -0,0 +1,9 @@
+import { createView as o, BiDi as r } from "@react-form-builder/core";
+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 {
+  w as viewWithCss
+};
+//# sourceMappingURL=view-with-css.js.map

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

@@ -0,0 +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,IAAcC,EAAWC,CAAM,EAEzC,kBAAkBC,CAAqB,EACvC,cAAcC,EAAK,KAAKC,CAAY,EACpC,cAAcD,EAAK,KAAKE,CAAY,EACpC,cAAc,UAAUC,CAAyB;"}

package/dist/view.d.ts

@@ -0,0 +1,8 @@
+import { View } from '@react-form-builder/core';
+
+/**
+ * An assembled set of rSuite components, ready to be passed as a property to the FormViewer.
+ */
+export declare const view: View;
+
+export { }

package/dist/view.js

@@ -0,0 +1,7 @@
+import { createView as o } from "@react-form-builder/core";
+import { models as e } from "./models.js";
+const t = o(e);
+export {
+  t as view
+};
+//# sourceMappingURL=view.js.map

package/dist/view.js.map

@@ -0,0 +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":";;AAMO,MAAMA,IAAOC,EAAWC,CAAM;"}