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

package/dist/search.d.ts

@@ -0,0 +1,54 @@
+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 rsSearch: Definer<RsSearchProps>;
+
+/**
+ * Props for the RsSearch component.
+ */
+export declare interface RsSearchProps extends InputPickerProps, LoadDataProps {
+    /**
+     * The label for the search input.
+     */
+    label: string;
+    /**
+     * Called after the value has been changed.
+     * @param value the value.
+     */
+    onChange?: (value: any) => void;
+}
+
+export { }

package/dist/search.js

@@ -0,0 +1,60 @@
+import { jsx as a, jsxs as y } from "@emotion/react/jsx-runtime";
+import c from "@emotion/styled";
+import { define as I, boolean as L, string as l, useComponentData as R, useAriaAttributes as j } from "@react-form-builder/core";
+import { Search as D } from "@rsuite/icons";
+import { useCallback as F, useMemo as M } from "react";
+import { InputPicker as O, Loader as T } from "rsuite";
+import { b as w } from "./commonProperties-d849cd5b.js";
+import { u as z, a as E } from "./hooks-ff273a8a.js";
+import { f as N } from "./categories-7064b279.js";
+import { u as q } from "./useTouchOnEvent-2be3c60d.js";
+import { L as v } from "./Labeled-751c2353.js";
+import "@emotion/react";
+const B = c.div`
+  display: flex;
+  flex: 1;
+
+  .search-icon {
+    margin-inline-start: -28px;
+    margin-top: 10px;
+    z-index: 10;
+  }
+
+  .rs-loader .rs-loader-spin, .rs-loader .rs-loader-spin:after, .rs-loader .rs-loader-spin:before {
+    height: 16px !important;
+    width: 16px !important;
+  }
+`, G = c(O)`
+  flex: 1;
+`, H = () => null, J = ({ data: m, label: t, onLoadData: p, onSearch: d, value: e = "", className: f, preload: u, disableVirtualized: h, ...r }) => {
+  var s;
+  const { loading: x, onOpen: K, ...o } = z({ data: m, onLoadData: p, onSearch: d, value: e, preload: u, disableVirtualized: h }), b = F((P) => {
+    var i;
+    return (i = o.data) != null && i.length ? P : null;
+  }, [(s = o.data) == null ? void 0 : s.length]), g = q(r, "onClean"), n = x ? T : D, { id: C } = R(), S = j({ labeled: !!t }), A = E(), k = M(() => r.cleanable && e ? null : /* @__PURE__ */ a(n, { className: "search-icon" }), [n, r.cleanable, e]);
+  return /* @__PURE__ */ a(v, { label: t, className: f, passAriaToChildren: !1, children: /* @__PURE__ */ y(B, { children: [
+    /* @__PURE__ */ a(
+      G,
+      {
+        id: C,
+        ...S,
+        ...r,
+        ...o,
+        onClean: g,
+        renderMenu: b,
+        caretAs: H,
+        ref: A
+      }
+    ),
+    k
+  ] }) });
+}, ar = I(J, "RsSearch").name("Search").category(N).props({
+  ...w,
+  preload: L.default(!1),
+  label: l.default("Search"),
+  placeholder: l.default("Search")
+});
+export {
+  ar as rsSearch
+};
+//# sourceMappingURL=search.js.map

package/dist/search.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"search.js","sources":["../src/components/RsSearch.tsx"],"sourcesContent":["import styled from '@emotion/styled'\nimport {boolean, define, string, useAriaAttributes, useComponentData} from '@react-form-builder/core'\nimport {Search} from '@rsuite/icons'\nimport type {ReactNode} from 'react'\nimport {useCallback, useMemo} from 'react'\nimport type {InputPickerProps} from 'rsuite'\nimport {InputPicker, Loader} 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'\n\nconst Container = styled.div`\n  display: flex;\n  flex: 1;\n\n  .search-icon {\n    margin-inline-start: -28px;\n    margin-top: 10px;\n    z-index: 10;\n  }\n\n  .rs-loader .rs-loader-spin, .rs-loader .rs-loader-spin:after, .rs-loader .rs-loader-spin:before {\n    height: 16px !important;\n    width: 16px !important;\n  }\n`\n\nconst SInputPicker = styled(InputPicker)`\n  flex: 1;\n`\n\n/**\n * Props for the RsSearch component.\n */\nexport interface RsSearchProps extends InputPickerProps, LoadDataProps {\n  /**\n   * The label for the search input.\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 CustomCaret = () => null\n\n/**\n * Search component with label and data loading support.\n * @param props the component props.\n * @param props.data the data for the search.\n * @param props.label the label for the search input.\n * @param props.onLoadData the callback for loading data.\n * @param props.onSearch the callback for search.\n * @param props.value the value of the search.\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 search props.\n * @returns the React element.\n */\nconst RsSearch = ({data, label, onLoadData, onSearch, value = '', className, preload, disableVirtualized, ...props}: RsSearchProps) => {\n  const {loading, onOpen, ...loadProps} = useLoadData({data, onLoadData, onSearch, value, preload, disableVirtualized})\n\n  const renderMenu = useCallback((menu: ReactNode) => {\n    return loadProps.data?.length ? menu : null\n  }, [loadProps.data?.length])\n\n  const onClean = useTouchOnEvent(props, 'onClean')\n  const Icon = loading ? Loader : Search\n  const {id} = useComponentData()\n  const aria = useAriaAttributes({labeled: !!label})\n  const inputRef = useFixAriaAttributesForInputPicker()\n\n  const icon = useMemo(() => {\n    return !(props.cleanable && value) ? <Icon className={'search-icon'}/> : null\n  }, [Icon, props.cleanable, value])\n\n  return (\n    <Labeled label={label} className={className} passAriaToChildren={false}>\n      <Container>\n        <SInputPicker id={id} {...aria} {...props} {...loadProps} onClean={onClean} renderMenu={renderMenu} caretAs={CustomCaret}\n                      ref={inputRef}/>\n        {icon}\n      </Container>\n    </Labeled>\n  )\n}\n\nexport const rsSearch = define(RsSearch, 'RsSearch')\n  .name('Search')\n  .category(fieldsCategory)\n  .props({\n    ...pickerProps,\n    preload: boolean.default(false),\n    label: string.default('Search'),\n    placeholder: string.default('Search')\n  })\n"],"names":["Container","styled","SInputPicker","InputPicker","CustomCaret","RsSearch","data","label","onLoadData","onSearch","value","className","preload","disableVirtualized","props","loading","onOpen","loadProps","useLoadData","renderMenu","useCallback","menu","_a","onClean","useTouchOnEvent","Icon","Loader","Search","id","useComponentData","aria","useAriaAttributes","inputRef","useFixAriaAttributesForInputPicker","icon","useMemo","Labeled","jsx","rsSearch","define","fieldsCategory","pickerProps","boolean","string"],"mappings":";;;;;;;;;;;;AAcA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAgBnBC,IAAeD,EAAOE,CAAW;AAAA;AAAA,GAmBjCC,IAAc,MAAM,MAgBpBC,IAAW,CAAC,EAAC,MAAAC,GAAM,OAAAC,GAAO,YAAAC,GAAY,UAAAC,GAAU,OAAAC,IAAQ,IAAI,WAAAC,GAAW,SAAAC,GAAS,oBAAAC,GAAoB,GAAGC,QAA0B;;AACrI,QAAM,EAAC,SAAAC,GAAS,QAAAC,GAAQ,GAAGC,MAAaC,EAAY,EAAC,MAAAZ,GAAM,YAAAE,GAAY,UAAAC,GAAU,OAAAC,GAAO,SAAAE,GAAS,oBAAAC,EAAmB,CAAA,GAE9GM,IAAaC,EAAY,CAACC,MAAoB;;AAC3C,YAAAC,IAAAL,EAAU,SAAV,QAAAK,EAAgB,SAASD,IAAO;AAAA,EACtC,GAAA,EAACC,IAAAL,EAAU,SAAV,gBAAAK,EAAgB,MAAM,CAAC,GAErBC,IAAUC,EAAgBV,GAAO,SAAS,GAC1CW,IAAOV,IAAUW,IAASC,GAC1B,EAAC,IAAAC,MAAMC,KACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACxB,GAAM,GAC3CyB,IAAWC,KAEXC,IAAOC,EAAQ,MACVrB,EAAM,aAAaJ,IAA6C,yBAAnCe,GAAK,EAAA,WAAW,cAAc,CAAA,GACnE,CAACA,GAAMX,EAAM,WAAWJ,CAAK,CAAC;AAEjC,2BACG0B,GAAQ,EAAA,OAAA7B,GAAc,WAAAI,GAAsB,oBAAoB,IAC/D,4BAACX,GACC,EAAA,UAAA;AAAA,IAAA,gBAAAqC;AAAA,MAACnC;AAAA,MAAA;AAAA,QAAa,IAAA0B;AAAA,QAAS,GAAGE;AAAA,QAAO,GAAGhB;AAAA,QAAQ,GAAGG;AAAA,QAAW,SAAAM;AAAA,QAAkB,YAAAJ;AAAA,QAAwB,SAASf;AAAA,QAC/F,KAAK4B;AAAA,MAAA;AAAA,IAAS;AAAA,IAC3BE;AAAA,EAAA,EACH,CAAA,EACF,CAAA;AAEJ,GAEaI,KAAWC,EAAOlC,GAAU,UAAU,EAChD,KAAK,QAAQ,EACb,SAASmC,CAAc,EACvB,MAAM;AAAA,EACL,GAAGC;AAAA,EACH,SAASC,EAAQ,QAAQ,EAAK;AAAA,EAC9B,OAAOC,EAAO,QAAQ,QAAQ;AAAA,EAC9B,aAAaA,EAAO,QAAQ,QAAQ;AACtC,CAAC;"}

package/dist/static-content.d.ts

@@ -0,0 +1,19 @@
+import { Definer } from '@react-form-builder/core';
+
+export declare const rsStaticContent: Definer<RsStaticContentProps>;
+
+/**
+ * Props for the RsStaticContent component.
+ */
+export declare interface RsStaticContentProps {
+    /**
+     * The content to display.
+     */
+    content: string;
+    /**
+     * Whether to allow HTML content.
+     */
+    allowHtml: boolean;
+}
+
+export { }

package/dist/static-content.js

@@ -0,0 +1,15 @@
+import { jsx as e } from "@emotion/react/jsx-runtime";
+import { define as c, string as i, boolean as m, useBuilderValue as u } from "@react-form-builder/core";
+import { useMemo as d } from "react";
+import { s as f } from "./categories-7064b279.js";
+const n = "Text...", p = (r) => {
+  const { content: a, allowHtml: s, ...o } = r, t = u(a, n), l = d(() => ({ __html: t }), [t]);
+  return s ? /* @__PURE__ */ e("span", { ...o, dangerouslySetInnerHTML: l }) : /* @__PURE__ */ e("span", { ...o, children: t });
+}, x = c(p, "RsStaticContent").name("Static content").category(f).props({
+  content: i.required.default(n).dataBound,
+  allowHtml: m.default(!1)
+});
+export {
+  x as rsStaticContent
+};
+//# sourceMappingURL=static-content.js.map

package/dist/static-content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"static-content.js","sources":["../src/components/RsStaticContent.tsx"],"sourcesContent":["import {boolean, define, string, useBuilderValue} from '@react-form-builder/core'\nimport {useMemo} from 'react'\nimport {staticCategory} from './categories'\n\nconst defaultContent = 'Text...'\n\n/**\n * Props for the RsStaticContent component.\n */\nexport interface RsStaticContentProps {\n  /**\n   * The content to display.\n   */\n  content: string\n  /**\n   * Whether to allow HTML content.\n   */\n  allowHtml: boolean\n}\n\n/**\n * A static content component that displays text or HTML content.\n * @param props the component props.\n * @returns the React element.\n */\nconst RsStaticContent = (props: RsStaticContentProps) => {\n  const {content, allowHtml, ...otherProps} = props\n  const data = useBuilderValue(content, defaultContent)\n  const html = useMemo(() => ({__html: data}), [data])\n\n  if (allowHtml) {\n    return <span {...otherProps} dangerouslySetInnerHTML={html}/>\n  }\n\n  return <span {...otherProps}>{data}</span>\n}\n\nexport const rsStaticContent = define(RsStaticContent, 'RsStaticContent')\n  .name('Static content')\n  .category(staticCategory)\n  .props({\n    content: string.required.default(defaultContent).dataBound,\n    allowHtml: boolean.default(false),\n  })\n"],"names":["defaultContent","RsStaticContent","props","content","allowHtml","otherProps","data","useBuilderValue","html","useMemo","jsx","rsStaticContent","define","staticCategory","string","boolean"],"mappings":";;;;AAIA,MAAMA,IAAiB,WAqBjBC,IAAkB,CAACC,MAAgC;AACvD,QAAM,EAAC,SAAAC,GAAS,WAAAC,GAAW,GAAGC,MAAcH,GACtCI,IAAOC,EAAgBJ,GAASH,CAAc,GAC9CQ,IAAOC,EAAQ,OAAO,EAAC,QAAQH,MAAQ,CAACA,CAAI,CAAC;AAEnD,SAAIF,IACM,gBAAAM,EAAA,QAAA,EAAM,GAAGL,GAAY,yBAAyBG,EAAK,CAAA,IAGrD,gBAAAE,EAAA,QAAA,EAAM,GAAGL,GAAa,UAAKC,EAAA,CAAA;AACrC,GAEaK,IAAkBC,EAAOX,GAAiB,iBAAiB,EACrE,KAAK,gBAAgB,EACrB,SAASY,CAAc,EACvB,MAAM;AAAA,EACL,SAASC,EAAO,SAAS,QAAQd,CAAc,EAAE;AAAA,EACjD,WAAWe,EAAQ,QAAQ,EAAK;AAClC,CAAC;"}

package/dist/tab.d.ts

@@ -0,0 +1,39 @@
+import { Definer } from '@react-form-builder/core';
+import type { NavProps } from 'rsuite';
+import type { ReactNode } from 'react';
+
+export declare const rsTab: Definer<RsTabProps>;
+
+/**
+ * Tab item for RsTab component.
+ */
+export declare type RsTabItem = {
+    /**
+     * Label for the tab item.
+     */
+    label: string;
+    /**
+     * Value for the tab item.
+     */
+    value: string;
+};
+
+/**
+ * Props for the RsTab component.
+ */
+export declare interface RsTabProps extends NavProps {
+    /**
+     * Items for the tab.
+     */
+    items?: RsTabItem[];
+    /**
+     * Whether to show navigation.
+     */
+    showNavigation?: boolean;
+    /**
+     * Pane content for the tab.
+     */
+    pane: ReactNode;
+}
+
+export { }

package/dist/tab.js

@@ -0,0 +1,59 @@
+import { jsxs as p, Fragment as b, jsx as l } from "@emotion/react/jsx-runtime";
+import v from "@emotion/styled";
+import { define as f, array as m, toLabeledValues as y, boolean as h, node 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-d849cd5b.js";
+import { a as T } from "./categories-7064b279.js";
+const x = v(i)({
+  ".builder & .rs-nav-item": {
+    zIndex: 7
+  },
+  ".rs-nav-item": {
+    border: "none",
+    outline: "none",
+    appearance: "none",
+    backgroundColor: "transparent"
+  }
+}), P = ({
+  pane: n,
+  onSelect: e,
+  showNavigation: s,
+  items: r,
+  ...u
+}) => {
+  const a = K(), c = C((o, t) => {
+    a.userDefinedProps ?? (a.userDefinedProps = {}), a.userDefinedProps.activeKey = o, e == null || e(o, t);
+  }, [a, e]);
+  if (!(r != null && r.length))
+    return null;
+  const d = u.activeKey ?? (r == null ? void 0 : r[0].value);
+  return /* @__PURE__ */ p(b, { children: [
+    s === !0 && /* @__PURE__ */ l(x, { onSelect: c, activeKey: d, ...u, children: r.map(
+      (o, t) => /* @__PURE__ */ l(
+        i.Item,
+        {
+          eventKey: o.value,
+          role: "tab",
+          as: "button",
+          type: "button",
+          children: o.label
+        },
+        t
+      )
+    ) }),
+    /* @__PURE__ */ l("div", { children: n })
+  ] });
+}, B = f(P, "RsTab").name("Tab").category(T).props({
+  ...I,
+  items: m.default(y(["Item1", "Item2", "Item3"])),
+  showNavigation: h.default(!0),
+  pane: g.withSlotConditionBuilder((n) => {
+    var e;
+    return `return parentProps.activeKey === '${((e = n.activeKey) == null ? void 0 : e.value) ?? n.activeKey}'`;
+  }).calculable(!1)
+});
+export {
+  B 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","_a"],"mappings":";;;;;;;AAyCA,MAAMA,IAAQC,EAAOC,CAAG,EAAE;AAAA,EACxB,2BAA2B;AAAA,IACzB,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,iBAAiB;AAAA,EACnB;AACF,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,KAEhBC,IAAcC,EAAY,CAACC,GAAkBC,MAA0B;AAC3E,IAAAL,EAAc,qBAAdA,EAAc,mBAAqB,KACnCA,EAAc,iBAAiB,YAAYI,GAC3CR,KAAA,QAAAA,EAAWQ,GAAUC;AAAA,EAAK,GACzB,CAACL,GAAeJ,CAAQ,CAAC;AAE5B,MAAI,EAACE,KAAA,QAAAA,EAAO;AAAe,WAAA;AAE3B,QAAMQ,IAAYP,EAAM,cAAaD,KAAA,gBAAAA,EAAQ,GAAG;AAEhD,SACG,gBAAAS,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAmBX,MAAA,wBACjBN,GAAM,EAAA,UAAUW,GAAa,WAAAI,GAAuB,GAAGP,GACrD,UAAMD,EAAA;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,UAAKA,EAAA;AAAA,QAAA;AAAA,QALiCC;AAAA,MAMzC;AAAA,IAAA,GAEJ;AAAA,IAEF,gBAAAC,EAAC,SAAK,UAAKhB,EAAA,CAAA;AAAA,EACb,EAAA,CAAA;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;;AAAA,kDAAqCqB,IAAArB,EAAM,cAAN,gBAAAqB,EAAiB,UAASrB,EAAM,SAAS;AAAA,GAAG,EACnH,WAAW,EAAK;AACrB,CAAC;"}

package/dist/tag-picker.d.ts

@@ -0,0 +1,21 @@
+import { Definer } from '@react-form-builder/core';
+import type { 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,42 @@
+import { jsx as i } from "@emotion/react/jsx-runtime";
+import { define as g, array as n, toLabeledValues as c } from "@react-form-builder/core";
+import { useRef as P, useEffect as T, useMemo as b } from "react";
+import { TagPicker as k } from "rsuite";
+import { b as l } from "./commonProperties-d849cd5b.js";
+import { s as h } from "./hooks-ff273a8a.js";
+import { f as v } from "./categories-7064b279.js";
+import { u as y } from "./useTouchOnEvent-2be3c60d.js";
+import { L as E } from "./Labeled-751c2353.js";
+import "@emotion/react";
+import "@emotion/styled";
+const L = ({ value: e, label: r }) => ({
+  value: e ?? "",
+  label: r ?? ""
+}), x = [], C = ({ data: e, label: r, value: m, className: u, ...t }) => {
+  const o = P(null), f = y(t, "onClean");
+  T(() => {
+    var a, s;
+    const d = (s = (a = o.current) == null ? void 0 : a.root) == null ? void 0 : s.querySelector(".rs-picker-search-input input");
+    h(d);
+  }, []);
+  const p = b(() => c(e ?? []).map(L), [e]);
+  return /* @__PURE__ */ i(E, { label: r, className: u, passAriaToChildren: !0, children: /* @__PURE__ */ i(
+    k,
+    {
+      value: m ?? x,
+      data: p,
+      onClean: f,
+      ...t,
+      ref: o
+    }
+  ) });
+}, { disableVirtualized: O, onLoadData: Y, ...I } = l, _ = g(C, "RsTagPicker").name("TagPicker").category(v).props({
+  ...I,
+  value: n.valued.ofString,
+  label: l.label.default("Select"),
+  data: n.default(c(["a", "b", "c"]))
+});
+export {
+  _ 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","_b","_a","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;AAC7E,QAAAC,IAAWC,EAAqB,IAAI,GACpCC,IAAUC,EAAgBJ,GAAO,SAAS;AAEhD,EAAAK,EAAU,MAAM;;AACd,UAAMC,KAAcC,KAAAC,IAAAP,EAAS,YAAT,gBAAAO,EAAkB,SAAlB,gBAAAD,EAAwB,cAAc;AAC1D,IAAAE,EAAyBH,CAAW;AAAA,EACtC,GAAG,CAAE,CAAA;AAEC,QAAAI,IAAkBC,EAAQ,MACvBC,EAAiBd,KAAQ,CAAA,CAAmC,EAAE,IAAIL,CAAY,GACpF,CAACK,CAAI,CAAC;AAET,SACG,gBAAAe,EAAAC,GAAA,EAAQ,OAAAnB,GAAc,WAAAI,GAAsB,oBAAoB,IAC/D,UAAA,gBAAAc;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,OAAOrB,KAASE;AAAA,MAChB,MAAMc;AAAA,MACN,SAAAP;AAAA,MACC,GAAGH;AAAA,MACJ,KAAKC;AAAA,IAAA;AAAA,EAET,EAAA,CAAA;AAEJ,GAEM,EAAC,oBAAAe,GAAoB,YAAAC,GAAY,GAAGC,MAAkBC,GAE/CC,IAAcC,EAAOxB,GAAa,aAAa,EACzD,KAAK,WAAW,EAChB,SAASyB,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 type { 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,24 @@
+import { jsx as r } from "@emotion/react/jsx-runtime";
+import { define as l, string as e, disabled as d, event as a } from "@react-form-builder/core";
+import { Input as m } from "rsuite";
+import { d as p, s as f, r as n } from "./commonProperties-d849cd5b.js";
+import { f as u } from "./categories-7064b279.js";
+import { L as x } from "./Labeled-751c2353.js";
+import "@emotion/react";
+import "@emotion/styled";
+import "react";
+const T = ({ style: t, className: o, label: s, ...i }) => /* @__PURE__ */ r(x, { label: s, style: t, className: o, passAriaToChildren: !0, children: /* @__PURE__ */ r(m, { as: "textarea", ...i }) }), R = l(T, "RsTextArea").name("Text area").category(u).props({
+  label: e.default("Text area"),
+  value: e.default("").valued,
+  placeholder: e,
+  rows: p.default(5),
+  size: f,
+  disabled: d.default(!1),
+  readOnly: n,
+  onChange: a,
+  onPressEnter: a
+});
+export {
+  R 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,EAAK,MACnD,gBAAAC,EAAAC,GAAA,EAAQ,OAAAH,GAAc,OAAAF,GAAc,WAAAC,GAAsB,oBAAoB,IAC7E,UAAA,gBAAAG,EAACE,KAAM,IAAG,YAAY,GAAGH,EAAM,CAAA,EACjC,CAAA,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 type { DatePickerProps } from 'rsuite';
+import { Definer } from '@react-form-builder/core';
+import type { 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,74 @@
+import { jsx as u } from "@emotion/react/jsx-runtime";
+import { define as x, string as n, time as T, boolean as l, disabled as y, event as e, isNull as F, timeFormat as i } from "@react-form-builder/core";
+import { format as H, parse as I } from "date-fns";
+import { useMemo as a, useCallback as g } from "react";
+import { DatePicker as w } from "rsuite";
+import { r as A, p as L, s as M } from "./commonProperties-d849cd5b.js";
+import { f as R, t as S } from "./dateTimeUtils-b07ce438.js";
+import { f as _ } from "./categories-7064b279.js";
+import { u as h } from "./useTouchOnEvent-2be3c60d.js";
+import { L as j } from "./Labeled-751c2353.js";
+import "@emotion/react";
+import "@emotion/styled";
+const z = (t) => t instanceof Date && !Number.isNaN(t.getTime()), b = (t, s) => {
+  if (typeof t == "string") {
+    const o = I(t, s, /* @__PURE__ */ new Date());
+    return isNaN(o.getTime()) ? (console.error("Invalid time string:", t), null) : o;
+  }
+  return t;
+}, q = ({ open: t, label: s, value: o, className: E, format: d, defaultValue: f, onChange: r, ...p }) => {
+  const k = a(() => S(d), [d]), D = h(p, "onClean"), N = a(() => b(o, i), [o]), O = a(() => b(f, i), [f]), P = a(() => t === !0 ? !0 : void 0, [t]), V = g((m, c) => {
+    if (F(m)) {
+      r == null || r(null, c);
+      return;
+    }
+    if (z(m)) {
+      const v = H(m, i);
+      r == null || r(v, c);
+    }
+  }, [r]);
+  return /* @__PURE__ */ u(j, { label: s, className: E, passAriaToChildren: !0, children: /* @__PURE__ */ u(
+    w,
+    {
+      ...p,
+      onChange: V,
+      value: N ?? O ?? null,
+      open: P,
+      format: k ?? i,
+      onClean: D,
+      preventOverflow: !0
+    }
+  ) });
+}, ee = x(q, "RsTimePicker").name("TimePicker").category(_).props({
+  label: n.default("Time"),
+  placeholder: n,
+  value: T.valued,
+  defaultValue: T,
+  format: n.validated(R, {
+    code: "INVALID_TIME_FORMAT",
+    message: "The provided time format is invalid"
+  }).withEditorProps({ placeholder: "HH:mm" }).default("HH:mm"),
+  editable: l.default(!0),
+  cleanable: l.default(!1),
+  disabled: y.default(!1),
+  readOnly: A,
+  open: l,
+  placement: L,
+  size: M,
+  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 {
+  ee 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,QAAA,CAAS,GAQpFC,IAAiB,CAACD,GAAYE,MAAmB;AACjD,MAAA,OAAOF,KAAU,UAAU;AAC7B,UAAMG,IAAaC,EAAMJ,GAAOE,GAAQ,oBAAI,MAAM;AAClD,WAAK,MAAMC,EAAW,QAAS,CAAA,KAGvB,QAAA,MAAM,wBAAwBH,CAAK,GACpC,QAHEG;AAAA,EAIX;AACO,SAAAH;AACT,GAqCMK,IAAe,CAAC,EAAC,MAAAC,GAAM,OAAAC,GAAO,OAAAP,GAAO,WAAAQ,GAAWN,QAAAA,GAAQ,cAAAO,GAAc,UAAAC,GAAU,GAAGC,EAAA,MAA8B;AAC/G,QAAAC,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;AACtE,QAAAC,EAAOxB,CAAK,GAAG;AACjB,MAAAU,KAAA,QAAAA,EAAW,MAAMa;AACjB;AAAA,IACF;AACI,QAAAxB,EAAYC,CAAK,GAAG;AAChB,YAAAyB,IAAYC,EAAW1B,GAAOkB,CAAU;AAC9C,MAAAR,KAAA,QAAAA,EAAWe,GAAWF;AAAA,IACxB;AAAA,EAAA,GACC,CAACb,CAAQ,CAAC;AAEb,SACG,gBAAAiB,EAAAC,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,EACnG,EAAA,CAAA;AAEJ,GAEae,KAAeC,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,QAAO,CAAC,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;
+} & {
+    theme?: Theme | undefined;
+}>;
+
+export { }

package/dist/toggle.js

@@ -0,0 +1,29 @@
+import r from "@emotion/styled";
+import { define as l, string as e, boolean as o, disabled as a, oneOf as t, event as d } from "@react-form-builder/core";
+import { Toggle as i } from "rsuite";
+import { r as s, c as m } from "./commonProperties-d849cd5b.js";
+import { f } from "./categories-7064b279.js";
+import { r as g } from "./Labeled-751c2353.js";
+import "@emotion/react/jsx-runtime";
+import "@emotion/react";
+import "react";
+const n = r(i)`
+  &.required .rs-toggle-label::after {
+    ${g};
+  }
+`, S = l(n, "RsToggle").name("Toggle").category(f).props({
+  children: e,
+  checked: o.valued.default(!0).uncontrolledValue(!1),
+  checkedChildren: e,
+  unCheckedChildren: e,
+  disabled: a.default(!1),
+  readOnly: s,
+  size: t("sm", "md", "lg").labeled("Small", "Medium", "Large").default("md").withEditorProps({ creatable: !1 }),
+  color: m,
+  loading: o.default(!1),
+  onChange: d
+});
+export {
+  S 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 type { OverlayTriggerType } from 'rsuite/esm/internals/Overlay/OverlayTrigger';
+import type { 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 { }