@qoretechnologies/reqraft 0.1.0 → 0.2.1

package/dist/index.js

@@ -1,6 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FormStringField = void 0;
+exports.query = exports.ReqraftQueryClient = exports.ReqraftProvider = exports.useFetch = exports.FormStringField = exports.ReqraftMenu = void 0;
+var Menu_1 = require("./components/menu/Menu");
+Object.defineProperty(exports, "ReqraftMenu", { enumerable: true, get: function () { return Menu_1.ReqraftMenu; } });
 var String_1 = require("./components/form/fields/string/String");
 Object.defineProperty(exports, "FormStringField", { enumerable: true, get: function () { return String_1.FormStringField; } });
+var useFetch_1 = require("./hooks/useFetch/useFetch");
+Object.defineProperty(exports, "useFetch", { enumerable: true, get: function () { return useFetch_1.useFetch; } });
+var ReqraftProvider_1 = require("./providers/ReqraftProvider");
+Object.defineProperty(exports, "ReqraftProvider", { enumerable: true, get: function () { return ReqraftProvider_1.ReqraftProvider; } });
+Object.defineProperty(exports, "ReqraftQueryClient", { enumerable: true, get: function () { return ReqraftProvider_1.ReqraftQueryClient; } });
+var fetch_1 = require("./utils/fetch");
+Object.defineProperty(exports, "query", { enumerable: true, get: function () { return fetch_1.query; } });
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;AAAA,iEAAgG;AAAvF,yGAAA,eAAe,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":";;;AAAA,+CAMgC;AAH9B,mGAAA,WAAW,OAAA;AAKb,iEAAgG;AAAvF,yGAAA,eAAe,OAAA;AACxB,sDAAuE;AAA5C,oGAAA,QAAQ,OAAA;AACnC,+DAAkF;AAAzE,kHAAA,eAAe,OAAA;AAAE,qHAAA,kBAAkB,OAAA;AAC5C,uCAAsC;AAA7B,8FAAA,KAAK,OAAA"}

package/dist/providers/FetchProvider.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface IReqraftFetchProviderProps {
+    children: React.ReactNode;
+}
+export declare const ReqraftFetchProvider: ({ children }: IReqraftFetchProviderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=FetchProvider.d.ts.map

package/dist/providers/FetchProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FetchProvider.d.ts","sourceRoot":"","sources":["../../src/providers/FetchProvider.tsx"],"names":[],"mappings":";AAOA,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB,iBAAkB,0BAA0B,4CAkD5E,CAAC"}

package/dist/providers/FetchProvider.js

@@ -0,0 +1,112 @@
+"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 __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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReqraftFetchProvider = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_query_1 = require("@tanstack/react-query");
+var react_1 = require("react");
+var react_use_1 = require("react-use");
+var FetchContext_1 = require("../contexts/FetchContext");
+var useReqraftProperty_1 = require("../hooks/useReqraftProperty");
+var fetch_1 = require("../utils/fetch");
+var ReqraftFetchProvider = function (_a) {
+    var children = _a.children;
+    var queryClient = (0, react_query_1.useQueryClient)();
+    var instance = (0, useReqraftProperty_1.useReqraftProperty)('instance');
+    var instanceToken = (0, useReqraftProperty_1.useReqraftProperty)('instanceToken');
+    var instanceUnauthorizedRedirect = (0, useReqraftProperty_1.useReqraftProperty)('instanceUnauthorizedRedirect');
+    var _b = (0, react_1.useState)(false), ready = _b[0], setReady = _b[1];
+    (0, react_use_1.useEffectOnce)(function () {
+        (0, fetch_1.setupFetch)({
+            instance: instance,
+            instanceToken: instanceToken,
+            unauthorizedRedirect: instanceUnauthorizedRedirect,
+        });
+        setReady(true);
+    });
+    if (!ready) {
+        return null;
+    }
+    function get(config) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, (0, fetch_1.query)(__assign(__assign({ queryClient: queryClient }, config), { method: 'GET' }))];
+            });
+        });
+    }
+    function post(config) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, (0, fetch_1.query)(__assign(__assign({ queryClient: queryClient }, config), { method: 'POST' }))];
+            });
+        });
+    }
+    function put(config) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, (0, fetch_1.query)(__assign(__assign({ queryClient: queryClient }, config), { method: 'PUT' }))];
+            });
+        });
+    }
+    function del(config) {
+        return __awaiter(this, void 0, void 0, function () {
+            return __generator(this, function (_a) {
+                return [2 /*return*/, (0, fetch_1.query)(__assign(__assign({ queryClient: queryClient }, config), { method: 'DELETE' }))];
+            });
+        });
+    }
+    return ((0, jsx_runtime_1.jsx)(FetchContext_1.FetchContext.Provider, { value: {
+            get: get,
+            post: post,
+            put: put,
+            del: del,
+        }, children: children }));
+};
+exports.ReqraftFetchProvider = ReqraftFetchProvider;
+//# sourceMappingURL=FetchProvider.js.map

package/dist/providers/FetchProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FetchProvider.js","sourceRoot":"","sources":["../../src/providers/FetchProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuD;AACvD,+BAAiC;AACjC,uCAA0C;AAC1C,yDAAoF;AACpF,kEAAiE;AACjE,wCAAmD;AAM5C,IAAM,oBAAoB,GAAG,UAAC,EAAwC;QAAtC,QAAQ,cAAA;IAC7C,IAAM,WAAW,GAAG,IAAA,4BAAc,GAAE,CAAC;IACrC,IAAM,QAAQ,GAAG,IAAA,uCAAkB,EAAC,UAAU,CAAC,CAAC;IAChD,IAAM,aAAa,GAAG,IAAA,uCAAkB,EAAC,eAAe,CAAC,CAAC;IAC1D,IAAM,4BAA4B,GAAG,IAAA,uCAAkB,EAAC,8BAA8B,CAAC,CAAC;IAElF,IAAA,KAAoB,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAAlC,KAAK,QAAA,EAAE,QAAQ,QAAmB,CAAC;IAE1C,IAAA,yBAAa,EAAC;QACZ,IAAA,kBAAU,EAAC;YACT,QAAQ,UAAA;YACR,aAAa,eAAA;YACb,oBAAoB,EAAE,4BAA4B;SACnD,CAAC,CAAC;QAEH,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,CAAC,CAAC;IAEH,IAAI,CAAC,KAAK,EAAE,CAAC;QACX,OAAO,IAAI,CAAC;IACd,CAAC;IAED,SAAe,GAAG,CAAI,MAAkC;;;gBACtD,sBAAO,IAAA,aAAK,sBAAM,WAAW,aAAA,IAAK,MAAM,KAAE,MAAM,EAAE,KAAK,IAAG,EAAC;;;KAC5D;IAED,SAAe,IAAI,CAAI,MAAkC;;;gBACvD,sBAAO,IAAA,aAAK,sBAAM,WAAW,aAAA,IAAK,MAAM,KAAE,MAAM,EAAE,MAAM,IAAG,EAAC;;;KAC7D;IAED,SAAe,GAAG,CAAI,MAAkC;;;gBACtD,sBAAO,IAAA,aAAK,sBAAM,WAAW,aAAA,IAAK,MAAM,KAAE,MAAM,EAAE,KAAK,IAAG,EAAC;;;KAC5D;IAED,SAAe,GAAG,CAAI,MAAkC;;;gBACtD,sBAAO,IAAA,aAAK,sBAAM,WAAW,aAAA,IAAK,MAAM,KAAE,MAAM,EAAE,QAAQ,IAAG,EAAC;;;KAC/D;IAED,OAAO,CACL,uBAAC,2BAAY,CAAC,QAAQ,IACpB,KAAK,EAAE;YACL,GAAG,KAAA;YACH,IAAI,MAAA;YACJ,GAAG,KAAA;YACH,GAAG,KAAA;SACJ,YAEA,QAAQ,GACa,CACzB,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,oBAAoB,wBAkD/B"}

package/dist/providers/ReqraftProvider.d.ts

@@ -0,0 +1,10 @@
+import { QueryClient } from '@tanstack/react-query';
+import { ReactNode } from 'react';
+import { IReqraftContext } from '../contexts/ReqraftContext';
+export declare const ReqraftQueryClient: QueryClient;
+export interface IReqraftProviderProps extends IReqraftContext {
+    children: ReactNode;
+    reactQueryClient?: QueryClient;
+}
+export declare const ReqraftProvider: ({ appName, children, instance, instanceToken, instanceUnauthorizedRedirect, reactQueryClient, }: IReqraftProviderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ReqraftProvider.d.ts.map

package/dist/providers/ReqraftProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReqraftProvider.d.ts","sourceRoot":"","sources":["../../src/providers/ReqraftProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAuB,MAAM,uBAAuB,CAAC;AACzE,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,eAAe,EAAkB,MAAM,4BAA4B,CAAC;AAI7E,eAAO,MAAM,kBAAkB,aAAoB,CAAC;AAEpD,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,WAAW,CAAC;CAChC;AAED,eAAO,MAAM,eAAe,oGAOzB,qBAAqB,4CAYvB,CAAC"}

package/dist/providers/ReqraftProvider.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReqraftProvider = exports.ReqraftQueryClient = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_query_1 = require("@tanstack/react-query");
+var ReqraftContext_1 = require("../contexts/ReqraftContext");
+var FetchProvider_1 = require("./FetchProvider");
+var StorageProvider_1 = require("./StorageProvider");
+exports.ReqraftQueryClient = new react_query_1.QueryClient();
+var ReqraftProvider = function (_a) {
+    var appName = _a.appName, children = _a.children, instance = _a.instance, instanceToken = _a.instanceToken, instanceUnauthorizedRedirect = _a.instanceUnauthorizedRedirect, reactQueryClient = _a.reactQueryClient;
+    return ((0, jsx_runtime_1.jsx)(ReqraftContext_1.ReqraftContext.Provider, { value: { appName: appName, instanceToken: instanceToken, instance: instance, instanceUnauthorizedRedirect: instanceUnauthorizedRedirect }, children: (0, jsx_runtime_1.jsx)(react_query_1.QueryClientProvider, { client: reactQueryClient || exports.ReqraftQueryClient, children: (0, jsx_runtime_1.jsx)(FetchProvider_1.ReqraftFetchProvider, { children: (0, jsx_runtime_1.jsx)(StorageProvider_1.ReqraftStorageProvider, { children: children }) }) }) }));
+};
+exports.ReqraftProvider = ReqraftProvider;
+//# sourceMappingURL=ReqraftProvider.js.map

package/dist/providers/ReqraftProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReqraftProvider.js","sourceRoot":"","sources":["../../src/providers/ReqraftProvider.tsx"],"names":[],"mappings":";;;;AAAA,qDAAyE;AAEzE,6DAA6E;AAC7E,iDAAuD;AACvD,qDAA2D;AAE9C,QAAA,kBAAkB,GAAG,IAAI,yBAAW,EAAE,CAAC;AAO7C,IAAM,eAAe,GAAG,UAAC,EAOR;QANtB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,aAAa,mBAAA,EACb,4BAA4B,kCAAA,EAC5B,gBAAgB,sBAAA;IAEhB,OAAO,CACL,uBAAC,+BAAc,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,OAAO,SAAA,EAAE,aAAa,eAAA,EAAE,QAAQ,UAAA,EAAE,4BAA4B,8BAAA,EAAE,YAEzE,uBAAC,iCAAmB,IAAC,MAAM,EAAE,gBAAgB,IAAI,0BAAkB,YACjE,uBAAC,oCAAoB,cACnB,uBAAC,wCAAsB,cAAE,QAAQ,GAA0B,GACtC,GACH,GACE,CAC3B,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,eAAe,mBAmB1B"}

package/dist/providers/StorageProvider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+export interface IReqraftStorageProviderProps {
+    children: ReactNode;
+}
+export declare const ReqraftStorageProvider: ({ children }: IReqraftStorageProviderProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StorageProvider.d.ts.map

package/dist/providers/StorageProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StorageProvider.d.ts","sourceRoot":"","sources":["../../src/providers/StorageProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAOvD,MAAM,WAAW,4BAA4B;IAC3C,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,iBAAkB,4BAA4B,4CAmEhF,CAAC"}

package/dist/providers/StorageProvider.js

@@ -0,0 +1,55 @@
+"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) {
+    var children = _a.children;
+    var appName = (0, useReqraftProperty_1.useReqraftProperty)('appName');
+    var _b = (0, useFetch_1.useFetch)({
+        url: 'users/_current_/storage',
+        cache: false,
+        loadOnMount: true,
+    }), data = _b.data, loading = _b.loading;
+    var load = (0, useFetch_1.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 () {
+        if (data) {
+            setStorage(data);
+        }
+    }, [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;
+    };
+    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);
+        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);
+        setStorage(updatedStorage);
+        load({ body: { storage_path: _path } });
+    };
+    if (loading || !storage) {
+        return null;
+    }
+    return ((0, jsx_runtime_1.jsx)(StorageContext_1.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

@@ -0,0 +1 @@
+{"version":3,"file":"StorageProvider.js","sourceRoot":"","sources":["../../src/providers/StorageProvider.tsx"],"names":[],"mappings":";;;;AAAA,iCAA6C;AAC7C,+BAAuD;AAEvD,6DAAoF;AACpF,uDAAsD;AACtD,kEAAiE;AAO1D,IAAM,sBAAsB,GAAG,UAAC,EAA0C;QAAxC,QAAQ,cAAA;IAC/C,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,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC;QACxB,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"}

package/dist/utils/fetch.d.ts

@@ -0,0 +1,22 @@
+import { QueryClient } from '@tanstack/react-query';
+export interface IReqraftFetchConfig {
+    instance: string;
+    instanceToken: string;
+    unauthorizedRedirect?: (pathname: string) => string;
+}
+export interface IReqraftFetchResponse<T> {
+    data: T;
+    ok: boolean;
+    code?: number;
+    error?: any;
+}
+export declare const setupFetch: ({ instance, instanceToken, unauthorizedRedirect, }: IReqraftFetchConfig) => void;
+export interface IReqraftQueryConfig {
+    url: string;
+    method?: 'GET' | 'POST' | 'PUT' | 'DELETE';
+    body?: Record<string | number, any>;
+    cache?: boolean;
+    queryClient?: QueryClient;
+}
+export declare function query<T>({ url, method, body, cache, queryClient, }: IReqraftQueryConfig): Promise<IReqraftFetchResponse<T>>;
+//# sourceMappingURL=fetch.d.ts.map

package/dist/utils/fetch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../src/utils/fetch.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAGpD,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CACrD;AAED,MAAM,WAAW,qBAAqB,CAAC,CAAC;IACtC,IAAI,EAAE,CAAC,CAAC;IACR,EAAE,EAAE,OAAO,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,GAAG,CAAC;CACb;AAUD,eAAO,MAAM,UAAU,uDAIpB,mBAAmB,SAOrB,CAAC;AA6BF,MAAM,WAAW,mBAAmB;IAClC,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,QAAQ,CAAC;IAC3C,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,CAAC;IACpC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,WAAW,CAAC,EAAE,WAAW,CAAC;CAC3B;AAED,wBAAsB,KAAK,CAAC,CAAC,EAAE,EAC7B,GAAG,EACH,MAAc,EACd,IAAI,EACJ,KAAY,EACZ,WAAgC,GACjC,EAAE,mBAAmB,GAAG,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC,CAAC,CA0CzD"}

package/dist/utils/fetch.js

@@ -0,0 +1,140 @@
+"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) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        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 = void 0;
+var ReqraftProvider_1 = require("../providers/ReqraftProvider");
+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) {
+    var instance = _a.instance, instanceToken = _a.instanceToken, unauthorizedRedirect = _a.unauthorizedRedirect;
+    fetchConfig.instance = instance;
+    fetchConfig.instanceToken = instanceToken;
+    if (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 (!fetchConfig.instanceToken) {
+                return [2 /*return*/, new Response(JSON.stringify({}), {
+                        status: 401,
+                        statusText: 'Unauthorized',
+                    })];
+            }
+            return [2 /*return*/, fetch("".concat(fetchConfig.instance, "api/latest/").concat(url), {
+                    method: method,
+                    headers: {
+                        'Content-Type': 'application/json',
+                        Authorization: "Bearer ".concat(fetchConfig.instanceToken),
+                    },
+                    body: JSON.stringify(body),
+                }).catch(function (error) {
+                    return new Response(JSON.stringify({}), {
+                        status: 500,
+                        statusText: "Request failed ".concat(error.message),
+                    });
+                })];
+        });
+    });
+}
+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;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    shouldCache = method === 'DELETE' || method === 'POST' ? false : cache;
+                    cacheKey = "".concat(url, ":").concat(method, ":").concat(JSON.stringify(body || {}));
+                    return [4 /*yield*/, queryClient.fetchQuery({
+                            queryKey: [cacheKey],
+                            queryFn: function () { return __awaiter(_this, void 0, void 0, function () {
+                                var response, clone, json;
+                                return __generator(this, function (_a) {
+                                    switch (_a.label) {
+                                        case 0: return [4 /*yield*/, doFetchData(url, method, body)];
+                                        case 1:
+                                            response = _a.sent();
+                                            clone = response.clone();
+                                            return [4 /*yield*/, clone.json()];
+                                        case 2:
+                                            json = _a.sent();
+                                            if (response.status === 401) {
+                                                window.location.href = fetchConfig.unauthorizedRedirect(window.location.pathname);
+                                            }
+                                            return [2 /*return*/, {
+                                                    data: json,
+                                                    ok: response.ok,
+                                                    status: response.status,
+                                                    statusText: response.statusText,
+                                                }];
+                                    }
+                                });
+                            }); },
+                            staleTime: shouldCache ? CACHE_EXPIRATION_TIME : 0,
+                        })];
+                case 1:
+                    requestData = _f.sent();
+                    if (!requestData.ok) {
+                        queryClient.invalidateQueries({ queryKey: [cacheKey] });
+                        return [2 /*return*/, {
+                                data: null,
+                                ok: false,
+                                code: requestData.status,
+                                error: requestData.statusText,
+                            }];
+                    }
+                    return [2 /*return*/, {
+                            data: requestData.data,
+                            ok: true,
+                            code: requestData.status,
+                        }];
+            }
+        });
+    });
+}
+exports.query = query;
+//# sourceMappingURL=fetch.js.map

package/dist/utils/fetch.js.map

@@ -0,0 +1 @@
+{"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.1.0",
+  "version": "0.2.1",
   "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",
@@ -9,11 +9,13 @@
     "test": "./node_modules/.bin/jest --passWithNoTests",
     "test:watch": "./node_modules/.bin/jest --watch --passWithNoTests",
     "test:ci": "./node_modules/.bin/jest --silent --json --outputFile=tests.json --passWithNoTests",
+    "precheck": "yarn run lint && yarn run test && yarn build:test:prod",
     "build": "./node_modules/typescript/bin/tsc --project tsconfig.prod.json",
     "build:test": "./node_modules/typescript/bin/tsc --noEmit",
     "build:test:prod": "./node_modules/typescript/bin/tsc --project tsconfig.prod.json --noEmit",
     "lint": "yarn run eslint ./src/",
     "storybook": "storybook dev -p 6008",
+    "update-reqore": "yarn add @qoretechnologies/reqore@beta",
     "test-storybook": "DEBUG_PRINT_LIMIT=0 test-storybook --url http://localhost:6008",
     "install-playwright": "npx playwright install --with-deps",
     "build-storybook": "storybook build",
@@ -32,7 +34,6 @@
     "qorus"
   ],
   "pre-push": [
-    "source",
     "build:test:prod",
     "lint",
     "test"
@@ -51,7 +52,7 @@
     "@babel/preset-react": "^7.12.10",
     "@babel/preset-typescript": "^7.12.7",
     "@chromatic-com/storybook": "^1",
-    "@qoretechnologies/reqore": "^0.41.0",
+    "@qoretechnologies/reqore": "^0.43.0",
     "@storybook/addon-actions": "^8.0.9",
     "@storybook/addon-essentials": "^8.0.9",
     "@storybook/addon-interactions": "^8.0.9",
@@ -71,6 +72,7 @@
     "@types/node": "^14.14.14",
     "@types/react": "^18.3.1",
     "@types/react-dom": "^18.3.0",
+    "@types/react-query": "^1.2.9",
     "@typescript-eslint/eslint-plugin": "^7.8.0",
     "@typescript-eslint/parser": "^7.8.0",
     "babel-jest": "^29.7.0",
@@ -89,8 +91,10 @@
     "react-intersection-observer": "^9.4.2",
     "react-test-renderer": "^18.2.0",
     "storybook": "^8.0.9",
+    "storybook-addon-mock": "^5.0.0",
     "ts-jest": "^29.1.2",
     "ts-node": "^9.1.1",
+    "type-fest": "^4.18.2",
     "typescript": "^5.4.5"
   },
   "peerDependencies": {
@@ -99,6 +103,7 @@
     "react-dom": "^18.3.1"
   },
   "dependencies": {
+    "@tanstack/react-query": "^5.35.5",
     "classnames": "^2.2.6",
     "epoch-timeago": "^1.1.9",
     "lodash": "^4.17.21",

package/src/components/menu/Menu.stories.tsx

@@ -0,0 +1,73 @@
+import { StoryObj } from '@storybook/react';
+import { expect, fireEvent, fn, waitFor } from '@storybook/test';
+import { storiesStorageMock, storiesStorageMockEmpty } from '../../../__tests__/ mock';
+import { testsWaitForText } from '../../../__tests__/utils';
+import menu from '../../../mock/menu';
+import { StoryMeta } from '../../types';
+import { ReqraftMenu, TReqraftMenu } from './Menu';
+
+const typedMenu = menu as TReqraftMenu;
+
+const meta = {
+  component: ReqraftMenu,
+  title: 'Components/Menu',
+  render: (props) => <ReqraftMenu {...props} />,
+  parameters: {
+    mockData: [...storiesStorageMockEmpty],
+  },
+} as StoryMeta<typeof ReqraftMenu>;
+
+export default meta;
+export type Story = StoryObj<typeof meta>;
+
+export const Basic: Story = {
+  args: {
+    menu: typedMenu,
+  },
+  play: async () => {
+    await testsWaitForText('Developer Portal');
+  },
+};
+export const ActivePath: Story = {
+  args: {
+    path: '/Interfaces/mapper',
+    menu: typedMenu,
+  },
+  play: async () => {
+    await testsWaitForText('Developer Portal');
+  },
+};
+
+export const WithDefaultQuery: Story = {
+  args: {
+    menu: typedMenu,
+    defaultQuery: 'mapper',
+  },
+  play: async () => {
+    await testsWaitForText('Developer Portal');
+    await expect(document.querySelector('.reqore-input')).toHaveValue('mapper');
+    await expect(document.querySelectorAll('.reqore-menu-item')).toHaveLength(2);
+  },
+};
+
+export const Filtered: Story = {
+  args: {
+    menu: typedMenu,
+    onQueryChange: fn(),
+  },
+  play: async () => {
+    await testsWaitForText('Developer Portal');
+    await fireEvent.change(document.querySelector('.reqore-input'), { target: { value: 'step' } });
+
+    await waitFor(() => expect(document.querySelectorAll('.reqore-menu-item')).toHaveLength(2), {
+      timeout: 1000,
+    });
+  },
+};
+
+export const WidthFromStorage: Story = {
+  ...ActivePath,
+  parameters: {
+    mockData: [...storiesStorageMock],
+  },
+};