@addev-be/ui 0.4.2 → 0.4.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/icons/arrow-down-1-9.svg +1 -1
- package/assets/icons/arrow-down-a-z.svg +1 -1
- package/assets/icons/arrow-up-z-a.svg +1 -1
- package/assets/icons/check.svg +1 -1
- package/assets/icons/circle-check.svg +1 -1
- package/assets/icons/down.svg +1 -1
- package/assets/icons/filter-full.svg +1 -1
- package/assets/icons/filter.svg +1 -1
- package/assets/icons/hashtag.svg +1 -1
- package/assets/icons/image-slash.svg +1 -1
- package/assets/icons/left.svg +1 -1
- package/assets/icons/magnifier.svg +1 -1
- package/assets/icons/phone.svg +1 -1
- package/assets/icons/right.svg +1 -1
- package/assets/icons/sort-calendar-ascending.svg +5 -5
- package/assets/icons/spinner-third.svg +1 -1
- package/assets/icons/table-columns.svg +1 -1
- package/assets/icons/table-footer-slash.svg +4 -4
- package/assets/icons/table-footer.svg +3 -3
- package/assets/icons/up.svg +1 -1
- package/assets/icons/user-tie.svg +1 -1
- package/assets/icons/x-bar.svg +3 -3
- package/package.json +1 -1
- package/src/Icons.tsx +116 -116
- package/src/components/auth/LoginForm.tsx +83 -83
- package/src/components/auth/LoginPage.tsx +32 -32
- package/src/components/auth/PasswordRecoveryForm.tsx +52 -52
- package/src/components/auth/PasswordResetForm.tsx +112 -112
- package/src/components/auth/index.ts +4 -4
- package/src/components/auth/styles.ts +14 -14
- package/src/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.ts +93 -93
- package/src/components/data/AdvancedRequestDataGrid/helpers/columns.tsx +262 -262
- package/src/components/data/AdvancedRequestDataGrid/helpers/index.ts +2 -2
- package/src/components/data/AdvancedRequestDataGrid/index.tsx +267 -267
- package/src/components/data/AdvancedRequestDataGrid/types.ts +47 -47
- package/src/components/data/DataGrid/DataGridCell.tsx +73 -73
- package/src/components/data/DataGrid/DataGridColumnsModal/helpers.ts +14 -14
- package/src/components/data/DataGrid/DataGridColumnsModal/hooks.tsx +59 -59
- package/src/components/data/DataGrid/DataGridColumnsModal/index.tsx +181 -181
- package/src/components/data/DataGrid/DataGridColumnsModal/styles.ts +104 -104
- package/src/components/data/DataGrid/DataGridEditableCell.tsx +43 -43
- package/src/components/data/DataGrid/DataGridFilterMenu/FilterValuesScroller.tsx +120 -120
- package/src/components/data/DataGrid/DataGridFilterMenu/hooks.tsx +75 -75
- package/src/components/data/DataGrid/DataGridFilterMenu/index.tsx +360 -360
- package/src/components/data/DataGrid/DataGridFilterMenu/styles.ts +96 -96
- package/src/components/data/DataGrid/DataGridFooter.tsx +42 -42
- package/src/components/data/DataGrid/DataGridHeader.tsx +126 -126
- package/src/components/data/DataGrid/DataGridHeaderCell.tsx +132 -132
- package/src/components/data/DataGrid/FilterModalContent/index.tsx +136 -136
- package/src/components/data/DataGrid/FilterModalContent/styles.ts +22 -22
- package/src/components/data/DataGrid/VirtualScroller.tsx +47 -47
- package/src/components/data/DataGrid/helpers/columns.tsx +295 -295
- package/src/components/data/DataGrid/helpers/filters.ts +287 -287
- package/src/components/data/DataGrid/helpers/index.ts +2 -2
- package/src/components/data/DataGrid/hooks/index.ts +30 -30
- package/src/components/data/DataGrid/hooks/useDataGrid.tsx +320 -320
- package/src/components/data/DataGrid/hooks/useDataGridCopy.ts +175 -175
- package/src/components/data/DataGrid/hooks/useDataGridSettings.ts +48 -48
- package/src/components/data/DataGrid/index.tsx +60 -60
- package/src/components/data/DataGrid/styles.ts +323 -323
- package/src/components/data/DataGrid/types.ts +276 -276
- package/src/components/data/SqlRequestDataGrid/helpers/columns.tsx +277 -277
- package/src/components/data/SqlRequestDataGrid/helpers/index.ts +2 -2
- package/src/components/data/SqlRequestDataGrid/helpers/sqlRequests.ts +16 -16
- package/src/components/data/SqlRequestDataGrid/index.tsx +347 -347
- package/src/components/data/SqlRequestDataGrid/types.ts +47 -47
- package/src/components/data/index.ts +8 -8
- package/src/components/forms/Button.tsx +99 -99
- package/src/components/forms/IconButton.tsx +56 -56
- package/src/components/forms/IndeterminateCheckbox.tsx +46 -46
- package/src/components/forms/Select.tsx +40 -40
- package/src/components/forms/VerticalLabel.tsx +20 -20
- package/src/components/forms/index.ts +5 -5
- package/src/components/forms/styles.ts +31 -31
- package/src/components/index.ts +6 -6
- package/src/components/layout/Dropdown/index.tsx +80 -80
- package/src/components/layout/Dropdown/styles.ts +45 -45
- package/src/components/layout/Loading/index.tsx +29 -29
- package/src/components/layout/Loading/styles.ts +29 -29
- package/src/components/layout/Modal/index.tsx +51 -51
- package/src/components/layout/Modal/styles.ts +110 -110
- package/src/components/layout/index.ts +3 -3
- package/src/components/search/HighlightedText.tsx +30 -30
- package/src/components/search/QuickSearchBar.tsx +80 -80
- package/src/components/search/QuickSearchResults.tsx +86 -86
- package/src/components/search/index.ts +5 -5
- package/src/components/search/styles.ts +79 -79
- package/src/components/search/types.ts +26 -26
- package/src/components/ui/Card/index.tsx +14 -14
- package/src/components/ui/Card/styles.ts +35 -35
- package/src/components/ui/ContextMenu/index.tsx +79 -79
- package/src/components/ui/ContextMenu/styles.ts +119 -119
- package/src/components/ui/Message/index.tsx +57 -57
- package/src/components/ui/Message/styles.ts +40 -40
- package/src/components/ui/index.ts +3 -3
- package/src/config/index.ts +14 -14
- package/src/helpers/dates.ts +9 -9
- package/src/helpers/getScrollbarSize.ts +14 -14
- package/src/helpers/index.ts +2 -2
- package/src/helpers/numbers.ts +26 -26
- package/src/hooks/index.ts +2 -2
- package/src/hooks/useElementSize.ts +24 -24
- package/src/hooks/useWindowSize.ts +20 -20
- package/src/index.ts +8 -8
- package/src/providers/AuthenticationProvider/index.tsx +199 -199
- package/src/providers/LoadingProvider/index.tsx +47 -47
- package/src/providers/PortalsProvider/index.tsx +54 -54
- package/src/providers/PortalsProvider/styles.ts +27 -27
- package/src/providers/SettingsProvider/index.tsx +70 -70
- package/src/providers/ThemeProvider/ThemeProvider.ts +63 -63
- package/src/providers/ThemeProvider/defaultTheme.ts +444 -444
- package/src/providers/ThemeProvider/index.ts +4 -4
- package/src/providers/ThemeProvider/types.ts +123 -123
- package/src/providers/UiProviders/index.tsx +65 -65
- package/src/providers/UiProviders/styles.ts +10 -10
- package/src/providers/hooks.ts +12 -12
- package/src/providers/index.ts +6 -6
- package/src/services/HttpService.ts +80 -80
- package/src/services/WebSocketService.ts +137 -137
- package/src/services/advancedRequests.ts +101 -101
- package/src/services/base.ts +31 -31
- package/src/services/globalSearch.ts +27 -27
- package/src/services/hooks.ts +40 -40
- package/src/services/index.ts +9 -9
- package/src/services/requests/auth.ts +44 -44
- package/src/services/sqlRequests.ts +110 -110
- package/src/services/types/auth.ts +131 -131
- package/src/services/types/base.ts +10 -10
- package/src/services/types/users.ts +20 -20
- package/src/styles/animations.scss +30 -30
- package/src/styles/index.scss +42 -42
- package/src/typings.d.ts +6 -6
- package/dist/Icons.d.ts +0 -43
- package/dist/Icons.js +0 -116
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.d.ts +0 -14
- package/dist/components/data/AdvancedRequestDataGrid/helpers/advancedRequests.js +0 -76
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.d.ts +0 -22
- package/dist/components/data/AdvancedRequestDataGrid/helpers/columns.js +0 -156
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.d.ts +0 -2
- package/dist/components/data/AdvancedRequestDataGrid/helpers/index.js +0 -18
- package/dist/components/data/AdvancedRequestDataGrid/index.d.ts +0 -2
- package/dist/components/data/AdvancedRequestDataGrid/index.js +0 -215
- package/dist/components/data/AdvancedRequestDataGrid/types.d.ts +0 -21
- package/dist/components/data/AdvancedRequestDataGrid/types.js +0 -2
- package/dist/components/data/DataGrid/AdvancedRequestDataGrid.d.ts +0 -10
- package/dist/components/data/DataGrid/AdvancedRequestDataGrid.js +0 -173
- package/dist/components/data/DataGrid/DataGridCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridCell.js +0 -59
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridColumnsModal/helpers.js +0 -24
- package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.d.ts +0 -6
- package/dist/components/data/DataGrid/DataGridColumnsModal/hooks.js +0 -38
- package/dist/components/data/DataGrid/DataGridColumnsModal/index.d.ts +0 -15
- package/dist/components/data/DataGrid/DataGridColumnsModal/index.js +0 -111
- package/dist/components/data/DataGrid/DataGridColumnsModal/styles.d.ts +0 -22
- package/dist/components/data/DataGrid/DataGridColumnsModal/styles.js +0 -54
- package/dist/components/data/DataGrid/DataGridEditableCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridEditableCell.js +0 -27
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.d.ts +0 -9
- package/dist/components/data/DataGrid/DataGridFilterMenu/hooks.js +0 -52
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.d.ts +0 -9
- package/dist/components/data/DataGrid/DataGridFilterMenu/index.js +0 -220
- package/dist/components/data/DataGrid/DataGridFilterMenu/styles.d.ts +0 -9
- package/dist/components/data/DataGrid/DataGridFilterMenu/styles.js +0 -21
- package/dist/components/data/DataGrid/DataGridFooter.d.ts +0 -4
- package/dist/components/data/DataGrid/DataGridFooter.js +0 -44
- package/dist/components/data/DataGrid/DataGridHeader.d.ts +0 -4
- package/dist/components/data/DataGrid/DataGridHeader.js +0 -119
- package/dist/components/data/DataGrid/DataGridHeaderCell.d.ts +0 -2
- package/dist/components/data/DataGrid/DataGridHeaderCell.js +0 -84
- package/dist/components/data/DataGrid/FilterModalContent/index.d.ts +0 -7
- package/dist/components/data/DataGrid/FilterModalContent/index.js +0 -108
- package/dist/components/data/DataGrid/FilterModalContent/styles.d.ts +0 -3
- package/dist/components/data/DataGrid/FilterModalContent/styles.js +0 -15
- package/dist/components/data/DataGrid/FilterValuesScroller.d.ts +0 -13
- package/dist/components/data/DataGrid/FilterValuesScroller.js +0 -73
- package/dist/components/data/DataGrid/VirtualScroller.d.ts +0 -11
- package/dist/components/data/DataGrid/VirtualScroller.js +0 -41
- package/dist/components/data/DataGrid/helpers/advancedRequests.d.ts +0 -12
- package/dist/components/data/DataGrid/helpers/advancedRequests.js +0 -53
- package/dist/components/data/DataGrid/helpers/columns.d.ts +0 -12
- package/dist/components/data/DataGrid/helpers/columns.js +0 -162
- package/dist/components/data/DataGrid/helpers/filters.d.ts +0 -17
- package/dist/components/data/DataGrid/helpers/filters.js +0 -254
- package/dist/components/data/DataGrid/helpers/index.d.ts +0 -2
- package/dist/components/data/DataGrid/helpers/index.js +0 -18
- package/dist/components/data/DataGrid/helpers.d.ts +0 -28
- package/dist/components/data/DataGrid/helpers.js +0 -436
- package/dist/components/data/DataGrid/hooks/index.d.ts +0 -7
- package/dist/components/data/DataGrid/hooks/index.js +0 -34
- package/dist/components/data/DataGrid/hooks/useDataGrid.d.ts +0 -2
- package/dist/components/data/DataGrid/hooks/useDataGrid.js +0 -246
- package/dist/components/data/DataGrid/hooks/useDataGridCopy.d.ts +0 -4
- package/dist/components/data/DataGrid/hooks/useDataGridCopy.js +0 -171
- package/dist/components/data/DataGrid/hooks/useDataGridSettings.d.ts +0 -16
- package/dist/components/data/DataGrid/hooks/useDataGridSettings.js +0 -43
- package/dist/components/data/DataGrid/index.d.ts +0 -4
- package/dist/components/data/DataGrid/index.js +0 -108
- package/dist/components/data/DataGrid/styles.d.ts +0 -64
- package/dist/components/data/DataGrid/styles.js +0 -134
- package/dist/components/data/DataGrid/types.d.ts +0 -162
- package/dist/components/data/DataGrid/types.js +0 -34
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.d.ts +0 -16
- package/dist/components/data/SqlRequestDataGrid/helpers/columns.js +0 -125
- package/dist/components/data/SqlRequestDataGrid/helpers/index.d.ts +0 -2
- package/dist/components/data/SqlRequestDataGrid/helpers/index.js +0 -18
- package/dist/components/data/SqlRequestDataGrid/helpers/sqlRequests.d.ts +0 -3
- package/dist/components/data/SqlRequestDataGrid/helpers/sqlRequests.js +0 -18
- package/dist/components/data/SqlRequestDataGrid/index.d.ts +0 -2
- package/dist/components/data/SqlRequestDataGrid/index.js +0 -296
- package/dist/components/data/SqlRequestDataGrid/types.d.ts +0 -21
- package/dist/components/data/SqlRequestDataGrid/types.js +0 -2
- package/dist/components/data/index.d.ts +0 -8
- package/dist/components/data/index.js +0 -24
- package/dist/components/forms/Button.d.ts +0 -10
- package/dist/components/forms/Button.js +0 -70
- package/dist/components/forms/IconButton.d.ts +0 -7
- package/dist/components/forms/IconButton.js +0 -64
- package/dist/components/forms/IndeterminateCheckbox.d.ts +0 -8
- package/dist/components/forms/IndeterminateCheckbox.js +0 -41
- package/dist/components/forms/Select.d.ts +0 -10
- package/dist/components/forms/Select.js +0 -49
- package/dist/components/forms/index.d.ts +0 -5
- package/dist/components/forms/index.js +0 -23
- package/dist/components/forms/styles.d.ts +0 -2
- package/dist/components/forms/styles.js +0 -34
- package/dist/components/index.d.ts +0 -3
- package/dist/components/index.js +0 -19
- package/dist/components/layout/Dropdown/index.d.ts +0 -11
- package/dist/components/layout/Dropdown/index.js +0 -85
- package/dist/components/layout/Dropdown/styles.d.ts +0 -11
- package/dist/components/layout/Dropdown/styles.js +0 -45
- package/dist/components/layout/Loading/index.d.ts +0 -6
- package/dist/components/layout/Loading/index.js +0 -42
- package/dist/components/layout/Loading/styles.d.ts +0 -6
- package/dist/components/layout/Loading/styles.js +0 -18
- package/dist/components/layout/Modal/index.d.ts +0 -16
- package/dist/components/layout/Modal/index.js +0 -67
- package/dist/components/layout/Modal/styles.d.ts +0 -32
- package/dist/components/layout/Modal/styles.js +0 -52
- package/dist/components/layout/index.d.ts +0 -3
- package/dist/components/layout/index.js +0 -19
- package/dist/components/ui/ContextMenu/index.d.ts +0 -11
- package/dist/components/ui/ContextMenu/index.js +0 -58
- package/dist/components/ui/ContextMenu/styles.d.ts +0 -18
- package/dist/components/ui/ContextMenu/styles.js +0 -56
- package/dist/config/index.d.ts +0 -10
- package/dist/config/index.js +0 -2
- package/dist/config/types.d.ts +0 -11
- package/dist/config/types.js +0 -2
- package/dist/helpers/dates.d.ts +0 -2
- package/dist/helpers/dates.js +0 -13
- package/dist/helpers/getScrollbarSize.d.ts +0 -1
- package/dist/helpers/getScrollbarSize.js +0 -17
- package/dist/helpers/numbers.d.ts +0 -3
- package/dist/helpers/numbers.js +0 -31
- package/dist/hooks/index.d.ts +0 -2
- package/dist/hooks/index.js +0 -18
- package/dist/hooks/useElementSize.d.ts +0 -4
- package/dist/hooks/useElementSize.js +0 -23
- package/dist/hooks/useWindowSize.d.ts +0 -4
- package/dist/hooks/useWindowSize.js +0 -19
- package/dist/index.d.ts +0 -5
- package/dist/index.js +0 -21
- package/dist/providers/PortalsProvider/index.d.ts +0 -10
- package/dist/providers/PortalsProvider/index.js +0 -46
- package/dist/providers/PortalsProvider/styles.d.ts +0 -9
- package/dist/providers/PortalsProvider/styles.js +0 -21
- package/dist/providers/SettingsProvider/index.d.ts +0 -8
- package/dist/providers/SettingsProvider/index.js +0 -54
- package/dist/providers/ThemeProvider/ThemeProvider.d.ts +0 -7
- package/dist/providers/ThemeProvider/ThemeProvider.js +0 -51
- package/dist/providers/ThemeProvider/defaultTheme.d.ts +0 -2
- package/dist/providers/ThemeProvider/defaultTheme.js +0 -417
- package/dist/providers/ThemeProvider/index.d.ts +0 -2
- package/dist/providers/ThemeProvider/index.js +0 -5
- package/dist/providers/ThemeProvider/types.d.ts +0 -24
- package/dist/providers/ThemeProvider/types.js +0 -2
- package/dist/providers/UiProviders/index.d.ts +0 -12
- package/dist/providers/UiProviders/index.js +0 -62
- package/dist/providers/UiProviders/styles.d.ts +0 -3
- package/dist/providers/UiProviders/styles.js +0 -13
- package/dist/providers/hooks.d.ts +0 -3
- package/dist/providers/hooks.js +0 -13
- package/dist/providers/index.d.ts +0 -4
- package/dist/providers/index.js +0 -20
- package/dist/services/HttpService.d.ts +0 -10
- package/dist/services/HttpService.js +0 -117
- package/dist/services/WebSocketService.d.ts +0 -24
- package/dist/services/WebSocketService.js +0 -136
- package/dist/services/advancedRequests.d.ts +0 -41
- package/dist/services/advancedRequests.js +0 -13
- package/dist/services/base.d.ts +0 -19
- package/dist/services/base.js +0 -10
- package/dist/services/hooks.d.ts +0 -2
- package/dist/services/hooks.js +0 -18
- package/dist/services/index.d.ts +0 -2
- package/dist/services/index.js +0 -18
- package/dist/services/sqlRequests.d.ts +0 -45
- package/dist/services/sqlRequests.js +0 -11
- package/tsconfig.tsbuildinfo +0 -1
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
exports.Input = void 0;
|
|
18
|
-
__exportStar(require("./Button"), exports);
|
|
19
|
-
__exportStar(require("./Select"), exports);
|
|
20
|
-
__exportStar(require("./IconButton"), exports);
|
|
21
|
-
__exportStar(require("./IndeterminateCheckbox"), exports);
|
|
22
|
-
var styles_1 = require("./styles");
|
|
23
|
-
Object.defineProperty(exports, "Input", { enumerable: true, get: function () { return styles_1.Input; } });
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
export declare const inputStyle: import("styled-components").RuleSet<object>;
|
|
2
|
-
export declare const Input: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
-
}
|
|
12
|
-
Object.defineProperty(o, k2, desc);
|
|
13
|
-
}) : (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
o[k2] = m[k];
|
|
16
|
-
}));
|
|
17
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
-
}) : function(o, v) {
|
|
20
|
-
o["default"] = v;
|
|
21
|
-
});
|
|
22
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
|
-
if (mod && mod.__esModule) return mod;
|
|
24
|
-
var result = {};
|
|
25
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
26
|
-
__setModuleDefault(result, mod);
|
|
27
|
-
return result;
|
|
28
|
-
};
|
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
-
exports.Input = exports.inputStyle = void 0;
|
|
31
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
|
-
exports.inputStyle = (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 1px solid var(--color-gray-300);\n border-radius: var(--rounded-md);\n padding: var(--space-1);\n width: 100%;\n box-sizing: border-box;\n\n &:focus {\n outline: 2px solid var(--color-primary-500);\n }\n"], ["\n font-family: inherit;\n font-size: inherit;\n color: inherit;\n border: 1px solid var(--color-gray-300);\n border-radius: var(--rounded-md);\n padding: var(--space-1);\n width: 100%;\n box-sizing: border-box;\n\n &:focus {\n outline: 2px solid var(--color-primary-500);\n }\n"])));
|
|
33
|
-
exports.Input = styled_components_1.default.input(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), exports.inputStyle);
|
|
34
|
-
var templateObject_1, templateObject_2;
|
package/dist/components/index.js
DELETED
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./data"), exports);
|
|
18
|
-
__exportStar(require("./forms"), exports);
|
|
19
|
-
__exportStar(require("./layout"), exports);
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import * as styles from './styles';
|
|
2
|
-
import { CSSProperties, FC, PropsWithChildren } from 'react';
|
|
3
|
-
type DropdownProps = PropsWithChildren<styles.DropdownContainerProps & {
|
|
4
|
-
$sourceRect: DOMRect;
|
|
5
|
-
$autoPositionX?: boolean;
|
|
6
|
-
$autoPositionY?: boolean;
|
|
7
|
-
onClose?: () => void;
|
|
8
|
-
style?: CSSProperties;
|
|
9
|
-
}>;
|
|
10
|
-
export declare const Dropdown: FC<DropdownProps>;
|
|
11
|
-
export {};
|
|
@@ -1,85 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
exports.Dropdown = void 0;
|
|
49
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
50
|
-
var styles = __importStar(require("./styles"));
|
|
51
|
-
var react_1 = require("react");
|
|
52
|
-
var providers_1 = require("../../../providers");
|
|
53
|
-
var getDropdownStyle = function (dropdown) {
|
|
54
|
-
var minHeight = Array.isArray(dropdown.$height)
|
|
55
|
-
? dropdown.$height[0]
|
|
56
|
-
: dropdown.$height;
|
|
57
|
-
var maxHeight = Array.isArray(dropdown.$height)
|
|
58
|
-
? dropdown.$height[1]
|
|
59
|
-
: dropdown.$height;
|
|
60
|
-
var bottomSpace = document.body.scrollHeight - dropdown.$sourceRect.bottom;
|
|
61
|
-
var topSpace = dropdown.$sourceRect.top;
|
|
62
|
-
var isDropdownBelow = !dropdown.$autoPositionY ||
|
|
63
|
-
bottomSpace > topSpace ||
|
|
64
|
-
bottomSpace >= minHeight;
|
|
65
|
-
var height = Math.max(Math.min(maxHeight, isDropdownBelow ? bottomSpace : topSpace), minHeight);
|
|
66
|
-
var rightSpace = document.body.scrollWidth - dropdown.$sourceRect.right;
|
|
67
|
-
var leftSpace = dropdown.$sourceRect.left;
|
|
68
|
-
var isDropdownRight = !dropdown.$autoPositionX ||
|
|
69
|
-
rightSpace > leftSpace ||
|
|
70
|
-
rightSpace >= dropdown.$width;
|
|
71
|
-
var dropdownStyle = __assign(__assign(__assign(__assign({}, (isDropdownBelow
|
|
72
|
-
? { top: topSpace + dropdown.$sourceRect.height }
|
|
73
|
-
: { bottom: bottomSpace + dropdown.$sourceRect.height })), (isDropdownRight ? { left: leftSpace } : { right: rightSpace })), { width: dropdown.$width, height: height, minHeight: minHeight, maxHeight: maxHeight, boxSizing: 'border-box' }), dropdown.style);
|
|
74
|
-
return dropdownStyle;
|
|
75
|
-
};
|
|
76
|
-
var Dropdown = function (_a) {
|
|
77
|
-
var children = _a.children, onClose = _a.onClose, props = __rest(_a, ["children", "onClose"]);
|
|
78
|
-
var createPortal = (0, providers_1.usePortals)().createPortal;
|
|
79
|
-
var style = (0, react_1.useMemo)(function () { return getDropdownStyle(props); }, [props]);
|
|
80
|
-
var modalPortal = (0, react_1.useMemo)(function () {
|
|
81
|
-
return createPortal((0, jsx_runtime_1.jsx)(styles.DropdownBackdrop, { onClick: onClose, children: (0, jsx_runtime_1.jsx)(styles.DropdownContainer, __assign({}, props, { style: style, children: children })) }));
|
|
82
|
-
}, [children, createPortal, onClose, props, style]);
|
|
83
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: modalPortal });
|
|
84
|
-
};
|
|
85
|
-
exports.Dropdown = Dropdown;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
export declare const DropdownBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
-
}>, never>, never>> & string;
|
|
4
|
-
export type DropdownContainerProps = {
|
|
5
|
-
$width: number;
|
|
6
|
-
$height: number | number[];
|
|
7
|
-
$zIndex?: number;
|
|
8
|
-
};
|
|
9
|
-
export declare const DropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
10
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
11
|
-
}>, never>, DropdownContainerProps>> & string;
|
|
@@ -1,45 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
-
}
|
|
12
|
-
Object.defineProperty(o, k2, desc);
|
|
13
|
-
}) : (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
o[k2] = m[k];
|
|
16
|
-
}));
|
|
17
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
-
}) : function(o, v) {
|
|
20
|
-
o["default"] = v;
|
|
21
|
-
});
|
|
22
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
|
-
if (mod && mod.__esModule) return mod;
|
|
24
|
-
var result = {};
|
|
25
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
26
|
-
__setModuleDefault(result, mod);
|
|
27
|
-
return result;
|
|
28
|
-
};
|
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
-
exports.DropdownContainer = exports.DropdownBackdrop = void 0;
|
|
31
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
|
-
exports.DropdownBackdrop = styled_components_1.default.div.attrs({
|
|
33
|
-
className: 'DropdownBackdrop',
|
|
34
|
-
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n position: absolute;\n z-index: 1000;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
35
|
-
exports.DropdownContainer = styled_components_1.default.div.attrs({
|
|
36
|
-
className: 'DropdownContainer',
|
|
37
|
-
})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: var(--color-neutral-0);\n border-radius: var(--rounded-md);\n box-shadow: var(--shadow-lg);\n outline: 1px solid var(--color-neutral-200);\n\n position: absolute;\n z-index: 1001;\n ", ";\n ", "\n"], ["\n background: var(--color-neutral-0);\n border-radius: var(--rounded-md);\n box-shadow: var(--shadow-lg);\n outline: 1px solid var(--color-neutral-200);\n\n position: absolute;\n z-index: 1001;\n ", ";\n ", "\n"])), function (_a) {
|
|
38
|
-
var $width = _a.$width;
|
|
39
|
-
return ($width ? "".concat($width, "px") : 'auto');
|
|
40
|
-
}, function (_a) {
|
|
41
|
-
var $height = _a.$height;
|
|
42
|
-
return Array.isArray($height)
|
|
43
|
-
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n min-height: ", "px;\n max-height: ", "px;\n "], ["\n min-height: ", "px;\n max-height: ", "px;\n "])), $height[0], $height[1]) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), $height ? "".concat($height, "px") : 'auto');
|
|
44
|
-
});
|
|
45
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
|
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
-
}) : function(o, v) {
|
|
16
|
-
o["default"] = v;
|
|
17
|
-
});
|
|
18
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
-
if (mod && mod.__esModule) return mod;
|
|
20
|
-
var result = {};
|
|
21
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
-
__setModuleDefault(result, mod);
|
|
23
|
-
return result;
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.Loading = void 0;
|
|
27
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
28
|
-
var styles = __importStar(require("./styles"));
|
|
29
|
-
var react_1 = require("react");
|
|
30
|
-
var Icons_1 = require("../../../Icons");
|
|
31
|
-
var providers_1 = require("../../../providers");
|
|
32
|
-
var Loading = function (_a) {
|
|
33
|
-
var visible = _a.visible, children = _a.children;
|
|
34
|
-
var createPortal = (0, providers_1.usePortals)().createPortal;
|
|
35
|
-
var loadingPortal = (0, react_1.useMemo)(function () {
|
|
36
|
-
return visible
|
|
37
|
-
? createPortal((0, jsx_runtime_1.jsxs)(styles.LoadingBackdrop, { children: [(0, jsx_runtime_1.jsx)(Icons_1.LoadingIcon, {}), (0, jsx_runtime_1.jsx)(styles.LoadingContainer, { children: children || 'Loading ...' })] }))
|
|
38
|
-
: null;
|
|
39
|
-
}, [children, createPortal, visible]);
|
|
40
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: loadingPortal });
|
|
41
|
-
};
|
|
42
|
-
exports.Loading = Loading;
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
export declare const LoadingContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
-
}>, never>, never>> & string;
|
|
4
|
-
export declare const LoadingBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
5
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
6
|
-
}>, never>, never>> & string;
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
8
|
-
};
|
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
|
-
exports.LoadingBackdrop = exports.LoadingContainer = void 0;
|
|
11
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
12
|
-
exports.LoadingContainer = styled_components_1.default.div.attrs({
|
|
13
|
-
className: 'LoadingContent',
|
|
14
|
-
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n padding: var(--space-4);\n"], ["\n padding: var(--space-4);\n"])));
|
|
15
|
-
exports.LoadingBackdrop = styled_components_1.default.div.attrs({
|
|
16
|
-
className: 'LoadingBackdrop',
|
|
17
|
-
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n position: fixed;\n z-index: 1100;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: var(--color-gray-50);\n fill: var(--color-gray-50);\n & > svg {\n width: var(--space-8);\n height: var(--space-8);\n }\n"], ["\n position: fixed;\n z-index: 1100;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n color: var(--color-gray-50);\n fill: var(--color-gray-50);\n & > svg {\n width: var(--space-8);\n height: var(--space-8);\n }\n"])));
|
|
18
|
-
var templateObject_1, templateObject_2;
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import * as styles from './styles';
|
|
2
|
-
import { FC, PropsWithChildren } from 'react';
|
|
3
|
-
type ModalProps = PropsWithChildren<styles.ModalContainerProps & {
|
|
4
|
-
closeOnBackdropClick?: boolean;
|
|
5
|
-
onClose?: () => void;
|
|
6
|
-
}>;
|
|
7
|
-
type ModalFC = FC<ModalProps> & {
|
|
8
|
-
Header: typeof styles.ModalHeader;
|
|
9
|
-
Message: typeof styles.ModalMessage;
|
|
10
|
-
Content: typeof styles.ModalContent;
|
|
11
|
-
ContentWithIcon: typeof styles.ModalContentWithIcon;
|
|
12
|
-
Footer: typeof styles.ModalFooter;
|
|
13
|
-
Buttons: typeof styles.ModalButtons;
|
|
14
|
-
};
|
|
15
|
-
export declare const Modal: ModalFC;
|
|
16
|
-
export {};
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
16
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
17
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
18
|
-
}
|
|
19
|
-
Object.defineProperty(o, k2, desc);
|
|
20
|
-
}) : (function(o, m, k, k2) {
|
|
21
|
-
if (k2 === undefined) k2 = k;
|
|
22
|
-
o[k2] = m[k];
|
|
23
|
-
}));
|
|
24
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
25
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
26
|
-
}) : function(o, v) {
|
|
27
|
-
o["default"] = v;
|
|
28
|
-
});
|
|
29
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
30
|
-
if (mod && mod.__esModule) return mod;
|
|
31
|
-
var result = {};
|
|
32
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
33
|
-
__setModuleDefault(result, mod);
|
|
34
|
-
return result;
|
|
35
|
-
};
|
|
36
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
37
|
-
var t = {};
|
|
38
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
39
|
-
t[p] = s[p];
|
|
40
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
41
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
42
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
43
|
-
t[p[i]] = s[p[i]];
|
|
44
|
-
}
|
|
45
|
-
return t;
|
|
46
|
-
};
|
|
47
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
48
|
-
exports.Modal = void 0;
|
|
49
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
50
|
-
var styles = __importStar(require("./styles"));
|
|
51
|
-
var react_1 = require("react");
|
|
52
|
-
var providers_1 = require("../../../providers");
|
|
53
|
-
var Modal = function (_a) {
|
|
54
|
-
var children = _a.children, closeOnBackdropClick = _a.closeOnBackdropClick, onClose = _a.onClose, props = __rest(_a, ["children", "closeOnBackdropClick", "onClose"]);
|
|
55
|
-
var createPortal = (0, providers_1.usePortals)().createPortal;
|
|
56
|
-
var modalPortal = (0, react_1.useMemo)(function () {
|
|
57
|
-
return createPortal((0, jsx_runtime_1.jsx)(styles.ModalBackdrop, { onClick: closeOnBackdropClick ? onClose : undefined, children: (0, jsx_runtime_1.jsx)(styles.ModalContainer, __assign({}, props, { children: children })) }));
|
|
58
|
-
}, [children, closeOnBackdropClick, createPortal, onClose, props]);
|
|
59
|
-
return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: modalPortal });
|
|
60
|
-
};
|
|
61
|
-
exports.Modal = Modal;
|
|
62
|
-
exports.Modal.Header = styles.ModalHeader;
|
|
63
|
-
exports.Modal.Message = styles.ModalMessage;
|
|
64
|
-
exports.Modal.Content = styles.ModalContent;
|
|
65
|
-
exports.Modal.ContentWithIcon = styles.ModalContentWithIcon;
|
|
66
|
-
exports.Modal.Footer = styles.ModalFooter;
|
|
67
|
-
exports.Modal.Buttons = styles.ModalButtons;
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
export declare const ModalBackdrop: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
2
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
3
|
-
}>, never>, never>> & string;
|
|
4
|
-
export type ModalContainerProps = {
|
|
5
|
-
$width?: number;
|
|
6
|
-
$height?: number;
|
|
7
|
-
$zIndex?: number;
|
|
8
|
-
$fullscreen?: boolean;
|
|
9
|
-
};
|
|
10
|
-
export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
11
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
-
}>, never>, ModalContainerProps>> & string;
|
|
13
|
-
export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
14
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
|
-
}>, never>, never>> & string;
|
|
16
|
-
export declare const ModalMessage: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref"> & {
|
|
17
|
-
ref?: ((instance: HTMLParagraphElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
18
|
-
}>, never>, never>> & string;
|
|
19
|
-
export declare const ModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
20
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
21
|
-
}>, never>, never>> & string;
|
|
22
|
-
export declare const ModalContentWithIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
23
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
24
|
-
}>, never>, never>> & string;
|
|
25
|
-
export declare const ModalFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
26
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
27
|
-
}>, never>, never>> & string;
|
|
28
|
-
export declare const ModalButtons: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
29
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
30
|
-
}>, never>, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
31
|
-
ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
32
|
-
}>, never>, never>>, never>, never>> & string;
|
|
@@ -1,52 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
-
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
-
return cooked;
|
|
5
|
-
};
|
|
6
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
7
|
-
if (k2 === undefined) k2 = k;
|
|
8
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
9
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
10
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
11
|
-
}
|
|
12
|
-
Object.defineProperty(o, k2, desc);
|
|
13
|
-
}) : (function(o, m, k, k2) {
|
|
14
|
-
if (k2 === undefined) k2 = k;
|
|
15
|
-
o[k2] = m[k];
|
|
16
|
-
}));
|
|
17
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
18
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
19
|
-
}) : function(o, v) {
|
|
20
|
-
o["default"] = v;
|
|
21
|
-
});
|
|
22
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
23
|
-
if (mod && mod.__esModule) return mod;
|
|
24
|
-
var result = {};
|
|
25
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
26
|
-
__setModuleDefault(result, mod);
|
|
27
|
-
return result;
|
|
28
|
-
};
|
|
29
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
30
|
-
exports.ModalButtons = exports.ModalFooter = exports.ModalContentWithIcon = exports.ModalContent = exports.ModalMessage = exports.ModalHeader = exports.ModalContainer = exports.ModalBackdrop = void 0;
|
|
31
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
|
-
exports.ModalBackdrop = styled_components_1.default.div.attrs({
|
|
33
|
-
className: 'ModalBackdrop',
|
|
34
|
-
})(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n"], ["\n position: fixed;\n z-index: 1000;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: rgba(0, 0, 0, 0.5);\n display: flex;\n justify-content: center;\n align-items: center;\n"])));
|
|
35
|
-
exports.ModalContainer = styled_components_1.default.div.attrs({
|
|
36
|
-
className: 'ModalContainer',
|
|
37
|
-
})(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n background: var(--color-neutral-100);\n border-radius: var(--rounded-lg);\n box-shadow: var(--shadow-lg);\n display: flex;\n flex-direction: column;\n max-height: 100vh;\n overflow: hidden;\n\n position: fixed;\n z-index: 1001;\n ", "\n"], ["\n background: var(--color-neutral-100);\n border-radius: var(--rounded-lg);\n box-shadow: var(--shadow-lg);\n display: flex;\n flex-direction: column;\n max-height: 100vh;\n overflow: hidden;\n\n position: fixed;\n z-index: 1001;\n ", "\n"])), function (_a) {
|
|
38
|
-
var $fullscreen = _a.$fullscreen, $width = _a.$width, $height = _a.$height;
|
|
39
|
-
return $fullscreen
|
|
40
|
-
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: var(--space-4);\n "], ["\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n margin: var(--space-4);\n "]))) : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n height: ", ";\n "], ["\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: ", ";\n height: ", ";\n "])), $width ? "".concat($width, "px") : 'auto', $height ? "".concat($height, "px") : 'auto');
|
|
41
|
-
});
|
|
42
|
-
exports.ModalHeader = styled_components_1.default.div.attrs({ className: 'ModalHeader' })(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n font-weight: bold;\n font-size: var(--text-lg);\n padding: var(--space-2);\n background-color: var(--color-neutral-200);\n padding: var(--space-4);\n"], ["\n font-weight: bold;\n font-size: var(--text-lg);\n padding: var(--space-2);\n background-color: var(--color-neutral-200);\n padding: var(--space-4);\n"])));
|
|
43
|
-
exports.ModalMessage = styled_components_1.default.p.attrs({ className: 'ModalMessage' })(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-bottom: 1rem;\n"], ["\n margin-bottom: 1rem;\n"])));
|
|
44
|
-
exports.ModalContent = styled_components_1.default.div.attrs({ className: 'ModalContent' })(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow: auto;\n padding: var(--space-4);\n"], ["\n display: flex;\n flex-direction: column;\n flex: 1;\n overflow: auto;\n padding: var(--space-4);\n"])));
|
|
45
|
-
exports.ModalContentWithIcon = styled_components_1.default.div.attrs({
|
|
46
|
-
className: 'ModalContentWithIcon',
|
|
47
|
-
})(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n padding: var(--space-4);\n gap: var(--space-2);\n\n & > svg {\n margin: var(--space-2);\n width: var(--space-8);\n height: var(--space-8);\n }\n"], ["\n display: flex;\n flex-direction: row;\n padding: var(--space-4);\n gap: var(--space-2);\n\n & > svg {\n margin: var(--space-2);\n width: var(--space-8);\n height: var(--space-8);\n }\n"])));
|
|
48
|
-
exports.ModalFooter = styled_components_1.default.div.attrs({ className: 'ModalFooter' })(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: var(--space-2);\n background-color: var(--color-neutral-200);\n padding: var(--space-4);\n"], ["\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n padding: var(--space-2);\n background-color: var(--color-neutral-200);\n padding: var(--space-4);\n"])));
|
|
49
|
-
exports.ModalButtons = (0, styled_components_1.default)(exports.ModalFooter).attrs({
|
|
50
|
-
className: 'ModalButtons',
|
|
51
|
-
})(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n display: flex;\n flex-direction: row;\n gap: var(--space-2);\n\n button.right:first-of-type {\n margin-left: auto;\n }\n"], ["\n display: flex;\n flex-direction: row;\n gap: var(--space-2);\n\n button.right:first-of-type {\n margin-left: auto;\n }\n"])));
|
|
52
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
-
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
-
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
-
}
|
|
8
|
-
Object.defineProperty(o, k2, desc);
|
|
9
|
-
}) : (function(o, m, k, k2) {
|
|
10
|
-
if (k2 === undefined) k2 = k;
|
|
11
|
-
o[k2] = m[k];
|
|
12
|
-
}));
|
|
13
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
14
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
|
-
};
|
|
16
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
__exportStar(require("./Dropdown"), exports);
|
|
18
|
-
__exportStar(require("./Modal"), exports);
|
|
19
|
-
__exportStar(require("./Loading"), exports);
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { Divider, MenuItemContainer, SubMenu } from './styles';
|
|
2
|
-
import { FC, HTMLAttributes, PropsWithChildren } from 'react';
|
|
3
|
-
type ContextMenuFC = FC<PropsWithChildren<HTMLAttributes<HTMLDivElement>>> & {
|
|
4
|
-
Item: typeof MenuItemContainer;
|
|
5
|
-
ParentItem: typeof ParentMenuItem;
|
|
6
|
-
Divider: typeof Divider;
|
|
7
|
-
SubMenu: typeof SubMenu;
|
|
8
|
-
};
|
|
9
|
-
export declare const ContextMenu: ContextMenuFC;
|
|
10
|
-
export declare const ParentMenuItem: FC<HTMLAttributes<HTMLDivElement>>;
|
|
11
|
-
export {};
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
25
|
-
exports.ParentMenuItem = exports.ContextMenu = void 0;
|
|
26
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
27
|
-
var styles_1 = require("./styles");
|
|
28
|
-
var react_1 = require("react");
|
|
29
|
-
var ContextMenu = function (_a) {
|
|
30
|
-
var children = _a.children;
|
|
31
|
-
return ((0, jsx_runtime_1.jsx)(styles_1.MenuContainer, { onClick: function (e) { return e.stopPropagation(); }, children: children }));
|
|
32
|
-
};
|
|
33
|
-
exports.ContextMenu = ContextMenu;
|
|
34
|
-
var ParentMenuItem = function (_a) {
|
|
35
|
-
var children = _a.children, props = __rest(_a, ["children"]);
|
|
36
|
-
var _b = (0, react_1.useState)(false), isOpened = _b[0], setIsOpened = _b[1];
|
|
37
|
-
var _c = (0, react_1.useState)(null), currentTimeout = _c[0], setCurrentTimeout = _c[1];
|
|
38
|
-
var stopTimeout = (0, react_1.useCallback)(function () {
|
|
39
|
-
if (currentTimeout) {
|
|
40
|
-
clearTimeout(currentTimeout);
|
|
41
|
-
}
|
|
42
|
-
setCurrentTimeout(null);
|
|
43
|
-
}, [currentTimeout]);
|
|
44
|
-
var startTimeout = (0, react_1.useCallback)(function (open) {
|
|
45
|
-
stopTimeout();
|
|
46
|
-
setCurrentTimeout(window.setTimeout(function () {
|
|
47
|
-
setIsOpened(open);
|
|
48
|
-
}, open ? 100 : 300));
|
|
49
|
-
}, [stopTimeout]);
|
|
50
|
-
var open = (0, react_1.useCallback)(function () { return startTimeout(true); }, [startTimeout]);
|
|
51
|
-
var close = (0, react_1.useCallback)(function () { return startTimeout(false); }, [startTimeout]);
|
|
52
|
-
return ((0, jsx_runtime_1.jsx)(styles_1.MenuItemContainer, __assign({}, props, { className: isOpened ? 'opened' : '', onMouseEnter: open, onMouseLeave: close, "$withArrow": true, children: children })));
|
|
53
|
-
};
|
|
54
|
-
exports.ParentMenuItem = ParentMenuItem;
|
|
55
|
-
exports.ContextMenu.Item = styles_1.MenuItemContainer;
|
|
56
|
-
exports.ContextMenu.ParentItem = exports.ParentMenuItem;
|
|
57
|
-
exports.ContextMenu.Divider = styles_1.Divider;
|
|
58
|
-
exports.ContextMenu.SubMenu = styles_1.SubMenu;
|