@qoretechnologies/reqraft 0.2.3 → 0.3.0

package/dist/components/form/fields/Field.d.ts

@@ -1,10 +1,21 @@
+import { IReqoreLabelProps } from '@qoretechnologies/reqore';
 import { TFormFieldType, TFormFieldValueType } from '../../../types/Form';
+import { IBooleanFormFieldProps } from './boolean/Boolean';
+import { IColorFormFieldProps } from './color/Color';
+import { ICronFormFieldProps } from './cron/Cron';
+import { ILongStringFormFieldProps } from './long-string/LongString';
+import { IMarkdownFormFieldProps } from './markdown/Markdown';
+import { IRadioGroupFormFieldProps } from './radio-group/RadioGroup';
+import { IStringFormFieldProps } from './string/String';
 export interface IFormFieldProps<T extends TFormFieldType = TFormFieldType> {
     type?: T;
     value: TFormFieldValueType<T>;
     onChange: (value: TFormFieldValueType<T>, event?: unknown) => void;
     validateSelf?: boolean;
     onValidateChange?: (isValid: boolean) => void;
+    fieldProps?: Omit<T extends 'string' ? IStringFormFieldProps : T extends 'boolean' ? IBooleanFormFieldProps : T extends 'radio' ? IRadioGroupFormFieldProps : T extends 'color' ? IColorFormFieldProps : T extends 'long-string' ? ILongStringFormFieldProps : T extends 'markdown' ? IMarkdownFormFieldProps : T extends 'cron' ? ICronFormFieldProps : never, 'value' | 'onChange'>;
+    label?: IReqoreLabelProps['label'];
+    labelPosition?: 'top' | 'left' | 'right' | 'bottom';
 }
-export declare const FormField: <T extends TFormFieldType>({ type, onChange, ...rest }: IFormFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
+export declare const FormField: <T extends TFormFieldType>({ type, onChange, value, fieldProps, label, labelPosition, ...rest }: IFormFieldProps<T>) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Field.d.ts.map

package/dist/components/form/fields/Field.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAG1E,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc;IACxE,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC/C;AAED,eAAO,MAAM,SAAS,0DAInB,gBAAgB,CAAC,CAAC,4CAoBpB,CAAC"}
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../../src/components/form/fields/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAmC,MAAM,0BAA0B,CAAC;AAE9F,OAAO,EAAE,cAAc,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC1E,OAAyB,EAAE,sBAAsB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAuB,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AACrE,OAAsB,EAAE,mBAAmB,EAAE,MAAM,aAAa,CAAC;AACjE,OAA4B,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAA0B,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAEjF,OAA4B,EAAE,yBAAyB,EAAE,MAAM,0BAA0B,CAAC;AAC1F,OAAO,EAAE,qBAAqB,EAAmB,MAAM,iBAAiB,CAAC;AAEzE,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc,GAAG,cAAc;IACxE,IAAI,CAAC,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,CAAC;IAC9B,QAAQ,EAAE,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IAEnE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,gBAAgB,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAE9C,UAAU,CAAC,EAAE,IAAI,CACf,CAAC,SAAS,QAAQ,GAAG,qBAAqB,GACxC,CAAC,SAAS,SAAS,GAAG,sBAAsB,GAC5C,CAAC,SAAS,OAAO,GAAG,yBAAyB,GAC7C,CAAC,SAAS,OAAO,GAAG,oBAAoB,GACxC,CAAC,SAAS,aAAa,GAAG,yBAAyB,GACnD,CAAC,SAAS,UAAU,GAAG,uBAAuB,GAC9C,CAAC,SAAS,MAAM,GAAG,mBAAmB,GACtC,KAAK,EACP,OAAO,GAAG,UAAU,CACrB,CAAC;IAEF,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IACnC,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;CACrD;AACD,eAAO,MAAM,SAAS,mGAQnB,gBAAgB,CAAC,CAAC,4CAgIpB,CAAC"}

package/dist/components/form/fields/Field.js

@@ -21,24 +21,71 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormField = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var react_1 = require("react");
+var Boolean_1 = __importDefault(require("./boolean/Boolean"));
+var Color_1 = __importDefault(require("./color/Color"));
+var Cron_1 = __importDefault(require("./cron/Cron"));
+var LongString_1 = __importDefault(require("./long-string/LongString"));
+var Markdown_1 = __importDefault(require("./markdown/Markdown"));
+var Number_1 = __importDefault(require("./number/Number"));
+var RadioGroup_1 = __importDefault(require("./radio-group/RadioGroup"));
 var String_1 = require("./string/String");
 var FormField = function (_a) {
-    var type = _a.type, onChange = _a.onChange, rest = __rest(_a, ["type", "onChange"]);
+    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"]);
+    var id = (0, react_1.useId)();
     var handleChange = function (value, event) {
         onChange(value, event);
     };
     var renderField = function (type) {
         switch (type) {
             case 'string':
-                return ((0, jsx_runtime_1.jsx)(String_1.FormStringField, __assign({}, rest, { onChange: function (value) { return handleChange(value); } })));
+                return ((0, jsx_runtime_1.jsx)(String_1.StringFormField, __assign({}, rest, fieldProps, { onChange: function (value) { return handleChange(value); }, value: value, id: id })));
+            case 'boolean':
+                return ((0, jsx_runtime_1.jsx)(Boolean_1.default, __assign({}, rest, fieldProps, { checked: value, onChange: function (checked) {
+                        handleChange(checked);
+                    }, id: id })));
+            case 'number':
+                return ((0, jsx_runtime_1.jsx)(Number_1.default, __assign({}, rest, fieldProps, { value: value, onChange: function (value) {
+                        handleChange(value);
+                    }, id: id })));
+            case 'color':
+                return ((0, jsx_runtime_1.jsx)(Color_1.default, __assign({}, rest, fieldProps, { value: value, onChange: function (color) {
+                        handleChange(color);
+                    } })));
+            case 'radio':
+                return ((0, jsx_runtime_1.jsx)(RadioGroup_1.default, __assign({}, rest, fieldProps, { value: value, onChange: function (selected) {
+                        handleChange(selected);
+                    }, id: id })));
+            case 'long-string':
+                return ((0, jsx_runtime_1.jsx)(LongString_1.default, __assign({}, rest, fieldProps, { value: value, onChange: function (selected) {
+                        handleChange(selected);
+                    }, id: id })));
+            case 'markdown':
+                return ((0, jsx_runtime_1.jsx)(Markdown_1.default, __assign({}, rest, fieldProps, { value: value, onChange: function (selected) {
+                        handleChange(selected);
+                    }, id: id })));
+            case 'cron':
+                return ((0, jsx_runtime_1.jsx)(Cron_1.default, __assign({}, rest, fieldProps, { value: value, onChange: function (selected) {
+                        handleChange(selected);
+                    }, 
+                    // give id to first element to make htmlFor works.
+                    inputProps: [{ id: id }] })));
             default:
                 return null;
         }
     };
-    return renderField(type);
+    return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { vertical: labelPosition === 'bottom' || labelPosition === 'top', children: [(label || label === 0) && (labelPosition === 'top' || labelPosition === 'left') ?
+                (0, jsx_runtime_1.jsx)(reqore_1.ReqoreLabel, { htmlFor: id, label: label, fluid: true })
+                : null, renderField(type), (label || label === 0) && (labelPosition === 'bottom' || labelPosition === 'right') ?
+                (0, jsx_runtime_1.jsx)(reqore_1.ReqoreLabel, { htmlFor: id, label: label, fluid: true })
+                : null] }));
 };
 exports.FormField = FormField;
 //# sourceMappingURL=Field.js.map

package/dist/components/form/fields/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/components/form/fields/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,0CAAkD;AAW3C,IAAM,SAAS,GAAG,UAA2B,EAI/B;IAHnB,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACL,IAAI,cAH2C,oBAInD,CADQ;IAEP,IAAM,YAAY,GAAG,UAAC,KAA6B,EAAE,KAAe;QAClE,QAAQ,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;IACzB,CAAC,CAAC;IAEF,IAAM,WAAW,GAAG,UAAC,IAAO;QAC1B,QAAQ,IAAI,EAAE,CAAC;YACb,KAAK,QAAQ;gBACX,OAAO,CACL,uBAAC,wBAAe,eACV,IAAI,IACR,QAAQ,EAAE,UAAC,KAAa,IAAK,OAAA,YAAY,CAAC,KAA+B,CAAC,EAA7C,CAA6C,IAC1E,CACH,CAAC;YACJ;gBACE,OAAO,IAAI,CAAC;QAChB,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;AAC3B,CAAC,CAAC;AAxBW,QAAA,SAAS,aAwBpB"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../../src/components/form/fields/Field.tsx"],"names":[],"mappings":"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"}

package/dist/components/form/fields/boolean/Boolean.d.ts

@@ -0,0 +1,7 @@
+import { IReqoreCheckboxProps } from '@qoretechnologies/reqore/dist/components/Checkbox';
+export interface IBooleanFormFieldProps extends Omit<IReqoreCheckboxProps, 'onChange'> {
+    onChange?(checked: boolean): void;
+}
+export declare const BooleanFormField: ({ checked, onChange, onClick, ...rest }: IBooleanFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default BooleanFormField;
+//# sourceMappingURL=Boolean.d.ts.map

package/dist/components/form/fields/boolean/Boolean.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Boolean.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/boolean/Boolean.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AAEzF,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IACpF,QAAQ,CAAC,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,CAAC;CACnC;AAED,eAAO,MAAM,gBAAgB,4CAK1B,sBAAsB,4CAmBxB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/components/form/fields/boolean/Boolean.js

@@ -0,0 +1,38 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BooleanFormField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var BooleanFormField = function (_a) {
+    var checked = _a.checked, onChange = _a.onChange, onClick = _a.onClick, rest = __rest(_a, ["checked", "onChange", "onClick"]);
+    var toggle = function (event) {
+        onChange(!checked);
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    };
+    return ((0, jsx_runtime_1.jsx)(reqore_1.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)));
+};
+exports.BooleanFormField = BooleanFormField;
+exports.default = exports.BooleanFormField;
+//# sourceMappingURL=Boolean.js.map

package/dist/components/form/fields/boolean/Boolean.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Boolean.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/boolean/Boolean.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA0D;AAOnD,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,uBAAC,uBAAc,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;AAxBW,QAAA,gBAAgB,oBAwB3B;AAEF,kBAAe,wBAAgB,CAAC"}

package/dist/components/form/fields/color/Color.d.ts

@@ -0,0 +1,9 @@
+import { SketchPicker, SketchPickerProps } from 'react-color';
+export interface IColorFormFieldProps extends Omit<SketchPickerProps, 'onChange'> {
+    value: SketchPickerProps['color'];
+    onChange(value: IColorFormFieldProps['value']): any;
+}
+export declare const StyledSketchPicker: import("styled-components").StyledComponent<typeof SketchPicker, any, {}, never>;
+export declare const ColorFormField: ({ value, onChange, ...rest }: IColorFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default ColorFormField;
+//# sourceMappingURL=Color.d.ts.map

package/dist/components/form/fields/color/Color.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/color/Color.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,aAAa,CAAC;AAG9D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC;IAC/E,KAAK,EAAE,iBAAiB,CAAC,OAAO,CAAC,CAAC;IAClC,QAAQ,CAAC,KAAK,EAAE,oBAAoB,CAAC,OAAO,CAAC,OAAE;CAChD;AAED,eAAO,MAAM,kBAAkB,kFAqB9B,CAAC;AAEF,eAAO,MAAM,cAAc,iCAAkC,oBAAoB,4CAShF,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/dist/components/form/fields/color/Color.js

@@ -0,0 +1,44 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ColorFormField = exports.StyledSketchPicker = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_color_1 = require("react-color");
+var styled_components_1 = __importDefault(require("styled-components"));
+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"])));
+var ColorFormField = function (_a) {
+    var value = _a.value, onChange = _a.onChange, rest = __rest(_a, ["value", "onChange"]);
+    return ((0, jsx_runtime_1.jsx)(exports.StyledSketchPicker, __assign({ onChange: function (color) { return onChange(color.rgb); }, color: value, disableAlpha: true }, rest)));
+};
+exports.ColorFormField = ColorFormField;
+exports.default = exports.ColorFormField;
+var templateObject_1;
+//# sourceMappingURL=Color.js.map

package/dist/components/form/fields/color/Color.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Color.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/color/Color.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8D;AAC9D,wEAAuC;AAO1B,QAAA,kBAAkB,GAAG,IAAA,2BAAM,EAAC,0BAAY,CAAC,8dAAA,2ZAqBrD,KAAC;AAEK,IAAM,cAAc,GAAG,UAAC,EAAkD;IAAhD,IAAA,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAK,IAAI,cAA1B,qBAA4B,CAAF;IACvD,OAAO,CACL,uBAAC,0BAAkB,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;AATW,QAAA,cAAc,kBASzB;AAEF,kBAAe,sBAAc,CAAC"}

package/dist/components/form/fields/cron/Cron.d.ts

@@ -0,0 +1,11 @@
+import { IReqoreControlGroupProps } from '@qoretechnologies/reqore/dist/components/ControlGroup';
+import { IReqoreInputProps } from '@qoretechnologies/reqore/dist/components/Input';
+export interface ICronFormFieldProps {
+    value?: string;
+    onChange?(value: string): void;
+    wrapperProps?: Partial<IReqoreControlGroupProps>;
+    inputProps?: IReqoreInputProps[];
+}
+export declare const CronFormField: ({ onChange, value, wrapperProps, inputProps, }: ICronFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default CronFormField;
+//# sourceMappingURL=Cron.d.ts.map

package/dist/components/form/fields/cron/Cron.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cron.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/cron/Cron.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAInF,MAAM,WAAW,mBAAmB;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,OAAO,CAAC,wBAAwB,CAAC,CAAC;IACjD,UAAU,CAAC,EAAE,iBAAiB,EAAE,CAAC;CAClC;AAED,eAAO,MAAM,aAAa,mDAKvB,mBAAmB,4CAmDrB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/form/fields/cron/Cron.js

@@ -0,0 +1,49 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CronFormField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
+var reqore_1 = require("@qoretechnologies/reqore");
+var cronstrue_1 = __importDefault(require("cronstrue"));
+var react_2 = require("react");
+var CronFormField = function (_a) {
+    var onChange = _a.onChange, value = _a.value, wrapperProps = _a.wrapperProps, inputProps = _a.inputProps;
+    var _b = (0, react_2.useMemo)(function () {
+        try {
+            return { message: cronstrue_1.default.toString(value, {}) };
+        }
+        catch (message) {
+            return {
+                message: message,
+                isError: true,
+            };
+        }
+    }, [value]), message = _b.message, isError = _b.isError;
+    return ((0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, __assign({ fluid: true, stack: false, vertical: true, gapSize: 'big' }, wrapperProps, { children: [(0, jsx_runtime_1.jsxs)(reqore_1.ReqoreControlGroup, { fluid: true, stack: true, children: [['Minute', 'Hour', 'Day', 'Month', 'Weekday'].map(function (label, index) {
+                        var _a, _b;
+                        return ((0, react_1.createElement)(reqore_1.ReqoreInput, __assign({}, inputProps[index], { key: index, "aria-label": label, placeholder: label, onChange: function (event) {
+                                var _a, _b, _c, _d, _e, _f;
+                                var cronData = {};
+                                _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;
+                                cronData[label.toLowerCase()] = event.currentTarget.value;
+                                onChange === null || onChange === void 0 ? void 0 : onChange("".concat(cronData.minute, " ").concat(cronData.hour, " ").concat(cronData.day, " ").concat(cronData.month, " ").concat(cronData.weekday));
+                            }, value: (_b = (_a = value.split(' ')) === null || _a === void 0 ? void 0 : _a[index]) !== null && _b !== void 0 ? _b : '' })));
+                    }), (0, jsx_runtime_1.jsx)(reqore_1.ReqoreButton, { fixed: true, onClick: function () { return onChange(''); }, icon: 'CloseLine' })] }), value && ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreMessage, { intent: isError ? 'danger' : 'info', opaque: false, children: message }))] })));
+};
+exports.CronFormField = CronFormField;
+exports.default = exports.CronFormField;
+//# sourceMappingURL=Cron.js.map

package/dist/components/form/fields/cron/Cron.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Cron.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/cron/Cron.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,mDAKkC;AAGlC,wDAAkC;AAClC,+BAAgC;AASzB,IAAM,aAAa,GAAG,UAAC,EAKR;QAJpB,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,YAAY,kBAAA,EACZ,UAAU,gBAAA;IAEJ,IAAA,KAAuB,IAAA,eAAO,EAAC;QACnC,IAAI,CAAC;YACH,OAAO,EAAE,OAAO,EAAE,mBAAS,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,wBAAC,2BAAkB,aAAC,KAAK,QAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,QAAC,OAAO,EAAC,KAAK,IAAK,YAAY,eAC7E,wBAAC,2BAAkB,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,2BAAC,oBAAW,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,uBAAC,qBAAY,IAAC,KAAK,QAAC,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,EAAE,CAAC,EAAZ,CAAY,EAAE,IAAI,EAAE,WAAW,GAAI,IACnD,EACpB,KAAK,IAAI,CACR,uBAAC,sBAAa,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;AAxDW,QAAA,aAAa,iBAwDxB;AAEF,kBAAe,qBAAa,CAAC"}

package/dist/components/form/fields/long-string/LongString.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IReqoreTextareaProps } from '@qoretechnologies/reqore/dist/components/Textarea';
+import { TFormFieldValueType } from '../../../../types/Form';
+export interface ILongStringFormFieldProps extends Omit<IReqoreTextareaProps, 'onChange'> {
+    onChange?: (value?: TFormFieldValueType<'string'>, event?: React.FormEvent<HTMLTextAreaElement>) => void;
+}
+export declare const LongStringFormField: ({ onChange, onClearClick, ...rest }: ILongStringFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default LongStringFormField;
+//# sourceMappingURL=LongString.d.ts.map

package/dist/components/form/fields/long-string/LongString.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongString.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/long-string/LongString.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,mDAAmD,CAAC;AACzF,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,WAAW,yBAA0B,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IACvF,QAAQ,CAAC,EAAE,CACT,KAAK,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EACrC,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC,mBAAmB,CAAC,KACzC,IAAI,CAAC;CACX;AAED,eAAO,MAAM,mBAAmB,wCAI7B,yBAAyB,4CAiB3B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/form/fields/long-string/LongString.js

@@ -0,0 +1,39 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LongStringFormField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var LongStringFormField = function (_a) {
+    var onChange = _a.onChange, onClearClick = _a.onClearClick, rest = __rest(_a, ["onChange", "onClearClick"]);
+    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreTextarea, __assign({ scaleWithContent: true, fluid: true, wrapperStyle: {
+            width: '100%',
+        }, onClearClick: function () {
+            onClearClick === null || onClearClick === void 0 ? void 0 : onClearClick();
+            onChange === null || onChange === void 0 ? void 0 : onChange('');
+        }, onChange: function (event) { return onChange(event.currentTarget.value, event); }, rows: 4 }, rest)));
+};
+exports.LongStringFormField = LongStringFormField;
+exports.default = exports.LongStringFormField;
+//# sourceMappingURL=LongString.js.map

package/dist/components/form/fields/long-string/LongString.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LongString.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/long-string/LongString.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA0D;AAWnD,IAAM,mBAAmB,GAAG,UAAC,EAIR;IAH1B,IAAA,QAAQ,cAAA,EACR,YAAY,kBAAA,EACT,IAAI,cAH2B,4BAInC,CADQ;IAEP,OAAO,CACL,uBAAC,uBAAc,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;AArBW,QAAA,mBAAmB,uBAqB9B;AAEF,kBAAe,2BAAmB,CAAC"}

package/dist/components/form/fields/markdown/Markdown.d.ts

@@ -0,0 +1,9 @@
+import { ComponentProps } from 'react';
+import ReactMarkdown from 'react-markdown';
+import { ILongStringFormFieldProps } from '../long-string/LongString';
+export interface IMarkdownFormFieldProps extends ILongStringFormFieldProps {
+    markdownPreviewProps?: Partial<ComponentProps<typeof ReactMarkdown>>;
+}
+export declare const MarkdownFormField: ({ markdownPreviewProps, ...rest }: IMarkdownFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default MarkdownFormField;
+//# sourceMappingURL=Markdown.d.ts.map

package/dist/components/form/fields/markdown/Markdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/markdown/Markdown.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,aAAa,MAAM,gBAAgB,CAAC;AAE3C,OAA4B,EAAE,yBAAyB,EAAE,MAAM,2BAA2B,CAAC;AAE3F,MAAM,WAAW,uBAAwB,SAAQ,yBAAyB;IACxE,oBAAoB,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,OAAO,aAAa,CAAC,CAAC,CAAC;CACtE;AAiFD,eAAO,MAAM,iBAAiB,sCAAuC,uBAAuB,4CAa3F,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/dist/components/form/fields/markdown/Markdown.js

@@ -0,0 +1,51 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MarkdownFormField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var react_markdown_1 = __importDefault(require("react-markdown"));
+var styled_components_1 = __importDefault(require("styled-components"));
+var LongString_1 = __importDefault(require("../long-string/LongString"));
+var StyledWrapper = (0, styled_components_1.default)(reqore_1.ReqoreColumns)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+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"])));
+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"])));
+var StyledPreviewColumn = (0, styled_components_1.default)(reqore_1.ReqoreColumn)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
+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"])));
+var MarkdownFormField = function (_a) {
+    var _b;
+    var markdownPreviewProps = _a.markdownPreviewProps, rest = __rest(_a, ["markdownPreviewProps"]);
+    return ((0, jsx_runtime_1.jsxs)(StyledWrapper, { columnsGap: '10px', children: [(0, jsx_runtime_1.jsx)(StyledLongStringWrapper, { flexFlow: 'column', children: (0, jsx_runtime_1.jsx)(LongString_1.default, __assign({}, rest)) }), (0, jsx_runtime_1.jsx)(StyledPreviewColumn, { children: (0, jsx_runtime_1.jsx)(StyledPreviewWrapper, { size: 'small', "aria-label": 'Preview', flat: true, fluid: true, children: (0, jsx_runtime_1.jsx)(StyledMarkdown, __assign({}, markdownPreviewProps, { children: (_b = rest.value) !== null && _b !== void 0 ? _b : '' })) }) })] }));
+};
+exports.MarkdownFormField = MarkdownFormField;
+exports.default = exports.MarkdownFormField;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Markdown.js.map

package/dist/components/form/fields/markdown/Markdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Markdown.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/markdown/Markdown.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAsF;AAGtF,kEAA2C;AAC3C,wEAAuC;AACvC,yEAA2F;AAM3F,IAAM,aAAa,GAAG,IAAA,2BAAM,EAAC,sBAAa,CAAC,uFAAsC,oBAEhF,IAAA,CAAC;AAEF,IAAM,uBAAuB,GAAG,IAAA,2BAAM,EAAC,qBAAY,CAAC,0JAAA,uFAKnD,IAAA,CAAC;AAEF,IAAM,cAAc,GAAG,IAAA,2BAAM,EAAC,wBAAa,CAAC,g4BAAsC,6zBAwDjF,IAAA,CAAC;AAEF,IAAM,mBAAmB,GAAG,IAAA,2BAAM,EAAC,qBAAY,CAAC,uFAAA,oBAE/C,IAAA,CAAC;AAEF,IAAM,oBAAoB,GAAG,IAAA,2BAAM,EAAC,sBAAa,CAAC,wHAAqB,qDAItE,IAAA,CAAC;AAEK,IAAM,iBAAiB,GAAG,UAAC,EAA0D;;IAAxD,IAAA,oBAAoB,0BAAA,EAAK,IAAI,cAA/B,wBAAiC,CAAF;IAC/D,OAAO,CACL,wBAAC,aAAa,IAAC,UAAU,EAAC,MAAM,aAC9B,uBAAC,uBAAuB,IAAC,QAAQ,EAAC,QAAQ,YACxC,uBAAC,oBAAmB,eAAK,IAAI,EAAI,GACT,EAC1B,uBAAC,mBAAmB,cAClB,uBAAC,oBAAoB,IAAC,IAAI,EAAC,OAAO,gBAAY,SAAS,EAAC,IAAI,QAAC,KAAK,kBAChE,uBAAC,cAAc,eAAK,oBAAoB,cAAG,MAAA,IAAI,CAAC,KAAK,mCAAI,EAAE,IAAkB,GACxD,GACH,IACR,CACjB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,iBAAiB,qBAa5B;AAEF,kBAAe,yBAAiB,CAAC"}

package/dist/components/form/fields/number/Number.d.ts

@@ -0,0 +1,9 @@
+import { IReqoreInputProps } from '@qoretechnologies/reqore/dist/components/Input';
+export interface INumberFormFieldProps extends Omit<IReqoreInputProps, 'value' | 'onChange' | 'type'> {
+    value?: number;
+    onChange?(value: number): void;
+    type?: 'int' | 'float';
+}
+export declare const NumberFormField: ({ onChange, autoFocus, type, value, ...rest }: INumberFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default NumberFormField;
+//# sourceMappingURL=Number.d.ts.map

package/dist/components/form/fields/number/Number.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Number.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/number/Number.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AAGnF,MAAM,WAAW,qBACf,SAAQ,IAAI,CAAC,iBAAiB,EAAE,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IAC9D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC/B,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,kDAMzB,qBAAqB,4CAiCvB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/dist/components/form/fields/number/Number.js

@@ -0,0 +1,48 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NumberFormField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var NumberFormField = function (_a) {
+    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"]);
+    var handleInputChange = function (event) {
+        var value = type === 'int' ? parseInt(event.target.value) : parseFloat(event.target.value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value !== null && value !== void 0 ? value : undefined);
+    };
+    var handleResetClick = function () {
+        onChange(undefined);
+    };
+    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreInput, __assign({ wrapperStyle: {
+            width: '100%',
+        }, value: value !== null && value !== void 0 ? value : '', onChange: handleInputChange, type: 'number', onClearClick: handleResetClick, focusRules: autoFocus ?
+            {
+                type: 'auto',
+                viewportOnly: true,
+            }
+            : undefined, step: type === 'int' ? 1 : 0.1 }, rest)));
+};
+exports.NumberFormField = NumberFormField;
+exports.default = exports.NumberFormField;
+//# sourceMappingURL=Number.js.map

package/dist/components/form/fields/number/Number.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Number.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/number/Number.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAAuD;AAWhD,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,uBAAC,oBAAW,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;AAvCW,QAAA,eAAe,mBAuC1B;AAEF,kBAAe,uBAAe,CAAC"}

package/dist/components/form/fields/radio-group/RadioGroup.d.ts

@@ -0,0 +1,9 @@
+import { IReqoreRadioGroupProps } from '@qoretechnologies/reqore/dist/components/RadioGroup';
+export interface IRadioGroupFormFieldProps extends Omit<IReqoreRadioGroupProps, 'onChange' | 'onSelectClick' | 'selected'> {
+    value: string;
+    onChange(value: string): void;
+    disabled?: boolean;
+}
+export declare const RadioGroupFormField: ({ items: _items, disabled, onChange, value, ...rest }: IRadioGroupFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioGroupFormField;
+//# sourceMappingURL=RadioGroup.d.ts.map

package/dist/components/form/fields/radio-group/RadioGroup.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/radio-group/RadioGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,qDAAqD,CAAC;AAG7F,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,UAAU,GAAG,eAAe,GAAG,UAAU,CAAC;IAC/E,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,mBAAmB,0DAM7B,yBAAyB,4CA0B3B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/form/fields/radio-group/RadioGroup.js

@@ -0,0 +1,43 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RadioGroupFormField = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var reqore_1 = require("@qoretechnologies/reqore");
+var react_1 = require("react");
+var RadioGroupFormField = function (_a) {
+    var _items = _a.items, disabled = _a.disabled, onChange = _a.onChange, value = _a.value, rest = __rest(_a, ["items", "disabled", "onChange", "value"]);
+    var items = (0, react_1.useMemo)(function () {
+        return _items.map(function (item) { return (__assign(__assign({ margin: 'right', labelEffect: {
+                spaced: 1,
+                weight: 'bold',
+                uppercase: true,
+                textSize: 'small',
+            } }, item), { disabled: disabled || item.disabled })); });
+    }, [_items]);
+    return ((0, jsx_runtime_1.jsx)(reqore_1.ReqoreRadioGroup, __assign({ items: items, disabled: disabled, onSelectClick: onChange, selected: value }, rest)));
+};
+exports.RadioGroupFormField = RadioGroupFormField;
+exports.default = exports.RadioGroupFormField;
+//# sourceMappingURL=RadioGroup.js.map

package/dist/components/form/fields/radio-group/RadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../../../../src/components/form/fields/radio-group/RadioGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,mDAA4D;AAE5D,+BAAgC;AASzB,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,IAAA,eAAO,EACpD;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,uBAAC,yBAAgB,aACf,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,QAAQ,EACvB,QAAQ,EAAE,KAAK,IACX,IAAI,EACR,CACH,CAAC;AACJ,CAAC,CAAC;AAhCW,QAAA,mBAAmB,uBAgC9B;AAEF,kBAAe,2BAAmB,CAAC"}

package/dist/components/form/fields/string/String.d.ts

@@ -1,16 +1,10 @@
-import { IReqoreControlGroupProps } from '@qoretechnologies/reqore/dist/components/ControlGroup';
 import { IReqoreInputProps } from '@qoretechnologies/reqore/dist/components/Input';
-import { IReqoreTagProps } from '@qoretechnologies/reqore/dist/components/Tag';
 import { ChangeEvent } from 'react';
 import { TFormFieldValueType } from '../../../../types/Form';
 export interface IStringFormFieldProps extends Omit<IReqoreInputProps, 'onChange' | 'value'> {
     sensitive?: boolean;
     value?: TFormFieldValueType<'string'>;
-    label?: IReqoreTagProps['label'];
-    labelPosition?: 'top' | 'left' | 'right' | 'bottom';
-    labelProps?: IReqoreTagProps;
-    wrapperProps?: IReqoreControlGroupProps;
     onChange?: (value?: TFormFieldValueType<'string'>, event?: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const FormStringField: ({ onChange, wrapperProps, labelProps, label, labelPosition, sensitive, ...rest }: IStringFormFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const StringFormField: ({ onChange, sensitive, ...rest }: IStringFormFieldProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=String.d.ts.map

package/dist/components/form/fields/string/String.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"String.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/string/String.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,MAAM,uDAAuD,CAAC;AACjG,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,eAAe,EAAE,MAAM,8CAA8C,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAe,MAAM,OAAO,CAAC;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,OAAO,CAAC;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACtC,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;IACjC,aAAa,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;IACpD,UAAU,CAAC,EAAE,eAAe,CAAC;IAC7B,YAAY,CAAC,EAAE,wBAAwB,CAAC;IACxC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACnG;AAED,eAAO,MAAM,eAAe,qFAQzB,qBAAqB,4CA0CvB,CAAC"}
+{"version":3,"file":"String.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/fields/string/String.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gDAAgD,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAE7D,MAAM,WAAW,qBAAsB,SAAQ,IAAI,CAAC,iBAAiB,EAAE,UAAU,GAAG,OAAO,CAAC;IAC1F,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACtC,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;CACnG;AAED,eAAO,MAAM,eAAe,qCAAsC,qBAAqB,4CA8BtF,CAAC"}