fuse-importer 0.7.0
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/lib/esm/Importer/Footer.d.ts +3 -0
- package/lib/esm/Importer/Footer.js +27 -0
- package/lib/esm/Importer/Footer.js.map +1 -0
- package/lib/esm/Importer/ImporterContextProvider.d.ts +54 -0
- package/lib/esm/Importer/ImporterContextProvider.js +170 -0
- package/lib/esm/Importer/ImporterContextProvider.js.map +1 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.d.ts +4 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js +33 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/index.js.map +1 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.d.ts +14 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.js +58 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcher/tableColumns.js.map +1 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.d.ts +11 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.js +22 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/EnumFieldMatcherContext.js.map +1 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.d.ts +2 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js +22 -0
- package/lib/esm/Importer/Matcher/EnumFieldsMatchers/index.js.map +1 -0
- package/lib/esm/Importer/Matcher/HeaderMatcher/index.d.ts +3 -0
- package/lib/esm/Importer/Matcher/HeaderMatcher/index.js +56 -0
- package/lib/esm/Importer/Matcher/HeaderMatcher/index.js.map +1 -0
- package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.d.ts +20 -0
- package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.js +62 -0
- package/lib/esm/Importer/Matcher/HeaderMatcher/tableColumns.js.map +1 -0
- package/lib/esm/Importer/Matcher/common/icons/index.d.ts +3 -0
- package/lib/esm/Importer/Matcher/common/icons/index.js +15 -0
- package/lib/esm/Importer/Matcher/common/icons/index.js.map +1 -0
- package/lib/esm/Importer/Matcher/common/types.d.ts +7 -0
- package/lib/esm/Importer/Matcher/common/types.js +10 -0
- package/lib/esm/Importer/Matcher/common/types.js.map +1 -0
- package/lib/esm/Importer/Matcher/index.d.ts +3 -0
- package/lib/esm/Importer/Matcher/index.js +37 -0
- package/lib/esm/Importer/Matcher/index.js.map +1 -0
- package/lib/esm/Importer/Review.d.ts +3 -0
- package/lib/esm/Importer/Review.js +99 -0
- package/lib/esm/Importer/Review.js.map +1 -0
- package/lib/esm/Importer/SpreadsheetReviewContextProvider.d.ts +18 -0
- package/lib/esm/Importer/SpreadsheetReviewContextProvider.js +112 -0
- package/lib/esm/Importer/SpreadsheetReviewContextProvider.js.map +1 -0
- package/lib/esm/Importer/Stepper.d.ts +6 -0
- package/lib/esm/Importer/Stepper.js +132 -0
- package/lib/esm/Importer/Stepper.js.map +1 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.d.ts +3 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js +90 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/ImporterDropzone.js.map +1 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.d.ts +3 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.js +15 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/backgrounds.js.map +1 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/index.d.ts +4 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/index.js +68 -0
- package/lib/esm/Importer/Uploader/DragAndDropImporter/index.js.map +1 -0
- package/lib/esm/Importer/Uploader/HeadersPreview.d.ts +3 -0
- package/lib/esm/Importer/Uploader/HeadersPreview.js +75 -0
- package/lib/esm/Importer/Uploader/HeadersPreview.js.map +1 -0
- package/lib/esm/Importer/Uploader/UploaderContextProvider.d.ts +13 -0
- package/lib/esm/Importer/Uploader/UploaderContextProvider.js +28 -0
- package/lib/esm/Importer/Uploader/UploaderContextProvider.js.map +1 -0
- package/lib/esm/Importer/Uploader/index.d.ts +3 -0
- package/lib/esm/Importer/Uploader/index.js +14 -0
- package/lib/esm/Importer/Uploader/index.js.map +1 -0
- package/lib/esm/Importer/common/AppLoading.d.ts +2 -0
- package/lib/esm/Importer/common/AppLoading.js +25 -0
- package/lib/esm/Importer/common/AppLoading.js.map +1 -0
- package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider.d.ts +45 -0
- package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider.js +291 -0
- package/lib/esm/Importer/common/Spreadsheet/SpreadsheetContextProvider.js.map +1 -0
- package/lib/esm/Importer/common/Spreadsheet/SpreadsheetRowNumbers.d.ts +7 -0
- package/lib/esm/Importer/common/Spreadsheet/SpreadsheetRowNumbers.js +52 -0
- package/lib/esm/Importer/common/Spreadsheet/SpreadsheetRowNumbers.js.map +1 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.d.ts +6 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.js +36 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/SpeadsheetAutocomplete.js.map +1 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/SpreadsheetTextInput.d.ts +16 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/SpreadsheetTextInput.js +36 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/SpreadsheetTextInput.js.map +1 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/index.d.ts +14 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/index.js +149 -0
- package/lib/esm/Importer/common/Spreadsheet/common/fields/index.js.map +1 -0
- package/lib/esm/Importer/common/Spreadsheet/common/index.d.ts +14 -0
- package/lib/esm/Importer/common/Spreadsheet/common/index.js +60 -0
- package/lib/esm/Importer/common/Spreadsheet/common/index.js.map +1 -0
- package/lib/esm/Importer/common/Spreadsheet/index.d.ts +18 -0
- package/lib/esm/Importer/common/Spreadsheet/index.js +176 -0
- package/lib/esm/Importer/common/Spreadsheet/index.js.map +1 -0
- package/lib/esm/Importer/common/icons/index.d.ts +4 -0
- package/lib/esm/Importer/common/icons/index.js +16 -0
- package/lib/esm/Importer/common/icons/index.js.map +1 -0
- package/lib/esm/Importer/common/utils.d.ts +10 -0
- package/lib/esm/Importer/common/utils.js +18 -0
- package/lib/esm/Importer/common/utils.js.map +1 -0
- package/lib/esm/Importer/index.d.ts +15 -0
- package/lib/esm/Importer/index.js +54 -0
- package/lib/esm/Importer/index.js.map +1 -0
- package/lib/esm/api/index.d.ts +15 -0
- package/lib/esm/api/index.js +94 -0
- package/lib/esm/api/index.js.map +1 -0
- package/lib/esm/api/responseHandlers.d.ts +4 -0
- package/lib/esm/api/responseHandlers.js +50 -0
- package/lib/esm/api/responseHandlers.js.map +1 -0
- package/lib/esm/common/DWToast.d.ts +5 -0
- package/lib/esm/common/DWToast.js +69 -0
- package/lib/esm/common/DWToast.js.map +1 -0
- package/lib/esm/common/Modal.d.ts +13 -0
- package/lib/esm/common/Modal.js +29 -0
- package/lib/esm/common/Modal.js.map +1 -0
- package/lib/esm/common/Spinner.d.ts +6 -0
- package/lib/esm/common/Spinner.js +42 -0
- package/lib/esm/common/Spinner.js.map +1 -0
- package/lib/esm/common/Table/Pagination/icons.d.ts +12 -0
- package/lib/esm/common/Table/Pagination/icons.js +43 -0
- package/lib/esm/common/Table/Pagination/icons.js.map +1 -0
- package/lib/esm/common/Table/Pagination/index.d.ts +3 -0
- package/lib/esm/common/Table/Pagination/index.js +33 -0
- package/lib/esm/common/Table/Pagination/index.js.map +1 -0
- package/lib/esm/common/Table/TableDataProvider.d.ts +35 -0
- package/lib/esm/common/Table/TableDataProvider.js +127 -0
- package/lib/esm/common/Table/TableDataProvider.js.map +1 -0
- package/lib/esm/common/Table/TableView/TableHeaders.d.ts +19 -0
- package/lib/esm/common/Table/TableView/TableHeaders.js +71 -0
- package/lib/esm/common/Table/TableView/TableHeaders.js.map +1 -0
- package/lib/esm/common/Table/TableView/TableRow.d.ts +16 -0
- package/lib/esm/common/Table/TableView/TableRow.js +58 -0
- package/lib/esm/common/Table/TableView/TableRow.js.map +1 -0
- package/lib/esm/common/Table/TableView/common.d.ts +3 -0
- package/lib/esm/common/Table/TableView/common.js +19 -0
- package/lib/esm/common/Table/TableView/common.js.map +1 -0
- package/lib/esm/common/Table/TableView/index.d.ts +40 -0
- package/lib/esm/common/Table/TableView/index.js +92 -0
- package/lib/esm/common/Table/TableView/index.js.map +1 -0
- package/lib/esm/common/Table/icons.d.ts +3 -0
- package/lib/esm/common/Table/icons.js +15 -0
- package/lib/esm/common/Table/icons.js.map +1 -0
- package/lib/esm/common/Table/index.d.ts +10 -0
- package/lib/esm/common/Table/index.js +46 -0
- package/lib/esm/common/Table/index.js.map +1 -0
- package/lib/esm/common/TooltipProvider.d.ts +13 -0
- package/lib/esm/common/TooltipProvider.js +48 -0
- package/lib/esm/common/TooltipProvider.js.map +1 -0
- package/lib/esm/common/buttons.d.ts +18 -0
- package/lib/esm/common/buttons.js +57 -0
- package/lib/esm/common/buttons.js.map +1 -0
- package/lib/esm/common/icons/index.d.ts +12 -0
- package/lib/esm/common/icons/index.js +24 -0
- package/lib/esm/common/icons/index.js.map +1 -0
- package/lib/esm/common/index.d.ts +24 -0
- package/lib/esm/common/index.js +42 -0
- package/lib/esm/common/index.js.map +1 -0
- package/lib/esm/common/inputs/Autocomplete.d.ts +16 -0
- package/lib/esm/common/inputs/Autocomplete.js +61 -0
- package/lib/esm/common/inputs/Autocomplete.js.map +1 -0
- package/lib/esm/common/inputs/SelectMenu.d.ts +11 -0
- package/lib/esm/common/inputs/SelectMenu.js +48 -0
- package/lib/esm/common/inputs/SelectMenu.js.map +1 -0
- package/lib/esm/common/inputs/TextInput.d.ts +19 -0
- package/lib/esm/common/inputs/TextInput.js +69 -0
- package/lib/esm/common/inputs/TextInput.js.map +1 -0
- package/lib/esm/common/inputs/index.d.ts +3 -0
- package/lib/esm/common/inputs/index.js +4 -0
- package/lib/esm/common/inputs/index.js.map +1 -0
- package/lib/esm/common/logo.d.ts +2 -0
- package/lib/esm/common/logo.js +14 -0
- package/lib/esm/common/logo.js.map +1 -0
- package/lib/esm/hooks/index.d.ts +5 -0
- package/lib/esm/hooks/index.js +17 -0
- package/lib/esm/hooks/index.js.map +1 -0
- package/lib/esm/index.d.ts +19 -0
- package/lib/esm/index.js +34 -0
- package/lib/esm/index.js.map +1 -0
- package/lib/esm/styled/index.d.ts +3 -0
- package/lib/esm/styled/index.js +4 -0
- package/lib/esm/styled/index.js.map +1 -0
- package/lib/esm/styled/theme/animations.d.ts +3 -0
- package/lib/esm/styled/theme/animations.js +10 -0
- package/lib/esm/styled/theme/animations.js.map +1 -0
- package/lib/esm/styled/theme/colorPalette.d.ts +155 -0
- package/lib/esm/styled/theme/colorPalette.js +102 -0
- package/lib/esm/styled/theme/colorPalette.js.map +1 -0
- package/lib/esm/styled/theme/debugCss.d.ts +9 -0
- package/lib/esm/styled/theme/debugCss.js +16 -0
- package/lib/esm/styled/theme/debugCss.js.map +1 -0
- package/lib/esm/styled/theme/dimensionsCss.d.ts +13 -0
- package/lib/esm/styled/theme/dimensionsCss.js +21 -0
- package/lib/esm/styled/theme/dimensionsCss.js.map +1 -0
- package/lib/esm/styled/theme/fontCss.d.ts +12 -0
- package/lib/esm/styled/theme/fontCss.js +19 -0
- package/lib/esm/styled/theme/fontCss.js.map +1 -0
- package/lib/esm/styled/theme/globalCss.d.ts +15 -0
- package/lib/esm/styled/theme/globalCss.js +26 -0
- package/lib/esm/styled/theme/globalCss.js.map +1 -0
- package/lib/esm/styled/theme/index.d.ts +311 -0
- package/lib/esm/styled/theme/index.js +32 -0
- package/lib/esm/styled/theme/index.js.map +1 -0
- package/lib/esm/styled/theme/layoutCss.d.ts +20 -0
- package/lib/esm/styled/theme/layoutCss.js +27 -0
- package/lib/esm/styled/theme/layoutCss.js.map +1 -0
- package/lib/esm/styled/theme/mediaQueries.d.ts +4 -0
- package/lib/esm/styled/theme/mediaQueries.js +5 -0
- package/lib/esm/styled/theme/mediaQueries.js.map +1 -0
- package/lib/esm/styled/theme/positionCss.d.ts +20 -0
- package/lib/esm/styled/theme/positionCss.js +28 -0
- package/lib/esm/styled/theme/positionCss.js.map +1 -0
- package/lib/esm/styled/theme/textCss.d.ts +11 -0
- package/lib/esm/styled/theme/textCss.js +18 -0
- package/lib/esm/styled/theme/textCss.js.map +1 -0
- package/lib/esm/styled/theme/textStyles.d.ts +20 -0
- package/lib/esm/styled/theme/textStyles.js +27 -0
- package/lib/esm/styled/theme/textStyles.js.map +1 -0
- package/lib/esm/styled/themeType.d.ts +4 -0
- package/lib/esm/styled/themeType.js +6 -0
- package/lib/esm/styled/themeType.js.map +1 -0
- package/lib/esm/styled/utils.d.ts +14 -0
- package/lib/esm/styled/utils.js +15 -0
- package/lib/esm/styled/utils.js.map +1 -0
- package/lib/esm/types.d.ts +46 -0
- package/lib/esm/types.js +12 -0
- package/lib/esm/types.js.map +1 -0
- package/lib/esm/utils/index.d.ts +1 -0
- package/lib/esm/utils/index.js +4 -0
- package/lib/esm/utils/index.js.map +1 -0
- package/lib/main.js +2 -0
- package/lib/main.js.LICENSE.txt +56 -0
- package/package.json +65 -0
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
import axios from "axios";
|
|
2
|
+
import { handleError, handleSuccess } from "./responseHandlers";
|
|
3
|
+
import Qs from "qs";
|
|
4
|
+
import { isString } from "../utils";
|
|
5
|
+
var api = axios.create({
|
|
6
|
+
timeout: 20000,
|
|
7
|
+
headers: {
|
|
8
|
+
Accept: "application/json",
|
|
9
|
+
"Content-Type": "application/json",
|
|
10
|
+
"X-Requested-With": "XmlHttpRequest",
|
|
11
|
+
},
|
|
12
|
+
});
|
|
13
|
+
var ls = typeof window !== "undefined" ? localStorage : null;
|
|
14
|
+
var ttlIsExpired = function (ttl) { return new Date().getTime() > parseInt(ttl); };
|
|
15
|
+
var getCacheKeys = function (config) {
|
|
16
|
+
var key = "".concat(config.method, ":").concat(config.url);
|
|
17
|
+
var ttlKey = "".concat(key, ":TTL");
|
|
18
|
+
return { key: key, ttlKey: ttlKey };
|
|
19
|
+
};
|
|
20
|
+
var getTTL = function (ttl) {
|
|
21
|
+
var currentTime = new Date().getTime();
|
|
22
|
+
if (ttl)
|
|
23
|
+
return currentTime + ttl;
|
|
24
|
+
var anHour = 1000 * 60 * 60;
|
|
25
|
+
return currentTime + anHour * 24;
|
|
26
|
+
};
|
|
27
|
+
var requestInterceptor = {
|
|
28
|
+
onFulFilled: function (_config) {
|
|
29
|
+
var _a;
|
|
30
|
+
_config.paramsSerializer = function (params) {
|
|
31
|
+
return Qs.stringify(params, {
|
|
32
|
+
arrayFormat: config.arrayFormat ? config.arrayFormat : "brackets",
|
|
33
|
+
});
|
|
34
|
+
};
|
|
35
|
+
var authToken = (_a = JSON.parse(ls === null || ls === void 0 ? void 0 : ls.getItem("user"))) === null || _a === void 0 ? void 0 : _a.token;
|
|
36
|
+
var config = Object.assign(_config);
|
|
37
|
+
if (authToken)
|
|
38
|
+
config.headers.Authorization = "Bearer ".concat(authToken);
|
|
39
|
+
if (!config.toPublicApi)
|
|
40
|
+
config.url = "".concat(process.env.REACT_APP_API_BASE_URL || "").concat(config.url);
|
|
41
|
+
if (config.cache) {
|
|
42
|
+
var _b = getCacheKeys(config), key = _b.key, ttlKey = _b.ttlKey;
|
|
43
|
+
var ttl = ls === null || ls === void 0 ? void 0 : ls.getItem(ttlKey);
|
|
44
|
+
if (config.refresh || (ttl && ttlIsExpired(ttl))) {
|
|
45
|
+
ls === null || ls === void 0 ? void 0 : ls.removeItem(key);
|
|
46
|
+
ls === null || ls === void 0 ? void 0 : ls.removeItem(ttlKey);
|
|
47
|
+
}
|
|
48
|
+
var data = ls === null || ls === void 0 ? void 0 : ls.getItem(key);
|
|
49
|
+
if (data) {
|
|
50
|
+
return {
|
|
51
|
+
headers: {},
|
|
52
|
+
method: config.method,
|
|
53
|
+
url: "ls-cache:".concat(config.url),
|
|
54
|
+
cachedData: JSON.parse(data),
|
|
55
|
+
};
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
return config;
|
|
59
|
+
},
|
|
60
|
+
onRejected: function (err) {
|
|
61
|
+
return Promise.reject(err);
|
|
62
|
+
},
|
|
63
|
+
};
|
|
64
|
+
var responseInterceptor = {
|
|
65
|
+
onFulFilled: function (res) {
|
|
66
|
+
var _config = res.config;
|
|
67
|
+
var config = Object.assign(_config);
|
|
68
|
+
if (config.cache) {
|
|
69
|
+
var _a = getCacheKeys(config), key = _a.key, ttlKey = _a.ttlKey;
|
|
70
|
+
ls === null || ls === void 0 ? void 0 : ls.setItem(ttlKey, JSON.stringify(getTTL(config.ttl)));
|
|
71
|
+
ls === null || ls === void 0 ? void 0 : ls.setItem(key, JSON.stringify(res.data));
|
|
72
|
+
}
|
|
73
|
+
if (_config.successMsg && [200, 201].includes(res.status)) {
|
|
74
|
+
handleSuccess(isString(_config.successMsg)
|
|
75
|
+
? _config.successMsg.toString()
|
|
76
|
+
: _config.successMsg(res.data));
|
|
77
|
+
}
|
|
78
|
+
if (config.withReq)
|
|
79
|
+
return res;
|
|
80
|
+
return res;
|
|
81
|
+
},
|
|
82
|
+
onRejected: function (err) {
|
|
83
|
+
var _a, _b, _c;
|
|
84
|
+
if ((_a = err === null || err === void 0 ? void 0 : err.config) === null || _a === void 0 ? void 0 : _a.cachedData) {
|
|
85
|
+
return Promise.resolve((_b = err === null || err === void 0 ? void 0 : err.config) === null || _b === void 0 ? void 0 : _b.cachedData);
|
|
86
|
+
}
|
|
87
|
+
handleError(err, (_c = err === null || err === void 0 ? void 0 : err.config) === null || _c === void 0 ? void 0 : _c.errorMsg);
|
|
88
|
+
return Promise.reject(err);
|
|
89
|
+
},
|
|
90
|
+
};
|
|
91
|
+
api.interceptors.request.use(requestInterceptor.onFulFilled, requestInterceptor.onRejected);
|
|
92
|
+
api.interceptors.response.use(responseInterceptor.onFulFilled, responseInterceptor.onRejected);
|
|
93
|
+
export { api };
|
|
94
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/api/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,50 @@
|
|
|
1
|
+
import { addToast } from "../common/DWToast";
|
|
2
|
+
import { isString } from "../utils";
|
|
3
|
+
var getErrorMessage = function (response) {
|
|
4
|
+
var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
|
|
5
|
+
if ((_a = response === null || response === void 0 ? void 0 : response.data) === null || _a === void 0 ? void 0 : _a.errors)
|
|
6
|
+
return (_b = response === null || response === void 0 ? void 0 : response.data) === null || _b === void 0 ? void 0 : _b.errors;
|
|
7
|
+
else if ((_c = response === null || response === void 0 ? void 0 : response.data) === null || _c === void 0 ? void 0 : _c.error_message)
|
|
8
|
+
return (_d = response === null || response === void 0 ? void 0 : response.data) === null || _d === void 0 ? void 0 : _d.error_message;
|
|
9
|
+
else if ((_e = response === null || response === void 0 ? void 0 : response.data) === null || _e === void 0 ? void 0 : _e.message)
|
|
10
|
+
return (_f = response === null || response === void 0 ? void 0 : response.data) === null || _f === void 0 ? void 0 : _f.message;
|
|
11
|
+
else if (isString((_h = (_g = response === null || response === void 0 ? void 0 : response.data) === null || _g === void 0 ? void 0 : _g.error) === null || _h === void 0 ? void 0 : _h.message)) {
|
|
12
|
+
return (_k = (_j = response === null || response === void 0 ? void 0 : response.data) === null || _j === void 0 ? void 0 : _j.error) === null || _k === void 0 ? void 0 : _k.message;
|
|
13
|
+
}
|
|
14
|
+
else if (isString((_l = response === null || response === void 0 ? void 0 : response.data) === null || _l === void 0 ? void 0 : _l.error))
|
|
15
|
+
return (_m = response === null || response === void 0 ? void 0 : response.data) === null || _m === void 0 ? void 0 : _m.error;
|
|
16
|
+
return "An error ocurred, please try again later";
|
|
17
|
+
};
|
|
18
|
+
export var handleSuccess = function (msg) {
|
|
19
|
+
addToast(msg, "success");
|
|
20
|
+
};
|
|
21
|
+
export var handleError = function (err, errMsg) {
|
|
22
|
+
if (errMsg === void 0) { errMsg = null; }
|
|
23
|
+
var msg = "Connection Error";
|
|
24
|
+
var errorType = "";
|
|
25
|
+
if (errMsg)
|
|
26
|
+
msg = errMsg;
|
|
27
|
+
else if (err.response) {
|
|
28
|
+
switch (err.response.status) {
|
|
29
|
+
case 500:
|
|
30
|
+
msg = "An error has occurred on our server. Please try again later";
|
|
31
|
+
errorType = "error";
|
|
32
|
+
break;
|
|
33
|
+
case 422:
|
|
34
|
+
errorType = "error";
|
|
35
|
+
msg = getErrorMessage(err.response);
|
|
36
|
+
break;
|
|
37
|
+
default:
|
|
38
|
+
msg = getErrorMessage(err.response);
|
|
39
|
+
break;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
// handle error message
|
|
43
|
+
if (errorType) {
|
|
44
|
+
addToast(msg, "error");
|
|
45
|
+
}
|
|
46
|
+
else {
|
|
47
|
+
addToast(msg);
|
|
48
|
+
}
|
|
49
|
+
};
|
|
50
|
+
//# sourceMappingURL=responseHandlers.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"responseHandlers.js","sourceRoot":"","sources":["../../../src/api/responseHandlers.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIpC,IAAM,eAAe,GAAG,UAAC,QAAa;;IACpC,IAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,MAAM;QAAE,OAAO,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,MAAM,CAAC;SACrD,IAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,aAAa;QAAE,OAAO,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,aAAa,CAAC;SACxE,IAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,OAAO;QAAE,OAAO,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,OAAO,CAAC;SAC5D,IAAI,QAAQ,CAAC,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,KAAK,0CAAE,OAAO,CAAC,EAAE;QACjD,OAAO,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,KAAK,0CAAE,OAAO,CAAC;KACvC;SAAM,IAAI,QAAQ,CAAC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,KAAK,CAAC;QAAE,OAAO,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,0CAAE,KAAK,CAAC;IACzE,OAAO,0CAA0C,CAAC;AACpD,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,UAAC,GAAW;IACvC,QAAQ,CAAC,GAAG,EAAE,SAAS,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,WAAW,GAAgB,UAAC,GAAG,EAAE,MAAa;IAAb,uBAAA,EAAA,aAAa;IACzD,IAAI,GAAG,GAAG,kBAAkB,CAAC;IAC7B,IAAI,SAAS,GAAG,EAAE,CAAC;IACnB,IAAI,MAAM;QAAE,GAAG,GAAG,MAAM,CAAC;SACpB,IAAI,GAAG,CAAC,QAAQ,EAAE;QACrB,QAAQ,GAAG,CAAC,QAAQ,CAAC,MAAM,EAAE;YAC3B,KAAK,GAAG;gBACN,GAAG,GAAG,6DAA6D,CAAC;gBACpE,SAAS,GAAG,OAAO,CAAC;gBACpB,MAAM;YACR,KAAK,GAAG;gBACN,SAAS,GAAG,OAAO,CAAC;gBACpB,GAAG,GAAG,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACpC,MAAM;YACR;gBACE,GAAG,GAAG,eAAe,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC;gBACpC,MAAM;SACT;KACF;IACD,uBAAuB;IACvB,IAAI,SAAS,EAAE;QACb,QAAQ,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;KACxB;SAAM;QACL,QAAQ,CAAC,GAAG,CAAC,CAAC;KACf;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ToastOptions, ToastType } from "react-hot-toast/dist/core/types";
|
|
3
|
+
export declare const addToast: (msg: JSX.Element | string, type?: ToastType, toastOptions?: ToastOptions) => void;
|
|
4
|
+
declare const DWToast: () => JSX.Element;
|
|
5
|
+
export { DWToast };
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
+
import toast, { ToastBar, Toaster } from "react-hot-toast";
|
|
18
|
+
import styled from "styled-components";
|
|
19
|
+
import { defaultCheckIcon, greenCheckIcon, redXIcon } from "./icons";
|
|
20
|
+
import { colors } from "../styled/theme/colorPalette";
|
|
21
|
+
import { Div } from "../styled/utils";
|
|
22
|
+
var defaultDuration = 5000;
|
|
23
|
+
var defaultPosition = "bottom-center";
|
|
24
|
+
var toastBorderRadius = 4;
|
|
25
|
+
var toastMaxWidth = "85%";
|
|
26
|
+
export var addToast = function (msg, type, toastOptions) {
|
|
27
|
+
if (type === void 0) { type = "blank"; }
|
|
28
|
+
if (toastOptions === void 0) { toastOptions = {}; }
|
|
29
|
+
var _toastOptions = __assign({ duration: defaultDuration, position: defaultPosition }, toastOptions);
|
|
30
|
+
var toastFn = type === "blank" ? toast : toast[type];
|
|
31
|
+
toastFn(msg, _toastOptions);
|
|
32
|
+
};
|
|
33
|
+
var toastContainerCss = {
|
|
34
|
+
padding: 0,
|
|
35
|
+
borderRadius: toastBorderRadius,
|
|
36
|
+
boxShadow: "none",
|
|
37
|
+
maxWidth: toastMaxWidth,
|
|
38
|
+
};
|
|
39
|
+
var toastTypeStyles = {
|
|
40
|
+
success: {
|
|
41
|
+
backgroundColor: colors.blue50,
|
|
42
|
+
color: colors.text,
|
|
43
|
+
icon: greenCheckIcon,
|
|
44
|
+
},
|
|
45
|
+
error: {
|
|
46
|
+
color: colors.red800,
|
|
47
|
+
backgroundColor: colors.red100,
|
|
48
|
+
icon: redXIcon,
|
|
49
|
+
},
|
|
50
|
+
blank: {
|
|
51
|
+
backgroundColor: colors.white,
|
|
52
|
+
color: colors.text,
|
|
53
|
+
icon: defaultCheckIcon,
|
|
54
|
+
},
|
|
55
|
+
};
|
|
56
|
+
var ToastWrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: 10px;\n box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);\n border-radius: ", "px;\n ", ";\n"], ["\n padding: 10px;\n box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.1);\n border-radius: ", "px;\n ", ";\n"])), toastBorderRadius, function (p) { return p.theme.css.alignCenter; });
|
|
57
|
+
var DWToast = function () {
|
|
58
|
+
return (_jsx(Toaster, __assign({ toastOptions: {
|
|
59
|
+
style: toastContainerCss,
|
|
60
|
+
} }, { children: function (t) { return (_jsx(ToastBar, __assign({ toast: t }, { children: function (_a) {
|
|
61
|
+
var message = _a.message, hotToastIcon = _a.icon;
|
|
62
|
+
var _b = toastTypeStyles[t.type] || {}, icon = _b.icon, color = _b.color, backgroundColor = _b.backgroundColor;
|
|
63
|
+
return (_jsxs(ToastWrapper, __assign({ c: color, bg: backgroundColor }, { children: [_jsx(Div, __assign({ alignCenter: true }, { children: icon || hotToastIcon }), void 0), _jsx(Div, __assign({ alignCenter: true }, { children: message }), void 0), _jsx(Div, __assign({ p: 5, clickable: true, onClick: function () { return toast.dismiss(t.id); } }, { children: closeIcon }), void 0)] }), void 0));
|
|
64
|
+
} }), void 0)); } }), void 0));
|
|
65
|
+
};
|
|
66
|
+
export { DWToast };
|
|
67
|
+
var closeIcon = (_jsxs("svg", __assign({ width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M2.5 2.5L7.82258 7.82258", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M2.5 7.82251L7.82258 2.49993", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
|
|
68
|
+
var templateObject_1;
|
|
69
|
+
//# sourceMappingURL=DWToast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DWToast.js","sourceRoot":"","sources":["../../../src/common/DWToast.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../styled/utils").CSSProps, never>;
|
|
3
|
+
export declare const ModalBackdrop: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../styled/utils").CSSProps, never>;
|
|
4
|
+
export declare const ModalWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../styled/utils").CSSProps, never>;
|
|
5
|
+
export declare const ModalCloseIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("../styled/utils").CSSProps, never>;
|
|
6
|
+
export declare const Modal: ({ isOpen, onClose, children, withCloseIcon, withBackdropClose, className, }: {
|
|
7
|
+
isOpen?: boolean;
|
|
8
|
+
onClose?: any;
|
|
9
|
+
children: any;
|
|
10
|
+
withCloseIcon?: boolean;
|
|
11
|
+
withBackdropClose?: boolean;
|
|
12
|
+
className?: string;
|
|
13
|
+
}) => JSX.Element;
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
17
|
+
import styled from "styled-components";
|
|
18
|
+
import { Div } from "../styled/utils";
|
|
19
|
+
import { closeIcon } from "./icons";
|
|
20
|
+
export var ModalContainer = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n top: 0px;\n left: 0px;\n margin: 0px;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10000000000;\n width: 100vw;\n height: 100vh;\n pointer-events: none;\n div {\n pointer-events: auto;\n }\n"], ["\n top: 0px;\n left: 0px;\n margin: 0px;\n position: fixed;\n display: flex;\n justify-content: center;\n align-items: center;\n z-index: 10000000000;\n width: 100vw;\n height: 100vh;\n pointer-events: none;\n div {\n pointer-events: auto;\n }\n"])));
|
|
21
|
+
export var ModalBackdrop = styled(Div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: fixed;\n top: 0px;\n left: 0px;\n margin: 0px;\n width: 100vw;\n height: 100vh;\n z-index: 99999999;\n background: black;\n opacity: 0.38;\n"], ["\n position: fixed;\n top: 0px;\n left: 0px;\n margin: 0px;\n width: 100vw;\n height: 100vh;\n z-index: 99999999;\n background: black;\n opacity: 0.38;\n"])));
|
|
22
|
+
export var ModalWrapper = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background: ", ";\n padding: 32px 40px;\n border-radius: 8px;\n box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.32);\n"], ["\n background: ", ";\n padding: 32px 40px;\n border-radius: 8px;\n box-shadow: 0 8px 8px 0 rgba(0, 0, 0, 0.24), 0 0 8px 0 rgba(0, 0, 0, 0.32);\n"])), function (props) { return props.theme.colors.white; });
|
|
23
|
+
export var ModalCloseIcon = styled(Div)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n height: 0;\n display: flex;\n flex-direction: row-reverse;\n"], ["\n height: 0;\n display: flex;\n flex-direction: row-reverse;\n"])));
|
|
24
|
+
export var Modal = function (_a) {
|
|
25
|
+
var _b = _a.isOpen, isOpen = _b === void 0 ? false : _b, _c = _a.onClose, onClose = _c === void 0 ? null : _c, children = _a.children, _d = _a.withCloseIcon, withCloseIcon = _d === void 0 ? true : _d, _e = _a.withBackdropClose, withBackdropClose = _e === void 0 ? true : _e, _f = _a.className, className = _f === void 0 ? "" : _f;
|
|
26
|
+
return (_jsx(_Fragment, { children: isOpen && (_jsxs(Div, __assign({ className: className }, { children: [_jsx(ModalBackdrop, { onClick: withBackdropClose ? onClose : null }, void 0), _jsx(ModalContainer, { children: _jsxs(ModalWrapper, { children: [withCloseIcon && (_jsx(ModalCloseIcon, { children: _jsx(Div, __assign({ clickable: true, mt: -10, mr: -20, onClick: onClose }, { children: closeIcon }), void 0) }, void 0)), _jsx(Div, { children: children }, void 0)] }, void 0) }, void 0)] }), void 0)) }, void 0));
|
|
27
|
+
};
|
|
28
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
29
|
+
//# sourceMappingURL=Modal.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../src/common/Modal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AACtC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAEpC,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,0UAAA,uQAexC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAC,uOAAA,oKAUvC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,yNAAA,kBACvB,EAAmC,kIAIlD,KAJe,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,EAAxB,CAAwB,CAIlD,CAAC;AAEF,MAAM,CAAC,IAAM,cAAc,GAAG,MAAM,CAAC,GAAG,CAAC,uIAAA,oEAIxC,IAAA,CAAC;AAEF,MAAM,CAAC,IAAM,KAAK,GAAG,UAAC,EAOrB;QANC,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,QAAQ,cAAA,EACR,qBAAoB,EAApB,aAAa,mBAAG,IAAI,KAAA,EACpB,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,iBAAc,EAAd,SAAS,mBAAG,EAAE,KAAA;IAEd,OAAO,CACL,4BACG,MAAM,IAAI,CACT,MAAC,GAAG,aAAC,SAAS,EAAE,SAAS,iBACvB,KAAC,aAAa,IAAC,OAAO,EAAE,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,WAAI,EAC9D,KAAC,cAAc,cACb,MAAC,YAAY,eACV,aAAa,IAAI,CAChB,KAAC,cAAc,cACb,KAAC,GAAG,aAAC,SAAS,QAAC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,EAAE,EAAE,OAAO,EAAE,OAAO,gBAC9C,SAAS,YACN,WACS,CAClB,EACD,KAAC,GAAG,cAAE,QAAQ,WAAO,YACR,WACA,aACb,CACP,WACA,CACJ,CAAC;AACJ,CAAC,CAAC"}
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
+
var t = {};
|
|
18
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
+
t[p] = s[p];
|
|
20
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
+
t[p[i]] = s[p[i]];
|
|
24
|
+
}
|
|
25
|
+
return t;
|
|
26
|
+
};
|
|
27
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
28
|
+
import styled from "styled-components";
|
|
29
|
+
import { theme } from "../styled/theme";
|
|
30
|
+
import { Div } from "../styled/utils";
|
|
31
|
+
var Wrapper = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n"], ["\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n text-align: center;\n"])));
|
|
32
|
+
var Bounce = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 12px;\n height: 12px;\n margin: 0 5px 0 5px;\n background: ", ";\n @-webkit-keyframes sk-bouncedelay {\n 0%,\n 80%,\n 100% {\n -webkit-transform: scale(0);\n }\n 40% {\n -webkit-transform: scale(1);\n }\n }\n @keyframes sk-bouncedelay {\n 0%,\n 80%,\n 100% {\n -webkit-transform: scale(0);\n transform: scale(0);\n }\n 40% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n }\n border-radius: 100%;\n display: inline-block;\n -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n"], ["\n width: 12px;\n height: 12px;\n margin: 0 5px 0 5px;\n background: ", ";\n @-webkit-keyframes sk-bouncedelay {\n 0%,\n 80%,\n 100% {\n -webkit-transform: scale(0);\n }\n 40% {\n -webkit-transform: scale(1);\n }\n }\n @keyframes sk-bouncedelay {\n 0%,\n 80%,\n 100% {\n -webkit-transform: scale(0);\n transform: scale(0);\n }\n 40% {\n -webkit-transform: scale(1);\n transform: scale(1);\n }\n }\n border-radius: 100%;\n display: inline-block;\n -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n animation: sk-bouncedelay 1.4s infinite ease-in-out both;\n"])), function (props) { return props.color; });
|
|
33
|
+
var Bounce1 = styled(Bounce)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n -webkit-animation-delay: -0.32s;\n animation-delay: -0.32s;\n"], ["\n -webkit-animation-delay: -0.32s;\n animation-delay: -0.32s;\n"])));
|
|
34
|
+
var Bounce2 = styled(Bounce)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n -webkit-animation-delay: -0.16s;\n animation-delay: -0.16s;\n"], ["\n -webkit-animation-delay: -0.16s;\n animation-delay: -0.16s;\n"])));
|
|
35
|
+
var SpinnerContainer = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n width: 70px;\n text-align: center;\n"], ["\n width: 70px;\n text-align: center;\n"])));
|
|
36
|
+
var Spinner = function (_a) {
|
|
37
|
+
var _b = _a.color, color = _b === void 0 ? theme.colors.gray300 : _b, props = __rest(_a, ["color"]);
|
|
38
|
+
return (_jsx(Wrapper, __assign({}, props, { children: _jsxs(SpinnerContainer, { children: [_jsx(Bounce1, { color: color }, void 0), _jsx(Bounce2, { color: color }, void 0), _jsx(Bounce, { color: color }, void 0)] }, void 0) }), void 0));
|
|
39
|
+
};
|
|
40
|
+
export { Spinner };
|
|
41
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
42
|
+
//# sourceMappingURL=Spinner.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/common/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,IAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,oLAAA,iHAM1B,IAAA,CAAC;AAEF,IAAM,MAAM,GAAG,MAAM,CAAC,GAAG,itBAAA,2EAIT,EAAsB,ikBA2BrC,KA3Be,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,KAAK,EAAX,CAAW,CA2BrC,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,uIAAA,oEAG7B,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,MAAM,CAAC,MAAM,CAAC,uIAAA,oEAG7B,IAAA,CAAC;AAEF,IAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,8GAAA,2CAGlC,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,UAAC,EAA0C;IAAxC,IAAA,aAA4B,EAA5B,KAAK,mBAAG,KAAK,CAAC,MAAM,CAAC,OAAO,KAAA,EAAK,KAAK,cAAxC,SAA0C,CAAF;IACvD,OAAO,CACL,KAAC,OAAO,eAAK,KAAK,cAChB,MAAC,gBAAgB,eACf,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,WAAI,EACzB,KAAC,OAAO,IAAC,KAAK,EAAE,KAAK,WAAI,EACzB,KAAC,MAAM,IAAC,KAAK,EAAE,KAAK,WAAI,YACP,YACX,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { DivCSSProps } from "../../../styled/utils";
|
|
3
|
+
declare type PaginationIconProps = {
|
|
4
|
+
isDisabled?: boolean;
|
|
5
|
+
children: JSX.Element;
|
|
6
|
+
} & DivCSSProps;
|
|
7
|
+
export declare const PaginationIcon: ({ isDisabled, children, ...props }: PaginationIconProps) => JSX.Element;
|
|
8
|
+
export declare const previousPage: JSX.Element;
|
|
9
|
+
export declare const nextPage: JSX.Element;
|
|
10
|
+
export declare const jumpToFirst: JSX.Element;
|
|
11
|
+
export declare const jumpToLast: JSX.Element;
|
|
12
|
+
export {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
17
|
+
var t = {};
|
|
18
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
19
|
+
t[p] = s[p];
|
|
20
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
21
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
22
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
23
|
+
t[p[i]] = s[p[i]];
|
|
24
|
+
}
|
|
25
|
+
return t;
|
|
26
|
+
};
|
|
27
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
28
|
+
import styled, { css } from "styled-components";
|
|
29
|
+
import { Div } from "../../../styled/utils";
|
|
30
|
+
var IconContainer = styled(Div)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n ", ";\n color: ", ";\n border-radius: 4px;\n height: 24px;\n width: 24px;\n ", "\n"], ["\n ", ";\n color: ", ";\n border-radius: 4px;\n height: 24px;\n width: 24px;\n ", "\n"])), function (p) { return p.theme.css.centered; }, function (p) { return p.theme.colors.gray900; }, function (p) {
|
|
31
|
+
return p.isDisabled
|
|
32
|
+
? css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n color: ", ";\n "], ["\n color: ", ";\n "])), function (p) { return p.theme.colors.disabled3; }) : css(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n :hover {\n cursor: pointer;\n\n background-color: ", ";\n }\n "], ["\n :hover {\n cursor: pointer;\n\n background-color: ", ";\n }\n "])), function (p) { return p.theme.colors.gray100; });
|
|
33
|
+
});
|
|
34
|
+
export var PaginationIcon = function (_a) {
|
|
35
|
+
var _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, children = _a.children, props = __rest(_a, ["isDisabled", "children"]);
|
|
36
|
+
return (_jsx(IconContainer, __assign({ ml: 10, isDisabled: isDisabled }, props, { children: children }), void 0));
|
|
37
|
+
};
|
|
38
|
+
export var previousPage = (_jsx("svg", __assign({ width: "8", height: "13", viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M7.00623 0.90802L1.26688 6.3505L7.00623 11.793", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
|
|
39
|
+
export var nextPage = (_jsx("svg", __assign({ width: "8", height: "13", viewBox: "0 0 8 13", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: _jsx("path", { d: "M1.24243 0.90802L6.98177 6.3505L1.24243 11.793", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
|
|
40
|
+
export var jumpToFirst = (_jsxs("svg", __assign({ width: "24", height: "19", viewBox: "0 0 24 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M16.4547 3.90802L10.7154 9.3505L16.4547 14.793", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M6.59399 14.069L6.59399 4.68966", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
|
|
41
|
+
export var jumpToLast = (_jsxs("svg", __assign({ width: "25", height: "19", viewBox: "0 0 25 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [_jsx("path", { d: "M8.23022 14.8506L13.9696 9.40811L8.23023 3.96563", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }, void 0), _jsx("path", { d: "M18.0909 4.68964L18.0909 14.0689", stroke: "currentColor", strokeWidth: "1.8", strokeLinecap: "round", strokeLinejoin: "round" }, void 0)] }), void 0));
|
|
42
|
+
var templateObject_1, templateObject_2, templateObject_3;
|
|
43
|
+
//# sourceMappingURL=icons.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icons.js","sourceRoot":"","sources":["../../../../../src/common/Table/Pagination/icons.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
2
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
3
|
+
return cooked;
|
|
4
|
+
};
|
|
5
|
+
var __assign = (this && this.__assign) || function () {
|
|
6
|
+
__assign = Object.assign || function(t) {
|
|
7
|
+
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
8
|
+
s = arguments[i];
|
|
9
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
10
|
+
t[p] = s[p];
|
|
11
|
+
}
|
|
12
|
+
return t;
|
|
13
|
+
};
|
|
14
|
+
return __assign.apply(this, arguments);
|
|
15
|
+
};
|
|
16
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
17
|
+
import { useTableContext } from "../TableDataProvider";
|
|
18
|
+
import { jumpToFirst, jumpToLast, nextPage, PaginationIcon, previousPage, } from "./icons";
|
|
19
|
+
import styled from "styled-components";
|
|
20
|
+
import { colors } from "../../../styled/theme/colorPalette";
|
|
21
|
+
import { Div } from "../../../styled/utils";
|
|
22
|
+
var Container = styled(Div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border: solid 1px ", ";\n border-top: none;\n overflow: hidden;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n"], ["\n border: solid 1px ", ";\n border-top: none;\n overflow: hidden;\n border-bottom-left-radius: 8px;\n border-bottom-right-radius: 8px;\n"])), function (p) { return p.theme.colors.gray200; });
|
|
23
|
+
var Pagination = function () {
|
|
24
|
+
var _a = useTableContext(), totalPages = _a.totalPages, totalCount = _a.totalCount, pageSize = _a.pageSize, currentPage = _a.currentPage, setCurrentPage = _a.setCurrentPage;
|
|
25
|
+
var isFirstPage = currentPage === 1;
|
|
26
|
+
var isLastPage = currentPage === totalPages;
|
|
27
|
+
var cursor = (currentPage - 1) * pageSize;
|
|
28
|
+
var buttonsUI = (_jsxs(Div, __assign({ mr: 25, dflex: true }, { children: [_jsx(PaginationIcon, __assign({ isDisabled: isFirstPage, onClick: function () { return setCurrentPage(1); } }, { children: jumpToFirst }), void 0), _jsx(PaginationIcon, __assign({ isDisabled: isFirstPage, onClick: function () { return setCurrentPage(Math.max(currentPage - 1, 1)); } }, { children: previousPage }), void 0), _jsxs(Div, __assign({ centered: true, ml: 10 }, { children: [cursor + 1, "-", Math.min(cursor + pageSize, totalCount), " of ", totalCount] }), void 0), _jsx(PaginationIcon, __assign({ isDisabled: isLastPage, onClick: function () { return setCurrentPage(Math.min(currentPage + 1, totalPages)); } }, { children: nextPage }), void 0), _jsx(PaginationIcon, __assign({ isDisabled: isLastPage, onClick: function () { return setCurrentPage(totalPages); } }, { children: jumpToLast }), void 0)] }), void 0));
|
|
29
|
+
return (_jsx(Container, __assign({ w100: true }, { children: _jsx(Div, __assign({ h: 38, bg: colors.gray50, justifyEnd: true }, { children: _jsx(Div, __assign({ dflex: true, alignCenter: true, body2: true, c: colors.text }, { children: buttonsUI }), void 0) }), void 0) }), void 0));
|
|
30
|
+
};
|
|
31
|
+
export { Pagination };
|
|
32
|
+
var templateObject_1;
|
|
33
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/common/Table/Pagination/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EACL,WAAW,EACX,UAAU,EACV,QAAQ,EACR,cAAc,EACd,YAAY,GACb,MAAM,SAAS,CAAC;AACjB,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,uBAAuB,CAAC;AAE5C,IAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,mNAAA,wBACP,EAA6B,sHAKlD,KALqB,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAtB,CAAsB,CAKlD,CAAC;AAEF,IAAM,UAAU,GAAG;IACX,IAAA,KAMF,eAAe,EAAE,EALnB,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,WAAW,iBAAA,EACX,cAAc,oBACK,CAAC;IAEtB,IAAM,WAAW,GAAG,WAAW,KAAK,CAAC,CAAC;IACtC,IAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,IAAM,MAAM,GAAG,CAAC,WAAW,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC;IAE5C,IAAM,SAAS,GAAG,CAChB,MAAC,GAAG,aAAC,EAAE,EAAE,EAAE,EAAE,KAAK,uBAChB,KAAC,cAAc,aACb,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,CAAC,CAAC,EAAjB,CAAiB,gBAE/B,WAAW,YACG,EACjB,KAAC,cAAc,aACb,UAAU,EAAE,WAAW,EACvB,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,EAA5C,CAA4C,gBAE1D,YAAY,YACE,EACjB,MAAC,GAAG,aAAC,QAAQ,QAAC,EAAE,EAAE,EAAE,iBACjB,MAAM,GAAG,CAAC,OAAG,IAAI,CAAC,GAAG,CAAC,MAAM,GAAG,QAAQ,EAAE,UAAU,CAAC,UAAM,UAAU,aACjE,EACN,KAAC,cAAc,aACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,GAAG,CAAC,EAAE,UAAU,CAAC,CAAC,EAArD,CAAqD,gBAEnE,QAAQ,YACM,EACjB,KAAC,cAAc,aACb,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,UAAU,CAAC,EAA1B,CAA0B,gBAExC,UAAU,YACI,aACb,CACP,CAAC;IAEF,OAAO,CACL,KAAC,SAAS,aAAC,IAAI,sBACb,KAAC,GAAG,aAAC,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,MAAM,EAAE,UAAU,sBACvC,KAAC,GAAG,aAAC,KAAK,QAAC,WAAW,QAAC,KAAK,QAAC,CAAC,EAAE,MAAM,CAAC,IAAI,gBACxC,SAAS,YACN,YACF,YACI,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
export declare enum SortDirection {
|
|
3
|
+
asc = "asc",
|
|
4
|
+
desc = "desc"
|
|
5
|
+
}
|
|
6
|
+
export declare type SortBy = {
|
|
7
|
+
field: any;
|
|
8
|
+
direction: SortDirection;
|
|
9
|
+
};
|
|
10
|
+
declare type State = {
|
|
11
|
+
data: any[];
|
|
12
|
+
isLoading: boolean;
|
|
13
|
+
currentPage: number;
|
|
14
|
+
totalPages: any;
|
|
15
|
+
pageSize: number;
|
|
16
|
+
totalCount: number;
|
|
17
|
+
sortBy: SortBy;
|
|
18
|
+
setPageSize: React.Dispatch<React.SetStateAction<number>>;
|
|
19
|
+
getData: () => Promise<void>;
|
|
20
|
+
setSortBy: React.Dispatch<React.SetStateAction<SortBy>>;
|
|
21
|
+
setCurrentPage: React.Dispatch<React.SetStateAction<number>>;
|
|
22
|
+
};
|
|
23
|
+
export declare const TableDataProvider: ({ children, dataUrl, query, filters, defaultSortBy, onGetData, }: {
|
|
24
|
+
children: any;
|
|
25
|
+
dataUrl: any;
|
|
26
|
+
query?: string;
|
|
27
|
+
filters?: any;
|
|
28
|
+
defaultSortBy?: {
|
|
29
|
+
field: any;
|
|
30
|
+
direction: any;
|
|
31
|
+
};
|
|
32
|
+
onGetData?: any;
|
|
33
|
+
}) => JSX.Element;
|
|
34
|
+
export declare const useTableContext: () => State;
|
|
35
|
+
export {};
|