@addev-be/ui 0.20.4 → 0.20.5
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/assets/icons/table.svg +1 -1
- package/dist/Icons.d.ts +1 -11
- package/dist/Icons.js +1 -22
- package/dist/components/auth/LoginForm.js +1 -1
- package/dist/components/auth/PasswordRecoveryForm.js +1 -1
- package/dist/components/auth/PasswordResetForm.js +1 -1
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +14 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +76 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +22 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +156 -0
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +2 -0
- package/dist/{helpers/styled → components/data/AdvancedRequestDataGrid/helpers}/index.js +2 -1
- package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +2 -0
- package/dist/components/data/AdvancedRequestDataGrid/index.js +215 -0
- package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +21 -0
- package/dist/components/data/DataGrid/DataGridCell.js +5 -5
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.d.ts +2 -2
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.js +7 -1
- package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js +3 -3
- package/dist/components/data/DataGrid/DataGridColumnsModal/index.js +21 -16
- package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +2 -0
- package/dist/components/data/DataGrid/DataGridEditableCell.js +27 -0
- package/dist/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.js +1 -17
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.d.ts +3 -4
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js +12 -11
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.d.ts +4 -5
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.js +40 -44
- package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js +1 -1
- package/dist/components/data/DataGrid/DataGridFooter.js +5 -5
- package/dist/components/data/DataGrid/DataGridHeader.js +8 -52
- package/dist/components/data/DataGrid/DataGridHeaderCell.d.ts +1 -1
- package/dist/components/data/DataGrid/DataGridHeaderCell.js +24 -11
- package/dist/components/data/DataGrid/DataGridRowTemplate.d.ts +1 -1
- package/dist/components/data/DataGrid/DataGridRowTemplate.js +9 -8
- package/dist/components/data/DataGrid/FilterModalContent/index.js +1 -1
- package/dist/components/data/DataGrid/helpers/columns.d.ts +12 -13
- package/dist/components/data/DataGrid/helpers/columns.js +130 -100
- package/dist/components/data/DataGrid/hooks/index.d.ts +3 -3
- package/dist/components/data/DataGrid/hooks/index.js +12 -8
- package/dist/components/data/DataGrid/hooks/useDataGrid.js +24 -73
- package/dist/components/data/DataGrid/hooks/useDataGridCopy.js +30 -25
- package/dist/components/data/DataGrid/index.d.ts +2 -2
- package/dist/components/data/DataGrid/index.js +3 -17
- package/dist/components/data/DataGrid/styles.d.ts +8 -13
- package/dist/components/data/DataGrid/styles.js +30 -58
- package/dist/components/data/DataGrid/types.d.ts +17 -87
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts +17 -16
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +84 -237
- package/dist/components/data/SqlRequestDataGrid/index.d.ts +2 -2
- package/dist/components/data/SqlRequestDataGrid/index.js +68 -92
- package/dist/components/data/SqlRequestDataGrid/types.d.ts +3 -13
- package/dist/components/data/SqlRequestDataGrid/types.js +0 -1
- package/dist/components/data/SqlRequestGrid/index.d.ts +1 -1
- package/dist/components/data/SqlRequestGrid/index.js +50 -139
- package/dist/components/data/SqlRequestGrid/styles.d.ts +12 -0
- package/dist/components/data/SqlRequestGrid/styles.js +20 -4
- package/dist/components/data/SqlRequestGrid/types.d.ts +4 -14
- package/dist/components/data/VirtualScroller/index.d.ts +3 -4
- package/dist/components/data/VirtualScroller/index.js +5 -15
- package/dist/components/data/VirtualScroller/styles.d.ts +2 -4
- package/dist/components/data/VirtualScroller/styles.js +6 -9
- package/dist/components/data/index.d.ts +2 -1
- package/dist/components/data/index.js +2 -1
- package/dist/components/forms/Button.d.ts +4 -11
- package/dist/components/forms/Button.js +9 -15
- package/dist/components/forms/IconButton.d.ts +1 -2
- package/dist/components/forms/IconButton.js +12 -12
- package/dist/components/forms/Select.d.ts +6 -5
- package/dist/components/forms/Select.js +5 -2
- package/dist/components/forms/index.d.ts +0 -4
- package/dist/components/forms/index.js +0 -4
- package/dist/components/forms/styles.d.ts +3 -17
- package/dist/components/forms/styles.js +7 -8
- package/dist/components/layout/Dropdown/index.d.ts +0 -1
- package/dist/components/layout/Dropdown/index.js +3 -24
- package/dist/components/layout/Modal/styles.js +1 -1
- package/dist/components/layout/index.d.ts +1 -5
- package/dist/components/layout/index.js +1 -5
- package/dist/components/search/HighlightedText.js +7 -9
- package/dist/components/search/QuickSearchBar.d.ts +2 -6
- package/dist/components/search/QuickSearchBar.js +7 -7
- package/dist/components/search/styles.js +1 -1
- package/dist/components/search/types.d.ts +0 -3
- package/dist/components/ui/Card/styles.js +1 -1
- package/dist/components/ui/index.d.ts +0 -4
- package/dist/components/ui/index.js +0 -4
- package/dist/helpers/index.d.ts +0 -2
- package/dist/helpers/index.js +0 -2
- package/dist/helpers/numbers.d.ts +0 -3
- package/dist/helpers/numbers.js +1 -33
- package/dist/hooks/index.d.ts +0 -5
- package/dist/hooks/index.js +0 -5
- package/dist/index.d.ts +0 -1
- package/dist/index.js +0 -1
- package/dist/providers/AuthenticationProvider/index.d.ts +0 -1
- package/dist/providers/AuthenticationProvider/index.js +15 -57
- package/dist/providers/PortalsProvider/styles.js +1 -1
- package/dist/providers/ThemeProvider/defaultTheme.js +0 -13
- package/dist/providers/ThemeProvider/types.d.ts +1 -2
- package/dist/providers/UiProviders/index.js +1 -2
- package/dist/providers/index.d.ts +0 -2
- package/dist/providers/index.js +0 -2
- package/dist/services/WebSocketService.d.ts +0 -8
- package/dist/services/WebSocketService.js +2 -34
- package/dist/services/globalSearch.d.ts +2 -6
- package/dist/services/hooks.d.ts +0 -10
- package/dist/services/hooks.js +2 -89
- package/dist/services/index.d.ts +0 -7
- package/dist/services/index.js +0 -20
- package/package.json +2 -2
- package/src/components/data/DataGrid/DataGridHeader.tsx +0 -111
- package/src/components/data/DataGrid/DataGridToolbar.tsx +134 -0
- package/src/components/data/DataGrid/index.tsx +37 -29
- package/src/components/data/DataGrid/styles.ts +38 -5
- package/src/components/data/DataGrid/types.ts +3 -1
- package/src/components/data/VirtualScroller/index.tsx +0 -2
- package/src/components/data/VirtualScroller/styles.ts +0 -1
- package/src/components/forms/styles.ts +3 -2
- package/src/components/ui/Avatar/styles.ts +61 -61
- package/src/components/ui/Label.tsx +90 -90
- package/src/components/ui/TabsView/TabsList.tsx +44 -0
- package/src/components/ui/TabsView/TabsView.tsx +29 -0
- package/src/components/ui/TabsView/index.ts +3 -0
- package/src/components/ui/{Tab → TabsView}/styles.ts +66 -64
- package/src/components/ui/{Tab → TabsView}/types.ts +0 -5
- package/src/components/ui/index.ts +1 -1
- package/src/helpers/styled/index.ts +1 -1
- package/src/helpers/styled/space.ts +111 -55
- package/src/providers/ThemeProvider/types.ts +2 -0
- package/src/providers/TrackingProvider/hooks.ts +14 -14
- package/tsconfig.tsbuildinfo +1 -1
- package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell/CheckboxEditableCell.js +0 -23
- package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell/DateEditableCell.js +0 -27
- package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.d.ts +0 -7
- package/dist/components/data/DataGrid/DataGridEditableCell/NumberEditableCell.js +0 -34
- package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell/TextEditableCell.js +0 -23
- package/dist/components/data/DataGrid/DataGridEditableCell/index.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell/index.js +0 -91
- package/dist/components/data/DataGrid/DataGridEditableCell/styles.d.ts +0 -3
- package/dist/components/data/DataGrid/DataGridEditableCell/styles.js +0 -17
- package/dist/components/data/DataGrid/DataGridEditableCell/types.d.ts +0 -11
- package/dist/components/data/DataGrid/DataGridEditableCell/types.js +0 -3
- package/dist/components/data/DataGrid/constants.d.ts +0 -6
- package/dist/components/data/DataGrid/constants.js +0 -9
- package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.d.ts +0 -9
- package/dist/components/data/DataGrid/hooks/useDataGridChangedRows.js +0 -91
- package/dist/components/data/DataGrid/hooks/useRefreshModal.d.ts +0 -5
- package/dist/components/data/DataGrid/hooks/useRefreshModal.js +0 -25
- package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.d.ts +0 -2
- package/dist/components/data/SqlRequestDataGrid/SqlRequestForeignListEditableCell.js +0 -19
- package/dist/components/data/SqlRequestDataGrid/styles.d.ts +0 -2
- package/dist/components/data/SqlRequestDataGrid/styles.js +0 -14
- package/dist/components/data/SqlRequestForeignList/index.d.ts +0 -4
- package/dist/components/data/SqlRequestForeignList/index.js +0 -131
- package/dist/components/data/SqlRequestForeignList/styles.d.ts +0 -9
- package/dist/components/data/SqlRequestForeignList/styles.js +0 -22
- package/dist/components/data/SqlRequestForeignList/types.d.ts +0 -22
- package/dist/components/data/SqlRequestForeignList/types.js +0 -3
- package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.d.ts +0 -10
- package/dist/components/data/SqlRequestGrid/filters/FiltersSidebar.js +0 -51
- package/dist/components/data/SqlRequestGrid/filters/styles.d.ts +0 -4
- package/dist/components/data/SqlRequestGrid/filters/styles.js +0 -17
- package/dist/components/forms/AutoTextArea.d.ts +0 -10
- package/dist/components/forms/AutoTextArea.js +0 -41
- package/dist/components/forms/Form/Checkbox.d.ts +0 -3
- package/dist/components/forms/Form/Checkbox.js +0 -33
- package/dist/components/forms/Form/FormGroup.d.ts +0 -11
- package/dist/components/forms/Form/FormGroup.js +0 -10
- package/dist/components/forms/Form/Input.d.ts +0 -3
- package/dist/components/forms/Form/Input.js +0 -33
- package/dist/components/forms/Form/Row.d.ts +0 -9
- package/dist/components/forms/Form/Row.js +0 -10
- package/dist/components/forms/Form/Select.d.ts +0 -18
- package/dist/components/forms/Form/Select.js +0 -51
- package/dist/components/forms/Form/TextArea.d.ts +0 -4
- package/dist/components/forms/Form/TextArea.js +0 -34
- package/dist/components/forms/Form/index.d.ts +0 -81
- package/dist/components/forms/Form/index.js +0 -29
- package/dist/components/forms/Form/styles.d.ts +0 -19
- package/dist/components/forms/Form/styles.js +0 -49
- package/dist/components/forms/NumberInput.d.ts +0 -9
- package/dist/components/forms/NumberInput.js +0 -40
- package/dist/components/layout/Columns.d.ts +0 -6
- package/dist/components/layout/Columns.js +0 -23
- package/dist/components/layout/Flexbox.d.ts +0 -11
- package/dist/components/layout/Flexbox.js +0 -26
- package/dist/components/layout/Grid/index.d.ts +0 -6
- package/dist/components/layout/Grid/index.js +0 -6
- package/dist/components/layout/Grid/styles.d.ts +0 -14
- package/dist/components/layout/Grid/styles.js +0 -29
- package/dist/components/layout/Masonry/index.d.ts +0 -3
- package/dist/components/layout/Masonry/index.js +0 -20
- package/dist/components/layout/Masonry/styles.d.ts +0 -5
- package/dist/components/layout/Masonry/styles.js +0 -17
- package/dist/components/ui/Avatar/index.d.ts +0 -10
- package/dist/components/ui/Avatar/index.js +0 -52
- package/dist/components/ui/Avatar/styles.d.ts +0 -4
- package/dist/components/ui/Avatar/styles.js +0 -43
- package/dist/components/ui/Ellipsis.d.ts +0 -13
- package/dist/components/ui/Ellipsis.js +0 -28
- package/dist/components/ui/Label.d.ts +0 -9
- package/dist/components/ui/Label.js +0 -74
- package/dist/components/ui/Tab/index.d.ts +0 -3
- package/dist/components/ui/Tab/index.js +0 -12
- package/dist/components/ui/Tab/styles.d.ts +0 -6
- package/dist/components/ui/Tab/styles.js +0 -41
- package/dist/components/ui/Tab/types.d.ts +0 -13
- package/dist/components/ui/Tabs/index.d.ts +0 -2
- package/dist/components/ui/Tabs/index.js +0 -10
- package/dist/components/ui/Tabs/styles.d.ts +0 -0
- package/dist/components/ui/Tabs/styles.js +0 -1
- package/dist/components/ui/Tabs/types.d.ts +0 -8
- package/dist/components/ui/Tabs/types.js +0 -2
- package/dist/components/ui/Tab/302/265/index.d.ts +0 -2
- package/dist/components/ui/Tab/302/265/index.js +0 -10
- package/dist/components/ui/Tab/302/265/styles.d.ts +0 -0
- package/dist/components/ui/Tab/302/265/styles.js +0 -1
- package/dist/components/ui/Tab/302/265/types.d.ts +0 -8
- package/dist/components/ui/Tab/302/265/types.js +0 -2
- package/dist/components/ui/ToastNotification.d.ts +0 -14
- package/dist/components/ui/ToastNotification.js +0 -78
- package/dist/helpers/responsive.d.ts +0 -37
- package/dist/helpers/responsive.js +0 -57
- package/dist/helpers/styled/index.d.ts +0 -1
- package/dist/helpers/styled/space.d.ts +0 -23
- package/dist/helpers/styled/space.js +0 -56
- package/dist/hooks/useContainerMediaQuery.d.ts +0 -17
- package/dist/hooks/useContainerMediaQuery.js +0 -10
- package/dist/hooks/useMediaQuery.d.ts +0 -17
- package/dist/hooks/useMediaQuery.js +0 -11
- package/dist/hooks/useMediaQueryForWidth.d.ts +0 -17
- package/dist/hooks/useMediaQueryForWidth.js +0 -26
- package/dist/hooks/useMutableState.d.ts +0 -2
- package/dist/hooks/useMutableState.js +0 -16
- package/dist/hooks/useShowArchived.d.ts +0 -6
- package/dist/hooks/useShowArchived.js +0 -21
- package/dist/poppins-700.woff2 +0 -0
- package/dist/providers/ThemeProvider/helpers.d.ts +0 -8
- package/dist/providers/ThemeProvider/helpers.js +0 -53
- package/dist/providers/TrackingProvider/hooks.d.ts +0 -1
- package/dist/providers/TrackingProvider/hooks.js +0 -15
- package/dist/providers/TrackingProvider/index.d.ts +0 -8
- package/dist/providers/TrackingProvider/index.js +0 -41
- package/dist/services/requests/generic.d.ts +0 -29
- package/dist/services/requests/generic.js +0 -29
- package/dist/services/requests/tracking.d.ts +0 -18
- package/dist/services/requests/tracking.js +0 -8
- package/dist/services/smartQueries.d.ts +0 -51
- package/dist/services/smartQueries.js +0 -10
- package/dist/services/smartRequests.d.ts +0 -0
- package/dist/services/smartRequests.js +0 -1
- package/dist/services/types/generic.d.ts +0 -44
- package/dist/services/types/generic.js +0 -79
- package/dist/services/types/tracking.d.ts +0 -24
- package/dist/services/types/tracking.js +0 -47
- package/dist/services/updateSqlRequests.d.ts +0 -24
- package/dist/services/updateSqlRequests.js +0 -7
- package/src/components/ui/Tab/index.tsx +0 -35
- /package/dist/components/{ui/Tab → data/AdvancedRequestDataGrid}/types.js +0 -0
|
@@ -20,7 +20,7 @@ exports.QuickSearchResultsListContainer = styled_components_1.default.div.attrs(
|
|
|
20
20
|
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n padding: var(--space-2);\n border-right: 1px solid var(--color-neutral-200);\n flex: 1;\n overflow: auto;\n"], ["\n display: flex;\n flex-direction: column;\n padding: var(--space-2);\n border-right: 1px solid var(--color-neutral-200);\n flex: 1;\n overflow: auto;\n"])));
|
|
21
21
|
exports.QuickSearchResultsTitle = styled_components_1.default.div.attrs({
|
|
22
22
|
className: 'QuickSearchResultsTitle',
|
|
23
|
-
})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0;\n margin-bottom: var(--space-1);\n &:not(:first-child) {\n margin-top: var(--space-2);\n }\n font-weight: bold;\n font-size: var(--text-sm);\n text-transform: uppercase;\n letter-spacing:
|
|
23
|
+
})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n margin: 0;\n margin-bottom: var(--space-1);\n &:not(:first-child) {\n margin-top: var(--space-2);\n }\n font-weight: bold;\n font-size: var(--text-sm);\n text-transform: uppercase;\n letter-spacing: 120%;\n color: var(--color-neutral-500);\n"], ["\n margin: 0;\n margin-bottom: var(--space-1);\n &:not(:first-child) {\n margin-top: var(--space-2);\n }\n font-weight: bold;\n font-size: var(--text-sm);\n text-transform: uppercase;\n letter-spacing: 120%;\n color: var(--color-neutral-500);\n"])));
|
|
24
24
|
exports.QuickSearchResultsItem = styled_components_1.default.div.attrs({
|
|
25
25
|
className: 'QuickSearchResultsItem',
|
|
26
26
|
})(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: var(--space-2) var(--space-3);\n cursor: pointer;\n border-radius: 4px;\n &:hover {\n background-color: var(--color-neutral-100);\n }\n"], ["\n padding: var(--space-2) var(--space-3);\n cursor: pointer;\n border-radius: 4px;\n &:hover {\n background-color: var(--color-neutral-100);\n }\n"])));
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { FC, ReactNode } from 'react';
|
|
2
|
-
import { ConditionDTO, OrderByDTO } from '../../services';
|
|
3
2
|
export type SearchTypeDefinition<T> = {
|
|
4
3
|
title: string;
|
|
5
|
-
orderBy?: OrderByDTO[];
|
|
6
|
-
conditions?: ConditionDTO[];
|
|
7
4
|
quickRenderer: (result: T, term: string) => ReactNode;
|
|
8
5
|
titleRenderer: (result: T, term: string) => ReactNode;
|
|
9
6
|
detailsRenderer: (result: T, term: string) => ReactNode;
|
|
@@ -11,7 +11,7 @@ exports.CardFooter = exports.CardHeader = exports.CardContainer = void 0;
|
|
|
11
11
|
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
12
|
exports.CardContainer = styled_components_1.default.div.attrs({
|
|
13
13
|
className: 'CardContainer',
|
|
14
|
-
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n background-color: var(--color-
|
|
14
|
+
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n background-color: var(--color-white);\n border-radius: var(--rounded-md);\n box-shadow: var(--shadow-md);\n padding: var(--space-4);\n border: 1px solid var(--color-neutral-100);\n"], ["\n display: flex;\n flex-direction: column;\n background-color: var(--color-white);\n border-radius: var(--rounded-md);\n box-shadow: var(--shadow-md);\n padding: var(--space-4);\n border: 1px solid var(--color-neutral-100);\n"])));
|
|
15
15
|
exports.CardHeader = styled_components_1.default.div.attrs({
|
|
16
16
|
className: 'CardHeader',
|
|
17
17
|
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding-bottom: var(--space-2);\n border-bottom: 1px solid var(--color-neutral-200);\n margin-bottom: var(--space-2);\n gap: var(--space-2);\n"], ["\n display: flex;\n flex-direction: row;\n align-items: center;\n padding-bottom: var(--space-2);\n border-bottom: 1px solid var(--color-neutral-200);\n margin-bottom: var(--space-2);\n gap: var(--space-2);\n"])));
|
|
@@ -14,10 +14,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./Avatar"), exports);
|
|
18
17
|
__exportStar(require("./Card"), exports);
|
|
19
18
|
__exportStar(require("./ContextMenu"), exports);
|
|
20
|
-
__exportStar(require("./Ellipsis"), exports);
|
|
21
|
-
__exportStar(require("./Label"), exports);
|
|
22
19
|
__exportStar(require("./Message"), exports);
|
|
23
|
-
__exportStar(require("./Tab"), exports);
|
package/dist/helpers/index.d.ts
CHANGED
package/dist/helpers/index.js
CHANGED
|
@@ -17,5 +17,3 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
__exportStar(require("./dates"), exports);
|
|
18
18
|
__exportStar(require("./numbers"), exports);
|
|
19
19
|
__exportStar(require("./text"), exports);
|
|
20
|
-
__exportStar(require("./responsive"), exports);
|
|
21
|
-
__exportStar(require("./styled"), exports);
|
|
@@ -2,6 +2,3 @@ export declare const formatMoney: (number: number, decimals?: number, currency?:
|
|
|
2
2
|
export declare const formatPercentage: (number: number, decimals?: number) => string;
|
|
3
3
|
export declare const formatNumber: (number: number, decimals?: number) => string;
|
|
4
4
|
export declare const formatNumberInvariant: (number: number, decimals?: number) => string;
|
|
5
|
-
export declare const decimalSeparator: string;
|
|
6
|
-
export declare const parseNumber: (value: string) => number;
|
|
7
|
-
export declare const getCurrencySymbol: (currency: string) => (string | undefined)[];
|
package/dist/helpers/numbers.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
3
|
+
exports.formatNumberInvariant = exports.formatNumber = exports.formatPercentage = exports.formatMoney = void 0;
|
|
4
4
|
var formatMoney = function (number, decimals, currency) {
|
|
5
5
|
if (decimals === void 0) { decimals = 2; }
|
|
6
6
|
if (currency === void 0) { currency = 'EUR'; }
|
|
@@ -9,7 +9,6 @@ var formatMoney = function (number, decimals, currency) {
|
|
|
9
9
|
currency: currency,
|
|
10
10
|
minimumFractionDigits: decimals,
|
|
11
11
|
maximumFractionDigits: decimals,
|
|
12
|
-
currencyDisplay: 'narrowSymbol',
|
|
13
12
|
}).format(number);
|
|
14
13
|
};
|
|
15
14
|
exports.formatMoney = formatMoney;
|
|
@@ -38,34 +37,3 @@ var formatNumberInvariant = function (number, decimals) {
|
|
|
38
37
|
}).format(number);
|
|
39
38
|
};
|
|
40
39
|
exports.formatNumberInvariant = formatNumberInvariant;
|
|
41
|
-
var getDecimalSeparator = function () {
|
|
42
|
-
var numberWithDecimal = 1.1; // A number with a decimal point
|
|
43
|
-
var formattedNumber = new Intl.NumberFormat().format(numberWithDecimal);
|
|
44
|
-
return formattedNumber.replace(/\d/g, ''); // Remove all digits to isolate the separator
|
|
45
|
-
};
|
|
46
|
-
exports.decimalSeparator = getDecimalSeparator();
|
|
47
|
-
var parseNumber = function (value) {
|
|
48
|
-
var number = value
|
|
49
|
-
.replace(new RegExp("[^\\d".concat(exports.decimalSeparator, "]"), 'g'), '')
|
|
50
|
-
.replace(exports.decimalSeparator, '.');
|
|
51
|
-
return parseFloat(number);
|
|
52
|
-
};
|
|
53
|
-
exports.parseNumber = parseNumber;
|
|
54
|
-
var getCurrencySymbol = function (currency) {
|
|
55
|
-
var _a;
|
|
56
|
-
var formatter = new Intl.NumberFormat(navigator.language, {
|
|
57
|
-
style: 'currency',
|
|
58
|
-
currency: currency,
|
|
59
|
-
minimumFractionDigits: 0,
|
|
60
|
-
maximumFractionDigits: 0,
|
|
61
|
-
currencyDisplay: 'narrowSymbol',
|
|
62
|
-
});
|
|
63
|
-
// Format a number and extract the currency symbol
|
|
64
|
-
var parts = formatter.formatToParts(1);
|
|
65
|
-
var currencySymbol = (_a = parts.find(function (part) { return part.type === 'currency'; })) === null || _a === void 0 ? void 0 : _a.value;
|
|
66
|
-
// Determine if the currency symbol is a prefix or suffix
|
|
67
|
-
var isPrefix = parts.findIndex(function (part) { return part.type === 'currency'; }) <
|
|
68
|
-
parts.findIndex(function (part) { return part.type === 'integer'; });
|
|
69
|
-
return isPrefix ? [currencySymbol, undefined] : [undefined, currencySymbol];
|
|
70
|
-
};
|
|
71
|
-
exports.getCurrencySymbol = getCurrencySymbol;
|
package/dist/hooks/index.d.ts
CHANGED
package/dist/hooks/index.js
CHANGED
|
@@ -15,9 +15,4 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
17
|
__exportStar(require("./useElementSize"), exports);
|
|
18
|
-
__exportStar(require("./useShowArchived"), exports);
|
|
19
18
|
__exportStar(require("./useWindowSize"), exports);
|
|
20
|
-
__exportStar(require("./useMediaQuery"), exports);
|
|
21
|
-
__exportStar(require("./useContainerMediaQuery"), exports);
|
|
22
|
-
__exportStar(require("./useMediaQueryForWidth"), exports);
|
|
23
|
-
__exportStar(require("./useMutableState"), exports);
|
package/dist/index.d.ts
CHANGED
package/dist/index.js
CHANGED
|
@@ -19,5 +19,4 @@ __exportStar(require("./providers"), exports);
|
|
|
19
19
|
__exportStar(require("./Icons"), exports);
|
|
20
20
|
__exportStar(require("./config"), exports);
|
|
21
21
|
__exportStar(require("./helpers"), exports);
|
|
22
|
-
__exportStar(require("./hooks"), exports);
|
|
23
22
|
__exportStar(require("./services"), exports);
|
|
@@ -53,7 +53,6 @@ var react_1 = require("react");
|
|
|
53
53
|
var services_1 = require("../../services");
|
|
54
54
|
var helpers_1 = require("./helpers");
|
|
55
55
|
exports.AuthenticationContext = (0, react_1.createContext)({
|
|
56
|
-
status: undefined,
|
|
57
56
|
authenticate: function () { },
|
|
58
57
|
isAuthenticated: false,
|
|
59
58
|
login: function () { return __awaiter(void 0, void 0, void 0, function () { return __generator(this, function (_a) {
|
|
@@ -79,24 +78,18 @@ var AuthenticationProvider = function (_a) {
|
|
|
79
78
|
var _b, _c;
|
|
80
79
|
var permissions = _a.permissions, LoginComponent = _a.loginComponent, children = _a.children, requestHandlerName = _a.requestHandlerName;
|
|
81
80
|
var allPermissions = (0, react_1.useMemo)(function () { return (__assign(__assign({}, helpers_1.basePermissions), permissions)); }, [permissions]);
|
|
82
|
-
var _d = (0, react_1.useState)(false),
|
|
83
|
-
var _e = (0, react_1.useState)(
|
|
84
|
-
var _f = (0, react_1.useState)(
|
|
85
|
-
var _g = (0, react_1.useState)(undefined), user = _g[0], setUser = _g[1];
|
|
86
|
-
var _h = (0, react_1.useState)(undefined), status = _h[0], setStatus = _h[1];
|
|
81
|
+
var _d = (0, react_1.useState)(false), setWebSocketStatus = _d[1];
|
|
82
|
+
var _e = (0, react_1.useState)(sessionStorage.getItem('authToken') || undefined), token = _e[0], setToken = _e[1];
|
|
83
|
+
var _f = (0, react_1.useState)(undefined), user = _f[0], setUser = _f[1];
|
|
87
84
|
var sendAuthenticateRequest = (0, services_1.useAuthenticateRequestHandler)(requestHandlerName);
|
|
88
85
|
var sendLoginRequest = (0, services_1.useLoginRequestHandler)();
|
|
89
86
|
var sendLogoutRequest = (0, services_1.useLogoutRequestHandler)();
|
|
90
87
|
var sendSendRecoveryKeyRequest = (0, services_1.useSendRecoveryKeyRequestHandler)();
|
|
91
88
|
var sendCheckRecoveryKeyRequest = (0, services_1.useCheckRecoveryKeyRequestHandler)();
|
|
92
89
|
var sendResetPasswordRequest = (0, services_1.useResetPasswordRequestHandler)();
|
|
93
|
-
var authenticate = (0, react_1.useCallback)(function (
|
|
94
|
-
if (
|
|
95
|
-
if (token && (!user || force) && !isLoading) {
|
|
96
|
-
setIsLoading(true);
|
|
90
|
+
var authenticate = (0, react_1.useCallback)(function () {
|
|
91
|
+
if (token && !user) {
|
|
97
92
|
sendAuthenticateRequest({ token: token }).then(function (response) {
|
|
98
|
-
setIsLoading(false);
|
|
99
|
-
setStatus(response.status);
|
|
100
93
|
if (response.status === 0 && response.user) {
|
|
101
94
|
setUser(response.user);
|
|
102
95
|
}
|
|
@@ -105,12 +98,11 @@ var AuthenticationProvider = function (_a) {
|
|
|
105
98
|
setUser(undefined);
|
|
106
99
|
}
|
|
107
100
|
}, function () {
|
|
108
|
-
setIsLoading(false);
|
|
109
101
|
setToken(undefined);
|
|
110
102
|
setUser(undefined);
|
|
111
103
|
});
|
|
112
104
|
}
|
|
113
|
-
}, [
|
|
105
|
+
}, [sendAuthenticateRequest, token, user]);
|
|
114
106
|
(0, react_1.useEffect)(function () {
|
|
115
107
|
if (token) {
|
|
116
108
|
sessionStorage.setItem('authToken', token);
|
|
@@ -120,16 +112,10 @@ var AuthenticationProvider = function (_a) {
|
|
|
120
112
|
sessionStorage.removeItem('authToken');
|
|
121
113
|
}
|
|
122
114
|
}, [authenticate, token]);
|
|
123
|
-
var _j = (0, react_1.useState)(false), networkStatus = _j[0], setNetworkStatus = _j[1];
|
|
124
115
|
var login = (0, react_1.useCallback)(function (username, password) { return __awaiter(void 0, void 0, void 0, function () {
|
|
125
116
|
return __generator(this, function (_a) {
|
|
126
|
-
if (isLoading) {
|
|
127
|
-
throw new Error('Already loading');
|
|
128
|
-
}
|
|
129
|
-
setIsLoading(true);
|
|
130
117
|
return [2 /*return*/, sendLoginRequest({ username: username, password: password })
|
|
131
118
|
.then(function (response) {
|
|
132
|
-
setIsLoading(false);
|
|
133
119
|
if (response.status === 0 && response.user) {
|
|
134
120
|
setToken(response.token);
|
|
135
121
|
setUser(response.user);
|
|
@@ -138,13 +124,12 @@ var AuthenticationProvider = function (_a) {
|
|
|
138
124
|
throw new Error("Login failed with status ".concat(response.status));
|
|
139
125
|
})
|
|
140
126
|
.catch(function () {
|
|
141
|
-
setIsLoading(false);
|
|
142
127
|
setToken(undefined);
|
|
143
128
|
setUser(undefined);
|
|
144
129
|
return false;
|
|
145
130
|
})];
|
|
146
131
|
});
|
|
147
|
-
}); }, [
|
|
132
|
+
}); }, [sendLoginRequest]);
|
|
148
133
|
var logout = (0, react_1.useCallback)(function () { return __awaiter(void 0, void 0, void 0, function () {
|
|
149
134
|
return __generator(this, function (_a) {
|
|
150
135
|
return [2 /*return*/, sendLogoutRequest({})
|
|
@@ -154,7 +139,6 @@ var AuthenticationProvider = function (_a) {
|
|
|
154
139
|
.finally(function () {
|
|
155
140
|
setToken(undefined);
|
|
156
141
|
setUser(undefined);
|
|
157
|
-
setStatus(undefined);
|
|
158
142
|
})];
|
|
159
143
|
});
|
|
160
144
|
}); }, [sendLogoutRequest]);
|
|
@@ -194,33 +178,7 @@ var AuthenticationProvider = function (_a) {
|
|
|
194
178
|
(_b = user === null || user === void 0 ? void 0 : user.profile) === null || _b === void 0 ? void 0 : _b.isAdmin,
|
|
195
179
|
(_c = user === null || user === void 0 ? void 0 : user.profile) === null || _c === void 0 ? void 0 : _c.permissions,
|
|
196
180
|
]);
|
|
197
|
-
var webSocketStatusChanged = (0, react_1.useCallback)(function (status) {
|
|
198
|
-
if (!networkStatus && status) {
|
|
199
|
-
authenticate(true);
|
|
200
|
-
}
|
|
201
|
-
setNetworkStatus(status);
|
|
202
|
-
}, [authenticate, networkStatus]);
|
|
203
|
-
var webSocketErrorReceived = (0, react_1.useCallback)(function (_a) {
|
|
204
|
-
var status = _a.status;
|
|
205
|
-
// Handle logout when NotAuthenticated error is received
|
|
206
|
-
if (status === -4) {
|
|
207
|
-
logout();
|
|
208
|
-
}
|
|
209
|
-
}, [logout]);
|
|
210
|
-
(0, react_1.useEffect)(function () {
|
|
211
|
-
var subscription = services_1.WebSocketService.getInstance().status$.subscribe(webSocketStatusChanged);
|
|
212
|
-
return function () {
|
|
213
|
-
subscription.unsubscribe();
|
|
214
|
-
};
|
|
215
|
-
}, [webSocketStatusChanged]);
|
|
216
|
-
(0, react_1.useEffect)(function () {
|
|
217
|
-
var subscription = services_1.WebSocketService.getInstance().error$.subscribe(webSocketErrorReceived);
|
|
218
|
-
return function () {
|
|
219
|
-
subscription.unsubscribe();
|
|
220
|
-
};
|
|
221
|
-
}, [webSocketErrorReceived]);
|
|
222
181
|
var contextValue = (0, react_1.useMemo)(function () { return ({
|
|
223
|
-
status: status,
|
|
224
182
|
token: token,
|
|
225
183
|
user: user,
|
|
226
184
|
isAuthenticated: !!user,
|
|
@@ -234,24 +192,24 @@ var AuthenticationProvider = function (_a) {
|
|
|
234
192
|
hasPermission: hasPermission,
|
|
235
193
|
setToken: setToken,
|
|
236
194
|
}); }, [
|
|
237
|
-
|
|
238
|
-
token,
|
|
239
|
-
user,
|
|
195
|
+
allPermissions,
|
|
240
196
|
authenticate,
|
|
197
|
+
checkRecoveryKey,
|
|
198
|
+
hasPermission,
|
|
241
199
|
login,
|
|
242
200
|
logout,
|
|
243
|
-
sendRecoveryKey,
|
|
244
|
-
checkRecoveryKey,
|
|
245
201
|
resetPassword,
|
|
246
|
-
|
|
247
|
-
|
|
202
|
+
sendRecoveryKey,
|
|
203
|
+
token,
|
|
204
|
+
user,
|
|
205
|
+
setToken,
|
|
248
206
|
]);
|
|
249
207
|
(0, react_1.useEffect)(function () {
|
|
250
208
|
var _a;
|
|
251
209
|
var subscription = (_a = services_1.WebSocketService.getInstance()) === null || _a === void 0 ? void 0 : _a.status$.subscribe(function (newStatus) {
|
|
252
210
|
setWebSocketStatus(function (previousStatus) {
|
|
253
211
|
if (!previousStatus && newStatus) {
|
|
254
|
-
authenticate(
|
|
212
|
+
authenticate();
|
|
255
213
|
}
|
|
256
214
|
return newStatus;
|
|
257
215
|
});
|
|
@@ -17,5 +17,5 @@ exports.PortalsWrapper = styled_components_1.default.div.attrs({
|
|
|
17
17
|
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: 0;\n height: 0;\n"], ["\n width: 0;\n height: 0;\n"])));
|
|
18
18
|
exports.PortalContainer = styled_components_1.default.div.attrs({
|
|
19
19
|
className: 'PortalContainer',
|
|
20
|
-
})(templateObject_3 || (templateObject_3 = __makeTemplateObject(["
|
|
20
|
+
})(templateObject_3 || (templateObject_3 = __makeTemplateObject([""], [""])));
|
|
21
21
|
var templateObject_1, templateObject_2, templateObject_3;
|
|
@@ -376,12 +376,6 @@ exports.defaultTheme = {
|
|
|
376
376
|
'32': '8rem',
|
|
377
377
|
'40': '10rem',
|
|
378
378
|
'48': '12rem',
|
|
379
|
-
'56': '14rem',
|
|
380
|
-
'64': '16rem',
|
|
381
|
-
'72': '18rem',
|
|
382
|
-
'80': '20rem',
|
|
383
|
-
'96': '24rem',
|
|
384
|
-
'128': '32rem',
|
|
385
379
|
},
|
|
386
380
|
sizes: {
|
|
387
381
|
'0': '0',
|
|
@@ -396,19 +390,12 @@ exports.defaultTheme = {
|
|
|
396
390
|
'8': '2rem',
|
|
397
391
|
'10': '2.5rem',
|
|
398
392
|
'12': '3rem',
|
|
399
|
-
'14': '3.5rem',
|
|
400
393
|
'16': '4rem',
|
|
401
394
|
'20': '5rem',
|
|
402
395
|
'24': '6rem',
|
|
403
396
|
'32': '8rem',
|
|
404
397
|
'40': '10rem',
|
|
405
398
|
'48': '12rem',
|
|
406
|
-
'56': '14rem',
|
|
407
|
-
'64': '16rem',
|
|
408
|
-
'72': '18rem',
|
|
409
|
-
'80': '20rem',
|
|
410
|
-
'96': '24rem',
|
|
411
|
-
'128': '32rem',
|
|
412
399
|
},
|
|
413
400
|
rounded: {
|
|
414
401
|
none: '0',
|
|
@@ -5,11 +5,10 @@ export type ThemeRawColor = 'slate' | 'gray' | 'zinc' | 'neutral' | 'stone' | 'r
|
|
|
5
5
|
export type ThemePredefinedColor = 'primary' | 'secondary' | 'neutral' | 'success' | 'warning' | 'danger' | 'info';
|
|
6
6
|
export type ThemeColor = ThemeRawColor | ThemePredefinedColor;
|
|
7
7
|
export type ThemeColorReference = ThemeColor | ThemeColorDefinition;
|
|
8
|
-
export type ThemeColorWithIntensity = `${ThemeColor}-${ThemeColorIntensity}`;
|
|
9
8
|
export type ThemeTextSize = 'xs' | 'sm' | 'base' | 'lg' | 'xl' | '2xl' | '3xl' | '4xl' | '5xl' | '6xl';
|
|
10
9
|
export type ThemeFontFamily = 'sans' | 'serif' | 'mono';
|
|
11
10
|
export type ThemeFontWeight = 'light' | 'normal' | 'bold';
|
|
12
|
-
export type ThemeSpace = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '
|
|
11
|
+
export type ThemeSpace = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48';
|
|
13
12
|
export type ThemeSize = '0' | '0_5' | '1' | '1_5' | '2' | '3' | '4' | '5' | '6' | '8' | '10' | '12' | '16' | '20' | '24' | '32' | '40' | '48';
|
|
14
13
|
export type ThemeRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl' | 'full';
|
|
15
14
|
export type ThemeShadow = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
|
|
@@ -32,7 +32,6 @@ var react_1 = require("react");
|
|
|
32
32
|
var PortalsProvider_1 = require("../PortalsProvider");
|
|
33
33
|
var SettingsProvider_1 = require("../SettingsProvider");
|
|
34
34
|
var ThemeProvider_1 = require("../ThemeProvider/ThemeProvider");
|
|
35
|
-
var TrackingProvider_1 = require("../TrackingProvider");
|
|
36
35
|
var defaultTheme_1 = require("../ThemeProvider/defaultTheme");
|
|
37
36
|
exports.UiContext = (0, react_1.createContext)({
|
|
38
37
|
rootRect: new DOMRect(),
|
|
@@ -58,6 +57,6 @@ var UiProviders = function (_a) {
|
|
|
58
57
|
},
|
|
59
58
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
60
59
|
[rootRef.current]);
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { "$theme": defaultTheme_1.defaultTheme, "$darkMode": $darkMode, children: (0, jsx_runtime_1.jsx)(exports.UiContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(styles.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(SettingsProvider_1.SettingsProvider, { children: (0, jsx_runtime_1.jsx)(
|
|
60
|
+
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1.ThemeProvider, { "$theme": defaultTheme_1.defaultTheme, "$darkMode": $darkMode, children: (0, jsx_runtime_1.jsx)(exports.UiContext.Provider, { value: value, children: (0, jsx_runtime_1.jsx)(styles.Root, { ref: rootRef, children: (0, jsx_runtime_1.jsx)(SettingsProvider_1.SettingsProvider, { children: (0, jsx_runtime_1.jsx)(PortalsProvider_1.PortalsProvider, { children: children }) }) }) }) }));
|
|
62
61
|
};
|
|
63
62
|
exports.UiProviders = UiProviders;
|
package/dist/providers/index.js
CHANGED
|
@@ -17,7 +17,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
__exportStar(require("./AuthenticationProvider"), exports);
|
|
18
18
|
__exportStar(require("./PortalsProvider"), exports);
|
|
19
19
|
__exportStar(require("./ThemeProvider"), exports);
|
|
20
|
-
__exportStar(require("./TrackingProvider"), exports);
|
|
21
20
|
__exportStar(require("./UiProviders"), exports);
|
|
22
|
-
__exportStar(require("./TrackingProvider/hooks"), exports);
|
|
23
21
|
__exportStar(require("./hooks"), exports);
|
|
@@ -1,19 +1,11 @@
|
|
|
1
1
|
import { Config } from '../config';
|
|
2
2
|
import { Subject } from 'rxjs';
|
|
3
|
-
export declare class WebSocketError extends Error {
|
|
4
|
-
status: number;
|
|
5
|
-
constructor(status: number, message: string);
|
|
6
|
-
}
|
|
7
3
|
export declare class WebSocketService {
|
|
8
4
|
private static instance;
|
|
9
5
|
private config;
|
|
10
6
|
private socket;
|
|
11
7
|
status: boolean | undefined;
|
|
12
8
|
status$: Subject<boolean | undefined>;
|
|
13
|
-
error$: Subject<{
|
|
14
|
-
status: number;
|
|
15
|
-
message: string;
|
|
16
|
-
}>;
|
|
17
9
|
private queue;
|
|
18
10
|
private promises;
|
|
19
11
|
onOpen?: () => void;
|
|
@@ -1,40 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
|
3
|
-
var extendStatics = function (d, b) {
|
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
-
return extendStatics(d, b);
|
|
8
|
-
};
|
|
9
|
-
return function (d, b) {
|
|
10
|
-
if (typeof b !== "function" && b !== null)
|
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
-
extendStatics(d, b);
|
|
13
|
-
function __() { this.constructor = d; }
|
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
-
};
|
|
16
|
-
})();
|
|
17
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
-
exports.WebSocketService =
|
|
3
|
+
exports.WebSocketService = void 0;
|
|
19
4
|
var rxjs_1 = require("rxjs");
|
|
20
5
|
var uuid_1 = require("uuid");
|
|
21
|
-
var WebSocketError = /** @class */ (function (_super) {
|
|
22
|
-
__extends(WebSocketError, _super);
|
|
23
|
-
function WebSocketError(status, message) {
|
|
24
|
-
var _this = _super.call(this, message) || this;
|
|
25
|
-
_this.status = status;
|
|
26
|
-
_this.name = 'WebSocketError';
|
|
27
|
-
return _this;
|
|
28
|
-
}
|
|
29
|
-
return WebSocketError;
|
|
30
|
-
}(Error));
|
|
31
|
-
exports.WebSocketError = WebSocketError;
|
|
32
6
|
var WebSocketService = /** @class */ (function () {
|
|
33
7
|
function WebSocketService(config) {
|
|
34
8
|
this.socket = null;
|
|
35
9
|
this.status = undefined;
|
|
36
10
|
this.status$ = new rxjs_1.Subject();
|
|
37
|
-
this.error$ = new rxjs_1.Subject();
|
|
38
11
|
this.queue = [];
|
|
39
12
|
this.promises = {};
|
|
40
13
|
this.onOpen = function () { };
|
|
@@ -111,7 +84,6 @@ var WebSocketService = /** @class */ (function () {
|
|
|
111
84
|
var request = { id: id, name: name, data: data };
|
|
112
85
|
_this.promises[id] = { resolve: resolve, reject: reject };
|
|
113
86
|
if (!_this.socket || !_this.status) {
|
|
114
|
-
console.log('[WS] Queuing request:', request);
|
|
115
87
|
_this.queue.push(request);
|
|
116
88
|
return;
|
|
117
89
|
}
|
|
@@ -131,11 +103,7 @@ var WebSocketService = /** @class */ (function () {
|
|
|
131
103
|
console.log('[WS] Received response:', response);
|
|
132
104
|
if (typeof ((_a = response.data) === null || _a === void 0 ? void 0 : _a.status) === 'number' &&
|
|
133
105
|
response.data.status < 0) {
|
|
134
|
-
this.promises[response.id].reject(new
|
|
135
|
-
this.error$.next({
|
|
136
|
-
status: response.data.status,
|
|
137
|
-
message: response.data.message || 'Unknown error',
|
|
138
|
-
});
|
|
106
|
+
this.promises[response.id].reject(new Error(response.data.message));
|
|
139
107
|
}
|
|
140
108
|
else {
|
|
141
109
|
this.promises[response.id].resolve(response.data);
|
|
@@ -1,10 +1,6 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { OrderByDTO } from './sqlRequests';
|
|
1
|
+
import { SqlRequestRow } from './sqlRequests';
|
|
3
2
|
export type GlobalSearchRequestDTO = {
|
|
4
|
-
types:
|
|
5
|
-
conditions?: ConditionDTO[];
|
|
6
|
-
orderBy?: OrderByDTO[];
|
|
7
|
-
}>;
|
|
3
|
+
types: string[];
|
|
8
4
|
searchTerm: string;
|
|
9
5
|
limit?: number;
|
|
10
6
|
};
|
package/dist/services/hooks.d.ts
CHANGED
|
@@ -1,13 +1,3 @@
|
|
|
1
1
|
export declare const useLoadingRequestHandler: <TReq, TRes>(name: string) => ((data: TReq) => Promise<TRes>);
|
|
2
2
|
export declare const useWebSocketRequestHandler: <TReq, TRes>(name: string) => ((data: TReq) => Promise<TRes>);
|
|
3
3
|
export declare const useHttpRequestHandler: <TReq, TRes>(name: string) => ((data: TReq, files?: Record<string, File>) => Promise<TRes>);
|
|
4
|
-
export declare const useRequestState: <TReq, TRes>(name: string, loading?: boolean) => {
|
|
5
|
-
status: number | undefined;
|
|
6
|
-
isInitial: boolean;
|
|
7
|
-
isLoading: boolean;
|
|
8
|
-
isSuccess: boolean;
|
|
9
|
-
isError: boolean;
|
|
10
|
-
response: TRes | null;
|
|
11
|
-
sendRequest: (data: TReq) => Promise<TRes | undefined>;
|
|
12
|
-
reset: () => void;
|
|
13
|
-
};
|
package/dist/services/hooks.js
CHANGED
|
@@ -1,45 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
12
|
-
var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
|
|
13
|
-
return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
|
|
14
|
-
function verb(n) { return function (v) { return step([n, v]); }; }
|
|
15
|
-
function step(op) {
|
|
16
|
-
if (f) throw new TypeError("Generator is already executing.");
|
|
17
|
-
while (g && (g = 0, op[0] && (_ = 0)), _) try {
|
|
18
|
-
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;
|
|
19
|
-
if (y = 0, t) op = [op[0] & 2, t.value];
|
|
20
|
-
switch (op[0]) {
|
|
21
|
-
case 0: case 1: t = op; break;
|
|
22
|
-
case 4: _.label++; return { value: op[1], done: false };
|
|
23
|
-
case 5: _.label++; y = op[1]; op = [0]; continue;
|
|
24
|
-
case 7: op = _.ops.pop(); _.trys.pop(); continue;
|
|
25
|
-
default:
|
|
26
|
-
if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
|
|
27
|
-
if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
|
|
28
|
-
if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
|
|
29
|
-
if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
|
|
30
|
-
if (t[2]) _.ops.pop();
|
|
31
|
-
_.trys.pop(); continue;
|
|
32
|
-
}
|
|
33
|
-
op = body.call(thisArg, _);
|
|
34
|
-
} catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
|
|
35
|
-
if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
39
|
-
exports.
|
|
3
|
+
exports.useHttpRequestHandler = exports.useWebSocketRequestHandler = exports.useLoadingRequestHandler = void 0;
|
|
4
|
+
var HttpService_1 = require("./HttpService");
|
|
40
5
|
var WebSocketService_1 = require("./WebSocketService");
|
|
41
6
|
var react_1 = require("react");
|
|
42
|
-
var HttpService_1 = require("./HttpService");
|
|
43
7
|
var providers_1 = require("../providers");
|
|
44
8
|
var useLoadingRequestHandler = function (name) {
|
|
45
9
|
var _a = (0, providers_1.useLoading)(), startLoading = _a.startLoading, stopLoading = _a.stopLoading;
|
|
@@ -63,54 +27,3 @@ var useHttpRequestHandler = function (name) {
|
|
|
63
27
|
}, [name]);
|
|
64
28
|
};
|
|
65
29
|
exports.useHttpRequestHandler = useHttpRequestHandler;
|
|
66
|
-
var useRequestState = function (name, loading) {
|
|
67
|
-
if (loading === void 0) { loading = false; }
|
|
68
|
-
var _a = (0, react_1.useState)('initial'), state = _a[0], setState = _a[1];
|
|
69
|
-
var _b = (0, react_1.useState)(undefined), status = _b[0], setStatus = _b[1];
|
|
70
|
-
var _c = (0, react_1.useState)(null), response = _c[0], setResponse = _c[1];
|
|
71
|
-
var handleSendRequest = (0, exports.useWebSocketRequestHandler)(name);
|
|
72
|
-
var handleSendLoadingRequest = (0, exports.useLoadingRequestHandler)(name);
|
|
73
|
-
var sendRequest = (0, react_1.useCallback)(function (data) { return __awaiter(void 0, void 0, void 0, function () {
|
|
74
|
-
var res, error_1;
|
|
75
|
-
return __generator(this, function (_a) {
|
|
76
|
-
switch (_a.label) {
|
|
77
|
-
case 0:
|
|
78
|
-
setState('loading');
|
|
79
|
-
_a.label = 1;
|
|
80
|
-
case 1:
|
|
81
|
-
_a.trys.push([1, 3, , 4]);
|
|
82
|
-
return [4 /*yield*/, (loading
|
|
83
|
-
? handleSendLoadingRequest
|
|
84
|
-
: handleSendRequest)(data)];
|
|
85
|
-
case 2:
|
|
86
|
-
res = _a.sent();
|
|
87
|
-
setStatus(0);
|
|
88
|
-
setResponse(res);
|
|
89
|
-
setState('success');
|
|
90
|
-
return [2 /*return*/, res];
|
|
91
|
-
case 3:
|
|
92
|
-
error_1 = _a.sent();
|
|
93
|
-
setStatus(error_1 instanceof WebSocketService_1.WebSocketError ? error_1.status : -1);
|
|
94
|
-
setState('error');
|
|
95
|
-
return [3 /*break*/, 4];
|
|
96
|
-
case 4: return [2 /*return*/];
|
|
97
|
-
}
|
|
98
|
-
});
|
|
99
|
-
}); }, [handleSendLoadingRequest, handleSendRequest, loading]);
|
|
100
|
-
var reset = (0, react_1.useCallback)(function () {
|
|
101
|
-
setState('initial');
|
|
102
|
-
setStatus(undefined);
|
|
103
|
-
setResponse(null);
|
|
104
|
-
}, []);
|
|
105
|
-
return {
|
|
106
|
-
status: status,
|
|
107
|
-
isInitial: state === 'initial',
|
|
108
|
-
isLoading: state === 'loading',
|
|
109
|
-
isSuccess: state === 'success',
|
|
110
|
-
isError: state === 'error',
|
|
111
|
-
response: response,
|
|
112
|
-
sendRequest: sendRequest,
|
|
113
|
-
reset: reset,
|
|
114
|
-
};
|
|
115
|
-
};
|
|
116
|
-
exports.useRequestState = useRequestState;
|