@qoretechnologies/reqore 0.19.11 → 0.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/beta_release.yml +5 -0
- package/.github/workflows/tests.yml +4 -4
- package/.gitpod.yml +7 -2
- package/.vscode/settings.json +21 -3
- package/__tests__/drawer.test.tsx +8 -9
- package/__tests__/dropdown.test.tsx +55 -13
- package/__tests__/modal.test.tsx +4 -7
- package/__tests__/tabs.test.tsx +4 -4
- package/dist/tests.json +1 -0
- package/package.json +15 -12
- package/tests.json +1 -0
- package/.devcontainer/Dockerfile +0 -16
- package/.devcontainer/devcontainer.json +0 -31
- package/__reactpreview__/Wrapper.tsx +0 -16
- package/__reactpreview__/styles.css +0 -5
- package/dist/components/Breadcrumbs/index.d.ts +0 -31
- package/dist/components/Breadcrumbs/index.d.ts.map +0 -1
- package/dist/components/Breadcrumbs/index.js +0 -148
- package/dist/components/Breadcrumbs/index.js.map +0 -1
- package/dist/components/Breadcrumbs/item.d.ts +0 -14
- package/dist/components/Breadcrumbs/item.d.ts.map +0 -1
- package/dist/components/Breadcrumbs/item.js +0 -76
- package/dist/components/Breadcrumbs/item.js.map +0 -1
- package/dist/components/Button/index.d.ts +0 -30
- package/dist/components/Button/index.d.ts.map +0 -1
- package/dist/components/Button/index.js +0 -165
- package/dist/components/Button/index.js.map +0 -1
- package/dist/components/Checkbox/index.d.ts +0 -26
- package/dist/components/Checkbox/index.d.ts.map +0 -1
- package/dist/components/Checkbox/index.js +0 -108
- package/dist/components/Checkbox/index.js.map +0 -1
- package/dist/components/Columns/column.d.ts +0 -5
- package/dist/components/Columns/column.d.ts.map +0 -1
- package/dist/components/Columns/column.js +0 -33
- package/dist/components/Columns/column.js.map +0 -1
- package/dist/components/Columns/index.d.ts +0 -17
- package/dist/components/Columns/index.d.ts.map +0 -1
- package/dist/components/Columns/index.js +0 -65
- package/dist/components/Columns/index.js.map +0 -1
- package/dist/components/Comment/index.d.ts +0 -24
- package/dist/components/Comment/index.d.ts.map +0 -1
- package/dist/components/Comment/index.js +0 -71
- package/dist/components/Comment/index.js.map +0 -1
- package/dist/components/CommentFeed/index.d.ts +0 -7
- package/dist/components/CommentFeed/index.d.ts.map +0 -1
- package/dist/components/CommentFeed/index.js +0 -49
- package/dist/components/CommentFeed/index.js.map +0 -1
- package/dist/components/Content/index.d.ts +0 -11
- package/dist/components/Content/index.d.ts.map +0 -1
- package/dist/components/Content/index.js +0 -66
- package/dist/components/Content/index.js.map +0 -1
- package/dist/components/Content/wrapper.d.ts +0 -11
- package/dist/components/Content/wrapper.d.ts.map +0 -1
- package/dist/components/Content/wrapper.js +0 -43
- package/dist/components/Content/wrapper.js.map +0 -1
- package/dist/components/ControlGroup/index.d.ts +0 -17
- package/dist/components/ControlGroup/index.d.ts.map +0 -1
- package/dist/components/ControlGroup/index.js +0 -86
- package/dist/components/ControlGroup/index.js.map +0 -1
- package/dist/components/Drawer/index.d.ts +0 -36
- package/dist/components/Drawer/index.d.ts.map +0 -1
- package/dist/components/Drawer/index.js +0 -217
- package/dist/components/Drawer/index.js.map +0 -1
- package/dist/components/Dropdown/index.d.ts +0 -24
- package/dist/components/Dropdown/index.d.ts.map +0 -1
- package/dist/components/Dropdown/index.js +0 -38
- package/dist/components/Dropdown/index.js.map +0 -1
- package/dist/components/Dropdown/item.d.ts +0 -10
- package/dist/components/Dropdown/item.d.ts.map +0 -1
- package/dist/components/Dropdown/item.js +0 -35
- package/dist/components/Dropdown/item.js.map +0 -1
- package/dist/components/Dropdown/list.d.ts +0 -14
- package/dist/components/Dropdown/list.d.ts.map +0 -1
- package/dist/components/Dropdown/list.js +0 -47
- package/dist/components/Dropdown/list.js.map +0 -1
- package/dist/components/Header/index.d.ts +0 -13
- package/dist/components/Header/index.d.ts.map +0 -1
- package/dist/components/Header/index.js +0 -40
- package/dist/components/Header/index.js.map +0 -1
- package/dist/components/Icon/index.d.ts +0 -13
- package/dist/components/Icon/index.d.ts.map +0 -1
- package/dist/components/Icon/index.js +0 -72
- package/dist/components/Icon/index.js.map +0 -1
- package/dist/components/Input/index.d.ts +0 -33
- package/dist/components/Input/index.d.ts.map +0 -1
- package/dist/components/Input/index.js +0 -115
- package/dist/components/Input/index.js.map +0 -1
- package/dist/components/InputClearButton/index.d.ts +0 -10
- package/dist/components/InputClearButton/index.d.ts.map +0 -1
- package/dist/components/InputClearButton/index.js +0 -49
- package/dist/components/InputClearButton/index.js.map +0 -1
- package/dist/components/InternalPopover/index.d.ts +0 -7
- package/dist/components/InternalPopover/index.d.ts.map +0 -1
- package/dist/components/InternalPopover/index.js +0 -128
- package/dist/components/InternalPopover/index.js.map +0 -1
- package/dist/components/Layout/content.d.ts +0 -8
- package/dist/components/Layout/content.d.ts.map +0 -1
- package/dist/components/Layout/content.js +0 -41
- package/dist/components/Layout/content.js.map +0 -1
- package/dist/components/Layout/index.d.ts +0 -8
- package/dist/components/Layout/index.d.ts.map +0 -1
- package/dist/components/Layout/index.js +0 -65
- package/dist/components/Layout/index.js.map +0 -1
- package/dist/components/Menu/divider.d.ts +0 -7
- package/dist/components/Menu/divider.d.ts.map +0 -1
- package/dist/components/Menu/divider.js +0 -49
- package/dist/components/Menu/divider.js.map +0 -1
- package/dist/components/Menu/index.d.ts +0 -16
- package/dist/components/Menu/index.d.ts.map +0 -1
- package/dist/components/Menu/index.js +0 -87
- package/dist/components/Menu/index.js.map +0 -1
- package/dist/components/Menu/item.d.ts +0 -31
- package/dist/components/Menu/item.d.ts.map +0 -1
- package/dist/components/Menu/item.js +0 -118
- package/dist/components/Menu/item.js.map +0 -1
- package/dist/components/Message/index.d.ts +0 -25
- package/dist/components/Message/index.d.ts.map +0 -1
- package/dist/components/Message/index.js +0 -51
- package/dist/components/Message/index.js.map +0 -1
- package/dist/components/Modal/actions.d.ts +0 -6
- package/dist/components/Modal/actions.d.ts.map +0 -1
- package/dist/components/Modal/actions.js +0 -49
- package/dist/components/Modal/actions.js.map +0 -1
- package/dist/components/Modal/content.d.ts +0 -6
- package/dist/components/Modal/content.d.ts.map +0 -1
- package/dist/components/Modal/content.js +0 -25
- package/dist/components/Modal/content.js.map +0 -1
- package/dist/components/Modal/index.d.ts +0 -24
- package/dist/components/Modal/index.d.ts.map +0 -1
- package/dist/components/Modal/index.js +0 -118
- package/dist/components/Modal/index.js.map +0 -1
- package/dist/components/Navbar/divider.d.ts +0 -9
- package/dist/components/Navbar/divider.d.ts.map +0 -1
- package/dist/components/Navbar/divider.js +0 -47
- package/dist/components/Navbar/divider.js.map +0 -1
- package/dist/components/Navbar/group.d.ts +0 -15
- package/dist/components/Navbar/group.d.ts.map +0 -1
- package/dist/components/Navbar/group.js +0 -71
- package/dist/components/Navbar/group.js.map +0 -1
- package/dist/components/Navbar/index.d.ts +0 -16
- package/dist/components/Navbar/index.d.ts.map +0 -1
- package/dist/components/Navbar/index.js +0 -82
- package/dist/components/Navbar/index.js.map +0 -1
- package/dist/components/Navbar/item.d.ts +0 -16
- package/dist/components/Navbar/item.d.ts.map +0 -1
- package/dist/components/Navbar/item.js +0 -77
- package/dist/components/Navbar/item.js.map +0 -1
- package/dist/components/Notifications/index.d.ts +0 -12
- package/dist/components/Notifications/index.d.ts.map +0 -1
- package/dist/components/Notifications/index.js +0 -56
- package/dist/components/Notifications/index.js.map +0 -1
- package/dist/components/Notifications/notification.d.ts +0 -43
- package/dist/components/Notifications/notification.d.ts.map +0 -1
- package/dist/components/Notifications/notification.js +0 -136
- package/dist/components/Notifications/notification.js.map +0 -1
- package/dist/components/Panel/index.d.ts +0 -38
- package/dist/components/Panel/index.d.ts.map +0 -1
- package/dist/components/Panel/index.js +0 -141
- package/dist/components/Panel/index.js.map +0 -1
- package/dist/components/Panel/panel.screenshot.d.ts +0 -3
- package/dist/components/Panel/panel.screenshot.d.ts.map +0 -1
- package/dist/components/Panel/panel.screenshot.js +0 -30
- package/dist/components/Panel/panel.screenshot.js.map +0 -1
- package/dist/components/Paragraph/index.d.ts +0 -8
- package/dist/components/Paragraph/index.d.ts.map +0 -1
- package/dist/components/Paragraph/index.js +0 -60
- package/dist/components/Paragraph/index.js.map +0 -1
- package/dist/components/Popover/index.d.ts +0 -16
- package/dist/components/Popover/index.d.ts.map +0 -1
- package/dist/components/Popover/index.js +0 -55
- package/dist/components/Popover/index.js.map +0 -1
- package/dist/components/RadioGroup/index.d.ts +0 -17
- package/dist/components/RadioGroup/index.d.ts.map +0 -1
- package/dist/components/RadioGroup/index.js +0 -48
- package/dist/components/RadioGroup/index.js.map +0 -1
- package/dist/components/Sidebar/index.d.ts +0 -60
- package/dist/components/Sidebar/index.d.ts.map +0 -1
- package/dist/components/Sidebar/index.js +0 -261
- package/dist/components/Sidebar/index.js.map +0 -1
- package/dist/components/Sidebar/item.d.ts +0 -36
- package/dist/components/Sidebar/item.d.ts.map +0 -1
- package/dist/components/Sidebar/item.js +0 -106
- package/dist/components/Sidebar/item.js.map +0 -1
- package/dist/components/Table/body.d.ts +0 -10
- package/dist/components/Table/body.d.ts.map +0 -1
- package/dist/components/Table/body.js +0 -44
- package/dist/components/Table/body.js.map +0 -1
- package/dist/components/Table/header.d.ts +0 -29
- package/dist/components/Table/header.d.ts.map +0 -1
- package/dist/components/Table/header.js +0 -102
- package/dist/components/Table/header.js.map +0 -1
- package/dist/components/Table/headerCell.d.ts +0 -18
- package/dist/components/Table/headerCell.d.ts.map +0 -1
- package/dist/components/Table/headerCell.js +0 -88
- package/dist/components/Table/headerCell.js.map +0 -1
- package/dist/components/Table/helpers.d.ts +0 -8
- package/dist/components/Table/helpers.d.ts.map +0 -1
- package/dist/components/Table/helpers.js +0 -41
- package/dist/components/Table/helpers.js.map +0 -1
- package/dist/components/Table/index.d.ts +0 -74
- package/dist/components/Table/index.d.ts.map +0 -1
- package/dist/components/Table/index.js +0 -161
- package/dist/components/Table/index.js.map +0 -1
- package/dist/components/Table/row.d.ts +0 -58
- package/dist/components/Table/row.d.ts.map +0 -1
- package/dist/components/Table/row.js +0 -200
- package/dist/components/Table/row.js.map +0 -1
- package/dist/components/Tabs/content.d.ts +0 -8
- package/dist/components/Tabs/content.d.ts.map +0 -1
- package/dist/components/Tabs/content.js +0 -41
- package/dist/components/Tabs/content.js.map +0 -1
- package/dist/components/Tabs/index.d.ts +0 -36
- package/dist/components/Tabs/index.d.ts.map +0 -1
- package/dist/components/Tabs/index.js +0 -79
- package/dist/components/Tabs/index.js.map +0 -1
- package/dist/components/Tabs/item.d.ts +0 -21
- package/dist/components/Tabs/item.d.ts.map +0 -1
- package/dist/components/Tabs/item.js +0 -86
- package/dist/components/Tabs/item.js.map +0 -1
- package/dist/components/Tabs/list.d.ts +0 -16
- package/dist/components/Tabs/list.d.ts.map +0 -1
- package/dist/components/Tabs/list.js +0 -175
- package/dist/components/Tabs/list.js.map +0 -1
- package/dist/components/Tag/group.d.ts +0 -10
- package/dist/components/Tag/group.d.ts.map +0 -1
- package/dist/components/Tag/group.js +0 -50
- package/dist/components/Tag/group.js.map +0 -1
- package/dist/components/Tag/index.d.ts +0 -36
- package/dist/components/Tag/index.d.ts.map +0 -1
- package/dist/components/Tag/index.js +0 -132
- package/dist/components/Tag/index.js.map +0 -1
- package/dist/components/Textarea/index.d.ts +0 -26
- package/dist/components/Textarea/index.d.ts.map +0 -1
- package/dist/components/Textarea/index.js +0 -85
- package/dist/components/Textarea/index.js.map +0 -1
- package/dist/components/TimeAgo/index.d.ts +0 -4
- package/dist/components/TimeAgo/index.d.ts.map +0 -1
- package/dist/components/TimeAgo/index.js +0 -21
- package/dist/components/TimeAgo/index.js.map +0 -1
- package/dist/components/Tree/index.d.ts +0 -16
- package/dist/components/Tree/index.d.ts.map +0 -1
- package/dist/components/Tree/index.js +0 -151
- package/dist/components/Tree/index.js.map +0 -1
- package/dist/constants/animations.d.ts +0 -5
- package/dist/constants/animations.d.ts.map +0 -1
- package/dist/constants/animations.js +0 -8
- package/dist/constants/animations.js.map +0 -1
- package/dist/constants/colors.d.ts +0 -10
- package/dist/constants/colors.d.ts.map +0 -1
- package/dist/constants/colors.js +0 -13
- package/dist/constants/colors.js.map +0 -1
- package/dist/constants/sizes.d.ts +0 -59
- package/dist/constants/sizes.d.ts.map +0 -1
- package/dist/constants/sizes.js +0 -60
- package/dist/constants/sizes.js.map +0 -1
- package/dist/constants/theme.d.ts +0 -74
- package/dist/constants/theme.d.ts.map +0 -1
- package/dist/constants/theme.js +0 -20
- package/dist/constants/theme.js.map +0 -1
- package/dist/containers/PopoverProvider.d.ts +0 -12
- package/dist/containers/PopoverProvider.d.ts.map +0 -1
- package/dist/containers/PopoverProvider.js +0 -56
- package/dist/containers/PopoverProvider.js.map +0 -1
- package/dist/containers/ReqoreProvider.d.ts +0 -40
- package/dist/containers/ReqoreProvider.d.ts.map +0 -1
- package/dist/containers/ReqoreProvider.js +0 -117
- package/dist/containers/ReqoreProvider.js.map +0 -1
- package/dist/containers/ThemeProvider.d.ts +0 -8
- package/dist/containers/ThemeProvider.d.ts.map +0 -1
- package/dist/containers/ThemeProvider.js +0 -27
- package/dist/containers/ThemeProvider.js.map +0 -1
- package/dist/containers/UIProvider.d.ts +0 -13
- package/dist/containers/UIProvider.d.ts.map +0 -1
- package/dist/containers/UIProvider.js +0 -43
- package/dist/containers/UIProvider.js.map +0 -1
- package/dist/context/PopoverContext.d.ts +0 -11
- package/dist/context/PopoverContext.d.ts.map +0 -1
- package/dist/context/PopoverContext.js +0 -5
- package/dist/context/PopoverContext.js.map +0 -1
- package/dist/context/ReqoreContext.d.ts +0 -15
- package/dist/context/ReqoreContext.d.ts.map +0 -1
- package/dist/context/ReqoreContext.js +0 -10
- package/dist/context/ReqoreContext.js.map +0 -1
- package/dist/context/ThemeContext.d.ts +0 -5
- package/dist/context/ThemeContext.d.ts.map +0 -1
- package/dist/context/ThemeContext.js +0 -5
- package/dist/context/ThemeContext.js.map +0 -1
- package/dist/helpers/animations.d.ts +0 -2
- package/dist/helpers/animations.d.ts.map +0 -1
- package/dist/helpers/animations.js +0 -11
- package/dist/helpers/animations.js.map +0 -1
- package/dist/helpers/colors.d.ts +0 -13
- package/dist/helpers/colors.d.ts.map +0 -1
- package/dist/helpers/colors.js +0 -100
- package/dist/helpers/colors.js.map +0 -1
- package/dist/helpers/sidebar.d.ts +0 -4
- package/dist/helpers/sidebar.d.ts.map +0 -1
- package/dist/helpers/sidebar.js +0 -90
- package/dist/helpers/sidebar.js.map +0 -1
- package/dist/helpers/time.d.ts +0 -8
- package/dist/helpers/time.d.ts.map +0 -1
- package/dist/helpers/time.js +0 -25
- package/dist/helpers/time.js.map +0 -1
- package/dist/helpers/utils.d.ts +0 -4
- package/dist/helpers/utils.d.ts.map +0 -1
- package/dist/helpers/utils.js +0 -82
- package/dist/helpers/utils.js.map +0 -1
- package/dist/hooks/useCombinedRefs.d.ts +0 -3
- package/dist/hooks/useCombinedRefs.d.ts.map +0 -1
- package/dist/hooks/useCombinedRefs.js +0 -29
- package/dist/hooks/useCombinedRefs.js.map +0 -1
- package/dist/hooks/useLatestZIndex.d.ts +0 -3
- package/dist/hooks/useLatestZIndex.d.ts.map +0 -1
- package/dist/hooks/useLatestZIndex.js +0 -11
- package/dist/hooks/useLatestZIndex.js.map +0 -1
- package/dist/hooks/useOutsideClick.d.ts +0 -4
- package/dist/hooks/useOutsideClick.d.ts.map +0 -1
- package/dist/hooks/useOutsideClick.js +0 -24
- package/dist/hooks/useOutsideClick.js.map +0 -1
- package/dist/hooks/usePopover.d.ts +0 -17
- package/dist/hooks/usePopover.d.ts.map +0 -1
- package/dist/hooks/usePopover.js +0 -77
- package/dist/hooks/usePopover.js.map +0 -1
- package/dist/hooks/useShareForwardedRef.d.ts +0 -3
- package/dist/hooks/useShareForwardedRef.d.ts.map +0 -1
- package/dist/hooks/useShareForwardedRef.js +0 -25
- package/dist/hooks/useShareForwardedRef.js.map +0 -1
- package/dist/hooks/useTheme.d.ts +0 -3
- package/dist/hooks/useTheme.d.ts.map +0 -1
- package/dist/hooks/useTheme.js +0 -21
- package/dist/hooks/useTheme.js.map +0 -1
- package/dist/index.d.ts +0 -52
- package/dist/index.d.ts.map +0 -1
- package/dist/index.js +0 -123
- package/dist/index.js.map +0 -1
- package/dist/types/global.d.ts +0 -8
- package/dist/types/global.d.ts.map +0 -1
- package/dist/types/global.js +0 -3
- package/dist/types/global.js.map +0 -1
- package/dist/types/icons.d.ts +0 -2
- package/dist/types/icons.d.ts.map +0 -1
- package/dist/types/icons.js +0 -3
- package/dist/types/icons.js.map +0 -1
- package/dist/types/icons____.d.ts +0 -2
- package/dist/types/icons____.d.ts.map +0 -1
- package/dist/types/icons____.js +0 -6
- package/dist/types/icons____.js.map +0 -1
|
@@ -1,65 +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 __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
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
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
-
};
|
|
50
|
-
exports.__esModule = true;
|
|
51
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
53
|
-
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
54
|
-
var colors_1 = require("../../helpers/colors");
|
|
55
|
-
var StyledReqoreLayoutWrapper = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n font-size: 14px;\n\n * {\n box-sizing: border-box;\n }\n\n a {\n text-decoration: none;\n }\n\n ", "\n"], ["\n display: flex;\n width: 100%;\n height: 100%;\n overflow: hidden;\n font-size: 14px;\n\n * {\n box-sizing: border-box;\n }\n\n a {\n text-decoration: none;\n }\n\n ", "\n"])), function (_a) {
|
|
56
|
-
var withSidebar = _a.withSidebar, theme = _a.theme;
|
|
57
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n flex-flow: ", ";\n background-color: ", ";\n color: ", ";\n "], ["\n flex-flow: ", ";\n background-color: ", ";\n color: ", ";\n "])), withSidebar ? 'row' : 'column', (0, colors_1.changeLightness)(theme.main, 0.02), (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
|
|
58
|
-
});
|
|
59
|
-
var ReqoreLayoutWrapper = function (_a) {
|
|
60
|
-
var withSidebar = _a.withSidebar, children = _a.children, className = _a.className, rest = __rest(_a, ["withSidebar", "children", "className"]);
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsx)(StyledReqoreLayoutWrapper, __assign({}, rest, { className: (className || '') + " reqore-layout-wrapper", withSidebar: withSidebar }, { children: children }), void 0) }, void 0));
|
|
62
|
-
};
|
|
63
|
-
exports["default"] = ReqoreLayoutWrapper;
|
|
64
|
-
var templateObject_1, templateObject_2;
|
|
65
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Layout/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAyE;AAQzE,IAAM,yBAAyB,GAAG,8BAAM,CAAC,GAAG,kQAG1C,yLAeE,EAID,IACF,KALG,UAAC,EAAsB;QAApB,WAAW,iBAAA,EAAE,KAAK,WAAA;IAAO,WAAA,uBAAG,+IAAA,mBAClB,EAA8B,2BACvB,EAAiC,gBAC5C,EAAmD,OAC7D,KAHc,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,EACvB,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EAC5C,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHhC,CAI7B,CACF,CAAC;AAEF,IAAM,mBAAmB,GAAG,UAAC,EAKD;IAJ1B,IAAA,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAJoB,wCAK5B,CADQ;IACwB,OAAA,CAC/B,uBAAC,0BAAmB,cAClB,uBAAC,yBAAyB,eACpB,IAAI,IACR,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,4BAAwB,EACrD,WAAW,EAAE,WAAW,gBAEvB,QAAQ,YACiB,WACR,CACvB,CAAA;CAAA,CAAC;AAEF,qBAAe,mBAAmB,CAAC"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IReqoreMenuDividerProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
label?: string;
|
|
4
|
-
}
|
|
5
|
-
declare const ReqoreMenuDivider: React.ForwardRefExoticComponent<IReqoreMenuDividerProps & React.RefAttributes<unknown>>;
|
|
6
|
-
export default ReqoreMenuDivider;
|
|
7
|
-
//# sourceMappingURL=divider.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,MAAM,WAAW,uBACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAeD,QAAA,MAAM,iBAAiB,yFAUtB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
|
|
@@ -1,49 +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 __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
exports.__esModule = true;
|
|
32
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
33
|
-
var react_1 = require("react");
|
|
34
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
-
var colors_1 = require("../../helpers/colors");
|
|
36
|
-
var StyledMenuDivider = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n width: 100%;\n padding: 8px 0;\n background-color: ", ";\n font-size: 11px;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 2px;\n font-weight: 600;\n\n color: ", ";\n"], ["\n width: 100%;\n padding: 8px 0;\n background-color: ", ";\n font-size: 11px;\n text-transform: uppercase;\n text-align: center;\n letter-spacing: 2px;\n font-weight: 600;\n\n color: ", ";\n"])), function (_a) {
|
|
37
|
-
var theme = _a.theme;
|
|
38
|
-
return theme.main;
|
|
39
|
-
}, function (_a) {
|
|
40
|
-
var theme = _a.theme;
|
|
41
|
-
return (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
42
|
-
});
|
|
43
|
-
var ReqoreMenuDivider = (0, react_1.forwardRef)(function (_a, ref) {
|
|
44
|
-
var label = _a.label, className = _a.className, rest = __rest(_a, ["label", "className"]);
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(StyledMenuDivider, __assign({}, rest, { className: (className || '') + " reqore-menu-divider", ref: ref }, { children: label }), void 0));
|
|
46
|
-
});
|
|
47
|
-
exports["default"] = ReqoreMenuDivider;
|
|
48
|
-
var templateObject_1;
|
|
49
|
-
//# sourceMappingURL=divider.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"divider.js","sourceRoot":"","sources":["../../../src/components/Menu/divider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAA0C;AAC1C,wEAAuC;AAEvC,+CAAwD;AAOxD,IAAM,iBAAiB,GAAG,8BAAM,CAAC,GAAG,6QAAyB,2DAGvC,EAAyB,sIAOpC,EAA4D,KACtE,KARqB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAOpC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;AAA7C,CAA6C,CACtE,CAAC;AAEF,IAAM,iBAAiB,GAAG,IAAA,kBAAU,EAClC,UAAC,EAAsD,EAAE,GAAQ;IAA9D,IAAA,KAAK,WAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA3B,sBAA6B,CAAF;IAA0C,OAAA,CACpE,uBAAC,iBAAiB,eACZ,IAAI,IACR,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,0BAAsB,EACnD,GAAG,EAAE,GAAG,gBAEP,KAAK,YACY,CACrB,CAAA;CAAA,CACF,CAAC;AAEF,qBAAe,iBAAiB,CAAC"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IReqoreTheme } from '../../constants/theme';
|
|
3
|
-
import { IReqoreComponent } from '../../types/global';
|
|
4
|
-
export interface IReqoreMenuProps extends IReqoreComponent, React.HTMLAttributes<HTMLDivElement> {
|
|
5
|
-
children: any;
|
|
6
|
-
position?: 'left' | 'right';
|
|
7
|
-
width?: string;
|
|
8
|
-
maxHeight?: string;
|
|
9
|
-
accent?: string;
|
|
10
|
-
}
|
|
11
|
-
export interface IReqoreMenuStyle extends IReqoreMenuProps {
|
|
12
|
-
theme: IReqoreTheme;
|
|
13
|
-
}
|
|
14
|
-
declare const ReqoreMenu: React.FC<IReqoreMenuProps>;
|
|
15
|
-
export default ReqoreMenu;
|
|
16
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,gBACf,SAAQ,gBAAgB,EACtB,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACtC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,gBAAiB,SAAQ,gBAAgB;IACxD,KAAK,EAAE,YAAY,CAAC;CACrB;AAqBD,QAAA,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAyB1C,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -1,87 +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 __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
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
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
-
};
|
|
50
|
-
exports.__esModule = true;
|
|
51
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
-
var react_1 = __importStar(require("react"));
|
|
53
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
54
|
-
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
55
|
-
var colors_1 = require("../../helpers/colors");
|
|
56
|
-
var useTheme_1 = require("../../hooks/useTheme");
|
|
57
|
-
var StyledReqoreMenu = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n width: ", ";\n padding: 5px;\n max-height: ", ";\n overflow-y: auto;\n overflow-x: hidden;\n\n background-color: ", ";\n\n ", "\n"], ["\n width: ", ";\n padding: 5px;\n max-height: ", ";\n overflow-y: auto;\n overflow-x: hidden;\n\n background-color: ", ";\n\n ", "\n"])), function (_a) {
|
|
58
|
-
var width = _a.width;
|
|
59
|
-
return width || '160px';
|
|
60
|
-
}, function (_a) {
|
|
61
|
-
var maxHeight = _a.maxHeight;
|
|
62
|
-
return maxHeight || undefined;
|
|
63
|
-
}, function (_a) {
|
|
64
|
-
var theme = _a.theme;
|
|
65
|
-
return theme.main;
|
|
66
|
-
}, function (_a) {
|
|
67
|
-
var theme = _a.theme, position = _a.position;
|
|
68
|
-
return position && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n border-", ": 1px solid ", ";\n padding-", ": 10px;\n "], ["\n border-", ": 1px solid ", ";\n padding-", ": 10px;\n "])), position === 'left' ? 'right' : 'left', (0, colors_1.changeLightness)(theme.main, 0.05), position === 'left' ? 'right' : 'left');
|
|
69
|
-
});
|
|
70
|
-
var ReqoreMenu = (0, react_1.forwardRef)(function (_a, ref) {
|
|
71
|
-
var children = _a.children, position = _a.position, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, accent = _a.accent, rest = __rest(_a, ["children", "position", "_insidePopover", "_popoverId", "accent"]);
|
|
72
|
-
var theme = (0, useTheme_1.useReqoreTheme)('main', {
|
|
73
|
-
main: accent
|
|
74
|
-
});
|
|
75
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsx)(StyledReqoreMenu, __assign({}, rest, { position: position, ref: ref }, { children: react_1["default"].Children.map(children, function (child) {
|
|
76
|
-
return child
|
|
77
|
-
? // @ts-ignore
|
|
78
|
-
react_1["default"].cloneElement(child, {
|
|
79
|
-
_insidePopover: _insidePopover,
|
|
80
|
-
_popoverId: _popoverId
|
|
81
|
-
})
|
|
82
|
-
: null;
|
|
83
|
-
}) }), void 0) }), void 0));
|
|
84
|
-
});
|
|
85
|
-
exports["default"] = ReqoreMenu;
|
|
86
|
-
var templateObject_1, templateObject_2;
|
|
87
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Menu/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA0C;AAC1C,qEAAgD;AAEhD,iFAAiE;AACjE,+CAAuD;AACvD,iDAAsD;AAiBtD,IAAM,gBAAgB,GAAG,8BAAM,CAAC,GAAG,gNAAkB,aAC1C,EAA+B,oCAE1B,EAAyC,uEAInC,EAAyB,SAE3C,EAOD,IACF,KAhBU,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,OAAO;AAAhB,CAAgB,EAE1B,UAAC,EAAa;QAAX,SAAS,eAAA;IAAO,OAAA,SAAS,IAAI,SAAS;AAAtB,CAAsB,EAInC,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,CAAC,IAAI;AAAV,CAAU,EAE3C,UAAC,EAAmB;QAAjB,KAAK,WAAA,EAAE,QAAQ,cAAA;IAClB,OAAA,QAAQ,QACR,uBAAG,qIAAA,eACM,EAET,cAAe,EAAiC,iBACtC,EAAsC,aACjD,KAHG,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACzB,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,EACtC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CACjD;AANC,CAMD,CACF,CAAC;AAEF,IAAM,UAAU,GAA+B,IAAA,kBAAU,EACvD,UACE,EAAmE,EACnE,GAAQ;IADN,IAAA,QAAQ,cAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA,EAAE,MAAM,YAAA,EAAK,IAAI,cAAjE,kEAAmE,CAAF;IAGjE,IAAM,KAAK,GAAG,IAAA,yBAAc,EAAC,MAAM,EAAE;QACnC,IAAI,EAAE,MAAM;KACb,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,0BAAmB,aAAC,KAAK,EAAE,KAAK,gBAC/B,uBAAC,gBAAgB,eAAK,IAAI,IAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,GAAG,gBACrD,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;gBAClC,OAAA,KAAK;oBACH,CAAC,CAAC,aAAa;wBACb,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;4BACxB,cAAc,gBAAA;4BACd,UAAU,YAAA;yBACX,CAAC;oBACJ,CAAC,CAAC,IAAI;YANR,CAMQ,CACT,YACgB,YACC,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,UAAU,CAAC"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
3
|
-
import { IReqoreComponent, IReqoreTooltip } from '../../types/global';
|
|
4
|
-
import { IReqoreIconName } from '../../types/icons';
|
|
5
|
-
export interface IReqoreMenuItemProps extends IReqoreComponent, React.HTMLAttributes<HTMLElement> {
|
|
6
|
-
children?: string;
|
|
7
|
-
label?: string | number;
|
|
8
|
-
icon?: IReqoreIconName;
|
|
9
|
-
rightIcon?: IReqoreIconName;
|
|
10
|
-
as?: JSX.Element | React.ElementType | never;
|
|
11
|
-
selected?: boolean;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
onClick?: (itemId: string, event: React.MouseEvent<HTMLElement>) => void;
|
|
14
|
-
onRightIconClick?: (itemId: string, event: React.MouseEvent<HTMLElement>) => void;
|
|
15
|
-
tooltip?: IReqoreTooltip;
|
|
16
|
-
intent?: IReqoreIntent;
|
|
17
|
-
}
|
|
18
|
-
export interface IReqoreMenuItemStyle {
|
|
19
|
-
theme: IReqoreTheme;
|
|
20
|
-
selected: boolean;
|
|
21
|
-
disabled: boolean;
|
|
22
|
-
intent?: IReqoreIntent;
|
|
23
|
-
}
|
|
24
|
-
export interface IReqoreMenuItemRightIconStyle {
|
|
25
|
-
theme: IReqoreTheme;
|
|
26
|
-
interactive?: boolean;
|
|
27
|
-
intent?: IReqoreIntent;
|
|
28
|
-
}
|
|
29
|
-
declare const ReqoreMenuItem: React.FC<IReqoreMenuItemProps>;
|
|
30
|
-
export default ReqoreMenuItem;
|
|
31
|
-
//# sourceMappingURL=item.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAE9D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,MAAM,WAAW,oBAAqB,SAAQ,gBAAgB,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IAC/F,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,EAAE,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,KAAK,CAAC,WAAW,GAAG,KAAK,CAAC;IAC7C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IACzE,gBAAgB,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClF,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAmBD,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,YAAY,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,OAAO,CAAC;IAClB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AA4DD,MAAM,WAAW,6BAA6B;IAC5C,KAAK,EAAE,YAAY,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAyBD,QAAA,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoFlD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,118 +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 __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
18
|
-
if (k2 === undefined) k2 = k;
|
|
19
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
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
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
48
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
49
|
-
};
|
|
50
|
-
exports.__esModule = true;
|
|
51
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
52
|
-
var react_1 = require("react");
|
|
53
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
54
|
-
var PopoverContext_1 = __importDefault(require("../../context/PopoverContext"));
|
|
55
|
-
var colors_1 = require("../../helpers/colors");
|
|
56
|
-
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
57
|
-
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
58
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
59
|
-
var StyledElementContent = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n flex: 1;\n margin-right: 3px;\n word-break: break-word;\n\n ", "\n"], ["\n display: flex;\n align-items: center;\n flex: 1;\n margin-right: 3px;\n word-break: break-word;\n\n ", "\n"])), function (_a) {
|
|
60
|
-
var hasRightIcon = _a.hasRightIcon;
|
|
61
|
-
return hasRightIcon && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin-right: 33px;\n "], ["\n margin-right: 33px;\n "])));
|
|
62
|
-
});
|
|
63
|
-
var StyledElement = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n min-height: 35px;\n color: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 4px 6px;\n position: relative;\n width: 100%;\n z-index: 0;\n cursor: pointer;\n transition: background-color 0.05s ease-out;\n border-radius: 4px;\n ", ";\n overflow: hidden;\n\n ", "\n\n &:not(:first-child) {\n margin-top: 4px;\n }\n"], ["\n min-height: 35px;\n color: ", ";\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 4px 6px;\n position: relative;\n width: 100%;\n z-index: 0;\n cursor: pointer;\n transition: background-color 0.05s ease-out;\n border-radius: 4px;\n ", ";\n overflow: hidden;\n\n ", "\n\n &:not(:first-child) {\n margin-top: 4px;\n }\n"])), function (_a) {
|
|
64
|
-
var theme = _a.theme, selected = _a.selected, intent = _a.intent;
|
|
65
|
-
return intent
|
|
66
|
-
? (0, colors_1.getReadableColorFrom)(theme.intents[intent], true)
|
|
67
|
-
: (0, colors_1.getReadableColor)(theme, undefined, undefined, !selected);
|
|
68
|
-
}, function (_a) {
|
|
69
|
-
var theme = _a.theme, selected = _a.selected, intent = _a.intent;
|
|
70
|
-
var bg = intent ? theme.intents[intent] : theme.main;
|
|
71
|
-
return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n background-color: ", ";\n "], ["\n background-color: ", ";\n "])), selected ? (0, colors_1.changeLightness)(bg, 0.07) : bg);
|
|
72
|
-
}, function (_a) {
|
|
73
|
-
var theme = _a.theme, selected = _a.selected, disabled = _a.disabled, intent = _a.intent;
|
|
74
|
-
return !disabled
|
|
75
|
-
? (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", "\n\n &:hover {\n color: ", ";\n text-decoration: none;\n }\n "], ["\n ", "\n\n &:hover {\n color: ", ";\n text-decoration: none;\n }\n "])), !selected && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n &:hover {\n background-color: ", ";\n }\n "], ["\n &:hover {\n background-color: ", ";\n }\n "])), (0, colors_1.changeLightness)(intent ? theme.intents[intent] : theme.main, 0.05)), function (_a) {
|
|
76
|
-
var theme = _a.theme;
|
|
77
|
-
return intent
|
|
78
|
-
? (0, colors_1.getReadableColorFrom)(theme.intents[intent])
|
|
79
|
-
: (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
80
|
-
}) : (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "], ["\n cursor: not-allowed;\n > * {\n opacity: 0.5;\n }\n "])));
|
|
81
|
-
});
|
|
82
|
-
var StyledRightIcon = styled_components_1["default"].div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
83
|
-
var theme = _a.theme, interactive = _a.interactive, intent = _a.intent;
|
|
84
|
-
return (0, styled_components_1.css)(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n position: absolute;\n right: 0px;\n height: 100%;\n width: 33px;\n display: flex;\n justify-content: center;\n align-items: center;\n top: 0;\n z-index: 1;\n transition: background-color 0.2s ease-out;\n\n ", "\n "], ["\n position: absolute;\n right: 0px;\n height: 100%;\n width: 33px;\n display: flex;\n justify-content: center;\n align-items: center;\n top: 0;\n z-index: 1;\n transition: background-color 0.2s ease-out;\n\n ", "\n "])), interactive && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), (0, colors_1.changeLightness)(intent ? theme.intents[intent] : theme.main, 0.09)));
|
|
85
|
-
});
|
|
86
|
-
var ReqoreMenuItem = (0, react_1.forwardRef)(function (_a, ref) {
|
|
87
|
-
var children = _a.children, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, as = _a.as, selected = _a.selected, onClick = _a.onClick, onRightIconClick = _a.onRightIconClick, disabled = _a.disabled, id = _a.id, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, tooltip = _a.tooltip, intent = _a.intent, rest = __rest(_a, ["children", "label", "icon", "rightIcon", "as", "selected", "onClick", "onRightIconClick", "disabled", "id", "_insidePopover", "_popoverId", "tooltip", "intent"]);
|
|
88
|
-
var removePopover = (0, react_1.useContext)(PopoverContext_1["default"]).removePopover;
|
|
89
|
-
var innerRef = (0, react_1.useRef)(null);
|
|
90
|
-
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
91
|
-
var handleClick = function (event) {
|
|
92
|
-
event.persist();
|
|
93
|
-
event.stopPropagation();
|
|
94
|
-
onClick && onClick(id, event);
|
|
95
|
-
if (_insidePopover) {
|
|
96
|
-
removePopover(_popoverId);
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
var handleRightIconClick = function (event) {
|
|
100
|
-
event.persist();
|
|
101
|
-
event.stopPropagation();
|
|
102
|
-
if (onRightIconClick) {
|
|
103
|
-
onRightIconClick(id, event);
|
|
104
|
-
if (_insidePopover) {
|
|
105
|
-
removePopover(_popoverId);
|
|
106
|
-
}
|
|
107
|
-
}
|
|
108
|
-
};
|
|
109
|
-
(0, usePopover_1["default"])(__assign(__assign({}, tooltip), { targetElement: combinedRef.current, show: !!(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content) }));
|
|
110
|
-
return ((0, jsx_runtime_1.jsxs)(StyledElement
|
|
111
|
-
//@ts-ignore
|
|
112
|
-
, __assign({
|
|
113
|
-
//@ts-ignore
|
|
114
|
-
as: as }, rest, { className: 'reqore-menu-item', onClick: handleClick, selected: selected, ref: combinedRef, disabled: disabled, intent: intent }, { children: [(0, jsx_runtime_1.jsxs)(StyledElementContent, __assign({ hasRightIcon: !!rightIcon }, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: '13px', margin: 'right' }, void 0), label || children] }), void 0), rightIcon && ((0, jsx_runtime_1.jsx)(StyledRightIcon, __assign({ className: 'reqore-menu-item-right-icon', interactive: !!onRightIconClick, onClick: handleRightIconClick, intent: intent }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: '13px' }, void 0) }), void 0))] }), void 0));
|
|
115
|
-
});
|
|
116
|
-
exports["default"] = ReqoreMenuItem;
|
|
117
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;
|
|
118
|
-
//# sourceMappingURL=item.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"item.js","sourceRoot":"","sources":["../../../src/components/Menu/item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
import { IReqoreIconName } from '../../types/icons';
|
|
5
|
-
export interface IReqoreMessageProps {
|
|
6
|
-
intent?: IReqoreIntent;
|
|
7
|
-
title?: string;
|
|
8
|
-
children: any;
|
|
9
|
-
icon?: IReqoreIconName;
|
|
10
|
-
onClose?: () => any;
|
|
11
|
-
onClick?: () => any;
|
|
12
|
-
duration?: number;
|
|
13
|
-
onFinish?: () => any;
|
|
14
|
-
flat?: boolean;
|
|
15
|
-
inverted?: boolean;
|
|
16
|
-
size?: TSizes;
|
|
17
|
-
}
|
|
18
|
-
export interface IReqoreNotificationStyle extends IReqoreMessageProps {
|
|
19
|
-
theme: IReqoreTheme;
|
|
20
|
-
clickable?: boolean;
|
|
21
|
-
timeout?: number;
|
|
22
|
-
}
|
|
23
|
-
declare const ReqoreMessage: React.FC<IReqoreMessageProps>;
|
|
24
|
-
export default ReqoreMessage;
|
|
25
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAEpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAWpD,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAyB,SAAQ,mBAAmB;IACnE,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,QAAA,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwFhD,CAAC;AAEF,eAAe,aAAa,CAAC"}
|
|
@@ -1,51 +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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
exports.__esModule = true;
|
|
17
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
18
|
-
var react_1 = require("react");
|
|
19
|
-
var react_use_1 = require("react-use");
|
|
20
|
-
var sizes_1 = require("../../constants/sizes");
|
|
21
|
-
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
22
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
23
|
-
var notification_1 = require("../Notifications/notification");
|
|
24
|
-
var ReqoreMessage = (0, react_1.forwardRef)(function (_a, ref) {
|
|
25
|
-
var intent = _a.intent, icon = _a.icon, title = _a.title, children = _a.children, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, inverted = _a.inverted, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
26
|
-
var _c = (0, react_1.useState)(null), internalTimeout = _c[0], setInternalTimeout = _c[1];
|
|
27
|
-
(0, react_use_1.useMount)(function () {
|
|
28
|
-
if (duration) {
|
|
29
|
-
setInternalTimeout(setTimeout(function () {
|
|
30
|
-
onFinish && onFinish();
|
|
31
|
-
}, duration));
|
|
32
|
-
}
|
|
33
|
-
});
|
|
34
|
-
(0, react_1.useEffect)(function () {
|
|
35
|
-
if (internalTimeout) {
|
|
36
|
-
clearTimeout(internalTimeout);
|
|
37
|
-
setInternalTimeout(setTimeout(function () {
|
|
38
|
-
onFinish && onFinish();
|
|
39
|
-
}, duration));
|
|
40
|
-
}
|
|
41
|
-
}, [duration, intent, children, title]);
|
|
42
|
-
(0, react_use_1.useUnmount)(function () {
|
|
43
|
-
clearTimeout(internalTimeout);
|
|
44
|
-
});
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(notification_1.StyledReqoreNotification, __assign({ intent: intent, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, fluid: true, className: 'reqore-message', ref: ref, size: size }, { children: [(0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ intent: intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || notification_1.typeToIcon[intent], margin: flat && inverted ? 'right' : 'both', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0), (0, jsx_runtime_1.jsxs)(notification_1.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationTitle, { children: title }, void 0), (0, jsx_runtime_1.jsx)(notification_1.StyledNotificationContent, { children: children }, void 0)] }), void 0), onClose && ((0, jsx_runtime_1.jsx)(notification_1.StyledIconWrapper, __assign({ size: size, intent: intent, clickable: true, className: 'reqore-message-close', onClick: function (event) {
|
|
46
|
-
event.stopPropagation();
|
|
47
|
-
onClose && onClose();
|
|
48
|
-
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0))] }), "" + duration + intent + title + children) }, void 0));
|
|
49
|
-
});
|
|
50
|
-
exports["default"] = ReqoreMessage;
|
|
51
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Message/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,+BAAwD;AACxD,uCAAiD;AACjD,+CAA+D;AAE/D,iFAAiE;AAEjE,iDAAiC;AACjC,8DAOuC;AAsBvC,IAAM,aAAa,GAAkC,IAAA,kBAAU,EAC7D,UACE,EAYC,EACD,GAAQ;QAZN,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA;IAIX,IAAA,KAAwC,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArD,eAAe,QAAA,EAAE,kBAAkB,QAAkB,CAAC;IAE7D,IAAA,oBAAQ,EAAC;QACP,IAAI,QAAQ,EAAE;YACZ,kBAAkB,CAChB,UAAU,CAAC;gBACT,QAAQ,IAAI,QAAQ,EAAE,CAAC;YACzB,CAAC,EAAE,QAAQ,CAAC,CACb,CAAC;SACH;IACH,CAAC,CAAC,CAAC;IAEH,IAAA,iBAAS,EAAC;QACR,IAAI,eAAe,EAAE;YACnB,YAAY,CAAC,eAAe,CAAC,CAAC;YAC9B,kBAAkB,CAChB,UAAU,CAAC;gBACT,QAAQ,IAAI,QAAQ,EAAE,CAAC;YACzB,CAAC,EAAE,QAAQ,CAAC,CACb,CAAC;SACH;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAExC,IAAA,sBAAU,EAAC;QACT,YAAY,CAAC,eAAe,CAAC,CAAC;IAChC,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,uBAAC,0BAAmB,cAClB,wBAAC,uCAAwB,aAEvB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,QAAQ,EACjB,SAAS,EAAE,CAAC,CAAC,OAAO,EACpB,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,KAAK,QACL,SAAS,EAAC,gBAAgB,EAC1B,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,iBAEV,uBAAC,gCAAiB,aAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,gBAC3C,uBAAC,iBAAU,IACT,IAAI,EAAE,IAAI,IAAI,yBAAU,CAAC,MAAM,CAAC,EAChC,MAAM,EAAE,IAAI,IAAI,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EAC3C,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WACjC,YACgB,EACpB,wBAAC,+CAAgC,aAAC,IAAI,EAAE,IAAI,iBACzC,KAAK,IAAI,uBAAC,sCAAuB,cAAE,KAAK,WAA2B,EACpE,uBAAC,wCAAyB,cAAE,QAAQ,WAA6B,aAChC,EAClC,OAAO,IAAI,CACV,uBAAC,gCAAiB,aAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,SAAS,QACT,SAAS,EAAC,sBAAsB,EAChC,OAAO,EAAE,UAAC,KAAK;wBACb,KAAK,CAAC,eAAe,EAAE,CAAC;wBACxB,OAAO,IAAI,OAAO,EAAE,CAAC;oBACvB,CAAC,gBAED,uBAAC,iBAAU,IAAC,IAAI,EAAC,WAAW,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WAAI,YAC9D,CACrB,MApCI,KAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,QAAU,CAqCrB,WACP,CACvB,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,aAAa,CAAC"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IReqoreNavbarProps } from '../Navbar';
|
|
3
|
-
import { IReqoreNavbarGroupProps } from '../Navbar/group';
|
|
4
|
-
export declare const ReqoreModalActionsGroup: ({ children, className, ...rest }: IReqoreNavbarGroupProps) => JSX.Element;
|
|
5
|
-
export declare const ReqoreModalActions: ({ children, className, ...rest }: IReqoreNavbarProps) => JSX.Element;
|
|
6
|
-
//# sourceMappingURL=actions.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"actions.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/actions.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAgB,MAAM,WAAW,CAAC;AAC7D,OAA0B,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAS7E,eAAO,MAAM,uBAAuB,qCAIjC,uBAAuB,gBAIzB,CAAC;AAEF,eAAO,MAAM,kBAAkB,qCAAsC,kBAAkB,gBAItF,CAAC"}
|
|
@@ -1,49 +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 __assign = (this && this.__assign) || function () {
|
|
7
|
-
__assign = Object.assign || function(t) {
|
|
8
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
9
|
-
s = arguments[i];
|
|
10
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
11
|
-
t[p] = s[p];
|
|
12
|
-
}
|
|
13
|
-
return t;
|
|
14
|
-
};
|
|
15
|
-
return __assign.apply(this, arguments);
|
|
16
|
-
};
|
|
17
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
18
|
-
var t = {};
|
|
19
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
20
|
-
t[p] = s[p];
|
|
21
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
22
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
23
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
24
|
-
t[p[i]] = s[p[i]];
|
|
25
|
-
}
|
|
26
|
-
return t;
|
|
27
|
-
};
|
|
28
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
29
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
30
|
-
};
|
|
31
|
-
exports.__esModule = true;
|
|
32
|
-
exports.ReqoreModalActions = exports.ReqoreModalActionsGroup = void 0;
|
|
33
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
-
var Navbar_1 = require("../Navbar");
|
|
36
|
-
var group_1 = __importDefault(require("../Navbar/group"));
|
|
37
|
-
var StyledActions = (0, styled_components_1["default"])(Navbar_1.StyledNavbar)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: transparent;\n border: 0;\n box-shadow: none;\n padding: 0;\n"], ["\n background-color: transparent;\n border: 0;\n box-shadow: none;\n padding: 0;\n"])));
|
|
38
|
-
var ReqoreModalActionsGroup = function (_a) {
|
|
39
|
-
var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
|
|
40
|
-
return ((0, jsx_runtime_1.jsx)(group_1["default"], __assign({}, rest, { className: (className || '') + " reqore-modal-actions-group" }, { children: children }), void 0));
|
|
41
|
-
};
|
|
42
|
-
exports.ReqoreModalActionsGroup = ReqoreModalActionsGroup;
|
|
43
|
-
var ReqoreModalActions = function (_a) {
|
|
44
|
-
var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
|
|
45
|
-
return ((0, jsx_runtime_1.jsx)(StyledActions, __assign({}, rest, { className: (className || '') + " reqore-modal-actions" }, { children: children }), void 0));
|
|
46
|
-
};
|
|
47
|
-
exports.ReqoreModalActions = ReqoreModalActions;
|
|
48
|
-
var templateObject_1;
|
|
49
|
-
//# sourceMappingURL=actions.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"actions.js","sourceRoot":"","sources":["../../../src/components/Modal/actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wEAAuC;AACvC,oCAA6D;AAC7D,0DAA6E;AAE7E,IAAM,aAAa,GAAG,IAAA,8BAAM,EAAC,qBAAY,CAAC,2JAAA,wFAKzC,IAAA,CAAC;AAEK,IAAM,uBAAuB,GAAG,UAAC,EAId;IAHxB,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,IAAI,cAH+B,yBAIvC,CADQ;IACsB,OAAA,CAC7B,uBAAC,kBAAiB,eAAK,IAAI,IAAE,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,iCAA6B,gBACpF,QAAQ,YACS,CACrB,CAAA;CAAA,CAAC;AARW,QAAA,uBAAuB,2BAQlC;AAEK,IAAM,kBAAkB,GAAG,UAAC,EAAoD;IAAlD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAA2B,OAAA,CAC1F,uBAAC,aAAa,eAAK,IAAI,IAAE,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,2BAAuB,gBAC1E,QAAQ,YACK,CACjB,CAAA;CAAA,CAAC;AAJW,QAAA,kBAAkB,sBAI7B"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"content.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/content.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,GAAG,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,iBAAkB,mBAAmB,gBAInE,CAAC"}
|
|
@@ -1,25 +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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
|
-
};
|
|
16
|
-
exports.__esModule = true;
|
|
17
|
-
exports.ReqoreModalContent = void 0;
|
|
18
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
19
|
-
var react_scrollbar_1 = __importDefault(require("react-scrollbar"));
|
|
20
|
-
var ReqoreModalContent = function (_a) {
|
|
21
|
-
var children = _a.children;
|
|
22
|
-
return ((0, jsx_runtime_1.jsx)(react_scrollbar_1["default"], __assign({ horizontal: 'false', className: 'reqore-modal-content' }, { children: children }), void 0));
|
|
23
|
-
};
|
|
24
|
-
exports.ReqoreModalContent = ReqoreModalContent;
|
|
25
|
-
//# sourceMappingURL=content.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"content.js","sourceRoot":"","sources":["../../../src/components/Modal/content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,oEAAqC;AAM9B,IAAM,kBAAkB,GAAG,UAAC,EAAiC;QAA/B,QAAQ,cAAA;IAA4B,OAAA,CACvE,uBAAC,4BAAM,aAAC,UAAU,EAAC,OAAO,EAAC,SAAS,EAAC,sBAAsB,gBACxD,QAAQ,YACF,CACV;AAJwE,CAIxE,CAAC;AAJW,QAAA,kBAAkB,sBAI7B"}
|