@qoretechnologies/reqraft 0.3.1 → 0.3.3
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/dist/components/form/fields/Field.js +24 -31
- package/dist/components/form/fields/Field.js.map +1 -1
- package/dist/components/form/fields/boolean/Boolean.js +5 -9
- package/dist/components/form/fields/boolean/Boolean.js.map +1 -1
- package/dist/components/form/fields/color/Color.js +7 -14
- package/dist/components/form/fields/color/Color.js.map +1 -1
- package/dist/components/form/fields/cron/Cron.js +12 -19
- package/dist/components/form/fields/cron/Cron.js.map +1 -1
- package/dist/components/form/fields/long-string/LongString.js +5 -9
- package/dist/components/form/fields/long-string/LongString.js.map +1 -1
- package/dist/components/form/fields/markdown/Markdown.js +13 -20
- package/dist/components/form/fields/markdown/Markdown.js.map +1 -1
- package/dist/components/form/fields/number/Number.js +5 -9
- package/dist/components/form/fields/number/Number.js.map +1 -1
- package/dist/components/form/fields/radio-group/RadioGroup.js +7 -11
- package/dist/components/form/fields/radio-group/RadioGroup.js.map +1 -1
- package/dist/components/form/fields/string/String.js +4 -8
- package/dist/components/form/fields/string/String.js.map +1 -1
- package/dist/components/form/index.js +8 -24
- package/dist/components/form/index.js.map +1 -1
- package/dist/components/menu/Menu.js +23 -31
- package/dist/components/menu/Menu.js.map +1 -1
- package/dist/contexts/FetchContext.js +2 -5
- package/dist/contexts/FetchContext.js.map +1 -1
- package/dist/contexts/ReqraftContext.js +2 -5
- package/dist/contexts/ReqraftContext.js.map +1 -1
- package/dist/contexts/StorageContext.js +2 -5
- package/dist/contexts/StorageContext.js.map +1 -1
- package/dist/hooks/useFetch/useFetch.js +10 -14
- package/dist/hooks/useFetch/useFetch.js.map +1 -1
- package/dist/hooks/useReqraftProperty.js +4 -8
- package/dist/hooks/useReqraftProperty.js.map +1 -1
- package/dist/hooks/useStorage/useStorage.d.ts.map +1 -1
- package/dist/hooks/useStorage/useStorage.js +13 -13
- package/dist/hooks/useStorage/useStorage.js.map +1 -1
- package/dist/hooks/useValidation.js +1 -5
- package/dist/hooks/useValidation.js.map +1 -1
- package/dist/index.js +6 -30
- package/dist/index.js.map +1 -1
- package/dist/providers/FetchProvider.js +11 -15
- package/dist/providers/FetchProvider.js.map +1 -1
- package/dist/providers/ReqraftProvider.js +12 -17
- package/dist/providers/ReqraftProvider.js.map +1 -1
- package/dist/providers/StorageProvider.d.ts +1 -1
- package/dist/providers/StorageProvider.d.ts.map +1 -1
- package/dist/providers/StorageProvider.js +17 -21
- package/dist/providers/StorageProvider.js.map +1 -1
- package/dist/types/Form.js +1 -2
- package/dist/types.js +1 -2
- package/dist/utils/fetch.js +12 -17
- package/dist/utils/fetch.js.map +1 -1
- package/package.json +1 -1
- package/src/components/form/fields/Field.stories.tsx +165 -0
- package/src/components/form/fields/Field.tsx +172 -0
- package/src/components/form/fields/boolean/Boolean.stories.tsx +46 -0
- package/src/components/form/fields/boolean/Boolean.tsx +34 -0
- package/src/components/form/fields/color/Color.stories.tsx +60 -0
- package/src/components/form/fields/color/Color.tsx +43 -0
- package/src/components/form/fields/cron/Cron.stories.tsx +60 -0
- package/src/components/form/fields/cron/Cron.tsx +77 -0
- package/src/components/form/fields/long-string/LongString.stories.tsx +62 -0
- package/src/components/form/fields/long-string/LongString.tsx +35 -0
- package/src/components/form/fields/markdown/Markdown.stories.tsx +47 -0
- package/src/components/form/fields/markdown/Markdown.tsx +106 -0
- package/src/components/form/fields/number/Number.stories.tsx +74 -0
- package/src/components/form/fields/number/Number.tsx +53 -0
- package/src/components/form/fields/radio-group/RadioGroup.stories.tsx +79 -0
- package/src/components/form/fields/radio-group/RadioGroup.tsx +46 -0
- package/src/components/form/fields/radio-group/images/java-96x128.png +0 -0
- package/src/components/form/fields/radio-group/images/python-129x128.png +0 -0
- package/src/components/form/fields/radio-group/images/qore-106x128.png +0 -0
- package/src/components/form/fields/string/String.stories.tsx +70 -0
- package/src/components/form/fields/string/String.tsx +43 -0
- package/src/components/form/index.tsx +8 -0
- package/src/components/menu/Menu.stories.tsx +73 -0
- package/src/components/menu/Menu.tsx +244 -0
- package/src/contexts/FetchContext.tsx +25 -0
- package/src/contexts/ReqraftContext.tsx +9 -0
- package/src/contexts/StorageContext.tsx +33 -0
- package/src/global.d.ts +4 -0
- package/src/hooks/useFetch/useFetch.stories.tsx +123 -0
- package/src/hooks/useFetch/useFetch.tsx +71 -0
- package/src/hooks/useReqraftProperty.ts +16 -0
- package/src/hooks/useStorage/useStorage.stories.tsx +85 -0
- package/src/hooks/useStorage/useStorage.ts +43 -0
- package/src/hooks/useValidation.ts +9 -0
- package/src/index.tsx +17 -0
- package/src/providers/FetchProvider.tsx +40 -0
- package/src/providers/ReqraftProvider.tsx +52 -0
- package/src/providers/StorageProvider.tsx +85 -0
- package/src/types/Form.ts +46 -0
- package/src/types.ts +14 -0
- package/src/utils/fetch.ts +121 -0
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,58 +20,53 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
20
|
}
|
|
22
21
|
return t;
|
|
23
22
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
var
|
|
36
|
-
var Markdown_1 = __importDefault(require("./markdown/Markdown"));
|
|
37
|
-
var Number_1 = __importDefault(require("./number/Number"));
|
|
38
|
-
var RadioGroup_1 = __importDefault(require("./radio-group/RadioGroup"));
|
|
39
|
-
var String_1 = require("./string/String");
|
|
40
|
-
var FormField = function (_a) {
|
|
23
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
24
|
+
import { ReqoreControlGroup, ReqoreLabel } from '@qoretechnologies/reqore';
|
|
25
|
+
import { useId } from 'react';
|
|
26
|
+
import BooleanFormField from './boolean/Boolean';
|
|
27
|
+
import ColorFormField from './color/Color';
|
|
28
|
+
import CronFormField from './cron/Cron';
|
|
29
|
+
import LongStringFormField from './long-string/LongString';
|
|
30
|
+
import MarkdownFormField from './markdown/Markdown';
|
|
31
|
+
import NumberFormField from './number/Number';
|
|
32
|
+
import RadioGroupFormField from './radio-group/RadioGroup';
|
|
33
|
+
import { StringFormField } from './string/String';
|
|
34
|
+
export var FormField = function (_a) {
|
|
41
35
|
var type = _a.type, onChange = _a.onChange, value = _a.value, fieldProps = _a.fieldProps, label = _a.label, _b = _a.labelPosition, labelPosition = _b === void 0 ? 'top' : _b, rest = __rest(_a, ["type", "onChange", "value", "fieldProps", "label", "labelPosition"]);
|
|
42
|
-
var id =
|
|
36
|
+
var id = useId();
|
|
43
37
|
var handleChange = function (value, event) {
|
|
44
38
|
onChange(value, event);
|
|
45
39
|
};
|
|
46
40
|
var renderField = function (type) {
|
|
47
41
|
switch (type) {
|
|
48
42
|
case 'string':
|
|
49
|
-
return ((
|
|
43
|
+
return (_jsx(StringFormField, __assign({}, rest, fieldProps, { onChange: function (value) { return handleChange(value); }, value: value, id: id })));
|
|
50
44
|
case 'boolean':
|
|
51
|
-
return ((
|
|
45
|
+
return (_jsx(BooleanFormField, __assign({}, rest, fieldProps, { checked: value, onChange: function (checked) {
|
|
52
46
|
handleChange(checked);
|
|
53
47
|
}, id: id })));
|
|
54
48
|
case 'number':
|
|
55
|
-
return ((
|
|
49
|
+
return (_jsx(NumberFormField, __assign({}, rest, fieldProps, { value: value, onChange: function (value) {
|
|
56
50
|
handleChange(value);
|
|
57
51
|
}, id: id })));
|
|
58
52
|
case 'color':
|
|
59
|
-
return ((
|
|
53
|
+
return (_jsx(ColorFormField, __assign({}, rest, fieldProps, { value: value, onChange: function (color) {
|
|
60
54
|
handleChange(color);
|
|
61
55
|
} })));
|
|
62
56
|
case 'radio':
|
|
63
|
-
return ((
|
|
57
|
+
return (_jsx(RadioGroupFormField, __assign({}, rest, fieldProps, { value: value, onChange: function (selected) {
|
|
64
58
|
handleChange(selected);
|
|
65
59
|
}, id: id })));
|
|
66
60
|
case 'long-string':
|
|
67
|
-
return ((
|
|
61
|
+
return (_jsx(LongStringFormField, __assign({}, rest, fieldProps, { value: value, onChange: function (selected) {
|
|
68
62
|
handleChange(selected);
|
|
69
63
|
}, id: id })));
|
|
70
64
|
case 'markdown':
|
|
71
|
-
return ((
|
|
65
|
+
return (_jsx(MarkdownFormField, __assign({}, rest, fieldProps, { value: value, onChange: function (selected) {
|
|
72
66
|
handleChange(selected);
|
|
73
67
|
}, id: id })));
|
|
74
68
|
case 'cron':
|
|
75
|
-
return ((
|
|
69
|
+
return (_jsx(CronFormField, __assign({}, rest, fieldProps, { value: value, onChange: function (selected) {
|
|
76
70
|
handleChange(selected);
|
|
77
71
|
},
|
|
78
72
|
// give id to first element to make htmlFor works.
|
|
@@ -81,11 +75,10 @@ var FormField = function (_a) {
|
|
|
81
75
|
return null;
|
|
82
76
|
}
|
|
83
77
|
};
|
|
84
|
-
return ((
|
|
85
|
-
(
|
|
78
|
+
return (_jsxs(ReqoreControlGroup, { vertical: labelPosition === 'bottom' || labelPosition === 'top', children: [(label || label === 0) && (labelPosition === 'top' || labelPosition === 'left') ?
|
|
79
|
+
_jsx(ReqoreLabel, { htmlFor: id, label: label, fluid: true })
|
|
86
80
|
: null, renderField(type), (label || label === 0) && (labelPosition === 'bottom' || labelPosition === 'right') ?
|
|
87
|
-
(
|
|
81
|
+
_jsx(ReqoreLabel, { htmlFor: id, label: label, fluid: true })
|
|
88
82
|
: null] }));
|
|
89
83
|
};
|
|
90
|
-
exports.FormField = FormField;
|
|
91
84
|
//# sourceMappingURL=Field.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/components/form/fields/Field.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/components/form/fields/Field.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,18 +20,15 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
20
|
}
|
|
22
21
|
return t;
|
|
23
22
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
var reqore_1 = require("@qoretechnologies/reqore");
|
|
28
|
-
var BooleanFormField = function (_a) {
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import { ReqoreCheckbox } from '@qoretechnologies/reqore';
|
|
25
|
+
export var BooleanFormField = function (_a) {
|
|
29
26
|
var checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, rest = __rest(_a, ["checked", "onChange", "onClick"]);
|
|
30
27
|
var toggle = function (event) {
|
|
31
28
|
onChange(!checked);
|
|
32
29
|
onClick === null || onClick === void 0 ? void 0 : onClick(event);
|
|
33
30
|
};
|
|
34
|
-
return ((
|
|
31
|
+
return (_jsx(ReqoreCheckbox, __assign({ checked: checked !== null && checked !== void 0 ? checked : false, onClick: toggle, asSwitch: true, onText: 'Yes', offText: 'No', checkedIcon: 'CheckLine', uncheckedIcon: 'CloseLine', margin: 'none' }, rest)));
|
|
35
32
|
};
|
|
36
|
-
|
|
37
|
-
exports.default = exports.BooleanFormField;
|
|
33
|
+
export default BooleanFormField;
|
|
38
34
|
//# sourceMappingURL=Boolean.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/boolean/Boolean.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/boolean/Boolean.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAO1D,MAAM,CAAC,IAAM,gBAAgB,GAAG,UAAC,EAKR;IAJvB,IAAA,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cAJwB,kCAKhC,CADQ;IAEP,IAAM,MAAM,GAAoC,UAAC,KAAK;QACpD,QAAQ,CAAC,CAAC,OAAO,CAAC,CAAC;QACnB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,KAAK,CAAC,CAAC;IACnB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,cAAc,aACb,OAAO,EAAE,OAAO,aAAP,OAAO,cAAP,OAAO,GAAI,KAAK,EACzB,OAAO,EAAE,MAAM,EACf,QAAQ,QACR,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,IAAI,EACZ,WAAW,EAAC,WAAW,EACvB,aAAa,EAAC,WAAW,EACzB,MAAM,EAAC,MAAM,IACT,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
3
|
return cooked;
|
|
@@ -25,20 +24,14 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
24
|
}
|
|
26
25
|
return t;
|
|
27
26
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
-
var react_color_1 = require("react-color");
|
|
35
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
|
-
exports.StyledSketchPicker = (0, styled_components_1.default)(react_color_1.SketchPicker)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: transparent !important;\n width: 100% !important;\n max-width: 400px !important;\n box-shadow: none !important;\n padding: 0 !important;\n\n > div:first-child {\n padding-bottom: unset !important;\n height: 100px !important;\n }\n\n label {\n color: #fff !important;\n }\n input {\n width: 100% !important;\n }\n .flexbox-fix {\n border: none !important;\n }\n"], ["\n background-color: transparent !important;\n width: 100% !important;\n max-width: 400px !important;\n box-shadow: none !important;\n padding: 0 !important;\n\n > div:first-child {\n padding-bottom: unset !important;\n height: 100px !important;\n }\n\n label {\n color: #fff !important;\n }\n input {\n width: 100% !important;\n }\n .flexbox-fix {\n border: none !important;\n }\n"])));
|
|
37
|
-
var ColorFormField = function (_a) {
|
|
27
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
28
|
+
import { SketchPicker } from 'react-color';
|
|
29
|
+
import styled from 'styled-components';
|
|
30
|
+
export var StyledSketchPicker = styled(SketchPicker)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: transparent !important;\n width: 100% !important;\n max-width: 400px !important;\n box-shadow: none !important;\n padding: 0 !important;\n\n > div:first-child {\n padding-bottom: unset !important;\n height: 100px !important;\n }\n\n label {\n color: #fff !important;\n }\n input {\n width: 100% !important;\n }\n .flexbox-fix {\n border: none !important;\n }\n"], ["\n background-color: transparent !important;\n width: 100% !important;\n max-width: 400px !important;\n box-shadow: none !important;\n padding: 0 !important;\n\n > div:first-child {\n padding-bottom: unset !important;\n height: 100px !important;\n }\n\n label {\n color: #fff !important;\n }\n input {\n width: 100% !important;\n }\n .flexbox-fix {\n border: none !important;\n }\n"])));
|
|
31
|
+
export var ColorFormField = function (_a) {
|
|
38
32
|
var value = _a.value, onChange = _a.onChange, rest = __rest(_a, ["value", "onChange"]);
|
|
39
|
-
return ((
|
|
33
|
+
return (_jsx(StyledSketchPicker, __assign({ onChange: function (color) { return onChange(color.rgb); }, color: value, disableAlpha: true }, rest)));
|
|
40
34
|
};
|
|
41
|
-
|
|
42
|
-
exports.default = exports.ColorFormField;
|
|
35
|
+
export default ColorFormField;
|
|
43
36
|
var templateObject_1;
|
|
44
37
|
//# sourceMappingURL=Color.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/color/Color.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/color/Color.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAqB,MAAM,aAAa,CAAC;AAC9D,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAOvC,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,YAAY,CAAC,8dAAA,2ZAqBrD,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAAkD;IAAhD,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA1B,qBAA4B,CAAF;IACvD,OAAO,CACL,KAAC,kBAAkB,aACjB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,EAAnB,CAAmB,EACxC,KAAK,EAAE,KAAK,EACZ,YAAY,UACR,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -10,21 +9,16 @@ var __assign = (this && this.__assign) || function () {
|
|
|
10
9
|
};
|
|
11
10
|
return __assign.apply(this, arguments);
|
|
12
11
|
};
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var
|
|
19
|
-
var react_1 = require("react");
|
|
20
|
-
var reqore_1 = require("@qoretechnologies/reqore");
|
|
21
|
-
var cronstrue_1 = __importDefault(require("cronstrue"));
|
|
22
|
-
var react_2 = require("react");
|
|
23
|
-
var CronFormField = function (_a) {
|
|
12
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
13
|
+
import { createElement as _createElement } from "react";
|
|
14
|
+
import { ReqoreButton, ReqoreControlGroup, ReqoreInput, ReqoreMessage, } from '@qoretechnologies/reqore';
|
|
15
|
+
import cronstrue from 'cronstrue';
|
|
16
|
+
import { useMemo } from 'react';
|
|
17
|
+
export var CronFormField = function (_a) {
|
|
24
18
|
var onChange = _a.onChange, value = _a.value, wrapperProps = _a.wrapperProps, inputProps = _a.inputProps;
|
|
25
|
-
var _b =
|
|
19
|
+
var _b = useMemo(function () {
|
|
26
20
|
try {
|
|
27
|
-
return { message:
|
|
21
|
+
return { message: cronstrue.toString(value, {}) };
|
|
28
22
|
}
|
|
29
23
|
catch (message) {
|
|
30
24
|
return {
|
|
@@ -33,17 +27,16 @@ var CronFormField = function (_a) {
|
|
|
33
27
|
};
|
|
34
28
|
}
|
|
35
29
|
}, [value]), message = _b.message, isError = _b.isError;
|
|
36
|
-
return ((
|
|
30
|
+
return (_jsxs(ReqoreControlGroup, __assign({ fluid: true, stack: false, vertical: true, gapSize: 'big' }, wrapperProps, { children: [_jsxs(ReqoreControlGroup, { fluid: true, stack: true, children: [['Minute', 'Hour', 'Day', 'Month', 'Weekday'].map(function (label, index) {
|
|
37
31
|
var _a, _b;
|
|
38
|
-
return ((
|
|
32
|
+
return (_createElement(ReqoreInput, __assign({}, inputProps[index], { key: index, "aria-label": label, placeholder: label, onChange: function (event) {
|
|
39
33
|
var _a, _b, _c, _d, _e, _f;
|
|
40
34
|
var cronData = {};
|
|
41
35
|
_a = value.split(' '), _b = _a[0], cronData.minute = _b === void 0 ? '' : _b, _c = _a[1], cronData.hour = _c === void 0 ? '' : _c, _d = _a[2], cronData.day = _d === void 0 ? '' : _d, _e = _a[3], cronData.month = _e === void 0 ? '' : _e, _f = _a[4], cronData.weekday = _f === void 0 ? '' : _f;
|
|
42
36
|
cronData[label.toLowerCase()] = event.currentTarget.value;
|
|
43
37
|
onChange === null || onChange === void 0 ? void 0 : onChange("".concat(cronData.minute, " ").concat(cronData.hour, " ").concat(cronData.day, " ").concat(cronData.month, " ").concat(cronData.weekday));
|
|
44
38
|
}, value: (_b = (_a = value.split(' ')) === null || _a === void 0 ? void 0 : _a[index]) !== null && _b !== void 0 ? _b : '' })));
|
|
45
|
-
}), (
|
|
39
|
+
}), _jsx(ReqoreButton, { fixed: true, onClick: function () { return onChange(''); }, icon: 'CloseLine' })] }), value && (_jsx(ReqoreMessage, { intent: isError ? 'danger' : 'info', opaque: false, children: message }))] })));
|
|
46
40
|
};
|
|
47
|
-
|
|
48
|
-
exports.default = exports.CronFormField;
|
|
41
|
+
export default CronFormField;
|
|
49
42
|
//# sourceMappingURL=Cron.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cron.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/cron/Cron.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Cron.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/cron/Cron.tsx"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,WAAW,EACX,aAAa,GACd,MAAM,0BAA0B,CAAC;AAGlC,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAShC,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,EAKR;QAJpB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,UAAU,gBAAA;IAEJ,IAAA,KAAuB,OAAO,CAAC;QACnC,IAAI,CAAC;YACH,OAAO,EAAE,OAAO,EAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,EAAE,CAAC;QACpD,CAAC;QAAC,OAAO,OAAY,EAAE,CAAC;YACtB,OAAO;gBACL,OAAO,SAAA;gBACP,OAAO,EAAE,IAAI;aACd,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,EATH,OAAO,aAAA,EAAE,OAAO,aASb,CAAC;IAEZ,OAAO,CACL,MAAC,kBAAkB,aAAC,KAAK,QAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,QAAC,OAAO,EAAC,KAAK,IAAK,YAAY,eAC7E,MAAC,kBAAkB,IAAC,KAAK,QAAC,KAAK,mBAC5B,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,SAAS,CAAC,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK;;wBAC9D,OAAO,CACL,eAAC,WAAW,eACN,UAAU,CAAC,KAAK,CAAC,IACrB,GAAG,EAAE,KAAK,gBACE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,QAAQ,EAAE,UAAC,KAAK;;gCACd,IAAM,QAAQ,GAA2B,EAAE,CAAC;gCAC5C,KAMI,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,EALlB,UAAoB,EAApB,QAAQ,CAAC,MAAM,mBAAG,EAAE,KAAA,EACpB,UAAkB,EAAlB,QAAQ,CAAC,IAAI,mBAAG,EAAE,KAAA,EAClB,UAAiB,EAAjB,QAAQ,CAAC,GAAG,mBAAG,EAAE,KAAA,EACjB,UAAmB,EAAnB,QAAQ,CAAC,KAAK,mBAAG,EAAE,KAAA,EACnB,UAAqB,EAArB,QAAQ,CAAC,OAAO,mBAAG,EAAE,KAAA,CACF;gCACrB,QAAQ,CAAC,KAAK,CAAC,WAAW,EAAS,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,KAAK,CAAC;gCAEjE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CACN,UAAG,QAAQ,CAAC,MAAM,cAAI,QAAQ,CAAC,IAAI,cAAI,QAAQ,CAAC,GAAG,cAAI,QAAQ,CAAC,KAAK,cAAI,QAAQ,CAAC,OAAO,CAAE,CAC5F,CAAC;4BACJ,CAAC,EACD,KAAK,EAAE,MAAA,MAAA,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,0CAAG,KAAK,CAAC,mCAAI,EAAE,IACtC,CACH,CAAC;oBACJ,CAAC,CAAC,EAEF,KAAC,YAAY,IAAC,KAAK,QAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,EAAE,IAAI,EAAE,WAAW,GAAI,IACnD,EACpB,KAAK,IAAI,CACR,KAAC,aAAa,IAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,YAC9D,OAAO,GACM,CACjB,KACkB,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,19 +20,16 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
20
|
}
|
|
22
21
|
return t;
|
|
23
22
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
var reqore_1 = require("@qoretechnologies/reqore");
|
|
28
|
-
var LongStringFormField = function (_a) {
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import { ReqoreTextarea } from '@qoretechnologies/reqore';
|
|
25
|
+
export var LongStringFormField = function (_a) {
|
|
29
26
|
var onChange = _a.onChange, onClearClick = _a.onClearClick, rest = __rest(_a, ["onChange", "onClearClick"]);
|
|
30
|
-
return ((
|
|
27
|
+
return (_jsx(ReqoreTextarea, __assign({ scaleWithContent: true, fluid: true, wrapperStyle: {
|
|
31
28
|
width: '100%',
|
|
32
29
|
}, onClearClick: function () {
|
|
33
30
|
onClearClick === null || onClearClick === void 0 ? void 0 : onClearClick();
|
|
34
31
|
onChange === null || onChange === void 0 ? void 0 : onChange('');
|
|
35
32
|
}, onChange: function (event) { return onChange(event.currentTarget.value, event); }, rows: 4 }, rest)));
|
|
36
33
|
};
|
|
37
|
-
|
|
38
|
-
exports.default = exports.LongStringFormField;
|
|
34
|
+
export default LongStringFormField;
|
|
39
35
|
//# sourceMappingURL=LongString.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LongString.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/long-string/LongString.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"LongString.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/long-string/LongString.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAW1D,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAIR;IAH1B,IAAA,QAAQ,cAAA,EACR,YAAY,kBAAA,EACT,IAAI,cAH2B,4BAInC,CADQ;IAEP,OAAO,CACL,KAAC,cAAc,aACb,gBAAgB,QAChB,KAAK,QACL,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;SACd,EACD,YAAY,EAAE;YACZ,YAAY,aAAZ,YAAY,uBAAZ,YAAY,EAAI,CAAC;YACjB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,EAAE,CAAC,CAAC;QACjB,CAAC,EACD,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,aAAa,CAAC,KAAK,EAAE,KAAK,CAAC,EAA1C,CAA0C,EAC/D,IAAI,EAAE,CAAC,IACH,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
2
|
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
3
|
return cooked;
|
|
@@ -25,27 +24,21 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
25
24
|
}
|
|
26
25
|
return t;
|
|
27
26
|
};
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
var
|
|
34
|
-
var
|
|
35
|
-
var
|
|
36
|
-
var
|
|
37
|
-
var
|
|
38
|
-
var
|
|
39
|
-
var StyledLongStringWrapper = (0, styled_components_1.default)(reqore_1.ReqoreColumn)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n .reqore-control-wrapper {\n display: flex;\n flex-direction: column;\n }\n"], ["\n .reqore-control-wrapper {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
40
|
-
var StyledMarkdown = (0, styled_components_1.default)(react_markdown_1.default)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n p {\n font-size: 14px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n h1,\n h2,\n p,\n i,\n a {\n color: rgba(255, 255, 255, 0.84);\n }\n\n h1 {\n text-align: left;\n }\n\n h2 {\n font-weight: 700;\n padding: 0;\n text-align: left;\n line-height: 34.5px;\n letter-spacing: -0.45px;\n }\n\n p,\n i,\n a {\n letter-spacing: -0.03px;\n line-height: 1.58;\n }\n\n a {\n text-decoration: underline;\n }\n\n blockquote {\n font-style: italic;\n letter-spacing: -0.36px;\n line-height: 44.4px;\n overflow-wrap: break-word;\n color: rgba(255, 255, 255, 0.68);\n padding: 0 0 0 50px;\n }\n\n code {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 2px;\n padding: 34px 6px;\n }\n"], ["\n p {\n font-size: 14px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n h1,\n h2,\n p,\n i,\n a {\n color: rgba(255, 255, 255, 0.84);\n }\n\n h1 {\n text-align: left;\n }\n\n h2 {\n font-weight: 700;\n padding: 0;\n text-align: left;\n line-height: 34.5px;\n letter-spacing: -0.45px;\n }\n\n p,\n i,\n a {\n letter-spacing: -0.03px;\n line-height: 1.58;\n }\n\n a {\n text-decoration: underline;\n }\n\n blockquote {\n font-style: italic;\n letter-spacing: -0.36px;\n line-height: 44.4px;\n overflow-wrap: break-word;\n color: rgba(255, 255, 255, 0.68);\n padding: 0 0 0 50px;\n }\n\n code {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 2px;\n padding: 34px 6px;\n }\n"])));
|
|
41
|
-
var StyledPreviewColumn = (0, styled_components_1.default)(reqore_1.ReqoreColumn)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
42
|
-
var StyledPreviewWrapper = (0, styled_components_1.default)(reqore_1.ReqoreMessage)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n & div div {\n justify-content: start;\n }\n"], ["\n & div div {\n justify-content: start;\n }\n"])));
|
|
43
|
-
var MarkdownFormField = function (_a) {
|
|
27
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
28
|
+
import { ReqoreColumn, ReqoreColumns, ReqoreMessage } from '@qoretechnologies/reqore';
|
|
29
|
+
import ReactMarkdown from 'react-markdown';
|
|
30
|
+
import styled from 'styled-components';
|
|
31
|
+
import LongStringFormField from '../long-string/LongString';
|
|
32
|
+
var StyledWrapper = styled(ReqoreColumns)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
33
|
+
var StyledLongStringWrapper = styled(ReqoreColumn)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n .reqore-control-wrapper {\n display: flex;\n flex-direction: column;\n }\n"], ["\n .reqore-control-wrapper {\n display: flex;\n flex-direction: column;\n }\n"])));
|
|
34
|
+
var StyledMarkdown = styled(ReactMarkdown)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n p {\n font-size: 14px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n h1,\n h2,\n p,\n i,\n a {\n color: rgba(255, 255, 255, 0.84);\n }\n\n h1 {\n text-align: left;\n }\n\n h2 {\n font-weight: 700;\n padding: 0;\n text-align: left;\n line-height: 34.5px;\n letter-spacing: -0.45px;\n }\n\n p,\n i,\n a {\n letter-spacing: -0.03px;\n line-height: 1.58;\n }\n\n a {\n text-decoration: underline;\n }\n\n blockquote {\n font-style: italic;\n letter-spacing: -0.36px;\n line-height: 44.4px;\n overflow-wrap: break-word;\n color: rgba(255, 255, 255, 0.68);\n padding: 0 0 0 50px;\n }\n\n code {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 2px;\n padding: 34px 6px;\n }\n"], ["\n p {\n font-size: 14px;\n\n &:first-child {\n margin-top: 0;\n }\n &:last-child {\n margin-bottom: 0;\n }\n }\n h1,\n h2,\n p,\n i,\n a {\n color: rgba(255, 255, 255, 0.84);\n }\n\n h1 {\n text-align: left;\n }\n\n h2 {\n font-weight: 700;\n padding: 0;\n text-align: left;\n line-height: 34.5px;\n letter-spacing: -0.45px;\n }\n\n p,\n i,\n a {\n letter-spacing: -0.03px;\n line-height: 1.58;\n }\n\n a {\n text-decoration: underline;\n }\n\n blockquote {\n font-style: italic;\n letter-spacing: -0.36px;\n line-height: 44.4px;\n overflow-wrap: break-word;\n color: rgba(255, 255, 255, 0.68);\n padding: 0 0 0 50px;\n }\n\n code {\n background: rgba(255, 255, 255, 0.05);\n border-radius: 2px;\n padding: 34px 6px;\n }\n"])));
|
|
35
|
+
var StyledPreviewColumn = styled(ReqoreColumn)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n"], ["\n width: 100%;\n"])));
|
|
36
|
+
var StyledPreviewWrapper = styled(ReqoreMessage)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n & div div {\n justify-content: start;\n }\n"], ["\n & div div {\n justify-content: start;\n }\n"])));
|
|
37
|
+
export var MarkdownFormField = function (_a) {
|
|
44
38
|
var _b;
|
|
45
39
|
var markdownPreviewProps = _a.markdownPreviewProps, rest = __rest(_a, ["markdownPreviewProps"]);
|
|
46
|
-
return ((
|
|
40
|
+
return (_jsxs(StyledWrapper, { columnsGap: '10px', children: [_jsx(StyledLongStringWrapper, { flexFlow: 'column', children: _jsx(LongStringFormField, __assign({}, rest)) }), _jsx(StyledPreviewColumn, { children: _jsx(StyledPreviewWrapper, { size: 'small', "aria-label": 'Preview', flat: true, fluid: true, children: _jsx(StyledMarkdown, __assign({}, markdownPreviewProps, { children: (_b = rest.value) !== null && _b !== void 0 ? _b : '' })) }) })] }));
|
|
47
41
|
};
|
|
48
|
-
|
|
49
|
-
exports.default = exports.MarkdownFormField;
|
|
42
|
+
export default MarkdownFormField;
|
|
50
43
|
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
51
44
|
//# sourceMappingURL=Markdown.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/markdown/Markdown.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/markdown/Markdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAGtF,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAC3C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,mBAAkD,MAAM,2BAA2B,CAAC;AAM3F,IAAM,aAAa,GAAG,MAAM,CAAC,aAAa,CAAC,uFAAsC,oBAEhF,IAAA,CAAC;AAEF,IAAM,uBAAuB,GAAG,MAAM,CAAC,YAAY,CAAC,0JAAA,uFAKnD,IAAA,CAAC;AAEF,IAAM,cAAc,GAAG,MAAM,CAAC,aAAa,CAAC,g4BAAsC,6zBAwDjF,IAAA,CAAC;AAEF,IAAM,mBAAmB,GAAG,MAAM,CAAC,YAAY,CAAC,uFAAA,oBAE/C,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAAG,MAAM,CAAC,aAAa,CAAC,wHAAqB,qDAItE,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAA0D;;IAAxD,IAAA,oBAAoB,0BAAA,EAAK,IAAI,cAA/B,wBAAiC,CAAF;IAC/D,OAAO,CACL,MAAC,aAAa,IAAC,UAAU,EAAC,MAAM,aAC9B,KAAC,uBAAuB,IAAC,QAAQ,EAAC,QAAQ,YACxC,KAAC,mBAAmB,eAAK,IAAI,EAAI,GACT,EAC1B,KAAC,mBAAmB,cAClB,KAAC,oBAAoB,IAAC,IAAI,EAAC,OAAO,gBAAY,SAAS,EAAC,IAAI,QAAC,KAAK,kBAChE,KAAC,cAAc,eAAK,oBAAoB,cAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,IAAkB,GACxD,GACH,IACR,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,11 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
20
|
}
|
|
22
21
|
return t;
|
|
23
22
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
var reqore_1 = require("@qoretechnologies/reqore");
|
|
28
|
-
var NumberFormField = function (_a) {
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import { ReqoreInput } from '@qoretechnologies/reqore';
|
|
25
|
+
export var NumberFormField = function (_a) {
|
|
29
26
|
var onChange = _a.onChange, autoFocus = _a.autoFocus, _b = _a.type, type = _b === void 0 ? 'int' : _b, value = _a.value, rest = __rest(_a, ["onChange", "autoFocus", "type", "value"]);
|
|
30
27
|
var handleInputChange = function (event) {
|
|
31
28
|
var value = type === 'int' ? parseInt(event.target.value) : parseFloat(event.target.value);
|
|
@@ -34,7 +31,7 @@ var NumberFormField = function (_a) {
|
|
|
34
31
|
var handleResetClick = function () {
|
|
35
32
|
onChange(undefined);
|
|
36
33
|
};
|
|
37
|
-
return ((
|
|
34
|
+
return (_jsx(ReqoreInput, __assign({ wrapperStyle: {
|
|
38
35
|
width: '100%',
|
|
39
36
|
}, value: value !== null && value !== void 0 ? value : '', onChange: handleInputChange, type: 'number', onClearClick: handleResetClick, focusRules: autoFocus ?
|
|
40
37
|
{
|
|
@@ -43,6 +40,5 @@ var NumberFormField = function (_a) {
|
|
|
43
40
|
}
|
|
44
41
|
: undefined, step: type === 'int' ? 1 : 0.1 }, rest)));
|
|
45
42
|
};
|
|
46
|
-
|
|
47
|
-
exports.default = exports.NumberFormField;
|
|
43
|
+
export default NumberFormField;
|
|
48
44
|
//# sourceMappingURL=Number.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Number.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/number/Number.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Number.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/number/Number.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAWvD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAMR;IALtB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,KAAK,WAAA,EACF,IAAI,cALuB,0CAM/B,CADQ;IAEP,IAAM,iBAAiB,GAAyC,UAC9D,KAAoC;QAEpC,IAAM,KAAK,GAAG,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAC7F,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,SAAS,CAAC,CAAC;IACjC,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,QAAQ,CAAC,SAAS,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,aACV,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;SACd,EACD,KAAK,EAAE,KAAK,aAAL,KAAK,cAAL,KAAK,GAAI,EAAE,EAClB,QAAQ,EAAE,iBAAiB,EAC3B,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,gBAAgB,EAC9B,UAAU,EACR,SAAS,CAAC,CAAC;YACT;gBACE,IAAI,EAAE,MAAM;gBACZ,YAAY,EAAE,IAAI;aACnB;YACH,CAAC,CAAC,SAAS,EAEb,IAAI,EAAE,IAAI,KAAK,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,IAC1B,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,14 +20,12 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
20
|
}
|
|
22
21
|
return t;
|
|
23
22
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
var
|
|
28
|
-
var react_1 = require("react");
|
|
29
|
-
var RadioGroupFormField = function (_a) {
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import { ReqoreRadioGroup } from '@qoretechnologies/reqore';
|
|
25
|
+
import { useMemo } from 'react';
|
|
26
|
+
export var RadioGroupFormField = function (_a) {
|
|
30
27
|
var _items = _a.items, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, rest = __rest(_a, ["items", "disabled", "onChange", "value"]);
|
|
31
|
-
var items =
|
|
28
|
+
var items = useMemo(function () {
|
|
32
29
|
return _items.map(function (item) { return (__assign(__assign({ margin: 'right', labelEffect: {
|
|
33
30
|
spaced: 1,
|
|
34
31
|
weight: 'bold',
|
|
@@ -36,8 +33,7 @@ var RadioGroupFormField = function (_a) {
|
|
|
36
33
|
textSize: 'small',
|
|
37
34
|
} }, item), { disabled: disabled || item.disabled })); });
|
|
38
35
|
}, [_items]);
|
|
39
|
-
return ((
|
|
36
|
+
return (_jsx(ReqoreRadioGroup, __assign({ items: items, disabled: disabled, onSelectClick: onChange, selected: value }, rest)));
|
|
40
37
|
};
|
|
41
|
-
|
|
42
|
-
exports.default = exports.RadioGroupFormField;
|
|
38
|
+
export default RadioGroupFormField;
|
|
43
39
|
//# sourceMappingURL=RadioGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/radio-group/RadioGroup.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/radio-group/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAShC,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAMR;IAL1B,IAAO,MAAM,WAAA,EACb,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,KAAK,WAAA,EACF,IAAI,cAL2B,0CAMnC,CADQ;IAEP,IAAM,KAAK,GAAoC,OAAO,CACpD;QACE,OAAA,MAAM,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,qBACnB,MAAM,EAAE,OAAO,EACf,WAAW,EAAE;gBACX,MAAM,EAAE,CAAC;gBACT,MAAM,EAAE,MAAM;gBACd,SAAS,EAAE,IAAI;gBACf,QAAQ,EAAE,OAAO;aAClB,IACE,IAAI,KACP,QAAQ,EAAE,QAAQ,IAAI,IAAI,CAAC,QAAQ,IACnC,EAVmB,CAUnB,CAAC;IAVH,CAUG,EACL,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,OAAO,CACL,KAAC,gBAAgB,aACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,KAAK,IACX,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
1
|
var __assign = (this && this.__assign) || function () {
|
|
3
2
|
__assign = Object.assign || function(t) {
|
|
4
3
|
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
@@ -21,11 +20,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
21
20
|
}
|
|
22
21
|
return t;
|
|
23
22
|
};
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
var
|
|
27
|
-
var reqore_1 = require("@qoretechnologies/reqore");
|
|
28
|
-
var StringFormField = function (_a) {
|
|
23
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
24
|
+
import { ReqoreInput } from '@qoretechnologies/reqore';
|
|
25
|
+
export var StringFormField = function (_a) {
|
|
29
26
|
var onChange = _a.onChange, sensitive = _a.sensitive, rest = __rest(_a, ["onChange", "sensitive"]);
|
|
30
27
|
// When input value changes
|
|
31
28
|
var handleChange = function (event) {
|
|
@@ -36,7 +33,7 @@ var StringFormField = function (_a) {
|
|
|
36
33
|
var handleClearClick = function () {
|
|
37
34
|
onChange('');
|
|
38
35
|
};
|
|
39
|
-
return ((
|
|
36
|
+
return (_jsx(ReqoreInput, __assign({ wrapperStyle: {
|
|
40
37
|
width: '100%',
|
|
41
38
|
}, onFocus: function (event) {
|
|
42
39
|
var _a;
|
|
@@ -48,5 +45,4 @@ var StringFormField = function (_a) {
|
|
|
48
45
|
(_a = rest === null || rest === void 0 ? void 0 : rest.onClick) === null || _a === void 0 ? void 0 : _a.call(rest, event);
|
|
49
46
|
}, onChange: handleChange, type: sensitive ? 'password' : 'text', onClearClick: handleClearClick }, rest)));
|
|
50
47
|
};
|
|
51
|
-
exports.StringFormField = StringFormField;
|
|
52
48
|
//# sourceMappingURL=String.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"String.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/string/String.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"String.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/string/String.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAYvD,MAAM,CAAC,IAAM,eAAe,GAAG,UAAC,EAAuD;IAArD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAC5D,2BAA2B;IAC3B,IAAM,YAAY,GAAG,UAAC,KAAoC;;QACxD,QAAQ,CAAC,MAAA,KAAK,CAAC,MAAM,CAAC,KAAK,0CAAE,QAAQ,EAAE,EAAE,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC;IAEF,iCAAiC;IACjC,IAAM,gBAAgB,GAAG;QACvB,QAAQ,CAAC,EAAE,CAAC,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,KAAC,WAAW,aACV,YAAY,EAAE;YACZ,KAAK,EAAE,MAAM;SACd,EACD,OAAO,EAAE,UAAC,KAAK;;YACb,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,KAAK,CAAC,CAAC;QACzB,CAAC,EACD,OAAO,EAAE,UAAC,KAAK;;YACb,KAAK,CAAC,eAAe,EAAE,CAAC;YACxB,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,OAAO,qDAAG,KAAK,CAAC,CAAC;QACzB,CAAC,EACD,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EACrC,YAAY,EAAE,gBAAgB,IAC1B,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -1,25 +1,9 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./fields/Field"), exports);
|
|
18
|
-
__exportStar(require("./fields/boolean/Boolean"), exports);
|
|
19
|
-
__exportStar(require("./fields/color/Color"), exports);
|
|
20
|
-
__exportStar(require("./fields/long-string/LongString"), exports);
|
|
21
|
-
__exportStar(require("./fields/markdown/Markdown"), exports);
|
|
22
|
-
__exportStar(require("./fields/number/Number"), exports);
|
|
23
|
-
__exportStar(require("./fields/radio-group/RadioGroup"), exports);
|
|
24
|
-
__exportStar(require("./fields/string/String"), exports);
|
|
1
|
+
export * from './fields/Field';
|
|
2
|
+
export * from './fields/boolean/Boolean';
|
|
3
|
+
export * from './fields/color/Color';
|
|
4
|
+
export * from './fields/long-string/LongString';
|
|
5
|
+
export * from './fields/markdown/Markdown';
|
|
6
|
+
export * from './fields/number/Number';
|
|
7
|
+
export * from './fields/radio-group/RadioGroup';
|
|
8
|
+
export * from './fields/string/String';
|
|
25
9
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/form/index.tsx"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,iCAAiC,CAAC;AAChD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,wBAAwB,CAAC;AACvC,cAAc,iCAAiC,CAAC;AAChD,cAAc,wBAAwB,CAAC"}
|