@react-form-builder/components-rsuite 7.7.0 → 7.8.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-3caeeea0.js")).default;
+  await r(e[s.LTR], t, "stylesheet"), a(e[s.RTL]);
+}, c = async () => {
+  const t = (await import("./rsuite-no-reset-rtl.min-af106e5c.js")).default;
+  await r(e[s.RTL], t, "stylesheet"), a(e[s.LTR]);
+}, n = async () => {
+  const t = (await import("./formengine-rsuite-cbc1d3ae.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,mCAA2C,GAAG;AACzE,QAAMC,EAAaJ,EAAYC,EAAK,GAAG,GAAGE,GAAM,YAAY,GAC7CE,EAAAL,EAAYC,EAAK,GAAG,CAAC;AACtC,GAMaK,IAAe,YAAY;AACtC,QAAMH,KAAQ,MAAM,OAAO,uCAA+C,GAAG;AAC7E,QAAMC,EAAaJ,EAAYC,EAAK,GAAG,GAAGE,GAAM,YAAY,GAC7CE,EAAAL,EAAYC,EAAK,GAAG,CAAC;AACtC,GAMaM,IAA4B,YAAY;AACnD,QAAMJ,KAAQ,MAAM,OAAO,iCAAyC,GAAG;AACjE,QAAAC,EAAa,mBAAmBD,GAAM,YAAY;AAC1D;"}

package/dist/date-picker.d.ts

@@ -0,0 +1,25 @@
+import type { 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,75 @@
+import { jsx as m } from "@emotion/react/jsx-runtime";
+import { define as C, string as r, oneOf as T, date as n, boolean as t, disabled as y, number as p, event as e, useComponentData as k } from "@react-form-builder/core";
+import { useMemo as u, useEffect as w } from "react";
+import { DatePicker as M } from "rsuite";
+import { r as O, p as P, s as v } from "./commonProperties-d849cd5b.js";
+import { f as x, t as V } from "./dateTimeUtils-b07ce438.js";
+import { f as N } from "./categories-7064b279.js";
+import { u as A } from "./useTouchOnEvent-2be3c60d.js";
+import { L as F } from "./Labeled-751c2353.js";
+import "date-fns";
+import "@emotion/react";
+import "@emotion/styled";
+const c = (o) => {
+  if (typeof o == "string") {
+    const a = new Date(o);
+    return isNaN(a.getTime()) ? (console.error("Invalid date string:", o), null) : a;
+  }
+  return o;
+}, I = ({ label: o, value: a, className: D, format: l, defaultValue: g, ...s }) => {
+  const i = k(), h = u(() => V(l), [l]), E = A(s, "onClean"), b = u(() => c(a), [a]);
+  return w(() => {
+    var d;
+    if (typeof a == "string") {
+      const f = c(a);
+      f instanceof Date && ((d = i.field) == null || d.setValue(f));
+    }
+  }, [a, i]), /* @__PURE__ */ m(F, { label: o, className: D, passAriaToChildren: !0, children: /* @__PURE__ */ m(M, { ...s, value: b ?? g ?? null, format: h, onClean: E }) });
+}, J = C(I, "RsDatePicker").name("DatePicker").category(N).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: y.default(!1),
+  readOnly: O,
+  editable: t.default(!0),
+  format: r.validated(x, {
+    code: "INVALID_DATE_FORMAT",
+    message: "The provided date format is invalid"
+  }).withEditorProps({ placeholder: "yyyy-MM-dd" }),
+  isoWeek: t.default(!1),
+  limitEndYear: p,
+  limitStartYear: p,
+  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: P,
+  preventOverflow: t.default(!1),
+  showMeridiem: t.default(!1),
+  showWeekNumbers: t.default(!1),
+  size: v,
+  value: n.valued
+});
+export {
+  J 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","_a","Labeled","jsx","DatePicker","rsDatePicker","define","fieldsCategory","string","oneOf","date","boolean","disabled","readOnly","formatValidator","number","event","placement","size"],"mappings":";;;;;;;;;;;;AAkCA,MAAMA,IAAiB,CAACC,MAAe;AACjC,MAAA,OAAOA,KAAU,UAAU;AACvB,UAAAC,IAAa,IAAI,KAAKD,CAAK;AACjC,WAAK,MAAMC,EAAW,QAAS,CAAA,KAGvB,QAAA,MAAM,wBAAwBD,CAAK,GACpC,QAHEC;AAAA,EAIX;AACO,SAAAD;AACT,GAaME,IAAe,CAAC,EAAC,OAAAC,GAAO,OAAAH,GAAO,WAAAI,GAAW,QAAAC,GAAQ,cAAAC,GAAc,GAAGC,QAA8B;AACrG,QAAMC,IAAgBC,KAChBC,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;;AACV,QAAA,OAAQhB,KAAsB,UAAU;AACpC,YAAAiB,IAASlB,EAAeC,CAAK;AACnC,MAAIiB,aAAkB,UACNC,IAAAV,EAAA,UAAA,QAAAU,EAAO,SAASD;AAAA,IAElC;AAAA,EAAA,GACC,CAACjB,GAAOQ,CAAa,CAAC,qBAGtBW,GAAQ,EAAA,OAAAhB,GAAc,WAAAC,GAAsB,oBAAoB,IAC/D,UAAC,gBAAAgB,EAAAC,GAAA,EAAY,GAAGd,GAAO,OAAOQ,KAAeT,KAAgB,MAAM,QAAQI,GAAY,SAAAG,GAAiB,EAC1G,CAAA;AAEJ,GAEaS,IAAeC,EAAOrB,GAAc,cAAc,EAC5D,KAAK,YAAY,EACjB,SAASsB,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,EACV,CAAA,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-b07ce438.js

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

package/dist/dateTimeUtils-b07ce438.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dateTimeUtils-b07ce438.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":";AAOa,MAAAA,IAAe,CAACC,MAAoB;AACzC,QAAAC,IAAUD,KAAAA,gBAAAA,EAAQ;AACxB,MAAKC,GAED;AAAA,QAAA;AAESC,MAAAA,EAAA,oBAAI,QAAQD,CAAO;AAAA,YACpB;AACH;AAAA,IACT;AAEO,WAAAA;AAAA;AACT,GAOaE,IAAkB,CAACH,MAAoB;AAC5C,QAAAC,IAAUD,KAAAA,gBAAAA,EAAQ;AACxB,MAAI,CAACC;AAAgB,WAAA;AAEjB,MAAA;AACSC,WAAAA,EAAA,oBAAI,QAAQD,CAAO,GACvB;AAAA,UACG;AACH,WAAA;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,59 @@
+import { rSuiteComponents as t } from "./r-suite-components.js";
+import "./categories-7064b279.js";
+import "./wizard.js";
+import "@emotion/react/jsx-runtime";
+import "@emotion/css";
+import "@emotion/styled";
+import "@react-form-builder/core";
+import "react";
+import "rsuite";
+import "./hooks-ff273a8a.js";
+import "./InputCell-f4236002.js";
+import "./autocomplete.js";
+import "./commonProperties-d849cd5b.js";
+import "./Labeled-751c2353.js";
+import "@emotion/react";
+import "./breadcrumb.js";
+import "./button.js";
+import "./calendar.js";
+import "./card.js";
+import "./header.js";
+import "./checkbox.js";
+import "./container.js";
+import "./date-picker.js";
+import "./dateTimeUtils-b07ce438.js";
+import "date-fns";
+import "./useTouchOnEvent-2be3c60d.js";
+import "./divider.js";
+import "./dropdown.js";
+import "./error-message.js";
+import "./image.js";
+import "./input.js";
+import "@rsuite/icons";
+import "./label.js";
+import "./link.js";
+import "./menu.js";
+import "./message.js";
+import "./modal.js";
+import "./modal-layout.js";
+import "./number-format.js";
+import "react-number-format";
+import "./WrappedInput-bc5a6d33.js";
+import "./pattern-format.js";
+import "./placeholder.js";
+import "./progress.js";
+import "./radio-group.js";
+import "./search.js";
+import "./static-content.js";
+import "./tab.js";
+import "./tag-picker.js";
+import "./text-area.js";
+import "./time-picker.js";
+import "./toggle.js";
+import "./tooltip.js";
+import "./uploader.js";
+const mo = t.map((o) => o.build());
+export {
+  mo 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,KAAaC,EAAiB,IAAI,CAAOC,MAAAA,EAAI,MAAO,CAAA;"}

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, string as r, boolean as e } from "@react-form-builder/core";
+import { Divider as t } from "rsuite";
+import { s as n } from "./categories-7064b279.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" }) }), a = o(t, "RsDivider").name("Divider").category(n).icon(c).props({
+  children: r,
+  vertical: e
+});
+export {
+  a 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,GAAE,GAElCC,IAAO,MACV,gBAAAC,EAAA,OAAA,EAAI,OAAOF,GAAW,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC3D,UAAC,gBAAAE,EAAA,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,KAAI,eAAc,QAAA,CAAO,EAC7F,CAAA,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 type { InputPickerProps } from 'rsuite';
+import type { 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) => {};
+
+/**
+ * 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,57 @@
+import { jsxs as y, Fragment as k, jsx as o } from "@emotion/react/jsx-runtime";
+import { define as x, boolean as L, string as h, array 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-d849cd5b.js";
+import { u as A, a as F } from "./hooks-ff273a8a.js";
+import { f as R } from "./categories-7064b279.js";
+import { u as I } from "./useTouchOnEvent-2be3c60d.js";
+import { L as S } from "./Labeled-751c2353.js";
+import T from "@emotion/styled";
+import "@emotion/react";
+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
+    }
+  ) });
+}, U = x(M, "RsDropdown").name("Dropdown").category(R).props({
+  ...v,
+  preload: L.default(!1),
+  label: h.default("Select"),
+  data: w.default(C(["a", "b", "c"]))
+});
+export {
+  U 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":";;;;;;;;;;;AAGa,MAAAA,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,EAAmB,CAAA,GAC9GK,IAAUC,EAAgBL,GAAO,SAAS,GAC1CM,IAAWC,KAEXC,IAAaC,EAAY,CAACC,MAC7B,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAAF;AAAA,IACAT,uBAAYd,GAAO,EAAA;AAAA,EAAA,GACtB,GAAK,CAACc,CAAO,CAAC;AAEd,SACG,gBAAAY,EAAAC,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,EAEJ,EAAA,CAAA;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 type { 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-d849cd5b.js";
+import { s as h } from "./categories-7064b279.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;AACjF,QAAAC,IAAeJ,IAAQ,4BAA4B,QACnDK,IAAOC;AAEb,2BAAQX,GAAK,EAAA,WAAWY,EAAGJ,GAAWC,CAAY,GAC/C,UAAA;AAAA,IAAAH;AAAA,IACA,gBAAAO,EAAAX,GAAA,EAAc,MAAM,EAAQG,GAAQ,WAAWE,KAAa,eAAe,IAAIG,EAAK,mBAAmB,GACrG,UACHL,GAAA;AAAA,EACF,EAAA,CAAA;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,yBAAyB;"}

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 | undefined;
+    fontSize?: number | undefined;
+    fontWeight?: string | undefined;
+    color?: string | undefined;
+    backgroundColor?: string | undefined;
+}, 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-d849cd5b.js";
+import { s as u } from "./categories-7064b279.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;AACpE,QAAAC,IAAWC,EAAgBJ,GAASF,CAAc;AACjD,SAAAO,EAAcJ,GAAYC,GAAOC,CAAQ;AAClD,GAEM,EAAC,WAAAG,GAAW,OAAAC,EAAS,IAAAC,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-ff273a8a.js

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