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

package/dist/css-loader.d.ts

@@ -0,0 +1,19 @@
+/**
+ * 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>;
+
+/**
+ * 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 { }

package/dist/css-loader.js

@@ -0,0 +1,20 @@
+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"
+}, 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]);
+}, 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-DkGUHOws.js")).default;
+  await r("form-engine-css", t, "stylesheet");
+};
+export {
+  n as formEngineRsuiteCssLoader,
+  i as ltrCssLoader,
+  c as rtlCssLoader
+};
+//# sourceMappingURL=css-loader.js.map

package/dist/css-loader.js.map

@@ -0,0 +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;"}

package/dist/date-picker.d.ts

@@ -0,0 +1,25 @@
+import { DatePickerProps } from 'rsuite';
+import { Definer } from '@react-form-builder/core';
+
+export declare const rsDatePicker: Definer<RsDatePickerProps>;
+
+/**
+ * Props for the RsDatePicker component.
+ */
+export declare interface RsDatePickerProps extends DatePickerProps {
+    /**
+     * Label for the date picker.
+     */
+    label: string;
+    /**
+     * Called after the value has been changed.
+     * @param value the value.
+     */
+    onChange?: (value: Date | null) => void;
+    /**
+     * @deprecated
+     */
+    inline?: boolean;
+}
+
+export { }

package/dist/date-picker.js

@@ -0,0 +1,71 @@
+import { jsx as f } from "@emotion/react/jsx-runtime";
+import { define as b, date as n, boolean as t, string as r, event as e, number as m, disabled as C, oneOf as T, useComponentData as y } from "@react-form-builder/core";
+import { useMemo as p, useEffect as k } from "react";
+import { DatePicker as w } from "rsuite";
+import { s as M, p as O, r as P } from "./commonProperties-ETOgvhCH.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";
+const u = (o) => {
+  if (typeof o == "string") {
+    const a = new Date(o);
+    return isNaN(a.getTime()) ? (console.error("Invalid date string:", o), null) : a;
+  }
+  return o;
+}, F = ({ label: o, value: a, className: c, format: l, defaultValue: D, ...s }) => {
+  const i = y(), g = p(() => x(l), [l]), h = N(s, "onClean"), E = p(() => u(a), [a]);
+  return k(() => {
+    if (typeof a == "string") {
+      const d = u(a);
+      d instanceof Date && i.field?.setValue(d);
+    }
+  }, [a, i]), /* @__PURE__ */ f(A, { label: o, className: c, passAriaToChildren: !0, children: /* @__PURE__ */ f(w, { ...s, value: E ?? D ?? null, format: g, onClean: h }) });
+}, q = b(F, "RsDatePicker").name("DatePicker").category(V).props({
+  label: r.default("Date"),
+  appearance: T("default", "subtle").withEditorProps({ creatable: !1 }),
+  calendarDefaultDate: n,
+  cleanable: t.default(!1),
+  defaultOpen: t.default(!1),
+  defaultValue: n,
+  disabled: C.default(!1),
+  readOnly: P,
+  editable: t.default(!0),
+  format: r.validated(v, {
+    code: "INVALID_DATE_FORMAT",
+    message: "The provided date format is invalid"
+  }).withEditorProps({ placeholder: "yyyy-MM-dd" }),
+  isoWeek: t.default(!1),
+  limitEndYear: m,
+  limitStartYear: m,
+  oneTap: t,
+  onChange: e,
+  onChangeCalendarDate: e,
+  onClean: e,
+  onClose: e,
+  onEnter: e,
+  onEntered: e,
+  onEntering: e,
+  onExit: e,
+  onExited: e,
+  onExiting: e,
+  onNextMonth: e,
+  onOk: e,
+  onOpen: e,
+  onPrevMonth: e,
+  onSelect: e,
+  onToggleMonthDropdown: e,
+  onToggleTimeDropdown: e,
+  open: t.default(void 0),
+  placeholder: r,
+  placement: O,
+  preventOverflow: t.default(!1),
+  showMeridiem: t.default(!1),
+  showWeekNumbers: t.default(!1),
+  size: M,
+  value: n.valued
+});
+export {
+  q as rsDatePicker
+};
+//# sourceMappingURL=date-picker.js.map

package/dist/date-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"date-picker.js","sources":["../src/components/RsDatePicker.tsx"],"sourcesContent":["import {boolean, date, define, disabled, event, number, oneOf, string, useComponentData} from '@react-form-builder/core'\nimport {useEffect, 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\n/**\n * Props for the RsDatePicker component.\n */\nexport interface RsDatePickerProps extends DatePickerProps {\n  /**\n   * Label for the date picker.\n   */\n  label: string\n  /**\n   * Called after the value has been changed.\n   * @param value the value.\n   */\n  onChange?: (value: Date | null) => void\n  /**\n   * @deprecated\n   */\n  inline?: boolean\n}\n\n/**\n * Returns the date converted to Date format.\n * @param value the date value in string or Date format.\n * @returns the date converted to Date format.\n */\nconst parseDateValue = (value: any) => {\n  if (typeof value === 'string') {\n    const parsedDate = new Date(value)\n    if (!isNaN(parsedDate.getTime())) {\n      return parsedDate\n    }\n    console.error('Invalid date string:', value)\n    return null\n  }\n  return value\n}\n\n/**\n * Date picker component with label support.\n * @param props the component props.\n * @param props.label the label for the date picker.\n * @param props.value the value of the date picker.\n * @param props.className the CSS class name.\n * @param props.format the format of the date.\n * @param props.defaultValue the default value of the date picker.\n * @param props.props the additional date picker props.\n * @returns the React element.\n */\nconst RsDatePicker = ({label, value, className, format, defaultValue, ...props}: RsDatePickerProps) => {\n  const componentData = useComponentData()\n  const safeFormat = useMemo(() => toSafeFormat(format), [format])\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const parsedValue = useMemo(() => parseDateValue(value), [value])\n\n  useEffect(() => {\n    if (typeof (value as unknown) === 'string') {\n      const parsed = parseDateValue(value)\n      if (parsed instanceof Date) {\n        componentData.field?.setValue(parsed)\n      }\n    }\n  }, [value, componentData])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={true}>\n      <DatePicker {...props} value={parsedValue ?? defaultValue ?? null} format={safeFormat} onClean={onClean}/>\n    </Labeled>\n  )\n}\n\nexport const rsDatePicker = define(RsDatePicker, 'RsDatePicker')\n  .name('DatePicker')\n  .category(fieldsCategory)\n  .props({\n    label: string.default('Date'),\n    appearance: oneOf('default', 'subtle').withEditorProps({creatable: false}),\n    calendarDefaultDate: date,\n    cleanable: boolean.default(false),\n    defaultOpen: boolean.default(false),\n    defaultValue: date,\n    disabled: disabled.default(false),\n    readOnly,\n    editable: boolean.default(true),\n    format: string.validated(formatValidator, {\n      code: 'INVALID_DATE_FORMAT',\n      message: 'The provided date format is invalid'\n    }).withEditorProps({placeholder: 'yyyy-MM-dd'}),\n    isoWeek: boolean.default(false),\n    limitEndYear: number,\n    limitStartYear: number,\n    oneTap: boolean,\n    onChange: event,\n    onChangeCalendarDate: 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    onNextMonth: event,\n    onOk: event,\n    onOpen: event,\n    onPrevMonth: event,\n    onSelect: event,\n    onToggleMonthDropdown: event,\n    onToggleTimeDropdown: event,\n    open: boolean.default(undefined),\n    placeholder: string,\n    placement: placement,\n    preventOverflow: boolean.default(false),\n    showMeridiem: boolean.default(false),\n    showWeekNumbers: boolean.default(false),\n    size: size,\n    value: date.valued\n  })\n"],"names":["parseDateValue","value","parsedDate","RsDatePicker","label","className","format","defaultValue","props","componentData","useComponentData","safeFormat","useMemo","toSafeFormat","onClean","useTouchOnEvent","parsedValue","useEffect","parsed","Labeled","jsx","DatePicker","rsDatePicker","define","fieldsCategory","string","oneOf","date","boolean","disabled","readOnly","formatValidator","number","event","placement","size"],"mappings":";;;;;;;;;AAkCA,MAAMA,IAAiB,CAACC,MAAe;AACrC,MAAI,OAAOA,KAAU,UAAU;AAC7B,UAAMC,IAAa,IAAI,KAAKD,CAAK;AACjC,WAAK,MAAMC,EAAW,QAAA,CAAS,KAG/B,QAAQ,MAAM,wBAAwBD,CAAK,GACpC,QAHEC;AAAA,EAIX;AACA,SAAOD;AACT,GAaME,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAH,GAAO,WAAAI,GAAW,QAAAC,GAAQ,cAAAC,GAAc,GAAGC,QAA8B;AACrG,QAAMC,IAAgBC,EAAA,GAChBC,IAAaC,EAAQ,MAAMC,EAAaP,CAAM,GAAG,CAACA,CAAM,CAAC,GACzDQ,IAAUC,EAAgBP,GAAO,SAAS,GAC1CQ,IAAcJ,EAAQ,MAAMZ,EAAeC,CAAK,GAAG,CAACA,CAAK,CAAC;AAEhE,SAAAgB,EAAU,MAAM;AACd,QAAI,OAAQhB,KAAsB,UAAU;AAC1C,YAAMiB,IAASlB,EAAeC,CAAK;AACnC,MAAIiB,aAAkB,QACpBT,EAAc,OAAO,SAASS,CAAM;AAAA,IAExC;AAAA,EACF,GAAG,CAACjB,GAAOQ,CAAa,CAAC,qBAGtBU,GAAA,EAAQ,OAAAf,GAAc,WAAAC,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAe,EAACC,GAAA,EAAY,GAAGb,GAAO,OAAOQ,KAAeT,KAAgB,MAAM,QAAQI,GAAY,SAAAG,GAAiB,GAC1G;AAEJ,GAEaQ,IAAeC,EAAOpB,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAASqB,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,MAAM;AAAA,EAC5B,YAAYC,EAAM,WAAW,QAAQ,EAAE,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACzE,qBAAqBC;AAAA,EACrB,WAAWC,EAAQ,QAAQ,EAAK;AAAA,EAChC,aAAaA,EAAQ,QAAQ,EAAK;AAAA,EAClC,cAAcD;AAAA,EACd,UAAUE,EAAS,QAAQ,EAAK;AAAA,EAChC,UAAAC;AAAA,EACA,UAAUF,EAAQ,QAAQ,EAAI;AAAA,EAC9B,QAAQH,EAAO,UAAUM,GAAiB;AAAA,IACxC,MAAM;AAAA,IACN,SAAS;AAAA,EAAA,CACV,EAAE,gBAAgB,EAAC,aAAa,cAAa;AAAA,EAC9C,SAASH,EAAQ,QAAQ,EAAK;AAAA,EAC9B,cAAcI;AAAA,EACd,gBAAgBA;AAAA,EAChB,QAAQJ;AAAA,EACR,UAAUK;AAAA,EACV,sBAAsBA;AAAA,EACtB,SAASA;AAAA,EACT,SAASA;AAAA,EACT,SAASA;AAAA,EACT,WAAWA;AAAA,EACX,YAAYA;AAAA,EACZ,QAAQA;AAAA,EACR,UAAUA;AAAA,EACV,WAAWA;AAAA,EACX,aAAaA;AAAA,EACb,MAAMA;AAAA,EACN,QAAQA;AAAA,EACR,aAAaA;AAAA,EACb,UAAUA;AAAA,EACV,uBAAuBA;AAAA,EACvB,sBAAsBA;AAAA,EACtB,MAAML,EAAQ,QAAQ,MAAS;AAAA,EAC/B,aAAaH;AAAA,EACb,WAAAS;AAAA,EACA,iBAAiBN,EAAQ,QAAQ,EAAK;AAAA,EACtC,cAAcA,EAAQ,QAAQ,EAAK;AAAA,EACnC,iBAAiBA,EAAQ,QAAQ,EAAK;AAAA,EACtC,MAAAO;AAAA,EACA,OAAOR,EAAK;AACd,CAAC;"}

package/dist/dateTimeUtils-C2AEniv5.js

@@ -0,0 +1,25 @@
+import { format as e } from "date-fns";
+const n = (r) => {
+  const t = r?.trim();
+  if (t) {
+    try {
+      e(/* @__PURE__ */ new Date(), t);
+    } catch {
+      return;
+    }
+    return t;
+  }
+}, m = (r) => {
+  const t = r?.trim();
+  if (!t) return !0;
+  try {
+    return e(/* @__PURE__ */ new Date(), t), !0;
+  } catch {
+    return !1;
+  }
+};
+export {
+  m as f,
+  n as t
+};
+//# sourceMappingURL=dateTimeUtils-C2AEniv5.js.map

package/dist/dateTimeUtils-C2AEniv5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeUtils-C2AEniv5.js","sources":["../src/dateTimeUtils.ts"],"sourcesContent":["import {format as formatDate} from 'date-fns'\n\n/**\n * Checks whether the format is valid and returns it trimmed.\n * @param format the date format.\n * @returns the trimmed date format or undefined.\n */\nexport const toSafeFormat = (format?: string) => {\n  const trimmed = format?.trim()\n  if (!trimmed) return undefined\n\n  try {\n    // fixes RSuite issue v5.64.2, check on never version\n    formatDate(new Date(), trimmed)\n  } catch (e) {\n    return undefined\n  }\n\n  return trimmed\n}\n\n/**\n * Checks whether the format is valid.\n * @param format the date format.\n * @returns true if the format is a valid, false otherwise.\n */\nexport const formatValidator = (format?: string) => {\n  const trimmed = format?.trim()\n  if (!trimmed) return true\n\n  try {\n    formatDate(new Date(), trimmed)\n    return true\n  } catch (e) {\n    return false\n  }\n}\n"],"names":["toSafeFormat","format","trimmed","formatDate","formatValidator"],"mappings":";AAOO,MAAMA,IAAe,CAACC,MAAoB;AAC/C,QAAMC,IAAUD,GAAQ,KAAA;AACxB,MAAKC,GAEL;AAAA,QAAI;AAEFC,MAAAA,EAAW,oBAAI,KAAA,GAAQD,CAAO;AAAA,IAChC,QAAY;AACV;AAAA,IACF;AAEA,WAAOA;AAAA;AACT,GAOaE,IAAkB,CAACH,MAAoB;AAClD,QAAMC,IAAUD,GAAQ,KAAA;AACxB,MAAI,CAACC,EAAS,QAAO;AAErB,MAAI;AACFC,WAAAA,EAAW,oBAAI,KAAA,GAAQD,CAAO,GACvB;AAAA,EACT,QAAY;AACV,WAAO;AAAA,EACT;AACF;"}

package/dist/definitions.d.ts

@@ -0,0 +1,5 @@
+import { BuilderComponent } from '@react-form-builder/core';
+
+export declare const components: BuilderComponent[];
+
+export { }

package/dist/definitions.js

@@ -0,0 +1,6 @@
+import { rSuiteComponents as t } from "./r-suite-components.js";
+const n = t.map((o) => o.build());
+export {
+  n as components
+};
+//# sourceMappingURL=definitions.js.map

package/dist/definitions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"definitions.js","sources":["../src/definitions.ts"],"sourcesContent":["import {rSuiteComponents} from './rSuiteComponents'\n\nexport const components = rSuiteComponents.map(def => def.build())\n"],"names":["components","rSuiteComponents","def"],"mappings":";AAEO,MAAMA,IAAaC,EAAiB,IAAI,CAAAC,MAAOA,EAAI,OAAO;"}

package/dist/divider.d.ts

@@ -0,0 +1,11 @@
+import { Definer } from '@react-form-builder/core';
+import { DividerProps } from 'rsuite';
+import { ElementType } from 'react';
+import { JSX } from 'react';
+import { PropsWithChildren } from 'react';
+import { ReplaceProps } from 'rsuite/esm/internals/types/utils';
+import { WithAsProps } from 'rsuite/esm/internals/types';
+
+export declare const rsDivider: Definer<PropsWithChildren<ReplaceProps<ElementType<any, keyof JSX.IntrinsicElements>, WithAsProps<ElementType<any, keyof JSX.IntrinsicElements>> & DividerProps>>>;
+
+export { }

package/dist/divider.js

@@ -0,0 +1,12 @@
+import { jsx as i } from "@emotion/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";
+const s = { width: 24, height: 24 }, c = () => /* @__PURE__ */ i("svg", { style: s, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ i("line", { x1: "4", y1: "10", x2: "16", y2: "10", stroke: "#9CA3AF", strokeWidth: "2", strokeLinecap: "round" }) }), p = o(t, "RsDivider").name("Divider").category(n).icon(c).props({
+  children: e,
+  vertical: r
+});
+export {
+  p as rsDivider
+};
+//# sourceMappingURL=divider.js.map

package/dist/divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.js","sources":["../src/components/RsDivider.tsx"],"sourcesContent":["import {boolean, define, string} from '@react-form-builder/core'\nimport {Divider} from 'rsuite'\nimport {staticCategory} from './categories'\n\nconst iconStyle = {width: 24, height: 24}\n\nconst Icon = () => (\n  <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n    <line x1=\"4\" y1=\"10\" x2=\"16\" y2=\"10\" stroke=\"#9CA3AF\" strokeWidth=\"2\" strokeLinecap=\"round\"/>\n  </svg>\n)\n\nexport const rsDivider = define(Divider, 'RsDivider')\n  .name('Divider')\n  .category(staticCategory)\n  .icon(Icon)\n  .props({\n    children: string,\n    vertical: boolean,\n  })\n"],"names":["iconStyle","Icon","jsx","rsDivider","define","Divider","staticCategory","string","boolean"],"mappings":";;;;AAIA,MAAMA,IAAY,EAAC,OAAO,IAAI,QAAQ,GAAA,GAEhCC,IAAO,MACX,gBAAAC,EAAC,OAAA,EAAI,OAAOF,GAAW,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC3D,UAAA,gBAAAE,EAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,KAAI,eAAc,QAAA,CAAO,GAC7F,GAGWC,IAAYC,EAAOC,GAAS,WAAW,EACjD,KAAK,SAAS,EACd,SAASC,CAAc,EACvB,KAAKL,CAAI,EACT,MAAM;AAAA,EACL,UAAUM;AAAA,EACV,UAAUC;AACZ,CAAC;"}

package/dist/dropdown.d.ts

@@ -0,0 +1,58 @@
+import { Definer } from '@react-form-builder/core';
+import { InputPickerProps } from 'rsuite';
+import { ItemDataType } from 'rsuite/esm/internals/types';
+
+/**
+ * The callback function for loading data into the component.
+ * @param newData the new data to be loaded into the component.
+ */
+declare type LoadCallback = (newData: ItemDataType[]) => void;
+
+/**
+ * Describes a function that is called when data is to be loaded into the component.
+ * @param searchKeyword the current search value.
+ * @param loadCallback the callback function called to set the data in the component.
+ * @param currentDataLength the length of the data already loaded.
+ */
+declare type LoadDataHandler = (searchKeyword: string, loadCallback: LoadCallback, currentDataLength: number) => void;
+
+/**
+ * Interface for load data props.
+ */
+declare interface LoadDataProps {
+    /**
+     * The callback function called when data should be load.
+     */
+    onLoadData?: LoadDataHandler;
+    /**
+     * Flag, if true, the data will be loaded in advance, before opening the dropdown, false otherwise.
+     */
+    preload?: boolean;
+    /**
+     * Flag, if true, the virtualized will be disabled, false otherwise.
+     */
+    disableVirtualized?: boolean;
+}
+
+export declare const rsDropdown: Definer<RsDropdownProps>;
+
+/**
+ * Props for the RsDropdown component.
+ */
+export declare interface RsDropdownProps extends InputPickerProps, LoadDataProps {
+    /**
+     * The label for the dropdown.
+     */
+    label: string;
+    /**
+     * The htmlSize attribute defines the width of the &laquo;input> element.
+     */
+    htmlSize?: number;
+    /**
+     * Called after the value has been changed.
+     * @param value the value.
+     */
+    onChange?: (value: any) => void;
+}
+
+export { }

package/dist/dropdown.js

@@ -0,0 +1,56 @@
+import { jsxs as y, Fragment as k, jsx as o } from "@emotion/react/jsx-runtime";
+import { define as x, array as L, string as h, boolean as w, toLabeledValues 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-ETOgvhCH.js";
+import { u as A, a as F } from "./hooks-DMVtrI-b.js";
+import { f as R } 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,
+  value: d = "",
+  className: l,
+  preload: p,
+  disableVirtualized: m,
+  ...r
+}) => {
+  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,
+    {
+      ref: u,
+      ...r,
+      ...c,
+      onClean: f,
+      renderMenu: b
+    }
+  ) });
+}, Q = x(M, "RsDropdown").name("Dropdown").category(R).props({
+  ...v,
+  preload: w.default(!1),
+  label: h.default("Select"),
+  data: L.default(C(["a", "b", "c"]))
+});
+export {
+  Q as rsDropdown
+};
+//# sourceMappingURL=dropdown.js.map

package/dist/dropdown.js.map

@@ -0,0 +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        ref={inputRef}\n        {...props}\n        {...loadProps}\n        onClean={onClean}\n        renderMenu={renderMenu}\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,MACC,KAAKT;AAAA,MACJ,GAAGN;AAAA,MACH,GAAGE;AAAA,MACJ,SAAAE;AAAA,MACA,YAAAI;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,GAEaQ,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;"}

package/dist/error-message.d.ts

@@ -0,0 +1,20 @@
+import { Definer } from '@react-form-builder/core';
+import { ErrorWrapperProps } from '@react-form-builder/core';
+import { TypeAttributes } from 'rsuite/esm/internals/types';
+
+/**
+ * Metadata builder for rSuite-based error display component.
+ */
+export declare const rsErrorMessage: Definer<RsErrorMessageProps>;
+
+/**
+ * The properties of RsErrorMessage component.
+ */
+export declare interface RsErrorMessageProps extends ErrorWrapperProps {
+    /**
+     * The placement of an error message.
+     */
+    placement?: TypeAttributes.Placement8;
+}
+
+export { }

package/dist/error-message.js

@@ -0,0 +1,28 @@
+import { jsxs as i, jsx as n } from "@emotion/react/jsx-runtime";
+import { cx as c } from "@emotion/css";
+import e from "@emotion/styled";
+import { define as p, string as l, useAriaErrorMessage as d } from "@react-form-builder/core";
+import { Form as g } from "rsuite";
+import { p as f } from "./commonProperties-ETOgvhCH.js";
+import { a as h } from "./categories-_98lyB3C.js";
+const x = e.div`
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  height: 100%;
+`, E = e(g.ErrorMessage)`
+  z-index: 6;
+`, M = ({ error: r, children: o, placement: s, className: t }) => {
+  const a = r ? "rs-form-control-wrapper" : void 0, m = d();
+  return /* @__PURE__ */ i(x, { className: c(t, a), children: [
+    o,
+    /* @__PURE__ */ n(E, { show: !!r, placement: s ?? "bottomStart", id: m["aria-errormessage"], children: r })
+  ] });
+}, R = p(M, "RsErrorMessage").name("Error message").category(h).props({
+  placement: f.default("bottomStart"),
+  className: l
+}).componentRole("error-message").hideFromComponentPalette();
+export {
+  R as rsErrorMessage
+};
+//# sourceMappingURL=error-message.js.map

package/dist/error-message.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"error-message.js","sources":["../src/components/RsErrorMessage.tsx"],"sourcesContent":["import {cx} from '@emotion/css'\nimport styled from '@emotion/styled'\nimport type {ErrorWrapperProps} from '@react-form-builder/core'\nimport {define, string, useAriaErrorMessage} from '@react-form-builder/core'\nimport {Form} from 'rsuite'\nimport type {TypeAttributes} from 'rsuite/esm/internals/types'\nimport {placement} from '../commonProperties'\nimport {staticCategory} from './categories'\n\nconst SDiv = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n`\n\nconst SErrorMessage = styled(Form.ErrorMessage)`\n  z-index: 6;\n`\n\n/**\n * The properties of RsErrorMessage component.\n */\nexport interface RsErrorMessageProps extends ErrorWrapperProps {\n  /**\n   * The placement of an error message.\n   */\n  placement?: TypeAttributes.Placement8\n}\n\nconst RsErrorMessage = ({error, children, placement, className}: RsErrorMessageProps) => {\n  const divClassName = error ? 'rs-form-control-wrapper' : undefined\n  const aria = useAriaErrorMessage()\n\n  return <SDiv className={cx(className, divClassName)}>\n    {children}\n    <SErrorMessage show={Boolean(error)} placement={placement ?? 'bottomStart'} id={aria['aria-errormessage']}>\n      {error}\n    </SErrorMessage>\n  </SDiv>\n}\n\n/**\n * Metadata builder for rSuite-based error display component.\n */\nexport const rsErrorMessage = define(RsErrorMessage, 'RsErrorMessage')\n  .name('Error message')\n  .category(staticCategory)\n  .props({\n    placement: placement.default('bottomStart'),\n    className: string,\n  })\n  .componentRole('error-message')\n  .hideFromComponentPalette()\n"],"names":["SDiv","styled","SErrorMessage","Form","RsErrorMessage","error","children","placement","className","divClassName","aria","useAriaErrorMessage","cx","jsx","rsErrorMessage","define","staticCategory","string"],"mappings":";;;;;;;AASA,MAAMA,IAAOC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOdC,IAAgBD,EAAOE,EAAK,YAAY;AAAA;AAAA,GAcxCC,IAAiB,CAAC,EAAC,OAAAC,GAAO,UAAAC,GAAU,WAAAC,GAAW,WAAAC,QAAoC;AACvF,QAAMC,IAAeJ,IAAQ,4BAA4B,QACnDK,IAAOC,EAAA;AAEb,2BAAQX,GAAA,EAAK,WAAWY,EAAGJ,GAAWC,CAAY,GAC/C,UAAA;AAAA,IAAAH;AAAA,IACD,gBAAAO,EAACX,GAAA,EAAc,MAAM,EAAQG,GAAQ,WAAWE,KAAa,eAAe,IAAIG,EAAK,mBAAmB,GACrG,UAAAL,EAAA,CACH;AAAA,EAAA,GACF;AACF,GAKaS,IAAiBC,EAAOX,GAAgB,gBAAgB,EAClE,KAAK,eAAe,EACpB,SAASY,CAAc,EACvB,MAAM;AAAA,EACL,WAAWT,EAAU,QAAQ,aAAa;AAAA,EAC1C,WAAWU;AACb,CAAC,EACA,cAAc,eAAe,EAC7B,yBAAA;"}

package/dist/{formengine-rsuite-cbc1d3ae.js → formengine-rsuite.css-DkGUHOws.js}

@@ -2,4 +2,4 @@ const g = "data:text/css;base64,Lm9wdGltYWpldC1mb3JtYnVpbGRlciwKLm9wdGltYWpldC1m
 export {
   g as default
 };
-//# sourceMappingURL=formengine-rsuite-cbc1d3ae.js.map
+//# sourceMappingURL=formengine-rsuite.css-DkGUHOws.js.map

package/dist/formengine-rsuite.css-DkGUHOws.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"formengine-rsuite.css-DkGUHOws.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/header.d.ts

@@ -0,0 +1,69 @@
+import { Definer } from '@react-form-builder/core';
+import { JSXElementConstructor } from 'react';
+import { ReactElement } from 'react';
+
+/**
+ * Common CSS block properties.
+ */
+declare interface AreaProps {
+    /**
+     * The background color.
+     */
+    backgroundColor?: string;
+}
+
+/**
+ * React component that displays the header.
+ * @param props the React component properties.
+ * @param props.content the header text.
+ * @param props.headerSize the header size.
+ * @param props.props the other wrapped properties of the component.
+ * @returns the React element.
+ */
+export declare const RsHeader: ({ content, headerSize, ...props }: RsHeaderProps) => ReactElement<    {
+alignment?: string;
+fontSize?: number;
+fontWeight?: string;
+color?: string;
+backgroundColor?: string;
+}, string | JSXElementConstructor<any>>;
+
+export declare const rsHeader: Definer<RsHeaderProps>;
+
+/**
+ * Props for the RsHeader component.
+ */
+export declare interface RsHeaderProps extends TextProps {
+    /**
+     * The content of the header.
+     */
+    content?: string;
+    /**
+     * The size of the header.
+     */
+    headerSize: string;
+}
+
+/**
+ * Common CSS text properties.
+ */
+declare interface TextProps extends AreaProps {
+    /**
+     * The text alignment.
+     */
+    alignment?: string;
+    /**
+     * The font size.
+     */
+    fontSize?: number;
+    /**
+     * The font weight.
+     */
+    fontWeight?: string;
+    /**
+     * The color.
+     */
+    color?: string;
+}
+
+export { }

package/dist/header.js

@@ -0,0 +1,20 @@
+import { define as s, string as n, color as d, useBuilderValue as c } from "@react-form-builder/core";
+import { createElement as i } from "react";
+import { h as l, t as m } from "./commonProperties-ETOgvhCH.js";
+import { a as u } from "./categories-_98lyB3C.js";
+const e = "Header", f = ({ content: r, headerSize: t, ...o }) => {
+  const a = c(r, e);
+  return i(t, o, a);
+}, { textAlign: p, color: g } = m, C = s(f, "RsHeader").name("Header").category(u).props({
+  content: n.required.default(e).dataBound,
+  headerSize: l
+}).css({
+  backgroundColor: d,
+  textAlign: p,
+  color: g
+});
+export {
+  f as RsHeader,
+  C as rsHeader
+};
+//# sourceMappingURL=header.js.map

package/dist/header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.js","sources":["../src/components/RsHeader.tsx"],"sourcesContent":["import {color as backgroundColor, define, string, useBuilderValue} from '@react-form-builder/core'\nimport {createElement} from 'react'\nimport {headerSize, textStyles} from '../commonProperties'\nimport type {TextProps} from '../commonTypes'\nimport {staticCategory} from './categories'\n\nconst defaultContent = 'Header'\n\n/**\n * Props for the RsHeader component.\n */\nexport interface RsHeaderProps extends TextProps {\n  /**\n   * The content of the header.\n   */\n  content?: string\n  /**\n   * The size of the header.\n   */\n  headerSize: string\n}\n\n/**\n * React component that displays the header.\n * @param props the React component properties.\n * @param props.content the header text.\n * @param props.headerSize the header size.\n * @param props.props the other wrapped properties of the component.\n * @returns the React element.\n */\nexport const RsHeader = ({content, headerSize, ...props}: RsHeaderProps) => {\n  const children = useBuilderValue(content, defaultContent)\n  return createElement(headerSize, props, children)\n}\n\nconst {textAlign, color} = textStyles\n\nexport const rsHeader = define(RsHeader, 'RsHeader')\n  .name('Header')\n  .category(staticCategory)\n  .props({\n    content: string.required.default(defaultContent).dataBound,\n    headerSize\n  })\n  .css({\n    backgroundColor,\n    textAlign,\n    color\n  })\n"],"names":["defaultContent","RsHeader","content","headerSize","props","children","useBuilderValue","createElement","textAlign","color","textStyles","rsHeader","define","staticCategory","string","backgroundColor"],"mappings":";;;;AAMA,MAAMA,IAAiB,UAwBVC,IAAW,CAAC,EAAC,SAAAC,GAAS,YAAAC,GAAY,GAAGC,QAA0B;AAC1E,QAAMC,IAAWC,EAAgBJ,GAASF,CAAc;AACxD,SAAOO,EAAcJ,GAAYC,GAAOC,CAAQ;AAClD,GAEM,EAAC,WAAAG,GAAW,OAAAC,EAAA,IAASC,GAEdC,IAAWC,EAAOX,GAAU,UAAU,EAChD,KAAK,QAAQ,EACb,SAASY,CAAc,EACvB,MAAM;AAAA,EACL,SAASC,EAAO,SAAS,QAAQd,CAAc,EAAE;AAAA,EACjD,YAAAG;AACF,CAAC,EACA,IAAI;AAAA,EAAA,iBACHY;AAAAA,EACA,WAAAP;AAAA,EACA,OAAAC;AACF,CAAC;"}

package/dist/hooks-DMVtrI-b.js

@@ -0,0 +1,50 @@
+import { useState as A, useCallback as i, useEffect as g, useRef as R, useMemo as V } from "react";
+const O = ({ data: t, onLoadData: e, value: s, preload: u, disableVirtualized: k, ...f }) => {
+  const [o, S] = A(""), [c, h] = A(t ?? []), [d, m] = A(!1), l = i((r) => r.value === s, [s]), n = i((r) => {
+    let b = c;
+    s && r.some(l) && (b = c.filter((P) => !l(P))), h([...b, ...r]), m(!1);
+  }, [c, l, s]);
+  g(() => {
+    u && e?.("", n, 0);
+  }, [u, e]), g(() => {
+    const r = s && !t?.some(l) ? [{ value: s, label: s }] : [];
+    h([
+      ...r,
+      ...t ?? []
+    ]);
+  }, [t]), g(() => {
+    o && (e && m(!0), e?.(o, n, 0));
+  }, [o]);
+  const I = {
+    onItemsRendered: ({ visibleStopIndex: r }) => {
+      e && r >= c.length - 1 && (m(!0), e(o, n, c.length));
+    }
+  }, x = i((r) => {
+    e && h([]), S(r), f.onSearch?.(r);
+  }, [e, f]), C = i(() => {
+    f.onOpen?.(), !s && !u && e?.("", n, 0);
+  }, [f, s, u, e, n]), M = i((r, b) => {
+    h([b, ...c]), S("");
+  }, [c]);
+  return { data: c, value: s, loading: d, listProps: I, onSearch: x, onOpen: C, onCreate: M, virtualized: !!e && k !== !0 };
+};
+function p(t) {
+  t && !t.hasAttribute("aria-hidden") && t.setAttribute("aria-hidden", "true");
+}
+const q = () => {
+  const t = R(null);
+  return g(() => {
+    const e = t.current?.root?.querySelector("input.rs-picker-search-input");
+    p(e);
+  }, []), t;
+}, F = (t, e) => {
+  const s = t?.length;
+  return V(() => s ? t.map(e) : [], [t, s, e]);
+};
+export {
+  q as a,
+  F as b,
+  p as s,
+  O as u
+};
+//# sourceMappingURL=hooks-DMVtrI-b.js.map

package/dist/hooks-DMVtrI-b.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks-DMVtrI-b.js","sources":["../src/hooks.ts"],"sourcesContent":["import {useCallback, useEffect, useMemo, useRef, useState} from 'react'\nimport type {InputPickerProps, PickerHandle} from 'rsuite'\nimport type {ValueType} from 'rsuite/esm/InputPicker/InputPicker'\nimport type {ItemDataType} from 'rsuite/esm/internals/types'\nimport type {ListProps} from 'rsuite/esm/internals/Windowing'\n\n/**\n * The callback function for loading data into the component.\n * @param newData the new data to be loaded into the component.\n */\nexport type LoadCallback = (newData: ItemDataType[]) => void\n\n/**\n * Describes a function that is called when data is to be loaded into the component.\n * @param searchKeyword the current search value.\n * @param loadCallback the callback function called to set the data in the component.\n * @param currentDataLength the length of the data already loaded.\n */\nexport type LoadDataHandler = (\n  searchKeyword: string,\n  loadCallback: LoadCallback,\n  currentDataLength: number\n) => void\n\n\n/**\n * Interface for load data props.\n */\nexport interface LoadDataProps {\n  /**\n   * The callback function called when data should be load.\n   */\n  onLoadData?: LoadDataHandler\n  /**\n   * Flag, if true, the data will be loaded in advance, before opening the dropdown, false otherwise.\n   */\n  preload?: boolean\n  /**\n   * Flag, if true, the virtualized will be disabled, false otherwise.\n   */\n  disableVirtualized?: boolean\n}\n\n/**\n * Props for the useLoadData hook combining InputPickerProps and LoadDataProps.\n */\ninterface UseLoadDataProps extends Pick<InputPickerProps,\n  'data' | 'value' | 'onSearch' | 'onOpen' | 'onCreate'>, LoadDataProps {\n}\n\n/**\n * Implements data loading and infinite loader logic for RSuite picker components.\n * @param props the React component properties.\n * @param props.data the data for the picker.\n * @param props.onLoadData the callback function called when data should be load.\n * @param props.onSearch the callback function called when a search is performed.\n * @param props.onOpen the callback function called when the list is displayed.\n * @param props.value the current value of the component.\n * @param props.preload flag, if true, the data will be loaded in advance, before opening the dropdown, false otherwise.\n * @param props.disableVirtualized flag, if true, the virtualized will be disabled, false otherwise.\n * @returns the object with prepared properties for the picker.\n */\nexport const useLoadData = ({data: initialData, onLoadData, value, preload, disableVirtualized, ...props}: UseLoadDataProps) => {\n  // TODO lint ignored, will be fixed after merger with #FE-619\n  const [searchValue, setSearchValue] = useState('')\n  const [data, setData] = useState<ItemDataType[]>(initialData ?? [])\n  const [loading, setLoading] = useState(false)\n  const hasValue = useCallback((item: ItemDataType) => item.value === value, [value])\n\n  const loadCallback: LoadCallback = useCallback((newData) => {\n    let filteredData = data\n\n    if (value && newData.some(hasValue)) {\n      filteredData = data.filter(item => !hasValue(item))\n    }\n\n    setData([...filteredData, ...newData])\n    setLoading(false)\n  }, [data, hasValue, value])\n\n  useEffect(() => {\n    if (preload) onLoadData?.('', loadCallback, 0)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [preload, onLoadData])\n\n  useEffect(() => {\n    const valueItem = value && !initialData?.some(hasValue) ? [{value, label: value}] : []\n    setData([\n      ...valueItem,\n      ...(initialData ?? [])\n    ])\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [initialData])\n\n  useEffect(() => {\n    if (!searchValue) return\n    if (onLoadData) setLoading(true)\n    onLoadData?.(searchValue, loadCallback, 0)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [searchValue])\n\n  const listProps: Partial<ListProps> = {\n    onItemsRendered: ({visibleStopIndex}) => {\n      if (onLoadData && (visibleStopIndex >= data.length - 1)) {\n        setLoading(true)\n        onLoadData(searchValue, loadCallback, data.length)\n      }\n    }\n  }\n\n  const onSearch = useCallback((value: string) => {\n    if (onLoadData) setData([])\n    setSearchValue(value)\n    props.onSearch?.(value)\n  }, [onLoadData, props])\n\n  const onOpen = useCallback(() => {\n    props.onOpen?.()\n    if (!value && !preload) onLoadData?.('', loadCallback, 0)\n  }, [props, value, preload, onLoadData, loadCallback])\n\n  const onCreate: InputPickerProps['onCreate'] = useCallback((_: ValueType, item: ItemDataType) => {\n    setData([item, ...data])\n    setSearchValue('')\n  }, [data])\n\n  const virtualized = !!onLoadData && disableVirtualized !== true\n\n  return {data, value, loading, listProps, onSearch, onOpen, onCreate, virtualized}\n}\n\n/**\n * Sets aria-hidden=\"true\" on the HTML element if the attribute is not already set.\n * @param element element on which to set the aria-hidden attribute to true.\n */\nexport function setAriaHiddenIfNotExists(element: Element | null | undefined) {\n  if (element && !element.hasAttribute('aria-hidden')) {\n    element.setAttribute('aria-hidden', 'true')\n  }\n}\n\n/**\n * Adds aria-hidden to the internal input of the RSuite InputPicker.\n * @returns ref that should be set by the InputPicker component.\n */\nexport const useFixAriaAttributesForInputPicker = () => {\n  const inputRef = useRef<PickerHandle>(null)\n  useEffect(() => {\n    const rsPickerSearch = inputRef.current?.root?.querySelector('input.rs-picker-search-input')\n    setAriaHiddenIfNotExists(rsPickerSearch)\n  }, [])\n  return inputRef\n}\n\n/**\n * Returns the memoized conversion value over an array.\n * @param array the array.\n * @param mapFn the conversion function.\n * @returns the memoized conversion value over an array.\n */\nexport const useArrayMapMemo = <T, R>(array: T[] | undefined,\n                                      mapFn: (item: T, index: number) => R) => {\n  const length = array?.length\n  return useMemo(() => {\n    if (!length) return []\n    return array.map(mapFn)\n  }, [array, length, mapFn])\n}\n"],"names":["useLoadData","initialData","onLoadData","value","preload","disableVirtualized","props","searchValue","setSearchValue","useState","data","setData","loading","setLoading","hasValue","useCallback","item","loadCallback","newData","filteredData","useEffect","valueItem","listProps","visibleStopIndex","onSearch","onOpen","onCreate","_","setAriaHiddenIfNotExists","element","useFixAriaAttributesForInputPicker","inputRef","useRef","rsPickerSearch","useArrayMapMemo","array","mapFn","length","useMemo"],"mappings":"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"}

package/dist/image.d.ts

@@ -0,0 +1,22 @@
+import { ComponentProps } from 'react';
+import { Definer } from '@react-form-builder/core';
+
+/**
+ * Common CSS block properties.
+ */
+declare interface AreaProps {
+    /**
+     * The background color.
+     */
+    backgroundColor?: string;
+}
+
+export declare const rsImage: Definer<RsImageProps>;
+
+/**
+ * Props for the RsImage component.
+ */
+export declare interface RsImageProps extends ComponentProps<'img'>, AreaProps {
+}
+
+export { }