@react-form-builder/components-rsuite 7.8.0 → 7.10.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -0
- package/dist/InputCell-BDyUJFGm.js +21 -0
- package/dist/{InputCell-f4236002.js.map → InputCell-BDyUJFGm.js.map} +1 -1
- package/dist/{Labeled-751c2353.js → Labeled-BWYRwMiY.js} +1 -1
- package/dist/{Labeled-751c2353.js.map → Labeled-BWYRwMiY.js.map} +1 -1
- package/dist/WrappedInput-BRkBjl0z.js +11 -0
- package/dist/{WrappedInput-bc5a6d33.js.map → WrappedInput-BRkBjl0z.js.map} +1 -1
- package/dist/autocomplete.d.ts +2 -2
- package/dist/autocomplete.js +12 -15
- package/dist/autocomplete.js.map +1 -1
- package/dist/breadcrumb.d.ts +2 -2
- package/dist/breadcrumb.js +31 -31
- package/dist/breadcrumb.js.map +1 -1
- package/dist/builder-view-with-css.js +5 -61
- package/dist/builder-view-with-css.js.map +1 -1
- package/dist/button.d.ts +1 -1
- package/dist/button.js +7 -7
- package/dist/button.js.map +1 -1
- package/dist/calendar.d.ts +1 -1
- package/dist/calendar.js +9 -12
- package/dist/calendar.js.map +1 -1
- package/dist/card.d.ts +1 -1
- package/dist/card.js +10 -10
- package/dist/card.js.map +1 -1
- package/dist/{categories-7064b279.js → categories-_98lyB3C.js} +3 -3
- package/dist/{categories-7064b279.js.map → categories-_98lyB3C.js.map} +1 -1
- package/dist/checkbox.d.ts +1 -1
- package/dist/checkbox.js +19 -23
- package/dist/checkbox.js.map +1 -1
- package/dist/{commonProperties-d849cd5b.js → commonProperties-ETOgvhCH.js} +7 -7
- package/dist/{commonProperties-d849cd5b.js.map → commonProperties-ETOgvhCH.js.map} +1 -1
- package/dist/components-descriptions.d.ts +2 -2
- package/dist/components-descriptions.js +1 -1
- package/dist/container.js +4 -4
- package/dist/container.js.map +1 -1
- package/dist/css/formengine-rsuite.css +13 -12
- package/dist/css-loader.js +3 -3
- package/dist/css-loader.js.map +1 -1
- package/dist/date-picker.d.ts +1 -1
- package/dist/date-picker.js +25 -29
- package/dist/date-picker.js.map +1 -1
- package/dist/dateTimeUtils-C2AEniv5.js +25 -0
- package/dist/{dateTimeUtils-b07ce438.js.map → dateTimeUtils-C2AEniv5.js.map} +1 -1
- package/dist/definitions.js +2 -55
- package/dist/definitions.js.map +1 -1
- package/dist/divider.js +6 -6
- package/dist/divider.js.map +1 -1
- package/dist/dropdown.d.ts +3 -3
- package/dist/dropdown.js +10 -11
- package/dist/dropdown.js.map +1 -1
- package/dist/error-message.d.ts +1 -1
- package/dist/error-message.js +2 -2
- package/dist/error-message.js.map +1 -1
- package/dist/formengine-rsuite.css-B1zD3_ue.js +5 -0
- package/dist/formengine-rsuite.css-B1zD3_ue.js.map +1 -0
- package/dist/header.d.ts +6 -6
- package/dist/header.js +2 -2
- package/dist/header.js.map +1 -1
- package/dist/hooks-DMVtrI-b.js +50 -0
- package/dist/hooks-DMVtrI-b.js.map +1 -0
- package/dist/image.d.ts +1 -1
- package/dist/image.js +8 -8
- package/dist/image.js.map +1 -1
- package/dist/index.d.ts +1526 -36
- package/dist/index.js +95 -116
- package/dist/index.js.map +1 -1
- package/dist/input.d.ts +1 -1
- package/dist/input.js +11 -13
- package/dist/input.js.map +1 -1
- package/dist/label.js +2 -2
- package/dist/label.js.map +1 -1
- package/dist/link.d.ts +1 -1
- package/dist/link.js +7 -7
- package/dist/link.js.map +1 -1
- package/dist/localization-wrapper.d.ts +1 -1
- package/dist/localization-wrapper.js +67 -193
- package/dist/localization-wrapper.js.map +1 -1
- package/dist/menu.d.ts +2 -2
- package/dist/menu.js +20 -21
- package/dist/menu.js.map +1 -1
- package/dist/message.d.ts +2 -2
- package/dist/message.js +4 -4
- package/dist/modal-layout.d.ts +1 -1
- package/dist/modal-layout.js +2 -2
- package/dist/modal-layout.js.map +1 -1
- package/dist/modal.d.ts +1 -1
- package/dist/modal.js +13 -13
- package/dist/modal.js.map +1 -1
- package/dist/models.js +2 -56
- package/dist/models.js.map +1 -1
- package/dist/number-format.d.ts +2 -2
- package/dist/number-format.js +22 -25
- package/dist/number-format.js.map +1 -1
- package/dist/pattern-format.d.ts +2 -2
- package/dist/pattern-format.js +22 -25
- package/dist/pattern-format.js.map +1 -1
- package/dist/placeholder.js +3 -3
- package/dist/placeholder.js.map +1 -1
- package/dist/progress.js +6 -6
- package/dist/progress.js.map +1 -1
- package/dist/r-suite-components.d.ts +1 -1
- package/dist/r-suite-components.js +5 -22
- package/dist/r-suite-components.js.map +1 -1
- package/dist/rSuiteComponentsDescriptions-lX1mwx9_.js +67 -0
- package/dist/rSuiteComponentsDescriptions-lX1mwx9_.js.map +1 -0
- package/dist/radio-group.d.ts +1 -1
- package/dist/radio-group.js +10 -13
- package/dist/radio-group.js.map +1 -1
- package/dist/{rsuite-no-reset-rtl.min-af106e5c.js → rsuite-no-reset-rtl.min.css-B0vQWI16.js} +1 -1
- package/dist/rsuite-no-reset-rtl.min.css-B0vQWI16.js.map +1 -0
- package/dist/{rsuite-no-reset.min-3caeeea0.js → rsuite-no-reset.min.css-bW1P11UK.js} +1 -1
- package/dist/rsuite-no-reset.min.css-bW1P11UK.js.map +1 -0
- package/dist/search.d.ts +3 -3
- package/dist/search.js +33 -38
- package/dist/search.js.map +1 -1
- package/dist/static-content.js +4 -4
- package/dist/static-content.js.map +1 -1
- package/dist/stats.html +4 -0
- package/dist/tab.d.ts +2 -2
- package/dist/tab.js +29 -33
- package/dist/tab.js.map +1 -1
- package/dist/tag-picker.d.ts +1 -1
- package/dist/tag-picker.js +28 -31
- package/dist/tag-picker.js.map +1 -1
- package/dist/text-area.d.ts +1 -1
- package/dist/text-area.js +10 -13
- package/dist/text-area.js.map +1 -1
- package/dist/time-picker.d.ts +2 -2
- package/dist/time-picker.js +39 -41
- package/dist/time-picker.js.map +1 -1
- package/dist/toggle.d.ts +2 -2
- package/dist/toggle.js +17 -20
- package/dist/toggle.js.map +1 -1
- package/dist/tooltip.d.ts +2 -2
- package/dist/tooltip.js +6 -6
- package/dist/tooltip.js.map +1 -1
- package/dist/uploader.d.ts +1 -1
- package/dist/uploader.js +30 -33
- package/dist/uploader.js.map +1 -1
- package/dist/useTouchOnEvent-BPYbKiku.js +12 -0
- package/dist/{useTouchOnEvent-2be3c60d.js.map → useTouchOnEvent-BPYbKiku.js.map} +1 -1
- package/dist/view-with-css.js +5 -62
- package/dist/view-with-css.js.map +1 -1
- package/dist/view.js +3 -57
- package/dist/view.js.map +1 -1
- package/dist/wizard.d.ts +4 -6
- package/dist/wizard.js +145 -162
- package/dist/wizard.js.map +1 -1
- package/package.json +6 -3
- package/dist/InputCell-f4236002.js +0 -21
- package/dist/WrappedInput-bc5a6d33.js +0 -11
- package/dist/dateTimeUtils-b07ce438.js +0 -26
- package/dist/formengine-rsuite-cbc1d3ae.js +0 -5
- package/dist/formengine-rsuite-cbc1d3ae.js.map +0 -1
- package/dist/hooks-ff273a8a.js +0 -53
- package/dist/hooks-ff273a8a.js.map +0 -1
- package/dist/rSuiteComponentsDescriptions-d616cdc1.js +0 -17911
- package/dist/rSuiteComponentsDescriptions-d616cdc1.js.map +0 -1
- package/dist/rsuite-no-reset-rtl.min-af106e5c.js.map +0 -1
- package/dist/rsuite-no-reset.min-3caeeea0.js.map +0 -1
- package/dist/useTouchOnEvent-2be3c60d.js +0 -12
package/dist/models.js
CHANGED
|
@@ -1,60 +1,6 @@
|
|
|
1
1
|
import { components as m } from "./definitions.js";
|
|
2
|
-
|
|
3
|
-
import "./categories-7064b279.js";
|
|
4
|
-
import "./wizard.js";
|
|
5
|
-
import "@emotion/react/jsx-runtime";
|
|
6
|
-
import "@emotion/css";
|
|
7
|
-
import "@emotion/styled";
|
|
8
|
-
import "@react-form-builder/core";
|
|
9
|
-
import "react";
|
|
10
|
-
import "rsuite";
|
|
11
|
-
import "./hooks-ff273a8a.js";
|
|
12
|
-
import "./InputCell-f4236002.js";
|
|
13
|
-
import "./autocomplete.js";
|
|
14
|
-
import "./commonProperties-d849cd5b.js";
|
|
15
|
-
import "./Labeled-751c2353.js";
|
|
16
|
-
import "@emotion/react";
|
|
17
|
-
import "./breadcrumb.js";
|
|
18
|
-
import "./button.js";
|
|
19
|
-
import "./calendar.js";
|
|
20
|
-
import "./card.js";
|
|
21
|
-
import "./header.js";
|
|
22
|
-
import "./checkbox.js";
|
|
23
|
-
import "./container.js";
|
|
24
|
-
import "./date-picker.js";
|
|
25
|
-
import "./dateTimeUtils-b07ce438.js";
|
|
26
|
-
import "date-fns";
|
|
27
|
-
import "./useTouchOnEvent-2be3c60d.js";
|
|
28
|
-
import "./divider.js";
|
|
29
|
-
import "./dropdown.js";
|
|
30
|
-
import "./error-message.js";
|
|
31
|
-
import "./image.js";
|
|
32
|
-
import "./input.js";
|
|
33
|
-
import "@rsuite/icons";
|
|
34
|
-
import "./label.js";
|
|
35
|
-
import "./link.js";
|
|
36
|
-
import "./menu.js";
|
|
37
|
-
import "./message.js";
|
|
38
|
-
import "./modal.js";
|
|
39
|
-
import "./modal-layout.js";
|
|
40
|
-
import "./number-format.js";
|
|
41
|
-
import "react-number-format";
|
|
42
|
-
import "./WrappedInput-bc5a6d33.js";
|
|
43
|
-
import "./pattern-format.js";
|
|
44
|
-
import "./placeholder.js";
|
|
45
|
-
import "./progress.js";
|
|
46
|
-
import "./radio-group.js";
|
|
47
|
-
import "./search.js";
|
|
48
|
-
import "./static-content.js";
|
|
49
|
-
import "./tab.js";
|
|
50
|
-
import "./tag-picker.js";
|
|
51
|
-
import "./text-area.js";
|
|
52
|
-
import "./time-picker.js";
|
|
53
|
-
import "./toggle.js";
|
|
54
|
-
import "./tooltip.js";
|
|
55
|
-
import "./uploader.js";
|
|
56
|
-
const to = m.map(({ model: o }) => o);
|
|
2
|
+
const t = m.map(({ model: o }) => o);
|
|
57
3
|
export {
|
|
58
|
-
|
|
4
|
+
t as models
|
|
59
5
|
};
|
|
60
6
|
//# sourceMappingURL=models.js.map
|
package/dist/models.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"models.js","sources":["../src/models.ts"],"sourcesContent":["import {components} from './definitions'\n\n/**\n * An array of rSuite component metadata for use in FormViewer.\n */\nexport const models = components.map(({model}) => model)\n"],"names":["models","components","model"],"mappings":"
|
|
1
|
+
{"version":3,"file":"models.js","sources":["../src/models.ts"],"sourcesContent":["import {components} from './definitions'\n\n/**\n * An array of rSuite component metadata for use in FormViewer.\n */\nexport const models = components.map(({model}) => model)\n"],"names":["models","components","model"],"mappings":";AAKO,MAAMA,IAASC,EAAW,IAAI,CAAC,EAAC,OAAAC,EAAA,MAAWA,CAAK;"}
|
package/dist/number-format.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Definer } from '@react-form-builder/core';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { InputProps } from 'rsuite';
|
|
3
|
+
import { NumericFormatProps } from 'react-number-format';
|
|
4
4
|
|
|
5
5
|
export declare const rsNumberFormat: Definer<RsNumberFormatProps>;
|
|
6
6
|
|
package/dist/number-format.js
CHANGED
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import { jsx as m } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { define as
|
|
3
|
-
import { useCallback as
|
|
4
|
-
import { NumericFormat as
|
|
5
|
-
import {
|
|
6
|
-
import { f as y } from "./categories-
|
|
7
|
-
import { L as F } from "./Labeled-
|
|
8
|
-
import { W as D } from "./WrappedInput-
|
|
9
|
-
import "@emotion/react";
|
|
10
|
-
import "@emotion/styled";
|
|
11
|
-
import "rsuite";
|
|
2
|
+
import { define as f, string as o, oneOf as p, boolean as n, array as h, number as S, isString as b } from "@react-form-builder/core";
|
|
3
|
+
import { useCallback as g } from "react";
|
|
4
|
+
import { NumericFormat as N } from "react-number-format";
|
|
5
|
+
import { a as w, i as x } from "./commonProperties-ETOgvhCH.js";
|
|
6
|
+
import { f as y } from "./categories-_98lyB3C.js";
|
|
7
|
+
import { L as F } from "./Labeled-BWYRwMiY.js";
|
|
8
|
+
import { W as D } from "./WrappedInput-BRkBjl0z.js";
|
|
12
9
|
function v(t) {
|
|
13
10
|
let { decimalSeparator: r = "." } = t, { thousandSeparator: a } = t;
|
|
14
11
|
return a === !0 && (a = ","), a === r && (console.warn(`
|
|
@@ -17,37 +14,37 @@ function v(t) {
|
|
|
17
14
|
decimalSeparator: ${r} (default value for decimalSeparator is .)
|
|
18
15
|
`), a = void 0, r = "."), a && b(a) && (a.indexOf("-") >= 0 ? (console.warn("Thousand separator can't contain '-' character"), a = void 0) : a.match(/\d/g) && (console.warn("Thousand separator should not contain numeric character"), a = void 0)), r.match(/\d/g) && (console.warn("Decimal separator should not contain numeric character"), r = "."), { decimalSeparator: r, thousandSeparator: a };
|
|
19
16
|
}
|
|
20
|
-
const
|
|
21
|
-
const { decimalSeparator: l, thousandSeparator: u } = v(
|
|
17
|
+
const C = ({ style: t, className: r, label: a, onChange: i, value: e, ...s }) => {
|
|
18
|
+
const { decimalSeparator: l, thousandSeparator: u } = v(s);
|
|
22
19
|
e = e ?? "", typeof e == "number" && !Number.isFinite(e) && (e = "");
|
|
23
|
-
const c =
|
|
20
|
+
const c = g((d) => i?.(d.value), [i]);
|
|
24
21
|
return /* @__PURE__ */ m(F, { label: a, style: t, className: r, passAriaToChildren: !0, children: /* @__PURE__ */ m(
|
|
25
|
-
|
|
22
|
+
N,
|
|
26
23
|
{
|
|
27
24
|
customInput: D,
|
|
28
|
-
...
|
|
25
|
+
...s,
|
|
29
26
|
decimalSeparator: l,
|
|
30
27
|
thousandSeparator: u,
|
|
31
28
|
onValueChange: c,
|
|
32
29
|
value: e
|
|
33
30
|
}
|
|
34
31
|
) });
|
|
35
|
-
},
|
|
32
|
+
}, j = f(C, "RsNumberFormat").name("Number format").category(y).props({
|
|
36
33
|
label: o.default("Number input"),
|
|
37
|
-
value:
|
|
38
|
-
...
|
|
39
|
-
allowedDecimalSeparators:
|
|
40
|
-
allowLeadingZeros:
|
|
41
|
-
allowNegative:
|
|
42
|
-
decimalScale:
|
|
34
|
+
value: S.valued,
|
|
35
|
+
...x,
|
|
36
|
+
allowedDecimalSeparators: h.ofString,
|
|
37
|
+
allowLeadingZeros: n.default(!1),
|
|
38
|
+
allowNegative: n.default(!0),
|
|
39
|
+
decimalScale: w,
|
|
43
40
|
decimalSeparator: o,
|
|
44
|
-
fixedDecimalScale:
|
|
41
|
+
fixedDecimalScale: n.default(!1),
|
|
45
42
|
prefix: o,
|
|
46
43
|
suffix: o,
|
|
47
|
-
thousandsGroupStyle:
|
|
44
|
+
thousandsGroupStyle: p("thousand", "lakh", "wan", "none").default("none"),
|
|
48
45
|
thousandSeparator: o
|
|
49
46
|
});
|
|
50
47
|
export {
|
|
51
|
-
|
|
48
|
+
j as rsNumberFormat
|
|
52
49
|
};
|
|
53
50
|
//# sourceMappingURL=number-format.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-format.js","sources":["../src/components/RsNumberFormat.tsx"],"sourcesContent":["import {array, boolean, define, isString, number, oneOf, string} from '@react-form-builder/core'\nimport {useCallback} from 'react'\nimport type {NumericFormatProps} from 'react-number-format'\nimport {NumericFormat} from 'react-number-format'\nimport type {NumberFormatValues} from 'react-number-format/types/types'\nimport type {InputProps} from 'rsuite'\nimport {inputProps, nonNegNumber} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\nimport {WrappedInput} from './internal/WrappedInput'\n\n/**\n * Props for the RsNumberFormat component.\n */\nexport interface RsNumberFormatProps extends NumericFormatProps<InputProps> {\n /**\n * The label for the number input.\n */\n label: string\n /**\n * The callback function called when the value changes.\n */\n onChange: (value: any) => void\n /**\n * The htmlSize attribute defines the width of the «input> element.\n */\n htmlSize?: number\n}\n\n/**\n * Gets the decimal and a thousand separators with validation.\n * @param props the separator properties.\n * @param props.thousandSeparator the thousand separator.\n * @param props.decimalSeparator the decimal separator.\n * @returns the validated separators.\n */\nfunction getSeparators(props: { thousandSeparator?: boolean | string, decimalSeparator?: string }) {\n let {decimalSeparator = '.'} = props\n let {thousandSeparator} = props\n if (thousandSeparator === true) thousandSeparator = ','\n\n if (thousandSeparator === decimalSeparator) {\n console.warn(`\n Decimal separator can't be same as thousand separator.\n thousandSeparator: ${thousandSeparator} (thousandSeparator = {true} is same as thousandSeparator = \",\")\n decimalSeparator: ${decimalSeparator} (default value for decimalSeparator is .)\n `)\n thousandSeparator = undefined\n decimalSeparator = '.'\n }\n\n if (thousandSeparator && isString(thousandSeparator)) {\n if (thousandSeparator.indexOf('-') >= 0) {\n console.warn(`Thousand separator can't contain '-' character`)\n thousandSeparator = undefined\n } else if (thousandSeparator.match(/\\d/g)) {\n console.warn(`Thousand separator should not contain numeric character`)\n thousandSeparator = undefined\n }\n }\n\n if (decimalSeparator.match(/\\d/g)) {\n console.warn(`Decimal separator should not contain numeric character`)\n decimalSeparator = '.'\n }\n\n return {decimalSeparator, thousandSeparator}\n}\n\n/**\n * A number format input component with validation and formatting.\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 number input.\n * @param props.onChange the callback function called when the value changes.\n * @param props.value the current value of the input.\n * @returns the React element.\n */\nconst RsNumberFormat = ({style, className, label, onChange, value, ...props}: RsNumberFormatProps) => {\n const {decimalSeparator, thousandSeparator} = getSeparators(props)\n\n value = value ?? ''\n if (typeof value === 'number' && !Number.isFinite(value)) {\n value = ''\n }\n\n const onValueChange = useCallback((values: NumberFormatValues) => onChange?.(values.value), [onChange])\n\n return <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n <NumericFormat<InputProps> customInput={WrappedInput}\n {...props}\n decimalSeparator={decimalSeparator}\n thousandSeparator={thousandSeparator}\n onValueChange={onValueChange}\n value={value}/>\n </Labeled>\n}\n\nexport const rsNumberFormat = define(RsNumberFormat, 'RsNumberFormat')\n .name('Number format')\n .category(fieldsCategory)\n .props({\n label: string.default('Number input'),\n value: number.valued,\n ...inputProps,\n allowedDecimalSeparators: array.ofString,\n allowLeadingZeros: boolean.default(false),\n allowNegative: boolean.default(true),\n decimalScale: nonNegNumber,\n decimalSeparator: string,\n fixedDecimalScale: boolean.default(false),\n prefix: string,\n suffix: string,\n thousandsGroupStyle: oneOf('thousand', 'lakh', 'wan', 'none').default('none'),\n thousandSeparator: string,\n })\n"],"names":["getSeparators","props","decimalSeparator","thousandSeparator","isString","RsNumberFormat","style","className","label","onChange","value","onValueChange","useCallback","values","Labeled","jsx","NumericFormat","WrappedInput","rsNumberFormat","define","fieldsCategory","string","number","inputProps","array","boolean","nonNegNumber","oneOf"],"mappings":"
|
|
1
|
+
{"version":3,"file":"number-format.js","sources":["../src/components/RsNumberFormat.tsx"],"sourcesContent":["import {array, boolean, define, isString, number, oneOf, string} from '@react-form-builder/core'\nimport {useCallback} from 'react'\nimport type {NumericFormatProps} from 'react-number-format'\nimport {NumericFormat} from 'react-number-format'\nimport type {NumberFormatValues} from 'react-number-format/types/types'\nimport type {InputProps} from 'rsuite'\nimport {inputProps, nonNegNumber} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\nimport {WrappedInput} from './internal/WrappedInput'\n\n/**\n * Props for the RsNumberFormat component.\n */\nexport interface RsNumberFormatProps extends NumericFormatProps<InputProps> {\n /**\n * The label for the number input.\n */\n label: string\n /**\n * The callback function called when the value changes.\n */\n onChange: (value: any) => void\n /**\n * The htmlSize attribute defines the width of the «input> element.\n */\n htmlSize?: number\n}\n\n/**\n * Gets the decimal and a thousand separators with validation.\n * @param props the separator properties.\n * @param props.thousandSeparator the thousand separator.\n * @param props.decimalSeparator the decimal separator.\n * @returns the validated separators.\n */\nfunction getSeparators(props: { thousandSeparator?: boolean | string, decimalSeparator?: string }) {\n let {decimalSeparator = '.'} = props\n let {thousandSeparator} = props\n if (thousandSeparator === true) thousandSeparator = ','\n\n if (thousandSeparator === decimalSeparator) {\n console.warn(`\n Decimal separator can't be same as thousand separator.\n thousandSeparator: ${thousandSeparator} (thousandSeparator = {true} is same as thousandSeparator = \",\")\n decimalSeparator: ${decimalSeparator} (default value for decimalSeparator is .)\n `)\n thousandSeparator = undefined\n decimalSeparator = '.'\n }\n\n if (thousandSeparator && isString(thousandSeparator)) {\n if (thousandSeparator.indexOf('-') >= 0) {\n console.warn(`Thousand separator can't contain '-' character`)\n thousandSeparator = undefined\n } else if (thousandSeparator.match(/\\d/g)) {\n console.warn(`Thousand separator should not contain numeric character`)\n thousandSeparator = undefined\n }\n }\n\n if (decimalSeparator.match(/\\d/g)) {\n console.warn(`Decimal separator should not contain numeric character`)\n decimalSeparator = '.'\n }\n\n return {decimalSeparator, thousandSeparator}\n}\n\n/**\n * A number format input component with validation and formatting.\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 number input.\n * @param props.onChange the callback function called when the value changes.\n * @param props.value the current value of the input.\n * @returns the React element.\n */\nconst RsNumberFormat = ({style, className, label, onChange, value, ...props}: RsNumberFormatProps) => {\n const {decimalSeparator, thousandSeparator} = getSeparators(props)\n\n value = value ?? ''\n if (typeof value === 'number' && !Number.isFinite(value)) {\n value = ''\n }\n\n const onValueChange = useCallback((values: NumberFormatValues) => onChange?.(values.value), [onChange])\n\n return <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n <NumericFormat<InputProps> customInput={WrappedInput}\n {...props}\n decimalSeparator={decimalSeparator}\n thousandSeparator={thousandSeparator}\n onValueChange={onValueChange}\n value={value}/>\n </Labeled>\n}\n\nexport const rsNumberFormat = define(RsNumberFormat, 'RsNumberFormat')\n .name('Number format')\n .category(fieldsCategory)\n .props({\n label: string.default('Number input'),\n value: number.valued,\n ...inputProps,\n allowedDecimalSeparators: array.ofString,\n allowLeadingZeros: boolean.default(false),\n allowNegative: boolean.default(true),\n decimalScale: nonNegNumber,\n decimalSeparator: string,\n fixedDecimalScale: boolean.default(false),\n prefix: string,\n suffix: string,\n thousandsGroupStyle: oneOf('thousand', 'lakh', 'wan', 'none').default('none'),\n thousandSeparator: string,\n })\n"],"names":["getSeparators","props","decimalSeparator","thousandSeparator","isString","RsNumberFormat","style","className","label","onChange","value","onValueChange","useCallback","values","Labeled","jsx","NumericFormat","WrappedInput","rsNumberFormat","define","fieldsCategory","string","number","inputProps","array","boolean","nonNegNumber","oneOf"],"mappings":";;;;;;;;AAoCA,SAASA,EAAcC,GAA4E;AACjG,MAAI,EAAC,kBAAAC,IAAmB,IAAA,IAAOD,GAC3B,EAAC,mBAAAE,MAAqBF;AAC1B,SAAIE,MAAsB,OAAMA,IAAoB,MAEhDA,MAAsBD,MACxB,QAAQ,KAAK;AAAA;AAAA,6BAEYC,CAAiB;AAAA,4BAClBD,CAAgB;AAAA,MACtC,GACFC,IAAoB,QACpBD,IAAmB,MAGjBC,KAAqBC,EAASD,CAAiB,MAC7CA,EAAkB,QAAQ,GAAG,KAAK,KACpC,QAAQ,KAAK,gDAAgD,GAC7DA,IAAoB,UACXA,EAAkB,MAAM,KAAK,MACtC,QAAQ,KAAK,yDAAyD,GACtEA,IAAoB,UAIpBD,EAAiB,MAAM,KAAK,MAC9B,QAAQ,KAAK,wDAAwD,GACrEA,IAAmB,MAGd,EAAC,kBAAAA,GAAkB,mBAAAC,EAAA;AAC5B;AAYA,MAAME,IAAiB,CAAC,EAAC,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,UAAAC,GAAU,OAAAC,GAAO,GAAGT,QAAgC;AACpG,QAAM,EAAC,kBAAAC,GAAkB,mBAAAC,MAAqBH,EAAcC,CAAK;AAEjE,EAAAS,IAAQA,KAAS,IACb,OAAOA,KAAU,YAAY,CAAC,OAAO,SAASA,CAAK,MACrDA,IAAQ;AAGV,QAAMC,IAAgBC,EAAY,CAACC,MAA+BJ,IAAWI,EAAO,KAAK,GAAG,CAACJ,CAAQ,CAAC;AAEtG,2BAAQK,GAAA,EAAQ,OAAAN,GAAc,OAAAF,GAAc,WAAAC,GAAsB,oBAAoB,IACpF,UAAA,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MAA0B,aAAaC;AAAA,MACZ,GAAGhB;AAAA,MACJ,kBAAAC;AAAA,MACA,mBAAAC;AAAA,MACA,eAAAQ;AAAA,MACA,OAAAD;AAAA,IAAA;AAAA,EAAA,GAC7B;AACF,GAEaQ,IAAiBC,EAAOd,GAAgB,gBAAgB,EAClE,KAAK,eAAe,EACpB,SAASe,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,cAAc;AAAA,EACpC,OAAOC,EAAO;AAAA,EACd,GAAGC;AAAA,EACH,0BAA0BC,EAAM;AAAA,EAChC,mBAAmBC,EAAQ,QAAQ,EAAK;AAAA,EACxC,eAAeA,EAAQ,QAAQ,EAAI;AAAA,EACnC,cAAcC;AAAA,EACd,kBAAkBL;AAAA,EAClB,mBAAmBI,EAAQ,QAAQ,EAAK;AAAA,EACxC,QAAQJ;AAAA,EACR,QAAQA;AAAA,EACR,qBAAqBM,EAAM,YAAY,QAAQ,OAAO,MAAM,EAAE,QAAQ,MAAM;AAAA,EAC5E,mBAAmBN;AACrB,CAAC;"}
|
package/dist/pattern-format.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Definer } from '@react-form-builder/core';
|
|
2
|
-
import
|
|
3
|
-
import
|
|
2
|
+
import { InputProps } from 'rsuite';
|
|
3
|
+
import { PatternFormatProps } from 'react-number-format';
|
|
4
4
|
|
|
5
5
|
export declare const rsPatternFormat: Definer<RsPatternFormatProps>;
|
|
6
6
|
|
package/dist/pattern-format.js
CHANGED
|
@@ -1,39 +1,36 @@
|
|
|
1
1
|
import { jsx as m } from "@emotion/react/jsx-runtime";
|
|
2
|
-
import { define as u,
|
|
2
|
+
import { define as u, boolean as d, string as a } from "@react-form-builder/core";
|
|
3
3
|
import { useCallback as c } from "react";
|
|
4
|
-
import { PatternFormat as
|
|
5
|
-
import { i as
|
|
6
|
-
import { f as
|
|
7
|
-
import { L as
|
|
8
|
-
import { W as
|
|
9
|
-
|
|
10
|
-
import "@emotion/styled";
|
|
11
|
-
import "rsuite";
|
|
12
|
-
const v = ({ style: s, className: i, label: l, format: n, onChange: a, value: p, ...o }) => {
|
|
4
|
+
import { PatternFormat as g } from "react-number-format";
|
|
5
|
+
import { i as h } from "./commonProperties-ETOgvhCH.js";
|
|
6
|
+
import { f as k } from "./categories-_98lyB3C.js";
|
|
7
|
+
import { L as F } from "./Labeled-BWYRwMiY.js";
|
|
8
|
+
import { W as P } from "./WrappedInput-BRkBjl0z.js";
|
|
9
|
+
const b = ({ style: n, className: s, label: i, format: l, onChange: r, value: f, ...o }) => {
|
|
13
10
|
let { mask: t } = o;
|
|
14
11
|
t && (t === "string" ? t : t.toString()).match(/\d/g) && (console.warn(`Mask ${t} should not contain numeric character, mask value will be ignored`), t = void 0);
|
|
15
|
-
const
|
|
16
|
-
return /* @__PURE__ */ m(
|
|
17
|
-
|
|
12
|
+
const p = c((e) => r?.(e.formattedValue), [r]);
|
|
13
|
+
return /* @__PURE__ */ m(F, { label: i, style: n, className: s, passAriaToChildren: !0, children: /* @__PURE__ */ m(
|
|
14
|
+
g,
|
|
18
15
|
{
|
|
19
|
-
customInput:
|
|
20
|
-
format:
|
|
16
|
+
customInput: P,
|
|
17
|
+
format: l ?? "",
|
|
21
18
|
...o,
|
|
22
19
|
mask: t,
|
|
23
|
-
onValueChange:
|
|
24
|
-
value:
|
|
20
|
+
onValueChange: p,
|
|
21
|
+
value: f ?? ""
|
|
25
22
|
}
|
|
26
23
|
) });
|
|
27
|
-
},
|
|
28
|
-
label:
|
|
29
|
-
value:
|
|
30
|
-
...
|
|
31
|
-
format:
|
|
32
|
-
mask:
|
|
33
|
-
patternChar:
|
|
24
|
+
}, I = u(b, "RsPatternFormat").name("Pattern format").category(k).props({
|
|
25
|
+
label: a.default("Formatted input"),
|
|
26
|
+
value: a.valued,
|
|
27
|
+
...h,
|
|
28
|
+
format: a,
|
|
29
|
+
mask: a,
|
|
30
|
+
patternChar: a,
|
|
34
31
|
allowEmptyFormatting: d.default(!1)
|
|
35
32
|
});
|
|
36
33
|
export {
|
|
37
|
-
|
|
34
|
+
I as rsPatternFormat
|
|
38
35
|
};
|
|
39
36
|
//# sourceMappingURL=pattern-format.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"pattern-format.js","sources":["../src/components/RsPatternFormat.tsx"],"sourcesContent":["import {boolean, define, string} from '@react-form-builder/core'\nimport {useCallback} from 'react'\nimport type {PatternFormatProps} from 'react-number-format'\nimport {PatternFormat} from 'react-number-format'\nimport type {InputProps} from 'rsuite'\nimport {inputProps} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\nimport {WrappedInput} from './internal/WrappedInput'\n\n/**\n * Props for the RsPatternFormat component.\n */\nexport interface RsPatternFormatProps extends PatternFormatProps<InputProps> {\n /**\n * The label for the pattern format input.\n */\n label: string\n /**\n * The callback when value changes.\n */\n onChange: (value: any) => void\n /**\n * The htmlSize attribute defines the width of the «input> element.\n */\n htmlSize?: number\n}\n\n/**\n * Pattern format input component with label support.\n * @param props the component props.\n * @param props.style the CSS styles.\n * @param props.className the CSS class name.\n * @param props.label the label for the pattern format input.\n * @param props.format the format pattern.\n * @param props.onChange the callback when value changes.\n * @param props.value the value of the input.\n * @param props.props the additional pattern format props.\n * @returns the React element.\n */\nconst RsPatternFormat = ({style, className, label, format, onChange, value, ...props}: RsPatternFormatProps) => {\n let {mask} = props\n\n if (mask) {\n const maskAsStr = mask === 'string' ? mask : mask.toString()\n if (maskAsStr.match(/\\d/g)) {\n console.warn(`Mask ${mask} should not contain numeric character, mask value will be ignored`)\n mask = undefined\n }\n }\n\n const handleValueChange = useCallback((values: any) => onChange?.(values.formattedValue), [onChange])\n\n return <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n <PatternFormat customInput={WrappedInput} format={format ?? ''} {...props} mask={mask}\n onValueChange={handleValueChange}\n value={value ?? ''}/>\n </Labeled>\n}\n\nexport const rsPatternFormat = define(RsPatternFormat, 'RsPatternFormat')\n .name('Pattern format')\n .category(fieldsCategory)\n .props({\n label: string.default('Formatted input'),\n value: string.valued,\n ...inputProps,\n format: string,\n mask: string,\n patternChar: string,\n allowEmptyFormatting: boolean.default(false)\n })\n"],"names":["RsPatternFormat","style","className","label","format","onChange","value","props","mask","handleValueChange","useCallback","values","Labeled","jsx","PatternFormat","WrappedInput","rsPatternFormat","define","fieldsCategory","string","inputProps","boolean"],"mappings":"
|
|
1
|
+
{"version":3,"file":"pattern-format.js","sources":["../src/components/RsPatternFormat.tsx"],"sourcesContent":["import {boolean, define, string} from '@react-form-builder/core'\nimport {useCallback} from 'react'\nimport type {PatternFormatProps} from 'react-number-format'\nimport {PatternFormat} from 'react-number-format'\nimport type {InputProps} from 'rsuite'\nimport {inputProps} from '../commonProperties'\nimport {fieldsCategory} from './categories'\nimport {Labeled} from './internal/Labeled'\nimport {WrappedInput} from './internal/WrappedInput'\n\n/**\n * Props for the RsPatternFormat component.\n */\nexport interface RsPatternFormatProps extends PatternFormatProps<InputProps> {\n /**\n * The label for the pattern format input.\n */\n label: string\n /**\n * The callback when value changes.\n */\n onChange: (value: any) => void\n /**\n * The htmlSize attribute defines the width of the «input> element.\n */\n htmlSize?: number\n}\n\n/**\n * Pattern format input component with label support.\n * @param props the component props.\n * @param props.style the CSS styles.\n * @param props.className the CSS class name.\n * @param props.label the label for the pattern format input.\n * @param props.format the format pattern.\n * @param props.onChange the callback when value changes.\n * @param props.value the value of the input.\n * @param props.props the additional pattern format props.\n * @returns the React element.\n */\nconst RsPatternFormat = ({style, className, label, format, onChange, value, ...props}: RsPatternFormatProps) => {\n let {mask} = props\n\n if (mask) {\n const maskAsStr = mask === 'string' ? mask : mask.toString()\n if (maskAsStr.match(/\\d/g)) {\n console.warn(`Mask ${mask} should not contain numeric character, mask value will be ignored`)\n mask = undefined\n }\n }\n\n const handleValueChange = useCallback((values: any) => onChange?.(values.formattedValue), [onChange])\n\n return <Labeled label={label} style={style} className={className} passAriaToChildren={true}>\n <PatternFormat customInput={WrappedInput} format={format ?? ''} {...props} mask={mask}\n onValueChange={handleValueChange}\n value={value ?? ''}/>\n </Labeled>\n}\n\nexport const rsPatternFormat = define(RsPatternFormat, 'RsPatternFormat')\n .name('Pattern format')\n .category(fieldsCategory)\n .props({\n label: string.default('Formatted input'),\n value: string.valued,\n ...inputProps,\n format: string,\n mask: string,\n patternChar: string,\n allowEmptyFormatting: boolean.default(false)\n })\n"],"names":["RsPatternFormat","style","className","label","format","onChange","value","props","mask","handleValueChange","useCallback","values","Labeled","jsx","PatternFormat","WrappedInput","rsPatternFormat","define","fieldsCategory","string","inputProps","boolean"],"mappings":";;;;;;;;AAwCA,MAAMA,IAAkB,CAAC,EAAC,OAAAC,GAAO,WAAAC,GAAW,OAAAC,GAAO,QAAAC,GAAQ,UAAAC,GAAU,OAAAC,GAAO,GAAGC,QAAiC;AAC9G,MAAI,EAAC,MAAAC,MAAQD;AAEb,EAAIC,MACgBA,MAAS,WAAWA,IAAOA,EAAK,SAAA,GACpC,MAAM,KAAK,MACvB,QAAQ,KAAK,QAAQA,CAAI,mEAAmE,GAC5FA,IAAO;AAIX,QAAMC,IAAoBC,EAAY,CAACC,MAAgBN,IAAWM,EAAO,cAAc,GAAG,CAACN,CAAQ,CAAC;AAEpG,2BAAQO,GAAA,EAAQ,OAAAT,GAAc,OAAAF,GAAc,WAAAC,GAAsB,oBAAoB,IACpF,UAAA,gBAAAW;AAAA,IAACC;AAAA,IAAA;AAAA,MAAc,aAAaC;AAAA,MAAc,QAAQX,KAAU;AAAA,MAAK,GAAGG;AAAA,MAAO,MAAAC;AAAA,MAC5D,eAAeC;AAAA,MACf,OAAOH,KAAS;AAAA,IAAA;AAAA,EAAA,GACjC;AACF,GAEaU,IAAkBC,EAAOjB,GAAiB,iBAAiB,EACrE,KAAK,gBAAgB,EACrB,SAASkB,CAAc,EACvB,MAAM;AAAA,EACL,OAAOC,EAAO,QAAQ,iBAAiB;AAAA,EACvC,OAAOA,EAAO;AAAA,EACd,GAAGC;AAAA,EACH,QAAQD;AAAA,EACR,MAAMA;AAAA,EACN,aAAaA;AAAA,EACb,sBAAsBE,EAAQ,QAAQ,EAAK;AAC7C,CAAC;"}
|
package/dist/placeholder.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { define as t,
|
|
1
|
+
import { jsx as e, jsxs as s } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { define as t, boolean as o, number as r, size as c, oneOf as h } from "@react-form-builder/core";
|
|
3
3
|
import { Placeholder as l } from "rsuite";
|
|
4
|
-
import {
|
|
4
|
+
import { a as i } from "./categories-_98lyB3C.js";
|
|
5
5
|
const a = { width: 24, height: 24 }, n = () => /* @__PURE__ */ s("svg", { style: a, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
6
6
|
/* @__PURE__ */ e("line", { x1: "4", y1: "8", x2: "8", y2: "8", stroke: "#9CA3AF", strokeWidth: "1" }),
|
|
7
7
|
/* @__PURE__ */ e("line", { x1: "4", y1: "12", x2: "10", y2: "12", stroke: "#9CA3AF", strokeWidth: "1" }),
|
package/dist/placeholder.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"placeholder.js","sources":["../src/components/RsPlaceholder.tsx"],"sourcesContent":["import {boolean, define, number, oneOf, size} from '@react-form-builder/core'\nimport {Placeholder} from 'rsuite'\nimport {staticCategory} from './categories'\n\nconst iconStyle = {width: 24, height: 24}\n\nconst IconGrid = () => (\n <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"4\" y1=\"8\" x2=\"8\" y2=\"8\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"4\" y1=\"12\" x2=\"10\" y2=\"12\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"4\" y1=\"16\" x2=\"9\" y2=\"16\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"13\" y1=\"8\" x2=\"20\" y2=\"8\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"12\" y1=\"12\" x2=\"20\" y2=\"12\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"14\" y1=\"16\" x2=\"20\" y2=\"16\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n </svg>\n)\n\nconst IconParagraph = () => (\n <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"12\" y1=\"10\" x2=\"20\" y2=\"10\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"12\" y1=\"14\" x2=\"20\" y2=\"14\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <circle cx=\"5\" cy=\"12\" r=\"4\" stroke=\"#9CA3AF\" fill=\"#9CA3AF\" fillOpacity=\"0.7\"/>\n </svg>\n)\n\nconst IconGraph = () => (\n <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"4\" y=\"4\" width=\"14\" height=\"14\" fill=\"#9CA3AF\" fillOpacity=\"0.7\"/>\n </svg>\n)\n\nexport const rsPlaceholderGraph = define(Placeholder.Graph, 'RsPlaceholderGraph')\n .name('Placeholder graph')\n .category(staticCategory)\n .icon(IconGraph)\n .props({\n width: size.default('100%'),\n height: number.default(200),\n active: boolean,\n })\n\nexport const rsPlaceholderGrid = define(Placeholder.Grid, 'RsPlaceholderGrid')\n .name('Placeholder grid')\n .category(staticCategory)\n .icon(IconGrid)\n .props({\n rows: number.default(5),\n columns: number.default(5),\n rowHeight: number.default(10),\n rowSpacing: number.default(20),\n active: boolean,\n })\n\nexport const rsPlaceholderParagraph = define(Placeholder.Paragraph, 'RsPlaceholderParagraph')\n .name('Placeholder paragraph')\n .category(staticCategory)\n .icon(IconParagraph)\n .props({\n rows: number.default(2),\n rowHeight: number.default(10),\n rowSpacing: number.default(20),\n graph: oneOf('circle', 'square', 'image')\n .withEditorProps({creatable: false}),\n active: boolean,\n })\n"],"names":["iconStyle","IconGrid","jsxs","jsx","IconParagraph","IconGraph","rsPlaceholderGraph","define","Placeholder","staticCategory","size","number","boolean","rsPlaceholderGrid","rsPlaceholderParagraph","oneOf"],"mappings":";;;;AAIA,MAAMA,IAAY,EAAC,OAAO,IAAI,QAAQ,
|
|
1
|
+
{"version":3,"file":"placeholder.js","sources":["../src/components/RsPlaceholder.tsx"],"sourcesContent":["import {boolean, define, number, oneOf, size} from '@react-form-builder/core'\nimport {Placeholder} from 'rsuite'\nimport {staticCategory} from './categories'\n\nconst iconStyle = {width: 24, height: 24}\n\nconst IconGrid = () => (\n <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"4\" y1=\"8\" x2=\"8\" y2=\"8\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"4\" y1=\"12\" x2=\"10\" y2=\"12\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"4\" y1=\"16\" x2=\"9\" y2=\"16\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"13\" y1=\"8\" x2=\"20\" y2=\"8\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"12\" y1=\"12\" x2=\"20\" y2=\"12\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"14\" y1=\"16\" x2=\"20\" y2=\"16\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n </svg>\n)\n\nconst IconParagraph = () => (\n <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <line x1=\"12\" y1=\"10\" x2=\"20\" y2=\"10\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <line x1=\"12\" y1=\"14\" x2=\"20\" y2=\"14\" stroke=\"#9CA3AF\" strokeWidth=\"1\"/>\n <circle cx=\"5\" cy=\"12\" r=\"4\" stroke=\"#9CA3AF\" fill=\"#9CA3AF\" fillOpacity=\"0.7\"/>\n </svg>\n)\n\nconst IconGraph = () => (\n <svg style={iconStyle} viewBox=\"0 0 24 24\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n <rect x=\"4\" y=\"4\" width=\"14\" height=\"14\" fill=\"#9CA3AF\" fillOpacity=\"0.7\"/>\n </svg>\n)\n\nexport const rsPlaceholderGraph = define(Placeholder.Graph, 'RsPlaceholderGraph')\n .name('Placeholder graph')\n .category(staticCategory)\n .icon(IconGraph)\n .props({\n width: size.default('100%'),\n height: number.default(200),\n active: boolean,\n })\n\nexport const rsPlaceholderGrid = define(Placeholder.Grid, 'RsPlaceholderGrid')\n .name('Placeholder grid')\n .category(staticCategory)\n .icon(IconGrid)\n .props({\n rows: number.default(5),\n columns: number.default(5),\n rowHeight: number.default(10),\n rowSpacing: number.default(20),\n active: boolean,\n })\n\nexport const rsPlaceholderParagraph = define(Placeholder.Paragraph, 'RsPlaceholderParagraph')\n .name('Placeholder paragraph')\n .category(staticCategory)\n .icon(IconParagraph)\n .props({\n rows: number.default(2),\n rowHeight: number.default(10),\n rowSpacing: number.default(20),\n graph: oneOf('circle', 'square', 'image')\n .withEditorProps({creatable: false}),\n active: boolean,\n })\n"],"names":["iconStyle","IconGrid","jsxs","jsx","IconParagraph","IconGraph","rsPlaceholderGraph","define","Placeholder","staticCategory","size","number","boolean","rsPlaceholderGrid","rsPlaceholderParagraph","oneOf"],"mappings":";;;;AAIA,MAAMA,IAAY,EAAC,OAAO,IAAI,QAAQ,GAAA,GAEhCC,IAAW,MACf,gBAAAC,EAAC,OAAA,EAAI,OAAOF,GAAW,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC3D,UAAA;AAAA,EAAA,gBAAAG,EAAC,QAAA,EAAK,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,IAAG,KAAI,QAAO,WAAU,aAAY,KAAG;AAAA,EAClE,gBAAAA,EAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,KAAG;AAAA,EACrE,gBAAAA,EAAC,QAAA,EAAK,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,QAAO,WAAU,aAAY,KAAG;AAAA,EACpE,gBAAAA,EAAC,QAAA,EAAK,IAAG,MAAK,IAAG,KAAI,IAAG,MAAK,IAAG,KAAI,QAAO,WAAU,aAAY,KAAG;AAAA,EACpE,gBAAAA,EAAC,QAAA,EAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,KAAG;AAAA,EACtE,gBAAAA,EAAC,QAAA,EAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,IAAA,CAAG;AAAA,GACxE,GAGIC,IAAgB,MACpB,gBAAAF,EAAC,OAAA,EAAI,OAAOF,GAAW,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC3D,UAAA;AAAA,EAAA,gBAAAG,EAAC,QAAA,EAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,KAAG;AAAA,EACtE,gBAAAA,EAAC,QAAA,EAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,IAAG,MAAK,QAAO,WAAU,aAAY,KAAG;AAAA,EACtE,gBAAAA,EAAC,UAAA,EAAO,IAAG,KAAI,IAAG,MAAK,GAAE,KAAI,QAAO,WAAU,MAAK,WAAU,aAAY,MAAA,CAAK;AAAA,GAChF,GAGIE,IAAY,MAChB,gBAAAF,EAAC,OAAA,EAAI,OAAOH,GAAW,SAAQ,aAAY,MAAK,QAAO,OAAM,8BAC3D,UAAA,gBAAAG,EAAC,UAAK,GAAE,KAAI,GAAE,KAAI,OAAM,MAAK,QAAO,MAAK,MAAK,WAAU,aAAY,MAAA,CAAK,EAAA,CAC3E,GAGWG,IAAqBC,EAAOC,EAAY,OAAO,oBAAoB,EAC7E,KAAK,mBAAmB,EACxB,SAASC,CAAc,EACvB,KAAKJ,CAAS,EACd,MAAM;AAAA,EACL,OAAOK,EAAK,QAAQ,MAAM;AAAA,EAC1B,QAAQC,EAAO,QAAQ,GAAG;AAAA,EAC1B,QAAQC;AACV,CAAC,GAEUC,IAAoBN,EAAOC,EAAY,MAAM,mBAAmB,EAC1E,KAAK,kBAAkB,EACvB,SAASC,CAAc,EACvB,KAAKR,CAAQ,EACb,MAAM;AAAA,EACL,MAAMU,EAAO,QAAQ,CAAC;AAAA,EACtB,SAASA,EAAO,QAAQ,CAAC;AAAA,EACzB,WAAWA,EAAO,QAAQ,EAAE;AAAA,EAC5B,YAAYA,EAAO,QAAQ,EAAE;AAAA,EAC7B,QAAQC;AACV,CAAC,GAEUE,IAAyBP,EAAOC,EAAY,WAAW,wBAAwB,EACzF,KAAK,uBAAuB,EAC5B,SAASC,CAAc,EACvB,KAAKL,CAAa,EAClB,MAAM;AAAA,EACL,MAAMO,EAAO,QAAQ,CAAC;AAAA,EACtB,WAAWA,EAAO,QAAQ,EAAE;AAAA,EAC5B,YAAYA,EAAO,QAAQ,EAAE;AAAA,EAC7B,OAAOI,EAAM,UAAU,UAAU,OAAO,EACrC,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,QAAQH;AACV,CAAC;"}
|
package/dist/progress.js
CHANGED
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { oneOf as e, boolean as o, number as r, string as n, define as t, color as s } from "@react-form-builder/core";
|
|
2
2
|
import { Progress as a } from "rsuite";
|
|
3
|
-
import {
|
|
3
|
+
import { a as i } from "./categories-_98lyB3C.js";
|
|
4
4
|
const l = {
|
|
5
5
|
classPrefix: n.default("progress"),
|
|
6
6
|
percent: r.default(50).withEditorProps({ min: 0, max: 100 }).dataBound,
|
|
7
7
|
showInfo: o.default(!0),
|
|
8
8
|
status: e("success", "fail", "active").default("active").withEditorProps({ creatable: !1 }),
|
|
9
|
-
strokeColor:
|
|
9
|
+
strokeColor: s,
|
|
10
10
|
strokeWidth: r
|
|
11
|
-
}, p =
|
|
11
|
+
}, p = t(a.Circle, "RsProgressCircle").name("Progress circle").category(i).props({
|
|
12
12
|
...l,
|
|
13
13
|
gapDegree: r.withEditorProps({ min: 0, max: 360 }),
|
|
14
14
|
gapPosition: e("right", "top", "bottom", "left").default("top").withEditorProps({ creatable: !1 }),
|
|
15
15
|
strokeLinecap: e("round", "square", "butt").default("round").withEditorProps({ creatable: !1 }),
|
|
16
16
|
strokeWidth: r.default(6),
|
|
17
|
-
trailColor:
|
|
17
|
+
trailColor: s,
|
|
18
18
|
trailWidth: r.default(6)
|
|
19
|
-
}), u =
|
|
19
|
+
}), u = t(a.Line, "RsProgressLine").name("Progress line").category(i).props({
|
|
20
20
|
...l,
|
|
21
21
|
vertical: o.default(!1)
|
|
22
22
|
});
|
package/dist/progress.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"progress.js","sources":["../src/components/RsProgress.tsx"],"sourcesContent":["import {boolean, color, define, number, oneOf, string} from '@react-form-builder/core'\nimport {Progress} from 'rsuite'\nimport {staticCategory} from './categories'\n\nconst rsCommonProgressProps = {\n classPrefix: string.default('progress'),\n percent: number.default(50)\n .withEditorProps({min: 0, max: 100})\n .dataBound,\n showInfo: boolean.default(true),\n status: oneOf('success', 'fail', 'active')\n .default('active')\n .withEditorProps({creatable: false}),\n strokeColor: color,\n strokeWidth: number,\n}\n\nexport const rsProgressCircle = define(Progress.Circle, 'RsProgressCircle')\n .name('Progress circle')\n .category(staticCategory)\n .props({\n ...rsCommonProgressProps,\n gapDegree: number.withEditorProps({min: 0, max: 360}),\n gapPosition: oneOf('right', 'top', 'bottom', 'left')\n .default('top')\n .withEditorProps({creatable: false}),\n strokeLinecap: oneOf('round', 'square', 'butt')\n .default('round')\n .withEditorProps({creatable: false}),\n strokeWidth: number.default(6),\n trailColor: color,\n trailWidth: number.default(6)\n })\n\nexport const rsProgressLine = define(Progress.Line, 'RsProgressLine')\n .name('Progress line')\n .category(staticCategory)\n .props({\n ...rsCommonProgressProps,\n vertical: boolean.default(false)\n })\n"],"names":["rsCommonProgressProps","string","number","boolean","oneOf","color","rsProgressCircle","define","Progress","staticCategory","rsProgressLine"],"mappings":";;;AAIA,MAAMA,IAAwB;AAAA,EAC5B,aAAaC,EAAO,QAAQ,UAAU;AAAA,EACtC,SAASC,EAAO,QAAQ,EAAE,EACvB,gBAAgB,EAAC,KAAK,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"progress.js","sources":["../src/components/RsProgress.tsx"],"sourcesContent":["import {boolean, color, define, number, oneOf, string} from '@react-form-builder/core'\nimport {Progress} from 'rsuite'\nimport {staticCategory} from './categories'\n\nconst rsCommonProgressProps = {\n classPrefix: string.default('progress'),\n percent: number.default(50)\n .withEditorProps({min: 0, max: 100})\n .dataBound,\n showInfo: boolean.default(true),\n status: oneOf('success', 'fail', 'active')\n .default('active')\n .withEditorProps({creatable: false}),\n strokeColor: color,\n strokeWidth: number,\n}\n\nexport const rsProgressCircle = define(Progress.Circle, 'RsProgressCircle')\n .name('Progress circle')\n .category(staticCategory)\n .props({\n ...rsCommonProgressProps,\n gapDegree: number.withEditorProps({min: 0, max: 360}),\n gapPosition: oneOf('right', 'top', 'bottom', 'left')\n .default('top')\n .withEditorProps({creatable: false}),\n strokeLinecap: oneOf('round', 'square', 'butt')\n .default('round')\n .withEditorProps({creatable: false}),\n strokeWidth: number.default(6),\n trailColor: color,\n trailWidth: number.default(6)\n })\n\nexport const rsProgressLine = define(Progress.Line, 'RsProgressLine')\n .name('Progress line')\n .category(staticCategory)\n .props({\n ...rsCommonProgressProps,\n vertical: boolean.default(false)\n })\n"],"names":["rsCommonProgressProps","string","number","boolean","oneOf","color","rsProgressCircle","define","Progress","staticCategory","rsProgressLine"],"mappings":";;;AAIA,MAAMA,IAAwB;AAAA,EAC5B,aAAaC,EAAO,QAAQ,UAAU;AAAA,EACtC,SAASC,EAAO,QAAQ,EAAE,EACvB,gBAAgB,EAAC,KAAK,GAAG,KAAK,IAAA,CAAI,EAClC;AAAA,EACH,UAAUC,EAAQ,QAAQ,EAAI;AAAA,EAC9B,QAAQC,EAAM,WAAW,QAAQ,QAAQ,EACtC,QAAQ,QAAQ,EAChB,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,aAAaC;AAAA,EACb,aAAaH;AACf,GAEaI,IAAmBC,EAAOC,EAAS,QAAQ,kBAAkB,EACvE,KAAK,iBAAiB,EACtB,SAASC,CAAc,EACvB,MAAM;AAAA,EACL,GAAGT;AAAA,EACH,WAAWE,EAAO,gBAAgB,EAAC,KAAK,GAAG,KAAK,KAAI;AAAA,EACpD,aAAaE,EAAM,SAAS,OAAO,UAAU,MAAM,EAChD,QAAQ,KAAK,EACb,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,eAAeA,EAAM,SAAS,UAAU,MAAM,EAC3C,QAAQ,OAAO,EACf,gBAAgB,EAAC,WAAW,IAAM;AAAA,EACrC,aAAaF,EAAO,QAAQ,CAAC;AAAA,EAC7B,YAAYG;AAAA,EACZ,YAAYH,EAAO,QAAQ,CAAC;AAC9B,CAAC,GAEUQ,IAAiBH,EAAOC,EAAS,MAAM,gBAAgB,EACjE,KAAK,eAAe,EACpB,SAASC,CAAc,EACvB,MAAM;AAAA,EACL,GAAGT;AAAA,EACH,UAAUG,EAAQ,QAAQ,EAAK;AACjC,CAAC;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { s as e, m as s, a as i, f as p } from "./categories-_98lyB3C.js";
|
|
2
2
|
import { rsWizard as a, rsWizardStep as f } from "./wizard.js";
|
|
3
3
|
import { rsAutoComplete as n } from "./autocomplete.js";
|
|
4
4
|
import { rsBreadcrumb as c } from "./breadcrumb.js";
|
|
@@ -34,25 +34,8 @@ import { rsTimePicker as O } from "./time-picker.js";
|
|
|
34
34
|
import { rsToggle as U } from "./toggle.js";
|
|
35
35
|
import { rsTooltip as q } from "./tooltip.js";
|
|
36
36
|
import { rsUploader as J } from "./uploader.js";
|
|
37
|
-
import "@emotion/react/jsx-runtime";
|
|
38
|
-
import "@emotion/css";
|
|
39
|
-
import "@emotion/styled";
|
|
40
|
-
import "@react-form-builder/core";
|
|
41
|
-
import "react";
|
|
42
|
-
import "rsuite";
|
|
43
|
-
import "./hooks-ff273a8a.js";
|
|
44
|
-
import "./InputCell-f4236002.js";
|
|
45
|
-
import "./commonProperties-d849cd5b.js";
|
|
46
|
-
import "./Labeled-751c2353.js";
|
|
47
|
-
import "@emotion/react";
|
|
48
|
-
import "./dateTimeUtils-b07ce438.js";
|
|
49
|
-
import "date-fns";
|
|
50
|
-
import "./useTouchOnEvent-2be3c60d.js";
|
|
51
|
-
import "@rsuite/icons";
|
|
52
|
-
import "react-number-format";
|
|
53
|
-
import "./WrappedInput-bc5a6d33.js";
|
|
54
37
|
const K = {
|
|
55
|
-
[
|
|
38
|
+
[p]: [
|
|
56
39
|
n,
|
|
57
40
|
g,
|
|
58
41
|
h,
|
|
@@ -69,7 +52,7 @@ const K = {
|
|
|
69
52
|
U,
|
|
70
53
|
J
|
|
71
54
|
],
|
|
72
|
-
[
|
|
55
|
+
[i]: [
|
|
73
56
|
d,
|
|
74
57
|
T,
|
|
75
58
|
C,
|
|
@@ -87,11 +70,11 @@ const K = {
|
|
|
87
70
|
q,
|
|
88
71
|
E
|
|
89
72
|
],
|
|
90
|
-
[
|
|
73
|
+
[s]: [
|
|
91
74
|
L,
|
|
92
75
|
S
|
|
93
76
|
],
|
|
94
|
-
[
|
|
77
|
+
[e]: [
|
|
95
78
|
c,
|
|
96
79
|
l,
|
|
97
80
|
u,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"r-suite-components.js","sources":["../src/rSuiteComponents.ts"],"sourcesContent":["import type {Definer} from '@react-form-builder/core'\nimport {fieldsCategory, modalCategory, staticCategory, structureCategory} from './components/categories'\nimport {rsWizardStep} from './components/internal/RsWizard/RsWizardStep'\nimport {rsAutoComplete} from './components/RsAutocomplete'\nimport {rsBreadcrumb} from './components/RsBreadcrumb'\nimport {rsButton} from './components/RsButton'\nimport {rsCalendar} from './components/RsCalendar'\nimport {rsCard} from './components/RsCard'\nimport {rsCheckbox} from './components/RsCheckbox'\nimport {rsContainer} from './components/RsContainer'\nimport {rsDatePicker} from './components/RsDatePicker'\nimport {rsDivider} from './components/RsDivider'\nimport {rsDropdown} from './components/RsDropdown'\nimport {rsErrorMessage} from './components/RsErrorMessage'\nimport {rsHeader} from './components/RsHeader'\nimport {rsImage} from './components/RsImage'\nimport {rsInput} from './components/RsInput'\nimport {rsLabel} from './components/RsLabel'\nimport {rsLink} from './components/RsLink'\nimport {rsMenu} from './components/RsMenu'\nimport {rsMessage} from './components/RsMessage'\nimport {rsModal} from './components/RsModal'\nimport {rsModalLayout} from './components/RsModalLayout'\nimport {rsNumberFormat} from './components/RsNumberFormat'\nimport {rsPatternFormat} from './components/RsPatternFormat'\nimport {rsPlaceholderGraph, rsPlaceholderGrid, rsPlaceholderParagraph} from './components/RsPlaceholder'\nimport {rsProgressCircle, rsProgressLine} from './components/RsProgress'\nimport {rsRadioGroup} from './components/RsRadioGroup'\nimport {rsSearch} from './components/RsSearch'\nimport {rsStaticContent} from './components/RsStaticContent'\nimport {rsTab} from './components/RsTab'\nimport {rsTagPicker} from './components/RsTagPicker'\nimport {rsTextArea} from './components/RsTextArea'\nimport {rsTimePicker} from './components/RsTimePicker'\nimport {rsToggle} from './components/RsToggle'\nimport {rsTooltip} from './components/RsTooltip'\nimport {rsUploader} from './components/RsUploader'\nimport {rsWizard} from './components/RsWizard'\n\nconst categories = {\n [fieldsCategory]: [\n rsAutoComplete,\n rsCalendar,\n rsCheckbox,\n rsDatePicker,\n rsTimePicker,\n rsDropdown,\n rsInput,\n rsNumberFormat,\n rsPatternFormat,\n rsRadioGroup,\n rsSearch,\n rsTagPicker,\n rsTextArea,\n rsToggle,\n rsUploader\n ],\n [staticCategory]: [\n rsButton,\n rsErrorMessage,\n rsDivider,\n rsHeader,\n rsImage,\n rsLabel,\n rsMenu,\n rsMessage,\n rsPlaceholderGraph,\n rsPlaceholderGrid,\n rsPlaceholderParagraph,\n rsProgressCircle,\n rsProgressLine,\n rsStaticContent,\n rsTooltip,\n rsLink,\n ],\n [modalCategory]: [\n rsModal,\n rsModalLayout,\n ],\n [structureCategory]: [\n rsBreadcrumb,\n rsCard,\n rsContainer,\n rsTab,\n rsWizard,\n rsWizardStep\n ],\n}\n\n/**\n * An array of rSuite component metadata factories.\n */\nconst rSuiteComponents: Definer<any>[] = []\n\nconst prefix = 'Rs'\nObject.entries(categories).forEach(([category, components]) => {\n components.forEach(c => {\n if (!c.getType().startsWith(prefix)) {\n throw new Error(`The component type must start with '${prefix}', type: '${c.getType()}'`)\n }\n if (c.data.category !== category) {\n throw new Error(`Incorrect component '${c.getType()}' category, expected '${category}', current category '${c.data.category}'.`)\n }\n rSuiteComponents.push(c)\n })\n})\n\nexport {rSuiteComponents}\n"],"names":["categories","fieldsCategory","rsAutoComplete","rsCalendar","rsCheckbox","rsDatePicker","rsTimePicker","rsDropdown","rsInput","rsNumberFormat","rsPatternFormat","rsRadioGroup","rsSearch","rsTagPicker","rsTextArea","rsToggle","rsUploader","staticCategory","rsButton","rsErrorMessage","rsDivider","rsHeader","rsImage","rsLabel","rsMenu","rsMessage","rsPlaceholderGraph","rsPlaceholderGrid","rsPlaceholderParagraph","rsProgressCircle","rsProgressLine","rsStaticContent","rsTooltip","rsLink","modalCategory","rsModal","rsModalLayout","structureCategory","rsBreadcrumb","rsCard","rsContainer","rsTab","rsWizard","rsWizardStep","rSuiteComponents","prefix","category","components","c"],"mappings":"
|
|
1
|
+
{"version":3,"file":"r-suite-components.js","sources":["../src/rSuiteComponents.ts"],"sourcesContent":["import type {Definer} from '@react-form-builder/core'\nimport {fieldsCategory, modalCategory, staticCategory, structureCategory} from './components/categories'\nimport {rsWizardStep} from './components/internal/RsWizard/RsWizardStep'\nimport {rsAutoComplete} from './components/RsAutocomplete'\nimport {rsBreadcrumb} from './components/RsBreadcrumb'\nimport {rsButton} from './components/RsButton'\nimport {rsCalendar} from './components/RsCalendar'\nimport {rsCard} from './components/RsCard'\nimport {rsCheckbox} from './components/RsCheckbox'\nimport {rsContainer} from './components/RsContainer'\nimport {rsDatePicker} from './components/RsDatePicker'\nimport {rsDivider} from './components/RsDivider'\nimport {rsDropdown} from './components/RsDropdown'\nimport {rsErrorMessage} from './components/RsErrorMessage'\nimport {rsHeader} from './components/RsHeader'\nimport {rsImage} from './components/RsImage'\nimport {rsInput} from './components/RsInput'\nimport {rsLabel} from './components/RsLabel'\nimport {rsLink} from './components/RsLink'\nimport {rsMenu} from './components/RsMenu'\nimport {rsMessage} from './components/RsMessage'\nimport {rsModal} from './components/RsModal'\nimport {rsModalLayout} from './components/RsModalLayout'\nimport {rsNumberFormat} from './components/RsNumberFormat'\nimport {rsPatternFormat} from './components/RsPatternFormat'\nimport {rsPlaceholderGraph, rsPlaceholderGrid, rsPlaceholderParagraph} from './components/RsPlaceholder'\nimport {rsProgressCircle, rsProgressLine} from './components/RsProgress'\nimport {rsRadioGroup} from './components/RsRadioGroup'\nimport {rsSearch} from './components/RsSearch'\nimport {rsStaticContent} from './components/RsStaticContent'\nimport {rsTab} from './components/RsTab'\nimport {rsTagPicker} from './components/RsTagPicker'\nimport {rsTextArea} from './components/RsTextArea'\nimport {rsTimePicker} from './components/RsTimePicker'\nimport {rsToggle} from './components/RsToggle'\nimport {rsTooltip} from './components/RsTooltip'\nimport {rsUploader} from './components/RsUploader'\nimport {rsWizard} from './components/RsWizard'\n\nconst categories = {\n [fieldsCategory]: [\n rsAutoComplete,\n rsCalendar,\n rsCheckbox,\n rsDatePicker,\n rsTimePicker,\n rsDropdown,\n rsInput,\n rsNumberFormat,\n rsPatternFormat,\n rsRadioGroup,\n rsSearch,\n rsTagPicker,\n rsTextArea,\n rsToggle,\n rsUploader\n ],\n [staticCategory]: [\n rsButton,\n rsErrorMessage,\n rsDivider,\n rsHeader,\n rsImage,\n rsLabel,\n rsMenu,\n rsMessage,\n rsPlaceholderGraph,\n rsPlaceholderGrid,\n rsPlaceholderParagraph,\n rsProgressCircle,\n rsProgressLine,\n rsStaticContent,\n rsTooltip,\n rsLink,\n ],\n [modalCategory]: [\n rsModal,\n rsModalLayout,\n ],\n [structureCategory]: [\n rsBreadcrumb,\n rsCard,\n rsContainer,\n rsTab,\n rsWizard,\n rsWizardStep\n ],\n}\n\n/**\n * An array of rSuite component metadata factories.\n */\nconst rSuiteComponents: Definer<any>[] = []\n\nconst prefix = 'Rs'\nObject.entries(categories).forEach(([category, components]) => {\n components.forEach(c => {\n if (!c.getType().startsWith(prefix)) {\n throw new Error(`The component type must start with '${prefix}', type: '${c.getType()}'`)\n }\n if (c.data.category !== category) {\n throw new Error(`Incorrect component '${c.getType()}' category, expected '${category}', current category '${c.data.category}'.`)\n }\n rSuiteComponents.push(c)\n })\n})\n\nexport {rSuiteComponents}\n"],"names":["categories","fieldsCategory","rsAutoComplete","rsCalendar","rsCheckbox","rsDatePicker","rsTimePicker","rsDropdown","rsInput","rsNumberFormat","rsPatternFormat","rsRadioGroup","rsSearch","rsTagPicker","rsTextArea","rsToggle","rsUploader","staticCategory","rsButton","rsErrorMessage","rsDivider","rsHeader","rsImage","rsLabel","rsMenu","rsMessage","rsPlaceholderGraph","rsPlaceholderGrid","rsPlaceholderParagraph","rsProgressCircle","rsProgressLine","rsStaticContent","rsTooltip","rsLink","modalCategory","rsModal","rsModalLayout","structureCategory","rsBreadcrumb","rsCard","rsContainer","rsTab","rsWizard","rsWizardStep","rSuiteComponents","prefix","category","components","c"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuCA,MAAMA,IAAa;AAAA,EACjB,CAACC,CAAc,GAAG;AAAA,IAChBC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,CAACC,CAAc,GAAG;AAAA,IAChBC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,CAACC,CAAa,GAAG;AAAA,IACfC;AAAA,IACAC;AAAA,EAAA;AAAA,EAEF,CAACC,CAAiB,GAAG;AAAA,IACnBC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,IACAC;AAAA,EAAA;AAEJ,GAKMC,IAAmC,CAAA,GAEnCC,IAAS;AACf,OAAO,QAAQ7C,CAAU,EAAE,QAAQ,CAAC,CAAC8C,GAAUC,CAAU,MAAM;AAC7D,EAAAA,EAAW,QAAQ,CAAAC,MAAK;AACtB,QAAI,CAACA,EAAE,QAAA,EAAU,WAAWH,CAAM;AAChC,YAAM,IAAI,MAAM,uCAAuCA,CAAM,aAAaG,EAAE,SAAS,GAAG;AAE1F,QAAIA,EAAE,KAAK,aAAaF;AACtB,YAAM,IAAI,MAAM,wBAAwBE,EAAE,QAAA,CAAS,yBAAyBF,CAAQ,wBAAwBE,EAAE,KAAK,QAAQ,IAAI;AAEjI,IAAAJ,EAAiB,KAAKI,CAAC;AAAA,EACzB,CAAC;AACH,CAAC;"}
|