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

package/dist/rsuite-no-reset.min.css-bW1P11UK.js.map

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

package/dist/search.d.ts

@@ -0,0 +1,54 @@
+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 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,55 @@
+import { jsx as o, jsxs as k } from "@emotion/react/jsx-runtime";
+import i from "@emotion/styled";
+import { define as P, string as s, boolean as y, useComponentData as I, useAriaAttributes as L } from "@react-form-builder/core";
+import { Search as R } from "@rsuite/icons";
+import { useCallback as j, useMemo as D } from "react";
+import { InputPicker as F, Loader as M } from "rsuite";
+import { b as O } from "./commonProperties-ETOgvhCH.js";
+import { u as T, a as w } from "./hooks-DMVtrI-b.js";
+import { f as z } from "./categories-_98lyB3C.js";
+import { u as E } from "./useTouchOnEvent-BPYbKiku.js";
+import { L as N } from "./Labeled-BWYRwMiY.js";
+const q = i.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;
+  }
+`, v = i(F)`
+  flex: 1;
+`, B = () => null, G = ({ data: l, label: t, onLoadData: c, onSearch: d, value: r = "", className: m, preload: p, disableVirtualized: f, ...e }) => {
+  const { loading: u, onOpen: H, ...a } = T({ data: l, onLoadData: c, onSearch: d, value: r, preload: p, disableVirtualized: f }), h = j((A) => a.data?.length ? A : null, [a.data?.length]), x = E(e, "onClean"), n = u ? M : R, { id: b } = I(), g = L({ labeled: !!t }), C = w(), S = D(() => e.cleanable && r ? null : /* @__PURE__ */ o(n, { className: "search-icon" }), [n, e.cleanable, r]);
+  return /* @__PURE__ */ o(N, { label: t, className: m, passAriaToChildren: !1, children: /* @__PURE__ */ k(q, { children: [
+    /* @__PURE__ */ o(
+      v,
+      {
+        id: b,
+        ...g,
+        ...e,
+        ...a,
+        onClean: x,
+        renderMenu: h,
+        caretAs: B,
+        ref: C
+      }
+    ),
+    S
+  ] }) });
+}, ee = P(G, "RsSearch").name("Search").category(z).props({
+  ...O,
+  preload: y.default(!1),
+  label: s.default("Search"),
+  placeholder: s.default("Search")
+});
+export {
+  ee 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","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,GAAmB,GAE9GM,IAAaC,EAAY,CAACC,MACvBJ,EAAU,MAAM,SAASI,IAAO,MACtC,CAACJ,EAAU,MAAM,MAAM,CAAC,GAErBK,IAAUC,EAAgBT,GAAO,SAAS,GAC1CU,IAAOT,IAAUU,IAASC,GAC1B,EAAC,IAAAC,EAAA,IAAMC,EAAA,GACPC,IAAOC,EAAkB,EAAC,SAAS,CAAC,CAACvB,GAAM,GAC3CwB,IAAWC,EAAA,GAEXC,IAAOC,EAAQ,MACVpB,EAAM,aAAaJ,IAA6C,yBAAnCc,GAAA,EAAK,WAAW,eAAc,GACnE,CAACA,GAAMV,EAAM,WAAWJ,CAAK,CAAC;AAEjC,2BACGyB,GAAA,EAAQ,OAAA5B,GAAc,WAAAI,GAAsB,oBAAoB,IAC/D,4BAACX,GAAA,EACC,UAAA;AAAA,IAAA,gBAAAoC;AAAA,MAAClC;AAAA,MAAA;AAAA,QAAa,IAAAyB;AAAA,QAAS,GAAGE;AAAA,QAAO,GAAGf;AAAA,QAAQ,GAAGG;AAAA,QAAW,SAAAK;AAAA,QAAkB,YAAAH;AAAA,QAAwB,SAASf;AAAA,QAC/F,KAAK2B;AAAA,MAAA;AAAA,IAAA;AAAA,IAClBE;AAAA,EAAA,EAAA,CACH,EAAA,CACF;AAEJ,GAEaI,KAAWC,EAAOjC,GAAU,UAAU,EAChD,KAAK,QAAQ,EACb,SAASkC,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, boolean as i, string as m, useBuilderValue as u } from "@react-form-builder/core";
+import { useMemo as d } from "react";
+import { a as f } from "./categories-_98lyB3C.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: m.required.default(n).dataBound,
+  allowHtml: i.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,IACK,gBAAAM,EAAC,QAAA,EAAM,GAAGL,GAAY,yBAAyBG,GAAK,IAGtD,gBAAAE,EAAC,QAAA,EAAM,GAAGL,GAAa,UAAAC,GAAK;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;"}