@qoretechnologies/reqraft 0.3.1 → 0.3.3

package/dist/providers/StorageProvider.js

@@ -1,55 +1,51 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReqraftStorageProvider = void 0;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var lodash_1 = require("lodash");
-var react_1 = require("react");
-var StorageContext_1 = require("../contexts/StorageContext");
-var useFetch_1 = require("../hooks/useFetch/useFetch");
-var useReqraftProperty_1 = require("../hooks/useReqraftProperty");
-var ReqraftStorageProvider = function (_a) {
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cloneDeep, get, set } from 'lodash';
+import { useEffect, useState } from 'react';
+import { ReqraftStorageContext } from '../contexts/StorageContext';
+import { useFetch } from '../hooks/useFetch/useFetch';
+import { useReqraftProperty } from '../hooks/useReqraftProperty';
+export var ReqraftStorageProvider = function (_a) {
     var children = _a.children, waitForStorage = _a.waitForStorage;
-    var appName = (0, useReqraftProperty_1.useReqraftProperty)('appName');
-    var _b = (0, useFetch_1.useFetch)({
+    var appName = useReqraftProperty('appName');
+    var _b = useFetch({
         url: 'users/_current_/storage',
         cache: false,
         loadOnMount: true,
     }), data = _b.data, loading = _b.loading;
-    var load = (0, useFetch_1.useFetch)({
+    var load = useFetch({
         url: 'users/_current_/',
         method: 'PUT',
         cache: false,
     }).load;
-    var _c = (0, react_1.useState)(data), storage = _c[0], setStorage = _c[1];
-    (0, react_1.useEffect)(function () {
+    var _c = useState(data), storage = _c[0], setStorage = _c[1];
+    useEffect(function () {
         if (data) {
             setStorage(data);
         }
-    }, [data]);
+    }, [JSON.stringify(data)]);
     var getStorage = function (path, defaultValue, includeAppPrefix) {
         var _a;
         if (includeAppPrefix === void 0) { includeAppPrefix = true; }
         var _path = includeAppPrefix ? "".concat(appName, ".").concat(path) : path;
-        return (_a = (0, lodash_1.get)(storage, _path)) !== null && _a !== void 0 ? _a : defaultValue;
+        return (_a = get(storage, _path)) !== null && _a !== void 0 ? _a : defaultValue;
     };
     var updateStorage = function (path, value, includeAppPrefix) {
         if (includeAppPrefix === void 0) { includeAppPrefix = true; }
         var _path = includeAppPrefix ? "".concat(appName, ".").concat(path) : path;
-        var updatedStorage = (0, lodash_1.set)((0, lodash_1.cloneDeep)(storage), _path, value);
+        var updatedStorage = set(cloneDeep(storage), _path, value);
         setStorage(updatedStorage);
         load({ body: { storage: updatedStorage } });
     };
     var removeStorageValue = function (path, includeAppPrefix) {
         if (includeAppPrefix === void 0) { includeAppPrefix = true; }
         var _path = includeAppPrefix ? "".concat(appName, ".").concat(path) : path;
-        var updatedStorage = (0, lodash_1.set)((0, lodash_1.cloneDeep)(storage), _path, null);
+        var updatedStorage = set(cloneDeep(storage), _path, null);
         setStorage(updatedStorage);
         load({ body: { storage_path: _path } });
     };
     if ((loading || !storage) && waitForStorage) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsx)(StorageContext_1.ReqraftStorageContext.Provider, { value: { storage: storage, getStorage: getStorage, updateStorage: updateStorage, removeStorageValue: removeStorageValue }, children: children }));
+    return (_jsx(ReqraftStorageContext.Provider, { value: { storage: storage, getStorage: getStorage, updateStorage: updateStorage, removeStorageValue: removeStorageValue }, children: children }));
 };
-exports.ReqraftStorageProvider = ReqraftStorageProvider;
 //# sourceMappingURL=StorageProvider.js.map

package/dist/providers/StorageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StorageProvider.js","sourceRoot":"","sources":["../../src/providers/StorageProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6C;AAC7C,+BAAuD;AAEvD,6DAAoF;AACpF,uDAAsD;AACtD,kEAAiE;AAQ1D,IAAM,sBAAsB,GAAG,UAAC,EAA0D;QAAxD,QAAQ,cAAA,EAAE,cAAc,oBAAA;IAC/D,IAAM,OAAO,GAAG,IAAA,uCAAkB,EAAC,SAAS,CAAC,CAAC;IAExC,IAAA,KAAoB,IAAA,mBAAQ,EAAC;QACjC,GAAG,EAAE,yBAAyB;QAC9B,KAAK,EAAE,KAAK;QACZ,WAAW,EAAE,IAAI;KAClB,CAAC,EAJM,IAAI,UAAA,EAAE,OAAO,aAInB,CAAC;IAEK,IAAA,IAAI,GAAK,IAAA,mBAAQ,EAAC;QACxB,GAAG,EAAE,kBAAkB;QACvB,MAAM,EAAE,KAAK;QACb,KAAK,EAAE,KAAK;KACb,CAAC,KAJU,CAIT;IAEG,IAAA,KAAwB,IAAA,gBAAQ,EAAkB,IAAI,CAAC,EAAtD,OAAO,QAAA,EAAE,UAAU,QAAmC,CAAC;IAE9D,IAAA,iBAAS,EAAC;QACR,IAAI,IAAI,EAAE,CAAC;YACT,UAAU,CAAC,IAAI,CAAC,CAAC;QACnB,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,IAAM,UAAU,GAAG,UACjB,IAAY,EACZ,YAAe,EACf,gBAAgC;;QAAhC,iCAAA,EAAA,uBAAgC;QAEhC,IAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,UAAG,OAAO,cAAI,IAAI,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAE7D,OAAO,MAAA,IAAA,YAAG,EAAC,OAAO,EAAE,KAAK,CAAC,mCAAI,YAAY,CAAC;IAC7C,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UACpB,IAAY,EACZ,KAAQ,EACR,gBAAgC;QAAhC,iCAAA,EAAA,uBAAgC;QAEhC,IAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,UAAG,OAAO,cAAI,IAAI,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC7D,IAAM,cAAc,GAAG,IAAA,YAAG,EAAC,IAAA,kBAAS,EAAC,OAAO,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;QAE7D,UAAU,CAAC,cAAc,CAAC,CAAC;QAE3B,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,OAAO,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC;IAC9C,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAU,IAAY,EAAE,gBAAgC;QAAhC,iCAAA,EAAA,uBAAgC;QACjF,IAAM,KAAK,GAAG,gBAAgB,CAAC,CAAC,CAAC,UAAG,OAAO,cAAI,IAAI,CAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAE7D,IAAM,cAAc,GAAG,IAAA,YAAG,EAAC,IAAA,kBAAS,EAAC,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,CAAC;QAE5D,UAAU,CAAC,cAAc,CAAC,CAAC;QAE3B,IAAI,CAAC,EAAE,IAAI,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAI,CAAC,OAAO,IAAI,CAAC,OAAO,CAAC,IAAI,cAAc,EAAE,CAAC;QAC5C,OAAO,IAAI,CAAC;IACd,CAAC;IAED,OAAO,CACL,uBAAC,sCAAqB,CAAC,QAAQ,IAC7B,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,UAAU,YAAA,EAAE,aAAa,eAAA,EAAE,kBAAkB,oBAAA,EAAE,YAEhE,QAAQ,GACsB,CAClC,CAAC;AACJ,CAAC,CAAC;AAnEW,QAAA,sBAAsB,0BAmEjC"}
+{"version":3,"file":"StorageProvider.js","sourceRoot":"","sources":["../../src/providers/StorageProvider.tsx"],"names":[],"mappings":"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"}

package/dist/types/Form.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=Form.js.map

package/dist/types.js

@@ -1,3 +1,2 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
+export {};
 //# sourceMappingURL=types.js.map

package/dist/utils/fetch.js

@@ -1,4 +1,3 @@
-"use strict";
 var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
     function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
     return new (P || (P = Promise))(function (resolve, reject) {
@@ -35,39 +34,36 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.query = exports.setupFetch = exports.fetchConfig = void 0;
-var ReqraftProvider_1 = require("../providers/ReqraftProvider");
-exports.fetchConfig = {
+import { ReqraftQueryClient } from '../providers/ReqraftProvider';
+export var fetchConfig = {
     instance: window.location.origin + '/',
     instanceToken: '',
     unauthorizedRedirect: function (pathname) { return "/?next=".concat(pathname); },
 };
 var CACHE_EXPIRATION_TIME = 5 * 60 * 1000; // 5 minutes
-var setupFetch = function (_a) {
+export var setupFetch = function (_a) {
     var instance = _a.instance, instanceToken = _a.instanceToken, unauthorizedRedirect = _a.unauthorizedRedirect;
-    exports.fetchConfig.instance = instance;
-    exports.fetchConfig.instanceToken = instanceToken;
+    fetchConfig.instance = instance;
+    fetchConfig.instanceToken = instanceToken;
     if (unauthorizedRedirect) {
-        exports.fetchConfig.unauthorizedRedirect = unauthorizedRedirect;
+        fetchConfig.unauthorizedRedirect = unauthorizedRedirect;
     }
 };
-exports.setupFetch = setupFetch;
 function doFetchData(url_1) {
     return __awaiter(this, arguments, void 0, function (url, method, body) {
         if (method === void 0) { method = 'GET'; }
         return __generator(this, function (_a) {
-            if (!exports.fetchConfig.instanceToken) {
+            if (!fetchConfig.instanceToken) {
                 return [2 /*return*/, new Response(JSON.stringify({}), {
                         status: 401,
                         statusText: 'Unauthorized',
                     })];
             }
-            return [2 /*return*/, fetch("".concat(exports.fetchConfig.instance, "api/latest/").concat(url), {
+            return [2 /*return*/, fetch("".concat(fetchConfig.instance, "api/latest/").concat(url), {
                     method: method,
                     headers: {
                         'Content-Type': 'application/json',
-                        Authorization: "Bearer ".concat(exports.fetchConfig.instanceToken),
+                        Authorization: "Bearer ".concat(fetchConfig.instanceToken),
                     },
                     body: JSON.stringify(body),
                 }).catch(function (error) {
@@ -79,11 +75,11 @@ function doFetchData(url_1) {
         });
     });
 }
-function query(_a) {
+export function query(_a) {
     return __awaiter(this, arguments, void 0, function (_b) {
         var shouldCache, cacheKey, requestData;
         var _this = this;
-        var url = _b.url, _c = _b.method, method = _c === void 0 ? 'GET' : _c, body = _b.body, _d = _b.cache, cache = _d === void 0 ? true : _d, _e = _b.queryClient, queryClient = _e === void 0 ? ReqraftProvider_1.ReqraftQueryClient : _e;
+        var url = _b.url, _c = _b.method, method = _c === void 0 ? 'GET' : _c, body = _b.body, _d = _b.cache, cache = _d === void 0 ? true : _d, _e = _b.queryClient, queryClient = _e === void 0 ? ReqraftQueryClient : _e;
         return __generator(this, function (_f) {
             switch (_f.label) {
                 case 0:
@@ -103,7 +99,7 @@ function query(_a) {
                                         case 2:
                                             json = _a.sent();
                                             if (response.status === 401) {
-                                                window.location.href = exports.fetchConfig.unauthorizedRedirect(window.location.pathname);
+                                                window.location.href = fetchConfig.unauthorizedRedirect(window.location.pathname);
                                             }
                                             return [2 /*return*/, {
                                                     data: json,
@@ -136,5 +132,4 @@ function query(_a) {
         });
     });
 }
-exports.query = query;
 //# sourceMappingURL=fetch.js.map

package/dist/utils/fetch.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.js","sourceRoot":"","sources":["../../src/utils/fetch.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,gEAAkE;AAerD,QAAA,WAAW,GAAwB;IAC9C,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,MAAM,GAAG,GAAG;IACtC,aAAa,EAAE,EAAE;IACjB,oBAAoB,EAAE,UAAC,QAAgB,IAAK,OAAA,iBAAU,QAAQ,CAAE,EAApB,CAAoB;CACjE,CAAC;AAEF,IAAM,qBAAqB,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,YAAY;AAElD,IAAM,UAAU,GAAG,UAAC,EAIL;QAHpB,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,oBAAoB,0BAAA;IAEpB,mBAAW,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAChC,mBAAW,CAAC,aAAa,GAAG,aAAa,CAAC;IAE1C,IAAI,oBAAoB,EAAE,CAAC;QACzB,mBAAW,CAAC,oBAAoB,GAAG,oBAAoB,CAAC;IAC1D,CAAC;AACH,CAAC,CAAC;AAXW,QAAA,UAAU,cAWrB;AAEF,SAAe,WAAW;wDACxB,GAAW,EACX,MAAc,EACd,IAA6B;QAD7B,uBAAA,EAAA,cAAc;;YAGd,IAAI,CAAC,mBAAW,CAAC,aAAa,EAAE,CAAC;gBAC/B,sBAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE;wBACtC,MAAM,EAAE,GAAG;wBACX,UAAU,EAAE,cAAc;qBAC3B,CAAC,EAAC;YACL,CAAC;YAED,sBAAO,KAAK,CAAC,UAAG,mBAAW,CAAC,QAAQ,wBAAc,GAAG,CAAE,EAAE;oBACvD,MAAM,QAAA;oBACN,OAAO,EAAE;wBACP,cAAc,EAAE,kBAAkB;wBAClC,aAAa,EAAE,iBAAU,mBAAW,CAAC,aAAa,CAAE;qBACrD;oBACD,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;iBAC3B,CAAC,CAAC,KAAK,CAAC,UAAC,KAAK;oBACb,OAAO,IAAI,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,EAAE,CAAC,EAAE;wBACtC,MAAM,EAAE,GAAG;wBACX,UAAU,EAAE,yBAAkB,KAAK,CAAC,OAAO,CAAE;qBAC9C,CAAC,CAAC;gBACL,CAAC,CAAC,EAAC;;;CACJ;AAUD,SAAsB,KAAK;wDAAI,EAMT;;;YALpB,GAAG,SAAA,EACH,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,IAAI,UAAA,EACJ,aAAY,EAAZ,KAAK,mBAAG,IAAI,KAAA,EACZ,mBAAgC,EAAhC,WAAW,mBAAG,oCAAkB,KAAA;;;;oBAE1B,WAAW,GAAG,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC;oBACvE,QAAQ,GAAG,UAAG,GAAG,cAAI,MAAM,cAAI,IAAI,CAAC,SAAS,CAAC,IAAI,IAAI,EAAE,CAAC,CAAE,CAAC;oBAE9C,qBAAM,WAAW,CAAC,UAAU,CAAC;4BAC/C,QAAQ,EAAE,CAAC,QAAQ,CAAC;4BACpB,OAAO,EAAE;;;;gDACU,qBAAM,WAAW,CAAC,GAAG,EAAE,MAAM,EAAE,IAAI,CAAC,EAAA;;4CAA/C,QAAQ,GAAG,SAAoC;4CAE/C,KAAK,GAAG,QAAQ,CAAC,KAAK,EAAE,CAAC;4CAClB,qBAAM,KAAK,CAAC,IAAI,EAAE,EAAA;;4CAAzB,IAAI,GAAG,SAAkB;4CAE/B,IAAI,QAAQ,CAAC,MAAM,KAAK,GAAG,EAAE,CAAC;gDAC5B,MAAM,CAAC,QAAQ,CAAC,IAAI,GAAG,mBAAW,CAAC,oBAAoB,CAAC,MAAM,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;4CACpF,CAAC;4CAED,sBAAO;oDACL,IAAI,EAAE,IAAI;oDACV,EAAE,EAAE,QAAQ,CAAC,EAAE;oDACf,MAAM,EAAE,QAAQ,CAAC,MAAM;oDACvB,UAAU,EAAE,QAAQ,CAAC,UAAU;iDAChC,EAAC;;;iCACH;4BACD,SAAS,EAAE,WAAW,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC;yBACnD,CAAC,EAAA;;oBApBI,WAAW,GAAG,SAoBlB;oBAEF,IAAI,CAAC,WAAW,CAAC,EAAE,EAAE,CAAC;wBACpB,WAAW,CAAC,iBAAiB,CAAC,EAAE,QAAQ,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC;wBAExD,sBAAO;gCACL,IAAI,EAAE,IAAI;gCACV,EAAE,EAAE,KAAK;gCACT,IAAI,EAAE,WAAW,CAAC,MAAM;gCACxB,KAAK,EAAE,WAAW,CAAC,UAAU;6BAC9B,EAAC;oBACJ,CAAC;oBAED,sBAAO;4BACL,IAAI,EAAE,WAAW,CAAC,IAAI;4BACtB,EAAE,EAAE,IAAI;4BACR,IAAI,EAAE,WAAW,CAAC,MAAM;yBACzB,EAAC;;;;CACH;AAhDD,sBAgDC"}
+{"version":3,"file":"fetch.js","sourceRoot":"","sources":["../../src/utils/fetch.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqraft",
-  "version": "0.3.1",
+  "version": "0.3.3",
   "description": "ReQraft is a collection of React components and hooks that are used across Qore Technologies' products made using the ReQore component library from Qore.",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/form/fields/Field.stories.tsx

@@ -0,0 +1,165 @@
+import { StoryObj } from '@storybook/react';
+import { expect, fn, within } from '@storybook/test';
+import { useState } from 'react';
+
+import styled from 'styled-components';
+import { longStringText, markdown } from '../../../../mock/fields';
+import { StoryMeta } from '../../../types';
+import { TFormFieldType } from '../../../types/Form';
+import { FormField, IFormFieldProps } from './Field';
+
+const meta = {
+  component: FormField,
+  title: 'Components/Form/Field',
+  args: {
+    onChange: fn(),
+  },
+  render(args) {
+    const [value, setValue] = useState<any>(args.value);
+    return <FormField {...args} value={value} onChange={setValue} />;
+  },
+} as StoryMeta<typeof FormField>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+const DefaultStoryWrapper = styled.div`
+  display: grid;
+  gap: 32px;
+  width: 100%;
+  max-width: 850px;
+  margin: 0 auto;
+`;
+export const Default: Story = {
+  render() {
+    const [values, setValues] = useState({
+      name: 'Qore',
+      sendNotifications: true,
+      amount: 99,
+      color: { r: 255, g: 255, b: 255, a: 1 },
+      language: 'Java',
+      description: longStringText,
+      post: markdown,
+      cron: '* * * * *',
+    } as const);
+
+    const getFieldProps = <T extends TFormFieldType>(type: T, key: keyof typeof values) =>
+      ({
+        'aria-label': type,
+        label: type,
+        type: type,
+        value: values[key],
+        onChange: (value) => {
+          setValues((values) => ({ ...values, [key]: value }));
+        },
+        labelProps: {
+          style: { textTransform: 'capitalize' },
+        },
+      }) as unknown as IFormFieldProps<T>;
+
+    return (
+      <DefaultStoryWrapper>
+        <FormField {...getFieldProps('string', 'name')} />
+        <FormField {...getFieldProps('boolean', 'sendNotifications')} />
+        <FormField {...getFieldProps('number', 'amount')} />
+        <FormField {...getFieldProps('color', 'color')} />
+        <FormField
+          {...getFieldProps('radio', 'language')}
+          fieldProps={{
+            items: [
+              { label: 'Qore', value: 'Qore', 'aria-label': 'Qore' },
+              { label: 'Java', value: 'Java', 'aria-label': 'Java' },
+              { label: 'Python', value: 'Python', 'aria-label': 'Python' },
+            ],
+          }}
+        />
+        <FormField {...getFieldProps('long-string', 'description')} />
+        <FormField {...getFieldProps('markdown', 'post')} />
+        <FormField
+          {...getFieldProps('cron', 'cron')}
+          fieldProps={{ wrapperProps: { 'aria-label': 'Cron' } }}
+        />
+      </DefaultStoryWrapper>
+    );
+  },
+  async play({ canvasElement }) {
+    const canvas = within(canvasElement);
+
+    await expect(canvas.getByLabelText('string')).toBeInTheDocument();
+    await expect(canvas.getByLabelText('boolean')).toBeInTheDocument();
+    await expect(canvas.getByLabelText('number')).toBeInTheDocument();
+    await expect(canvasElement.querySelector('.sketch-picker')).toBeInTheDocument();
+    await expect(canvas.getByLabelText('radio')).toBeInTheDocument();
+    await expect(canvas.getByLabelText('long-string')).toBeInTheDocument();
+    await expect(canvas.getByLabelText('markdown')).toBeInTheDocument();
+    await expect(canvas.getByLabelText('cron')).toBeInTheDocument();
+  },
+};
+
+export const String: Story = {
+  args: {
+    type: 'string',
+    value: 'Qore',
+    label: 'Label',
+  },
+};
+
+export const Boolean: Story = {
+  args: {
+    type: 'boolean',
+    value: true,
+    label: 'Boolean',
+  },
+};
+
+export const Number: Story = {
+  args: {
+    type: 'number',
+    value: 99,
+    label: 'Number',
+  },
+};
+
+export const Color: Story = {
+  args: {
+    type: 'color',
+    value: { r: 0, g: 0, b: 0, a: 1 },
+    label: 'Color',
+  },
+};
+
+export const Radio: Story = {
+  args: {
+    type: 'radio',
+    value: 'Qore',
+    items: [
+      { label: 'Qore', value: 'Qore', 'aria-label': 'Qore' },
+      { label: 'Java', value: 'Java', 'aria-label': 'Java' },
+      { label: 'Python', value: 'Python', 'aria-label': 'Python' },
+    ],
+    label: 'Radio',
+  },
+};
+
+export const LongString: Story = {
+  args: {
+    type: 'long-string',
+    value: longStringText,
+    label: 'Long String',
+  },
+};
+
+export const Markdown: Story = {
+  args: {
+    type: 'markdown',
+    value: markdown,
+    label: 'Markdown',
+  },
+};
+export const Cron: Story = {
+  args: {
+    type: 'cron',
+    value: '* * * * *',
+    label: 'Cron',
+  },
+};

package/src/components/form/fields/Field.tsx

@@ -0,0 +1,172 @@
+import { IReqoreLabelProps, ReqoreControlGroup, ReqoreLabel } from '@qoretechnologies/reqore';
+import { useId } from 'react';
+import { TFormFieldType, TFormFieldValueType } from '../../../types/Form';
+import BooleanFormField, { IBooleanFormFieldProps } from './boolean/Boolean';
+import ColorFormField, { IColorFormFieldProps } from './color/Color';
+import CronFormField, { ICronFormFieldProps } from './cron/Cron';
+import LongStringFormField, { ILongStringFormFieldProps } from './long-string/LongString';
+import MarkdownFormField, { IMarkdownFormFieldProps } from './markdown/Markdown';
+import NumberFormField from './number/Number';
+import RadioGroupFormField, { IRadioGroupFormFieldProps } from './radio-group/RadioGroup';
+import { IStringFormFieldProps, StringFormField } 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 const FormField = <T extends TFormFieldType>({
+  type,
+  onChange,
+  value,
+  fieldProps,
+  label,
+  labelPosition = 'top',
+  ...rest
+}: IFormFieldProps<T>) => {
+  const id = useId();
+
+  const handleChange = (value: TFormFieldValueType<T>, event?: unknown) => {
+    onChange(value, event);
+  };
+
+  const renderField = (type: T) => {
+    switch (type) {
+      case 'string':
+        return (
+          <StringFormField
+            {...rest}
+            {...(fieldProps as IFormFieldProps<'string'>['fieldProps'])}
+            onChange={(value: string) => handleChange(value as TFormFieldValueType<T>)}
+            value={value as TFormFieldValueType<T>}
+            id={id}
+          />
+        );
+
+      case 'boolean':
+        return (
+          <BooleanFormField
+            {...rest}
+            {...(fieldProps as IFormFieldProps<'boolean'>['fieldProps'])}
+            checked={value as boolean}
+            onChange={(checked) => {
+              handleChange(checked as TFormFieldValueType<T>);
+            }}
+            id={id}
+          />
+        );
+
+      case 'number':
+        return (
+          <NumberFormField
+            {...rest}
+            {...(fieldProps as IFormFieldProps<'number'>['fieldProps'])}
+            value={value as number}
+            onChange={(value) => {
+              handleChange(value as TFormFieldValueType<T>);
+            }}
+            id={id}
+          />
+        );
+
+      case 'color':
+        return (
+          <ColorFormField
+            {...rest}
+            {...(fieldProps as IFormFieldProps<'color'>['fieldProps'])}
+            value={value as IColorFormFieldProps['color']}
+            onChange={(color) => {
+              handleChange(color as TFormFieldValueType<T>);
+            }}
+          />
+        );
+
+      case 'radio':
+        return (
+          <RadioGroupFormField
+            {...rest}
+            {...(fieldProps as IFormFieldProps<'radio'>['fieldProps'])}
+            value={value as TFormFieldValueType<T>}
+            onChange={(selected) => {
+              handleChange(selected as TFormFieldValueType<T>);
+            }}
+            id={id}
+          />
+        );
+
+      case 'long-string':
+        return (
+          <LongStringFormField
+            {...rest}
+            {...(fieldProps as IFormFieldProps<'long-string'>['fieldProps'])}
+            value={value as TFormFieldValueType<T>}
+            onChange={(selected) => {
+              handleChange(selected as TFormFieldValueType<T>);
+            }}
+            id={id}
+          />
+        );
+
+      case 'markdown':
+        return (
+          <MarkdownFormField
+            {...rest}
+            {...(fieldProps as IFormFieldProps<'markdown'>['fieldProps'])}
+            value={value as TFormFieldValueType<T>}
+            onChange={(selected) => {
+              handleChange(selected as TFormFieldValueType<T>);
+            }}
+            id={id}
+          />
+        );
+
+      case 'cron':
+        return (
+          <CronFormField
+            {...rest}
+            {...(fieldProps as IFormFieldProps<'cron'>['fieldProps'])}
+            value={value as TFormFieldValueType<T>}
+            onChange={(selected) => {
+              handleChange(selected as TFormFieldValueType<T>);
+            }}
+            // give id to first element to make htmlFor works.
+            inputProps={[{ id }]}
+          />
+        );
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <ReqoreControlGroup vertical={labelPosition === 'bottom' || labelPosition === 'top'}>
+      {(label || label === 0) && (labelPosition === 'top' || labelPosition === 'left') ?
+        <ReqoreLabel htmlFor={id} label={label} fluid />
+      : null}
+
+      {renderField(type)}
+
+      {(label || label === 0) && (labelPosition === 'bottom' || labelPosition === 'right') ?
+        <ReqoreLabel htmlFor={id} label={label} fluid />
+      : null}
+    </ReqoreControlGroup>
+  );
+};

package/src/components/form/fields/boolean/Boolean.stories.tsx

@@ -0,0 +1,46 @@
+import { StoryObj } from '@storybook/react';
+import { expect, fn, userEvent, within } from '@storybook/test';
+import { useState } from 'react';
+
+import { StoryMeta } from '../../../../types';
+import { BooleanFormField } from './Boolean';
+
+const meta = {
+  component: BooleanFormField,
+  title: 'Components/Form/Boolean',
+  args: {
+    onChange: fn(),
+  },
+  render(args) {
+    const [checked, setChecked] = useState(args.checked);
+    return (
+      <BooleanFormField
+        {...args}
+        checked={checked}
+        onChange={(checked) => {
+          args.onChange?.(checked);
+          setChecked(checked);
+        }}
+      />
+    );
+  },
+} as StoryMeta<typeof BooleanFormField>;
+
+export default meta;
+type Story = StoryObj<typeof meta>;
+
+export const Default: Story = {
+  args: {
+    checked: true,
+    'aria-label': 'Boolean',
+  },
+  async play({ canvasElement, args }) {
+    const canvas = within(canvasElement);
+
+    await expect(canvas.getByText('Yes')).toBeInTheDocument();
+    await expect(canvas.getByText('No')).toBeInTheDocument();
+
+    await userEvent.click(canvas.getByLabelText('Boolean'));
+    await expect(args.onChange).toHaveBeenLastCalledWith(false);
+  },
+};

package/src/components/form/fields/boolean/Boolean.tsx

@@ -0,0 +1,34 @@
+import { ReqoreCheckbox } from '@qoretechnologies/reqore';
+import { IReqoreCheckboxProps } from '@qoretechnologies/reqore/dist/components/Checkbox';
+
+export interface IBooleanFormFieldProps extends Omit<IReqoreCheckboxProps, 'onChange'> {
+  onChange?(checked: boolean): void;
+}
+
+export const BooleanFormField = ({
+  checked,
+  onChange,
+  onClick,
+  ...rest
+}: IBooleanFormFieldProps) => {
+  const toggle: IReqoreCheckboxProps['onClick'] = (event) => {
+    onChange(!checked);
+    onClick?.(event);
+  };
+
+  return (
+    <ReqoreCheckbox
+      checked={checked ?? false}
+      onClick={toggle}
+      asSwitch
+      onText='Yes'
+      offText='No'
+      checkedIcon='CheckLine'
+      uncheckedIcon='CloseLine'
+      margin='none'
+      {...rest}
+    />
+  );
+};
+
+export default BooleanFormField;