@qoretechnologies/reqraft 0.2.2 → 0.2.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/contexts/ReqraftContext.d.ts +0 -4
- package/dist/contexts/ReqraftContext.d.ts.map +1 -1
- package/dist/contexts/ReqraftContext.js +0 -3
- package/dist/contexts/ReqraftContext.js.map +1 -1
- package/dist/hooks/useReqraftProperty.d.ts +1 -1
- package/dist/hooks/useReqraftProperty.d.ts.map +1 -1
- package/dist/index.d.ts +2 -2
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/index.js.map +1 -1
- package/dist/providers/FetchProvider.d.ts.map +1 -1
- package/dist/providers/FetchProvider.js +0 -18
- package/dist/providers/FetchProvider.js.map +1 -1
- package/dist/providers/ReqraftProvider.d.ts +9 -1
- package/dist/providers/ReqraftProvider.d.ts.map +1 -1
- package/dist/providers/ReqraftProvider.js +13 -3
- package/dist/providers/ReqraftProvider.js.map +1 -1
- package/dist/providers/StorageProvider.d.ts +3 -2
- package/dist/providers/StorageProvider.d.ts.map +1 -1
- package/dist/providers/StorageProvider.js +2 -2
- package/dist/providers/StorageProvider.js.map +1 -1
- package/dist/utils/fetch.d.ts +1 -0
- package/dist/utils/fetch.d.ts.map +1 -1
- package/dist/utils/fetch.js +9 -9
- package/dist/utils/fetch.js.map +1 -1
- package/package.json +1 -1
- package/src/components/form/fields/Field.tsx +0 -37
- package/src/components/form/fields/string/String.stories.tsx +0 -23
- package/src/components/form/fields/string/String.tsx +0 -68
- package/src/components/menu/Menu.stories.tsx +0 -73
- package/src/components/menu/Menu.tsx +0 -244
- package/src/contexts/FetchContext.tsx +0 -25
- package/src/contexts/ReqraftContext.tsx +0 -16
- package/src/contexts/StorageContext.tsx +0 -33
- package/src/hooks/useFetch/useFetch.stories.tsx +0 -123
- package/src/hooks/useFetch/useFetch.tsx +0 -71
- package/src/hooks/useReqraftProperty.ts +0 -16
- package/src/hooks/useStorage/useStorage.stories.tsx +0 -84
- package/src/hooks/useStorage/useStorage.ts +0 -30
- package/src/hooks/useValidation.ts +0 -9
- package/src/index.tsx +0 -12
- package/src/providers/FetchProvider.tsx +0 -62
- package/src/providers/ReqraftProvider.tsx +0 -33
- package/src/providers/StorageProvider.tsx +0 -80
- package/src/types/Form.ts +0 -57
- package/src/types.ts +0 -12
- package/src/utils/fetch.ts +0 -121
|
@@ -1,9 +1,5 @@
|
|
|
1
|
-
import { IReqraftFetchConfig } from '../utils/fetch';
|
|
2
1
|
export interface IReqraftContext {
|
|
3
2
|
appName: string;
|
|
4
|
-
instance?: string;
|
|
5
|
-
instanceToken: string;
|
|
6
|
-
instanceUnauthorizedRedirect?: IReqraftFetchConfig['unauthorizedRedirect'];
|
|
7
3
|
}
|
|
8
4
|
export declare const ReqraftContext: import("use-context-selector").Context<IReqraftContext>;
|
|
9
5
|
//# sourceMappingURL=ReqraftContext.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReqraftContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ReqraftContext.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"ReqraftContext.d.ts","sourceRoot":"","sources":["../../src/contexts/ReqraftContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,eAAe;IAC9B,OAAO,EAAE,MAAM,CAAC;CACjB;AAED,eAAO,MAAM,cAAc,yDAEzB,CAAC"}
|
|
@@ -4,8 +4,5 @@ exports.ReqraftContext = void 0;
|
|
|
4
4
|
var use_context_selector_1 = require("use-context-selector");
|
|
5
5
|
exports.ReqraftContext = (0, use_context_selector_1.createContext)({
|
|
6
6
|
appName: '',
|
|
7
|
-
instance: '',
|
|
8
|
-
instanceToken: '',
|
|
9
|
-
instanceUnauthorizedRedirect: undefined,
|
|
10
7
|
});
|
|
11
8
|
//# sourceMappingURL=ReqraftContext.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ReqraftContext.js","sourceRoot":"","sources":["../../src/contexts/ReqraftContext.tsx"],"names":[],"mappings":";;;AAAA,6DAAqD;
|
|
1
|
+
{"version":3,"file":"ReqraftContext.js","sourceRoot":"","sources":["../../src/contexts/ReqraftContext.tsx"],"names":[],"mappings":";;;AAAA,6DAAqD;AAMxC,QAAA,cAAc,GAAG,IAAA,oCAAa,EAAkB;IAC3D,OAAO,EAAE,EAAE;CACZ,CAAC,CAAC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IReqraftContext } from '../contexts/ReqraftContext';
|
|
2
|
-
export declare const useReqraftProperty: <T extends
|
|
2
|
+
export declare const useReqraftProperty: <T extends "appName">(property: T) => IReqraftContext[T];
|
|
3
3
|
//# sourceMappingURL=useReqraftProperty.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useReqraftProperty.d.ts","sourceRoot":"","sources":["../../src/hooks/useReqraftProperty.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAkB,MAAM,4BAA4B,CAAC;AAE7E,eAAO,MAAM,kBAAkB,
|
|
1
|
+
{"version":3,"file":"useReqraftProperty.d.ts","sourceRoot":"","sources":["../../src/hooks/useReqraftProperty.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAkB,MAAM,4BAA4B,CAAC;AAE7E,eAAO,MAAM,kBAAkB,kCACnB,CAAC,KACV,eAAe,CAAC,CAAC,CAUnB,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
export { IReqraftMenuItem, IReqraftMenuProps, ReqraftMenu, TReqraftMenu, TReqraftMenuItem
|
|
1
|
+
export { IReqraftMenuItem, IReqraftMenuProps, ReqraftMenu, TReqraftMenu, TReqraftMenuItem } from './components/menu/Menu';
|
|
2
2
|
export { FormStringField, IStringFormFieldProps } from './components/form/fields/string/String';
|
|
3
3
|
export { IReqraftUseFetch, useFetch } from './hooks/useFetch/useFetch';
|
|
4
|
-
export { ReqraftProvider, ReqraftQueryClient } from './providers/ReqraftProvider';
|
|
4
|
+
export { ReqraftProvider, ReqraftQueryClient, initializeReqraft } from './providers/ReqraftProvider';
|
|
5
5
|
export { query } from './utils/fetch';
|
|
6
6
|
//# sourceMappingURL=index.d.ts.map
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,gBAAgB,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,gBAAgB,EAChB,iBAAiB,EACjB,WAAW,EACX,YAAY,EACZ,gBAAgB,EACjB,MAAM,wBAAwB,CAAC;AAEhC,OAAO,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,wCAAwC,CAAC;AAChG,OAAO,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACvE,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AACrG,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.query = exports.ReqraftQueryClient = exports.ReqraftProvider = exports.useFetch = exports.FormStringField = exports.ReqraftMenu = void 0;
|
|
3
|
+
exports.query = exports.initializeReqraft = exports.ReqraftQueryClient = exports.ReqraftProvider = exports.useFetch = exports.FormStringField = exports.ReqraftMenu = void 0;
|
|
4
4
|
var Menu_1 = require("./components/menu/Menu");
|
|
5
5
|
Object.defineProperty(exports, "ReqraftMenu", { enumerable: true, get: function () { return Menu_1.ReqraftMenu; } });
|
|
6
6
|
var String_1 = require("./components/form/fields/string/String");
|
|
@@ -10,6 +10,7 @@ Object.defineProperty(exports, "useFetch", { enumerable: true, get: function ()
|
|
|
10
10
|
var ReqraftProvider_1 = require("./providers/ReqraftProvider");
|
|
11
11
|
Object.defineProperty(exports, "ReqraftProvider", { enumerable: true, get: function () { return ReqraftProvider_1.ReqraftProvider; } });
|
|
12
12
|
Object.defineProperty(exports, "ReqraftQueryClient", { enumerable: true, get: function () { return ReqraftProvider_1.ReqraftQueryClient; } });
|
|
13
|
+
Object.defineProperty(exports, "initializeReqraft", { enumerable: true, get: function () { return ReqraftProvider_1.initializeReqraft; } });
|
|
13
14
|
var fetch_1 = require("./utils/fetch");
|
|
14
15
|
Object.defineProperty(exports, "query", { enumerable: true, get: function () { return fetch_1.query; } });
|
|
15
16
|
//# sourceMappingURL=index.js.map
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"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,+
|
|
1
|
+
{"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,+DAAqG;AAA5F,kHAAA,eAAe,OAAA;AAAE,qHAAA,kBAAkB,OAAA;AAAE,oHAAA,iBAAiB,OAAA;AAC/D,uCAAsC;AAA7B,8FAAA,KAAK,OAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FetchProvider.d.ts","sourceRoot":"","sources":["../../src/providers/FetchProvider.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"FetchProvider.d.ts","sourceRoot":"","sources":["../../src/providers/FetchProvider.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,oBAAoB,iBAAkB,0BAA0B,4CA+B5E,CAAC"}
|
|
@@ -50,29 +50,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
50
50
|
exports.ReqraftFetchProvider = void 0;
|
|
51
51
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
52
|
var react_query_1 = require("@tanstack/react-query");
|
|
53
|
-
var react_1 = require("react");
|
|
54
|
-
var react_use_1 = require("react-use");
|
|
55
53
|
var FetchContext_1 = require("../contexts/FetchContext");
|
|
56
|
-
var useReqraftProperty_1 = require("../hooks/useReqraftProperty");
|
|
57
54
|
var fetch_1 = require("../utils/fetch");
|
|
58
55
|
var ReqraftFetchProvider = function (_a) {
|
|
59
56
|
var children = _a.children;
|
|
60
57
|
var queryClient = (0, react_query_1.useQueryClient)();
|
|
61
|
-
var instance = (0, useReqraftProperty_1.useReqraftProperty)('instance');
|
|
62
|
-
var instanceToken = (0, useReqraftProperty_1.useReqraftProperty)('instanceToken');
|
|
63
|
-
var instanceUnauthorizedRedirect = (0, useReqraftProperty_1.useReqraftProperty)('instanceUnauthorizedRedirect');
|
|
64
|
-
var _b = (0, react_1.useState)(false), ready = _b[0], setReady = _b[1];
|
|
65
|
-
(0, react_use_1.useEffectOnce)(function () {
|
|
66
|
-
(0, fetch_1.setupFetch)({
|
|
67
|
-
instance: instance,
|
|
68
|
-
instanceToken: instanceToken,
|
|
69
|
-
unauthorizedRedirect: instanceUnauthorizedRedirect,
|
|
70
|
-
});
|
|
71
|
-
setReady(true);
|
|
72
|
-
});
|
|
73
|
-
if (!ready) {
|
|
74
|
-
return null;
|
|
75
|
-
}
|
|
76
58
|
function get(config) {
|
|
77
59
|
return __awaiter(this, void 0, void 0, function () {
|
|
78
60
|
return __generator(this, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FetchProvider.js","sourceRoot":"","sources":["../../src/providers/FetchProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuD;AACvD
|
|
1
|
+
{"version":3,"file":"FetchProvider.js","sourceRoot":"","sources":["../../src/providers/FetchProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAuD;AACvD,yDAAoF;AACpF,wCAAuC;AAMhC,IAAM,oBAAoB,GAAG,UAAC,EAAwC;QAAtC,QAAQ,cAAA;IAC7C,IAAM,WAAW,GAAG,IAAA,4BAAc,GAAE,CAAC;IAErC,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;AA/BW,QAAA,oBAAoB,wBA+B/B"}
|
|
@@ -1,10 +1,18 @@
|
|
|
1
1
|
import { QueryClient } from '@tanstack/react-query';
|
|
2
2
|
import { ReactNode } from 'react';
|
|
3
3
|
import { IReqraftContext } from '../contexts/ReqraftContext';
|
|
4
|
+
import { IReqraftFetchConfig } from '../utils/fetch';
|
|
4
5
|
export declare const ReqraftQueryClient: QueryClient;
|
|
5
6
|
export interface IReqraftProviderProps extends IReqraftContext {
|
|
6
7
|
children: ReactNode;
|
|
7
8
|
reactQueryClient?: QueryClient;
|
|
9
|
+
waitForStorage?: boolean;
|
|
8
10
|
}
|
|
9
|
-
export
|
|
11
|
+
export interface IReqraftOptions {
|
|
12
|
+
instance?: string;
|
|
13
|
+
instanceToken: string;
|
|
14
|
+
instanceUnauthorizedRedirect?: IReqraftFetchConfig['unauthorizedRedirect'];
|
|
15
|
+
}
|
|
16
|
+
export declare const initializeReqraft: (options: IReqraftOptions) => ({ appName, children, reactQueryClient, waitForStorage, }: IReqraftProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
|
+
export declare const ReqraftProvider: ({ appName, children, reactQueryClient, waitForStorage, }: IReqraftProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
10
18
|
//# sourceMappingURL=ReqraftProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAC7E,OAAO,EAAE,mBAAmB,EAAc,MAAM,gBAAgB,CAAC;AAIjE,eAAO,MAAM,kBAAkB,aAAoB,CAAC;AAEpD,MAAM,WAAW,qBAAsB,SAAQ,eAAe;IAC5D,QAAQ,EAAE,SAAS,CAAC;IACpB,gBAAgB,CAAC,EAAE,WAAW,CAAC;IAI/B,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,4BAA4B,CAAC,EAAE,mBAAmB,CAAC,sBAAsB,CAAC,CAAC;CAC5E;AAED,eAAO,MAAM,iBAAiB,YAAa,eAAe,gEAevD,qBAAqB,4CAPvB,CAAC;AAEF,eAAO,MAAM,eAAe,6DAKzB,qBAAqB,4CAYvB,CAAC"}
|
|
@@ -1,15 +1,25 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.ReqraftProvider = exports.ReqraftQueryClient = void 0;
|
|
3
|
+
exports.ReqraftProvider = exports.initializeReqraft = exports.ReqraftQueryClient = void 0;
|
|
4
4
|
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
var react_query_1 = require("@tanstack/react-query");
|
|
6
6
|
var ReqraftContext_1 = require("../contexts/ReqraftContext");
|
|
7
|
+
var fetch_1 = require("../utils/fetch");
|
|
7
8
|
var FetchProvider_1 = require("./FetchProvider");
|
|
8
9
|
var StorageProvider_1 = require("./StorageProvider");
|
|
9
10
|
exports.ReqraftQueryClient = new react_query_1.QueryClient();
|
|
11
|
+
var initializeReqraft = function (options) {
|
|
12
|
+
(0, fetch_1.setupFetch)({
|
|
13
|
+
instance: options.instance,
|
|
14
|
+
instanceToken: options.instanceToken,
|
|
15
|
+
unauthorizedRedirect: options.instanceUnauthorizedRedirect,
|
|
16
|
+
});
|
|
17
|
+
return exports.ReqraftProvider;
|
|
18
|
+
};
|
|
19
|
+
exports.initializeReqraft = initializeReqraft;
|
|
10
20
|
var ReqraftProvider = function (_a) {
|
|
11
|
-
var appName = _a.appName, children = _a.children,
|
|
12
|
-
return ((0, jsx_runtime_1.jsx)(ReqraftContext_1.ReqraftContext.Provider, { value: { appName: appName
|
|
21
|
+
var appName = _a.appName, children = _a.children, reactQueryClient = _a.reactQueryClient, _b = _a.waitForStorage, waitForStorage = _b === void 0 ? true : _b;
|
|
22
|
+
return ((0, jsx_runtime_1.jsx)(ReqraftContext_1.ReqraftContext.Provider, { value: { appName: appName }, 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, { waitForStorage: waitForStorage, children: children }) }) }) }));
|
|
13
23
|
};
|
|
14
24
|
exports.ReqraftProvider = ReqraftProvider;
|
|
15
25
|
//# sourceMappingURL=ReqraftProvider.js.map
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
1
|
+
{"version":3,"file":"ReqraftProvider.js","sourceRoot":"","sources":["../../src/providers/ReqraftProvider.tsx"],"names":[],"mappings":";;;;AAAA,qDAAyE;AAEzE,6DAA6E;AAC7E,wCAAiE;AACjE,iDAAuD;AACvD,qDAA2D;AAE9C,QAAA,kBAAkB,GAAG,IAAI,yBAAW,EAAE,CAAC;AAiB7C,IAAM,iBAAiB,GAAG,UAAC,OAAwB;IACxD,IAAA,kBAAU,EAAC;QACT,QAAQ,EAAE,OAAO,CAAC,QAAQ;QAC1B,aAAa,EAAE,OAAO,CAAC,aAAa;QACpC,oBAAoB,EAAE,OAAO,CAAC,4BAA4B;KAC3D,CAAC,CAAC;IAEH,OAAO,uBAAe,CAAC;AACzB,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B;AAEK,IAAM,eAAe,GAAG,UAAC,EAKR;QAJtB,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,gBAAgB,sBAAA,EAChB,sBAAqB,EAArB,cAAc,mBAAG,IAAI,KAAA;IAErB,OAAO,CACL,uBAAC,+BAAc,CAAC,QAAQ,IACtB,KAAK,EAAE,EAAE,OAAO,SAAA,EAAG,YAEnB,uBAAC,iCAAmB,IAAC,MAAM,EAAE,gBAAgB,IAAI,0BAAkB,YACjE,uBAAC,oCAAoB,cACnB,uBAAC,wCAAsB,IAAC,cAAc,EAAE,cAAc,YAAG,QAAQ,GAA0B,GACtE,GACH,GACE,CAC3B,CAAC;AACJ,CAAC,CAAC;AAjBW,QAAA,eAAe,mBAiB1B"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
-
|
|
2
|
+
import { IReqraftProviderProps } from './ReqraftProvider';
|
|
3
|
+
export interface IReqraftStorageProviderProps extends Pick<IReqraftProviderProps, 'waitForStorage'> {
|
|
3
4
|
children: ReactNode;
|
|
4
5
|
}
|
|
5
|
-
export declare const ReqraftStorageProvider: ({ children }: IReqraftStorageProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
|
+
export declare const ReqraftStorageProvider: ({ children, waitForStorage }: IReqraftStorageProviderProps) => import("react/jsx-runtime").JSX.Element;
|
|
6
7
|
//# sourceMappingURL=StorageProvider.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StorageProvider.d.ts","sourceRoot":"","sources":["../../src/providers/StorageProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"StorageProvider.d.ts","sourceRoot":"","sources":["../../src/providers/StorageProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAuB,MAAM,OAAO,CAAC;AAMvD,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,MAAM,WAAW,4BAA6B,SAAQ,IAAI,CAAC,qBAAqB,EAAE,gBAAgB,CAAC;IACjG,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,iCAAkC,4BAA4B,4CAmEhG,CAAC"}
|
|
@@ -8,7 +8,7 @@ var StorageContext_1 = require("../contexts/StorageContext");
|
|
|
8
8
|
var useFetch_1 = require("../hooks/useFetch/useFetch");
|
|
9
9
|
var useReqraftProperty_1 = require("../hooks/useReqraftProperty");
|
|
10
10
|
var ReqraftStorageProvider = function (_a) {
|
|
11
|
-
var children = _a.children;
|
|
11
|
+
var children = _a.children, waitForStorage = _a.waitForStorage;
|
|
12
12
|
var appName = (0, useReqraftProperty_1.useReqraftProperty)('appName');
|
|
13
13
|
var _b = (0, useFetch_1.useFetch)({
|
|
14
14
|
url: 'users/_current_/storage',
|
|
@@ -46,7 +46,7 @@ var ReqraftStorageProvider = function (_a) {
|
|
|
46
46
|
setStorage(updatedStorage);
|
|
47
47
|
load({ body: { storage_path: _path } });
|
|
48
48
|
};
|
|
49
|
-
if (loading || !storage) {
|
|
49
|
+
if ((loading || !storage) && waitForStorage) {
|
|
50
50
|
return null;
|
|
51
51
|
}
|
|
52
52
|
return ((0, jsx_runtime_1.jsx)(StorageContext_1.ReqraftStorageContext.Provider, { value: { storage: storage, getStorage: getStorage, updateStorage: updateStorage, removeStorageValue: removeStorageValue }, children: children }));
|
|
@@ -1 +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;
|
|
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"}
|
package/dist/utils/fetch.d.ts
CHANGED
|
@@ -10,6 +10,7 @@ export interface IReqraftFetchResponse<T> {
|
|
|
10
10
|
code?: number;
|
|
11
11
|
error?: any;
|
|
12
12
|
}
|
|
13
|
+
export declare const fetchConfig: IReqraftFetchConfig;
|
|
13
14
|
export declare const setupFetch: ({ instance, instanceToken, unauthorizedRedirect, }: IReqraftFetchConfig) => void;
|
|
14
15
|
export interface IReqraftQueryConfig {
|
|
15
16
|
url: string;
|
|
@@ -1 +1 @@
|
|
|
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;
|
|
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;AAED,eAAO,MAAM,WAAW,EAAE,mBAIzB,CAAC;AAIF,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
CHANGED
|
@@ -36,9 +36,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
36
36
|
}
|
|
37
37
|
};
|
|
38
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.query = exports.setupFetch = void 0;
|
|
39
|
+
exports.query = exports.setupFetch = exports.fetchConfig = void 0;
|
|
40
40
|
var ReqraftProvider_1 = require("../providers/ReqraftProvider");
|
|
41
|
-
|
|
41
|
+
exports.fetchConfig = {
|
|
42
42
|
instance: window.location.origin + '/',
|
|
43
43
|
instanceToken: '',
|
|
44
44
|
unauthorizedRedirect: function (pathname) { return "/?next=".concat(pathname); },
|
|
@@ -46,10 +46,10 @@ var fetchConfig = {
|
|
|
46
46
|
var CACHE_EXPIRATION_TIME = 5 * 60 * 1000; // 5 minutes
|
|
47
47
|
var setupFetch = function (_a) {
|
|
48
48
|
var instance = _a.instance, instanceToken = _a.instanceToken, unauthorizedRedirect = _a.unauthorizedRedirect;
|
|
49
|
-
fetchConfig.instance = instance;
|
|
50
|
-
fetchConfig.instanceToken = instanceToken;
|
|
49
|
+
exports.fetchConfig.instance = instance;
|
|
50
|
+
exports.fetchConfig.instanceToken = instanceToken;
|
|
51
51
|
if (unauthorizedRedirect) {
|
|
52
|
-
fetchConfig.unauthorizedRedirect = unauthorizedRedirect;
|
|
52
|
+
exports.fetchConfig.unauthorizedRedirect = unauthorizedRedirect;
|
|
53
53
|
}
|
|
54
54
|
};
|
|
55
55
|
exports.setupFetch = setupFetch;
|
|
@@ -57,17 +57,17 @@ function doFetchData(url_1) {
|
|
|
57
57
|
return __awaiter(this, arguments, void 0, function (url, method, body) {
|
|
58
58
|
if (method === void 0) { method = 'GET'; }
|
|
59
59
|
return __generator(this, function (_a) {
|
|
60
|
-
if (!fetchConfig.instanceToken) {
|
|
60
|
+
if (!exports.fetchConfig.instanceToken) {
|
|
61
61
|
return [2 /*return*/, new Response(JSON.stringify({}), {
|
|
62
62
|
status: 401,
|
|
63
63
|
statusText: 'Unauthorized',
|
|
64
64
|
})];
|
|
65
65
|
}
|
|
66
|
-
return [2 /*return*/, fetch("".concat(fetchConfig.instance, "api/latest/").concat(url), {
|
|
66
|
+
return [2 /*return*/, fetch("".concat(exports.fetchConfig.instance, "api/latest/").concat(url), {
|
|
67
67
|
method: method,
|
|
68
68
|
headers: {
|
|
69
69
|
'Content-Type': 'application/json',
|
|
70
|
-
Authorization: "Bearer ".concat(fetchConfig.instanceToken),
|
|
70
|
+
Authorization: "Bearer ".concat(exports.fetchConfig.instanceToken),
|
|
71
71
|
},
|
|
72
72
|
body: JSON.stringify(body),
|
|
73
73
|
}).catch(function (error) {
|
|
@@ -103,7 +103,7 @@ function query(_a) {
|
|
|
103
103
|
case 2:
|
|
104
104
|
json = _a.sent();
|
|
105
105
|
if (response.status === 401) {
|
|
106
|
-
window.location.href = fetchConfig.unauthorizedRedirect(window.location.pathname);
|
|
106
|
+
window.location.href = exports.fetchConfig.unauthorizedRedirect(window.location.pathname);
|
|
107
107
|
}
|
|
108
108
|
return [2 /*return*/, {
|
|
109
109
|
data: json,
|
package/dist/utils/fetch.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"fetch.js","sourceRoot":"","sources":["../../src/utils/fetch.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,gEAAkE;
|
|
1
|
+
{"version":3,"file":"fetch.js","sourceRoot":"","sources":["../../src/utils/fetch.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qoretechnologies/reqraft",
|
|
3
|
-
"version": "0.2.
|
|
3
|
+
"version": "0.2.4",
|
|
4
4
|
"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.",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { TFormFieldType, TFormFieldValueType } from '../../../types/Form';
|
|
2
|
-
import { FormStringField } from './string/String';
|
|
3
|
-
|
|
4
|
-
export interface IFormFieldProps<T extends TFormFieldType = TFormFieldType> {
|
|
5
|
-
type?: T;
|
|
6
|
-
value: TFormFieldValueType<T>;
|
|
7
|
-
onChange: (value: TFormFieldValueType<T>, event?: unknown) => void;
|
|
8
|
-
|
|
9
|
-
validateSelf?: boolean;
|
|
10
|
-
onValidateChange?: (isValid: boolean) => void;
|
|
11
|
-
}
|
|
12
|
-
|
|
13
|
-
export const FormField = <T extends TFormFieldType>({
|
|
14
|
-
type,
|
|
15
|
-
onChange,
|
|
16
|
-
...rest
|
|
17
|
-
}: IFormFieldProps<T>) => {
|
|
18
|
-
const handleChange = (value: TFormFieldValueType<T>, event?: unknown) => {
|
|
19
|
-
onChange(value, event);
|
|
20
|
-
};
|
|
21
|
-
|
|
22
|
-
const renderField = (type: T) => {
|
|
23
|
-
switch (type) {
|
|
24
|
-
case 'string':
|
|
25
|
-
return (
|
|
26
|
-
<FormStringField
|
|
27
|
-
{...rest}
|
|
28
|
-
onChange={(value: string) => handleChange(value as TFormFieldValueType<T>)}
|
|
29
|
-
/>
|
|
30
|
-
);
|
|
31
|
-
default:
|
|
32
|
-
return null;
|
|
33
|
-
}
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
return renderField(type);
|
|
37
|
-
};
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { StoryMeta } from '../../../../types';
|
|
3
|
-
import { FormStringField } from './String';
|
|
4
|
-
|
|
5
|
-
const meta = {
|
|
6
|
-
component: FormStringField,
|
|
7
|
-
title: 'Components/Form/String',
|
|
8
|
-
} as StoryMeta<typeof FormStringField>;
|
|
9
|
-
|
|
10
|
-
export default meta;
|
|
11
|
-
type Story = StoryObj<typeof meta>;
|
|
12
|
-
|
|
13
|
-
export const Default: Story = {};
|
|
14
|
-
export const Value: Story = {
|
|
15
|
-
args: {
|
|
16
|
-
value: 'Hello, World!',
|
|
17
|
-
},
|
|
18
|
-
};
|
|
19
|
-
export const WithLabel: Story = {
|
|
20
|
-
args: {
|
|
21
|
-
label: 'Label',
|
|
22
|
-
},
|
|
23
|
-
};
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { ReqoreControlGroup, ReqoreInput, ReqoreTag } from '@qoretechnologies/reqore';
|
|
2
|
-
import { IReqoreControlGroupProps } from '@qoretechnologies/reqore/dist/components/ControlGroup';
|
|
3
|
-
import { IReqoreInputProps } from '@qoretechnologies/reqore/dist/components/Input';
|
|
4
|
-
import { IReqoreTagProps } from '@qoretechnologies/reqore/dist/components/Tag';
|
|
5
|
-
import { ChangeEvent, useCallback } from 'react';
|
|
6
|
-
import { TFormFieldValueType } from '../../../../types/Form';
|
|
7
|
-
|
|
8
|
-
export interface IStringFormFieldProps extends Omit<IReqoreInputProps, 'onChange' | 'value'> {
|
|
9
|
-
sensitive?: boolean;
|
|
10
|
-
value?: TFormFieldValueType<'string'>;
|
|
11
|
-
label?: IReqoreTagProps['label'];
|
|
12
|
-
labelPosition?: 'top' | 'left' | 'right' | 'bottom';
|
|
13
|
-
labelProps?: IReqoreTagProps;
|
|
14
|
-
wrapperProps?: IReqoreControlGroupProps;
|
|
15
|
-
onChange?: (value?: TFormFieldValueType<'string'>, event?: ChangeEvent<HTMLInputElement>) => void;
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
export const FormStringField = ({
|
|
19
|
-
onChange,
|
|
20
|
-
wrapperProps,
|
|
21
|
-
labelProps,
|
|
22
|
-
label,
|
|
23
|
-
labelPosition = 'top',
|
|
24
|
-
sensitive,
|
|
25
|
-
...rest
|
|
26
|
-
}: IStringFormFieldProps) => {
|
|
27
|
-
// When input value changes
|
|
28
|
-
const handleChange = useCallback((event: ChangeEvent<HTMLInputElement>): void => {
|
|
29
|
-
event.persist();
|
|
30
|
-
|
|
31
|
-
onChange(event.target.value?.toString(), event);
|
|
32
|
-
}, []);
|
|
33
|
-
|
|
34
|
-
// Clear the input on reset click
|
|
35
|
-
const handleClearClick = useCallback((): void => {
|
|
36
|
-
onChange('');
|
|
37
|
-
}, []);
|
|
38
|
-
|
|
39
|
-
return (
|
|
40
|
-
<ReqoreControlGroup
|
|
41
|
-
stack
|
|
42
|
-
{...wrapperProps}
|
|
43
|
-
vertical={labelPosition === 'bottom' || labelPosition === 'top'}
|
|
44
|
-
>
|
|
45
|
-
{(label || label === 0) && (labelPosition === 'top' || labelPosition === 'left') ? (
|
|
46
|
-
<ReqoreTag label={label} fluid {...labelProps} />
|
|
47
|
-
) : null}
|
|
48
|
-
<ReqoreInput
|
|
49
|
-
fluid
|
|
50
|
-
onFocus={(event) => {
|
|
51
|
-
event.stopPropagation();
|
|
52
|
-
rest?.onFocus?.(event);
|
|
53
|
-
}}
|
|
54
|
-
onClick={(event) => {
|
|
55
|
-
event.stopPropagation();
|
|
56
|
-
rest?.onClick?.(event);
|
|
57
|
-
}}
|
|
58
|
-
onChange={handleChange}
|
|
59
|
-
type={sensitive ? 'password' : 'text'}
|
|
60
|
-
onClearClick={handleClearClick}
|
|
61
|
-
{...rest}
|
|
62
|
-
/>
|
|
63
|
-
{(label || label === 0) && (labelPosition === 'bottom' || labelPosition === 'right') ? (
|
|
64
|
-
<ReqoreTag label={label} fluid {...labelProps} />
|
|
65
|
-
) : null}
|
|
66
|
-
</ReqoreControlGroup>
|
|
67
|
-
);
|
|
68
|
-
};
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { StoryObj } from '@storybook/react';
|
|
2
|
-
import { expect, fireEvent, fn, waitFor } from '@storybook/test';
|
|
3
|
-
import { storiesStorageMock, storiesStorageMockEmpty } from '../../../__tests__/ mock';
|
|
4
|
-
import { testsWaitForText } from '../../../__tests__/utils';
|
|
5
|
-
import menu from '../../../mock/menu';
|
|
6
|
-
import { StoryMeta } from '../../types';
|
|
7
|
-
import { ReqraftMenu, TReqraftMenu } from './Menu';
|
|
8
|
-
|
|
9
|
-
const typedMenu = menu as TReqraftMenu;
|
|
10
|
-
|
|
11
|
-
const meta = {
|
|
12
|
-
component: ReqraftMenu,
|
|
13
|
-
title: 'Components/Menu',
|
|
14
|
-
render: (props) => <ReqraftMenu {...props} />,
|
|
15
|
-
parameters: {
|
|
16
|
-
mockData: [...storiesStorageMockEmpty],
|
|
17
|
-
},
|
|
18
|
-
} as StoryMeta<typeof ReqraftMenu>;
|
|
19
|
-
|
|
20
|
-
export default meta;
|
|
21
|
-
export type Story = StoryObj<typeof meta>;
|
|
22
|
-
|
|
23
|
-
export const Basic: Story = {
|
|
24
|
-
args: {
|
|
25
|
-
menu: typedMenu,
|
|
26
|
-
},
|
|
27
|
-
play: async () => {
|
|
28
|
-
await testsWaitForText('Developer Portal');
|
|
29
|
-
},
|
|
30
|
-
};
|
|
31
|
-
export const ActivePath: Story = {
|
|
32
|
-
args: {
|
|
33
|
-
path: '/Interfaces/mapper',
|
|
34
|
-
menu: typedMenu,
|
|
35
|
-
},
|
|
36
|
-
play: async () => {
|
|
37
|
-
await testsWaitForText('Developer Portal');
|
|
38
|
-
},
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
export const WithDefaultQuery: Story = {
|
|
42
|
-
args: {
|
|
43
|
-
menu: typedMenu,
|
|
44
|
-
defaultQuery: 'mapper',
|
|
45
|
-
},
|
|
46
|
-
play: async () => {
|
|
47
|
-
await testsWaitForText('Developer Portal');
|
|
48
|
-
await expect(document.querySelector('.reqore-input')).toHaveValue('mapper');
|
|
49
|
-
await expect(document.querySelectorAll('.reqore-menu-item')).toHaveLength(2);
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
export const Filtered: Story = {
|
|
54
|
-
args: {
|
|
55
|
-
menu: typedMenu,
|
|
56
|
-
onQueryChange: fn(),
|
|
57
|
-
},
|
|
58
|
-
play: async () => {
|
|
59
|
-
await testsWaitForText('Developer Portal');
|
|
60
|
-
await fireEvent.change(document.querySelector('.reqore-input'), { target: { value: 'step' } });
|
|
61
|
-
|
|
62
|
-
await waitFor(() => expect(document.querySelectorAll('.reqore-menu-item')).toHaveLength(2), {
|
|
63
|
-
timeout: 1000,
|
|
64
|
-
});
|
|
65
|
-
},
|
|
66
|
-
};
|
|
67
|
-
|
|
68
|
-
export const WidthFromStorage: Story = {
|
|
69
|
-
...ActivePath,
|
|
70
|
-
parameters: {
|
|
71
|
-
mockData: [...storiesStorageMock],
|
|
72
|
-
},
|
|
73
|
-
};
|