@qoretechnologies/reqore 0.19.12 → 0.20.1
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/ISSUE_TEMPLATE/bug_report.md +38 -0
- package/.github/ISSUE_TEMPLATE/feature_request.md +20 -0
- package/.github/ISSUE_TEMPLATE/new-component.md +20 -0
- package/.github/ISSUE_TEMPLATE/visual-bug-report.md +38 -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 -1
- 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,165 +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
|
-
exports.StyledButton = exports.StyledInvisibleContent = exports.StyledInActiveContent = exports.StyledActiveContent = void 0;
|
|
52
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
var polished_1 = require("polished");
|
|
54
|
-
var react_1 = require("react");
|
|
55
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
56
|
-
var sizes_1 = require("../../constants/sizes");
|
|
57
|
-
var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
|
|
58
|
-
var colors_1 = require("../../helpers/colors");
|
|
59
|
-
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
60
|
-
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
61
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
62
|
-
var getButtonMainColor = function (theme, color) {
|
|
63
|
-
if (color) {
|
|
64
|
-
return color;
|
|
65
|
-
}
|
|
66
|
-
return theme.main;
|
|
67
|
-
};
|
|
68
|
-
var StyledLabel = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n position: relative;\n"], ["\n overflow: hidden;\n position: relative;\n"])));
|
|
69
|
-
exports.StyledActiveContent = styled_components_1["default"].span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: absolute;\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.2s ease-out;\n filter: blur(10px);\n\n ", "\n"], ["\n position: absolute;\n transform: translateY(-150%);\n opacity: 0;\n transition: all 0.2s ease-out;\n filter: blur(10px);\n\n ", "\n"])), function (_a) {
|
|
70
|
-
var wrap = _a.wrap;
|
|
71
|
-
return wrap && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "])));
|
|
72
|
-
});
|
|
73
|
-
exports.StyledInActiveContent = styled_components_1["default"].span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n position: absolute;\n transform: translateY(0);\n transition: all 0.2s ease-out;\n\n ", "\n"], ["\n position: absolute;\n transform: translateY(0);\n transition: all 0.2s ease-out;\n\n ", "\n"])), function (_a) {
|
|
74
|
-
var wrap = _a.wrap;
|
|
75
|
-
return wrap && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "], ["\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n width: 100%;\n "])));
|
|
76
|
-
});
|
|
77
|
-
exports.StyledInvisibleContent = styled_components_1["default"].span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n visibility: hidden;\n position: relative;\n overflow: hidden;\n\n ", "\n"], ["\n visibility: hidden;\n position: relative;\n overflow: hidden;\n\n ", "\n"])), function (_a) {
|
|
78
|
-
var wrap = _a.wrap;
|
|
79
|
-
return wrap && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n white-space: nowrap;\n "], ["\n white-space: nowrap;\n "])));
|
|
80
|
-
});
|
|
81
|
-
exports.StyledButton = styled_components_1["default"].button(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin: 0;\n font-weight: 600;\n position: relative;\n overflow: hidden;\n border: ", ";\n padding: 0 ", "px;\n font-size: ", "px;\n\n height: ", "px;\n min-width: ", "px;\n\n flex: ", ";\n\n border-radius: ", "px;\n\n background-color: ", ";\n\n color: ", ";\n\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:not(:disabled) {\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: scale(0.95);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n }\n }\n\n ", "\n\n &:disabled {\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n }\n\n &:focus,\n &:active {\n outline: none;\n }\n\n &:focus {\n border-color: ", ";\n }\n"], ["\n display: flex;\n align-items: center;\n margin: 0;\n font-weight: 600;\n position: relative;\n overflow: hidden;\n border: ", ";\n padding: 0 ", "px;\n font-size: ", "px;\n\n height: ", "px;\n min-width: ", "px;\n\n flex: ", ";\n\n border-radius: ", "px;\n\n background-color: ", ";\n\n color: ", ";\n\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:not(:disabled) {\n cursor: pointer;\n transition: all 0.2s ease-out;\n\n &:active {\n transform: scale(0.95);\n }\n\n &:hover,\n &:focus {\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n\n ", " {\n transform: translateY(0px);\n filter: blur(0);\n opacity: 1;\n }\n\n ", " {\n transform: translateY(150%);\n filter: blur(10px);\n opacity: 0;\n }\n }\n }\n\n ", "\n\n &:disabled {\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n }\n\n &:focus,\n &:active {\n outline: none;\n }\n\n &:focus {\n border-color: ", ";\n }\n"])), function (_a) {
|
|
82
|
-
var theme = _a.theme, minimal = _a.minimal, color = _a.color, flat = _a.flat;
|
|
83
|
-
return !minimal && !flat
|
|
84
|
-
? "1px solid " + (color ? (0, polished_1.darken)(0.2, color) : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2))
|
|
85
|
-
: 0;
|
|
86
|
-
}, function (_a) {
|
|
87
|
-
var size = _a.size;
|
|
88
|
-
return sizes_1.PADDING_FROM_SIZE[size];
|
|
89
|
-
}, function (_a) {
|
|
90
|
-
var size = _a.size;
|
|
91
|
-
return sizes_1.TEXT_FROM_SIZE[size];
|
|
92
|
-
}, function (_a) {
|
|
93
|
-
var size = _a.size;
|
|
94
|
-
return sizes_1.SIZE_TO_PX[size];
|
|
95
|
-
}, function (_a) {
|
|
96
|
-
var size = _a.size;
|
|
97
|
-
return sizes_1.SIZE_TO_PX[size];
|
|
98
|
-
}, function (_a) {
|
|
99
|
-
var fluid = _a.fluid, fixed = _a.fixed;
|
|
100
|
-
return (fixed ? '0 auto' : fluid ? '1 0 auto' : '0 0 auto');
|
|
101
|
-
}, function (_a) {
|
|
102
|
-
var size = _a.size;
|
|
103
|
-
return sizes_1.RADIUS_FROM_SIZE[size];
|
|
104
|
-
}, function (_a) {
|
|
105
|
-
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
106
|
-
if (minimal) {
|
|
107
|
-
if (color) {
|
|
108
|
-
return (0, polished_1.rgba)(color, 0.3);
|
|
109
|
-
}
|
|
110
|
-
return 'transparent';
|
|
111
|
-
}
|
|
112
|
-
return color || (0, colors_1.changeLightness)(theme.main, 0.1);
|
|
113
|
-
}, function (_a) {
|
|
114
|
-
var theme = _a.theme, color = _a.color, minimal = _a.minimal;
|
|
115
|
-
return color
|
|
116
|
-
? minimal
|
|
117
|
-
? (0, colors_1.getReadableColor)(theme, undefined, undefined, true)
|
|
118
|
-
: (0, colors_1.getReadableColorFrom)(color, true)
|
|
119
|
-
: (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
120
|
-
}, function (_a) {
|
|
121
|
-
var theme = _a.theme, color = _a.color;
|
|
122
|
-
return color
|
|
123
|
-
? (0, colors_1.changeLightness)(color, 0.09)
|
|
124
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.2);
|
|
125
|
-
}, function (_a) {
|
|
126
|
-
var theme = _a.theme, color = _a.color;
|
|
127
|
-
return color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
128
|
-
}, function (_a) {
|
|
129
|
-
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
130
|
-
return minimal
|
|
131
|
-
? undefined
|
|
132
|
-
: color
|
|
133
|
-
? (0, polished_1.darken)(0.4, color)
|
|
134
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
|
|
135
|
-
}, exports.StyledActiveContent, exports.StyledInActiveContent, function (_a) {
|
|
136
|
-
var active = _a.active, minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
137
|
-
return active && (0, styled_components_1.css)(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n "], ["\n background-color: ", ";\n color: ", ";\n border-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n "])), color
|
|
138
|
-
? (0, colors_1.changeLightness)(color, 0.045)
|
|
139
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.16), color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined), minimal
|
|
140
|
-
? undefined
|
|
141
|
-
: color
|
|
142
|
-
? (0, polished_1.darken)(0.2, color)
|
|
143
|
-
: (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.34));
|
|
144
|
-
}, function (_a) {
|
|
145
|
-
var minimal = _a.minimal, theme = _a.theme, color = _a.color;
|
|
146
|
-
return minimal ? undefined : (0, colors_1.changeLightness)(getButtonMainColor(theme, color), 0.4);
|
|
147
|
-
});
|
|
148
|
-
var ReqoreButton = (0, react_1.forwardRef)(function (_a, ref) {
|
|
149
|
-
var icon = _a.icon, _b = _a.size, size = _b === void 0 ? 'normal' : _b, minimal = _a.minimal, children = _a.children, tooltip = _a.tooltip, tooltipPlacement = _a.tooltipPlacement, className = _a.className, fluid = _a.fluid, fixed = _a.fixed, intent = _a.intent, active = _a.active, flat = _a.flat, rightIcon = _a.rightIcon, color = _a.color, rest = __rest(_a, ["icon", "size", "minimal", "children", "tooltip", "tooltipPlacement", "className", "fluid", "fixed", "intent", "active", "flat", "rightIcon", "color"]);
|
|
150
|
-
var innerRef = (0, react_1.useRef)(null);
|
|
151
|
-
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
152
|
-
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
153
|
-
(0, usePopover_1["default"])({
|
|
154
|
-
targetElement: combinedRef.current,
|
|
155
|
-
content: tooltip,
|
|
156
|
-
placement: tooltipPlacement,
|
|
157
|
-
show: !!tooltip
|
|
158
|
-
});
|
|
159
|
-
// If color or intent was specified, set the color
|
|
160
|
-
var customColor = intent ? theme.intents[intent] : color;
|
|
161
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledButton, __assign({}, rest, { ref: combinedRef, fluid: fluid, fixed: fixed, minimal: minimal, size: size, color: customColor, flat: flat, active: active, className: (className || '') + " reqore-control reqore-button", tabIndex: 1 }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: children || rightIcon ? 'right' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0)), children && ((0, jsx_runtime_1.jsxs)(StyledLabel, { children: [(0, jsx_runtime_1.jsx)(exports.StyledActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInActiveContent, { children: children }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledInvisibleContent, { children: children }, void 0)] }, void 0)), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, margin: children ? 'left' : undefined, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0))] }), void 0));
|
|
162
|
-
});
|
|
163
|
-
exports["default"] = ReqoreButton;
|
|
164
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9;
|
|
165
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Button/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
import { IReqoreTooltip } from '../../types/global';
|
|
5
|
-
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
-
export interface IReqoreCheckboxProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
7
|
-
label?: string;
|
|
8
|
-
labelDetail?: any;
|
|
9
|
-
labelDetailPosition?: 'left' | 'right';
|
|
10
|
-
size?: TSizes;
|
|
11
|
-
checked?: boolean;
|
|
12
|
-
disabled?: boolean;
|
|
13
|
-
labelPosition?: 'right' | 'left';
|
|
14
|
-
fluid?: boolean;
|
|
15
|
-
fixed?: boolean;
|
|
16
|
-
tooltip?: IReqoreTooltip;
|
|
17
|
-
asSwitch?: boolean;
|
|
18
|
-
uncheckedIcon?: IReqoreIconName;
|
|
19
|
-
checkedIcon?: IReqoreIconName;
|
|
20
|
-
}
|
|
21
|
-
export interface IReqoreCheckboxStyle extends IReqoreCheckboxProps {
|
|
22
|
-
theme: IReqoreTheme;
|
|
23
|
-
}
|
|
24
|
-
declare const Checkbox: React.ForwardRefExoticComponent<IReqoreCheckboxProps & React.RefAttributes<unknown>>;
|
|
25
|
-
export default Checkbox;
|
|
26
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAA6B,MAAM,OAAO,CAAC;AAElD,OAAO,EAA8B,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC3E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAChF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,GAAG,CAAC;IAClB,mBAAmB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACvC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACjC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,aAAa,CAAC,EAAE,eAAe,CAAC;IAChC,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;CACrB;AAkED,QAAA,MAAM,QAAQ,sFA8Db,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -1,108 +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 polished_1 = require("polished");
|
|
34
|
-
var react_1 = require("react");
|
|
35
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
|
-
var sizes_1 = require("../../constants/sizes");
|
|
37
|
-
var colors_1 = require("../../helpers/colors");
|
|
38
|
-
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
39
|
-
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
40
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
41
|
-
var StyledSwitch = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n transition: all 0.2s ease-out;\n position: relative;\n\n height: ", "px;\n width: ", "px;\n\n border: 1px solid\n ", ";\n border-radius: 50px;\n\n margin-right: ", ";\n margin-left: ", ";\n\n background-color: ", ";\n\n &::before {\n transition: all 0.2s ease-in-out;\n content: '';\n display: block;\n position: absolute;\n height: ", "px;\n width: ", "px;\n top: 50%;\n transform: translateY(-50%);\n left: ", ";\n border-radius: 100%;\n background-color: ", ";\n }\n"], ["\n transition: all 0.2s ease-out;\n position: relative;\n\n height: ", "px;\n width: ", "px;\n\n border: 1px solid\n ", ";\n border-radius: 50px;\n\n margin-right: ", ";\n margin-left: ", ";\n\n background-color: ", ";\n\n &::before {\n transition: all 0.2s ease-in-out;\n content: '';\n display: block;\n position: absolute;\n height: ", "px;\n width: ", "px;\n top: 50%;\n transform: translateY(-50%);\n left: ", ";\n border-radius: 100%;\n background-color: ", ";\n }\n"])), function (_a) {
|
|
42
|
-
var size = _a.size;
|
|
43
|
-
return sizes_1.SIZE_TO_PX[size] - 5;
|
|
44
|
-
}, function (_a) {
|
|
45
|
-
var size = _a.size;
|
|
46
|
-
return sizes_1.SIZE_TO_PX[size] * 1.8;
|
|
47
|
-
}, function (_a) {
|
|
48
|
-
var theme = _a.theme, checked = _a.checked;
|
|
49
|
-
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), checked ? 0.6 : 0.3);
|
|
50
|
-
}, function (_a) {
|
|
51
|
-
var labelPosition = _a.labelPosition;
|
|
52
|
-
return labelPosition === 'right' && '8px';
|
|
53
|
-
}, function (_a) {
|
|
54
|
-
var labelPosition = _a.labelPosition;
|
|
55
|
-
return labelPosition === 'left' && '8px';
|
|
56
|
-
}, function (_a) {
|
|
57
|
-
var theme = _a.theme, checked = _a.checked;
|
|
58
|
-
return checked ? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2) : 'transparent';
|
|
59
|
-
}, function (_a) {
|
|
60
|
-
var size = _a.size;
|
|
61
|
-
return sizes_1.SIZE_TO_PX[size] - 13;
|
|
62
|
-
}, function (_a) {
|
|
63
|
-
var size = _a.size;
|
|
64
|
-
return sizes_1.SIZE_TO_PX[size] - 13;
|
|
65
|
-
}, function (_a) {
|
|
66
|
-
var checked = _a.checked, size = _a.size;
|
|
67
|
-
return !checked ? '5px' : sizes_1.SIZE_TO_PX[size] * 1.8 - (sizes_1.SIZE_TO_PX[size] - 7) + "px";
|
|
68
|
-
}, function (_a) {
|
|
69
|
-
var theme = _a.theme, checked = _a.checked;
|
|
70
|
-
return !checked
|
|
71
|
-
? (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined), 0.2)
|
|
72
|
-
: (0, colors_1.getReadableColor)(theme, undefined, undefined);
|
|
73
|
-
});
|
|
74
|
-
var StyledCheckbox = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0px;\n transition: all 0.2s ease-out;\n\n height: ", "px;\n font-size: ", "px;\n\n flex: ", ";\n\n opacity: ", ";\n pointer-events: ", ";\n\n color: ", ";\n\n &:hover {\n color: ", ";\n\n > ", " {\n border-color: ", ";\n }\n }\n"], ["\n display: flex;\n align-items: center;\n cursor: pointer;\n padding: 0px;\n transition: all 0.2s ease-out;\n\n height: ", "px;\n font-size: ", "px;\n\n flex: ", ";\n\n opacity: ", ";\n pointer-events: ", ";\n\n color: ", ";\n\n &:hover {\n color: ", ";\n\n > ", " {\n border-color: ", ";\n }\n }\n"])), function (_a) {
|
|
75
|
-
var size = _a.size;
|
|
76
|
-
return sizes_1.SIZE_TO_PX[size];
|
|
77
|
-
}, function (_a) {
|
|
78
|
-
var size = _a.size;
|
|
79
|
-
return sizes_1.TEXT_FROM_SIZE[size];
|
|
80
|
-
}, function (_a) {
|
|
81
|
-
var fluid = _a.fluid, fixed = _a.fixed;
|
|
82
|
-
return (fixed ? '0 auto' : fluid ? '1' : '0 0 auto');
|
|
83
|
-
}, function (_a) {
|
|
84
|
-
var disabled = _a.disabled;
|
|
85
|
-
return disabled && 0.5;
|
|
86
|
-
}, function (_a) {
|
|
87
|
-
var disabled = _a.disabled;
|
|
88
|
-
return disabled && 'none';
|
|
89
|
-
}, function (_a) {
|
|
90
|
-
var theme = _a.theme, checked = _a.checked;
|
|
91
|
-
return (0, colors_1.getReadableColor)(theme, undefined, undefined, !checked);
|
|
92
|
-
}, function (_a) {
|
|
93
|
-
var theme = _a.theme;
|
|
94
|
-
return (0, colors_1.getReadableColor)(theme, undefined, undefined, false);
|
|
95
|
-
}, StyledSwitch, function (_a) {
|
|
96
|
-
var theme = _a.theme, checked = _a.checked;
|
|
97
|
-
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme, undefined, undefined, false), checked ? 0.8 : 0.5);
|
|
98
|
-
});
|
|
99
|
-
var Checkbox = (0, react_1.forwardRef)(function (_a, ref) {
|
|
100
|
-
var label = _a.label, labelDetail = _a.labelDetail, _b = _a.labelDetailPosition, labelDetailPosition = _b === void 0 ? 'right' : _b, _c = _a.size, size = _c === void 0 ? 'normal' : _c, checked = _a.checked, disabled = _a.disabled, className = _a.className, _d = _a.labelPosition, labelPosition = _d === void 0 ? 'right' : _d, tooltip = _a.tooltip, asSwitch = _a.asSwitch, _e = _a.uncheckedIcon, uncheckedIcon = _e === void 0 ? 'CheckboxBlankCircleLine' : _e, _f = _a.checkedIcon, checkedIcon = _f === void 0 ? 'CheckboxCircleFill' : _f, rest = __rest(_a, ["label", "labelDetail", "labelDetailPosition", "size", "checked", "disabled", "className", "labelPosition", "tooltip", "asSwitch", "uncheckedIcon", "checkedIcon"]);
|
|
101
|
-
var innerRef = (0, react_1.useRef)(null);
|
|
102
|
-
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
103
|
-
(0, usePopover_1["default"])(__assign({ targetElement: combinedRef.current }, tooltip));
|
|
104
|
-
return ((0, jsx_runtime_1.jsxs)(StyledCheckbox, __assign({}, rest, { ref: combinedRef, size: size, disabled: disabled, checked: checked, className: (className || '') + " reqore-checkbox reqore-control" }, { children: [label && labelPosition === 'left' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }, void 0), labelDetailPosition === 'right' && labelDetail] }, void 0)) : null, asSwitch ? ((0, jsx_runtime_1.jsx)(StyledSwitch, { size: size, labelPosition: labelPosition, checked: checked }, void 0)) : ((0, jsx_runtime_1.jsx)(Icon_1["default"], { size: sizes_1.TEXT_FROM_SIZE[size] + "px", icon: checked ? checkedIcon : uncheckedIcon, margin: labelPosition }, void 0)), label && labelPosition === 'right' ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [labelDetailPosition === 'left' && labelDetail, (0, jsx_runtime_1.jsx)("span", { children: label }, void 0), labelDetailPosition === 'right' && labelDetail] }, void 0)) : null] }), void 0));
|
|
105
|
-
});
|
|
106
|
-
exports["default"] = Checkbox;
|
|
107
|
-
var templateObject_1, templateObject_2;
|
|
108
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface IReqoreColumnProps extends Pick<React.CSSProperties, 'alignItems' | 'justifyContent' | 'flexFlow' | 'flex' | 'flexShrink' | 'flexGrow'> {
|
|
3
|
-
}
|
|
4
|
-
export declare const ReqoreColumn: any;
|
|
5
|
-
//# sourceMappingURL=column.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"column.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/column.tsx"],"names":[],"mappings":";AAEA,MAAM,WAAW,kBACf,SAAQ,IAAI,CACV,KAAK,CAAC,aAAa,EACnB,YAAY,GAAG,gBAAgB,GAAG,UAAU,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAClF;CAAG;AAEN,eAAO,MAAM,YAAY,KAiBxB,CAAC"}
|
|
@@ -1,33 +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
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
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
|
-
exports.__esModule = true;
|
|
26
|
-
exports.ReqoreColumn = void 0;
|
|
27
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
28
|
-
exports.ReqoreColumn = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
29
|
-
var alignItems = _a.alignItems, justifyContent = _a.justifyContent, _b = _a.flex, flex = _b === void 0 ? '1 0 auto' : _b, _c = _a.flexFlow, flexFlow = _c === void 0 ? 'row' : _c, flexGrow = _a.flexGrow, flexShrink = _a.flexShrink;
|
|
30
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-flow: ", ";\n flex: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n "], ["\n display: flex;\n align-items: ", ";\n justify-content: ", ";\n flex-flow: ", ";\n flex: ", ";\n flex-grow: ", ";\n flex-shrink: ", ";\n "])), alignItems, justifyContent, flexFlow, flex, flexGrow, flexShrink);
|
|
31
|
-
});
|
|
32
|
-
var templateObject_1, templateObject_2;
|
|
33
|
-
//# sourceMappingURL=column.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"column.js","sourceRoot":"","sources":["../../../src/components/Columns/column.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAQnC,QAAA,YAAY,GAAG,8BAAM,CAAC,GAAG,+EAAoB,MACtD,EAeD,IACF,KAhBG,UAAC,EAOkB;QANnB,UAAU,gBAAA,EACV,cAAc,oBAAA,EACd,YAAiB,EAAjB,IAAI,mBAAG,UAAU,KAAA,EACjB,gBAAgB,EAAhB,QAAQ,mBAAG,KAAK,KAAA,EAChB,QAAQ,cAAA,EACR,UAAU,gBAAA;IACc,WAAA,uBAAG,uOAAA,yCAEZ,EAAU,0BACN,EAAc,oBACpB,EAAQ,eACb,EAAI,oBACC,EAAQ,sBACN,EAAU,OAC1B,KANgB,UAAU,EACN,cAAc,EACpB,QAAQ,EACb,IAAI,EACC,QAAQ,EACN,UAAU;AAPD,CAQzB,EACD"}
|
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IReqoreTheme } from '../../constants/theme';
|
|
3
|
-
export interface IReqoreColumnsProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
children?: any;
|
|
5
|
-
minColumnWidth?: string;
|
|
6
|
-
maxColumnWidth?: string;
|
|
7
|
-
columns?: number | 'auto-fit' | 'auto-fill';
|
|
8
|
-
columnsGap?: string;
|
|
9
|
-
className?: string;
|
|
10
|
-
alignItems?: string;
|
|
11
|
-
}
|
|
12
|
-
export interface IStyledColumns extends IReqoreColumnsProps {
|
|
13
|
-
theme?: IReqoreTheme;
|
|
14
|
-
}
|
|
15
|
-
export declare const StyledColumns: any;
|
|
16
|
-
export declare const ReqoreColumns: ({ children, className, ...rest }: IReqoreColumnsProps) => JSX.Element;
|
|
17
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Columns/index.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAErD,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC/E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,CAAC;IAC5C,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,cAAe,SAAQ,mBAAmB;IACzD,KAAK,CAAC,EAAE,YAAY,CAAC;CACtB;AAED,eAAO,MAAM,aAAa,KAazB,CAAC;AAEF,eAAO,MAAM,aAAa,qCAAsC,mBAAmB,gBAMlF,CAAC"}
|
|
@@ -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
|
-
exports.ReqoreColumns = exports.StyledColumns = void 0;
|
|
52
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
var classnames_1 = __importDefault(require("classnames"));
|
|
54
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
55
|
-
exports.StyledColumns = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: grid;\n ", "\n"], ["\n display: grid;\n ", "\n"])), function (_a) {
|
|
56
|
-
var _b = _a.minColumnWidth, minColumnWidth = _b === void 0 ? '300px' : _b, _c = _a.maxColumnWidth, maxColumnWidth = _c === void 0 ? '1fr' : _c, _d = _a.columns, columns = _d === void 0 ? 'auto-fit' : _d, columnsGap = _a.columnsGap, _e = _a.alignItems, alignItems = _e === void 0 ? 'normal' : _e;
|
|
57
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n grid-template-columns: repeat(", ", minmax(", ", ", "));\n grid-gap: ", ";\n align-items: ", ";\n "], ["\n grid-template-columns: repeat(", ", minmax(", ", ", "));\n grid-gap: ", ";\n align-items: ", ";\n "])), columns, minColumnWidth, maxColumnWidth, columnsGap, alignItems);
|
|
58
|
-
});
|
|
59
|
-
var ReqoreColumns = function (_a) {
|
|
60
|
-
var children = _a.children, className = _a.className, rest = __rest(_a, ["children", "className"]);
|
|
61
|
-
return ((0, jsx_runtime_1.jsx)(exports.StyledColumns, __assign({}, rest, { className: (0, classnames_1["default"])('reqore-columns', className) }, { children: children }), void 0));
|
|
62
|
-
};
|
|
63
|
-
exports.ReqoreColumns = ReqoreColumns;
|
|
64
|
-
var templateObject_1, templateObject_2;
|
|
65
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Columns/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,0DAAoC;AACpC,qEAAgD;AAiBnC,QAAA,aAAa,GAAG,8BAAM,CAAC,GAAG,iGAAgB,wBAEnD,EAUD,IACF,KAXG,UAAC,EAMc;QALf,sBAAwB,EAAxB,cAAc,mBAAG,OAAO,KAAA,EACxB,sBAAsB,EAAtB,cAAc,mBAAG,KAAK,KAAA,EACtB,eAAoB,EAApB,OAAO,mBAAG,UAAU,KAAA,EACpB,UAAU,gBAAA,EACV,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IACD,WAAA,uBAAG,qLAAA,sCACS,EAAO,WAAY,EAAc,IAAK,EAAc,qBACxE,EAAU,sBACP,EAAU,OAC1B,KAHiC,OAAO,EAAY,cAAc,EAAK,cAAc,EACxE,UAAU,EACP,UAAU;AAHL,CAIrB,EACD;AAEK,IAAM,aAAa,GAAG,UAAC,EAAqD;IAAnD,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAK,IAAI,cAA9B,yBAAgC,CAAF;IAC1D,OAAO,CACL,uBAAC,qBAAa,eAAK,IAAI,IAAE,SAAS,EAAE,IAAA,uBAAU,EAAC,gBAAgB,EAAE,SAAS,CAAC,gBACxE,QAAQ,YACK,CACjB,CAAC;AACJ,CAAC,CAAC;AANW,QAAA,aAAa,iBAMxB"}
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IReqoreIntent } from '../../constants/theme';
|
|
3
|
-
import { IReqoreIconName } from '../../types/icons';
|
|
4
|
-
import { IReqorePanelAction } from '../Panel';
|
|
5
|
-
export interface IReqoreCommentProps {
|
|
6
|
-
icon?: IReqoreIconName;
|
|
7
|
-
image?: string;
|
|
8
|
-
title?: string;
|
|
9
|
-
children: any;
|
|
10
|
-
intent?: IReqoreIntent;
|
|
11
|
-
rounded?: boolean;
|
|
12
|
-
flat?: boolean;
|
|
13
|
-
detail?: string;
|
|
14
|
-
actions?: IReqorePanelAction[];
|
|
15
|
-
}
|
|
16
|
-
export declare const StyledCommentWrapper: any;
|
|
17
|
-
export declare const StyledIconWrapper: any;
|
|
18
|
-
export declare const StyledInfoWrapper: any;
|
|
19
|
-
export declare const StyledCommentText: any;
|
|
20
|
-
export declare const StyledCommentTitle: any;
|
|
21
|
-
export declare const StyledCommentDetail: any;
|
|
22
|
-
export declare const StyledCommentImage: any;
|
|
23
|
-
export declare const ReqoreComment: ({ rounded, flat, intent, icon, children, image, title, detail, actions, ...rest }: IReqoreCommentProps) => JSX.Element;
|
|
24
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Comment/index.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,kBAAkB,EAAe,MAAM,UAAU,CAAC;AAG3D,MAAM,WAAW,mBAAmB;IAClC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,GAAG,CAAC;IACd,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;CAChC;AAED,eAAO,MAAM,oBAAoB,KAOhC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAK7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAI7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAM7B,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAG9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,KAG/B,CAAC;AAEF,eAAO,MAAM,kBAAkB,KAI9B,CAAC;AAEF,eAAO,MAAM,aAAa,sFAWvB,mBAAmB,gBA0DrB,CAAC"}
|
|
@@ -1,71 +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.ReqoreComment = exports.StyledCommentImage = exports.StyledCommentDetail = exports.StyledCommentTitle = exports.StyledCommentText = exports.StyledInfoWrapper = exports.StyledIconWrapper = exports.StyledCommentWrapper = void 0;
|
|
33
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
-
var lodash_1 = require("lodash");
|
|
35
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
|
-
var __1 = require("../..");
|
|
37
|
-
var Columns_1 = require("../Columns");
|
|
38
|
-
var Header_1 = require("../Header");
|
|
39
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
40
|
-
var Panel_1 = require("../Panel");
|
|
41
|
-
var Paragraph_1 = require("../Paragraph");
|
|
42
|
-
exports.StyledCommentWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n overflow: hidden;\n\n &:not(:first-child) {\n margin-top: 10px;\n }\n"], ["\n display: flex;\n overflow: hidden;\n\n &:not(:first-child) {\n margin-top: 10px;\n }\n"])));
|
|
43
|
-
exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex: 0 auto;\n padding: 10px;\n display: flex;\n justify-content: center;\n"], ["\n flex: 0 auto;\n padding: 10px;\n display: flex;\n justify-content: center;\n"])));
|
|
44
|
-
exports.StyledInfoWrapper = styled_components_1["default"].div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n flex: 1;\n padding: 10px;\n overflow: hidden;\n"], ["\n flex: 1;\n padding: 10px;\n overflow: hidden;\n"])));
|
|
45
|
-
exports.StyledCommentText = (0, styled_components_1["default"])(Paragraph_1.ReqoreP)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n min-height: 10px;\n overflow: hidden;\n padding: 0;\n margin: 0;\n margin-top: ", ";\n"], ["\n min-height: 10px;\n overflow: hidden;\n padding: 0;\n margin: 0;\n margin-top: ", ";\n"])), function (_a) {
|
|
46
|
-
var marginTop = _a.marginTop;
|
|
47
|
-
return marginTop;
|
|
48
|
-
});
|
|
49
|
-
exports.StyledCommentTitle = (0, styled_components_1["default"])(Header_1.ReqoreH3)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 0;\n margin: 0;\n"], ["\n padding: 0;\n margin: 0;\n"])));
|
|
50
|
-
exports.StyledCommentDetail = styled_components_1["default"].span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n opacity: 0.5;\n font-size: 11px;\n"], ["\n opacity: 0.5;\n font-size: 11px;\n"])));
|
|
51
|
-
exports.StyledCommentImage = styled_components_1["default"].img(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n width: 30px;\n height: 30px;\n border-radius: 10px;\n"], ["\n width: 30px;\n height: 30px;\n border-radius: 10px;\n"])));
|
|
52
|
-
var ReqoreComment = function (_a) {
|
|
53
|
-
var rounded = _a.rounded, flat = _a.flat, intent = _a.intent, icon = _a.icon, children = _a.children, image = _a.image, title = _a.title, detail = _a.detail, actions = _a.actions, rest = __rest(_a, ["rounded", "flat", "intent", "icon", "children", "image", "title", "detail", "actions"]);
|
|
54
|
-
return ((0, jsx_runtime_1.jsx)(Panel_1.ReqorePanel, __assign({ rounded: rounded, flat: flat, intent: intent, className: 'reqore-comment' }, rest, { children: (0, jsx_runtime_1.jsxs)(exports.StyledCommentWrapper, { children: [icon || image ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, { children: icon ? (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: '30px' }, void 0) : (0, jsx_runtime_1.jsx)(exports.StyledCommentImage, { src: image }, void 0) }, void 0)) : null, (0, jsx_runtime_1.jsxs)(exports.StyledInfoWrapper, { children: [(0, jsx_runtime_1.jsxs)(Columns_1.ReqoreColumns, __assign({ minColumnWidth: '100px' }, { children: [(0, jsx_runtime_1.jsxs)(__1.ReqoreColumn, __assign({ flexFlow: 'column', justifyContent: 'center' }, { children: [title && (0, jsx_runtime_1.jsx)(exports.StyledCommentTitle, { children: title }, void 0), detail && (0, jsx_runtime_1.jsx)(exports.StyledCommentDetail, { children: detail }, void 0)] }), void 0), (0, lodash_1.size)(actions) ? ((0, jsx_runtime_1.jsx)(__1.ReqoreColumn, __assign({ justifyContent: 'flex-end' }, { children: (0, jsx_runtime_1.jsx)(__1.ReqoreControlGroup, __assign({ minimal: true, size: 'small' }, { children: actions.map(function (_a) {
|
|
55
|
-
var label = _a.label, actions = _a.actions, rest = __rest(_a, ["label", "actions"]);
|
|
56
|
-
return (0, lodash_1.size)(actions) ? ((0, jsx_runtime_1.jsx)(__1.ReqoreDropdown, __assign({}, rest, { label: label, componentProps: {
|
|
57
|
-
minimal: true,
|
|
58
|
-
onClick: function (e) {
|
|
59
|
-
e.stopPropagation();
|
|
60
|
-
}
|
|
61
|
-
}, items: actions }), void 0)) : ((0, jsx_runtime_1.jsx)(__1.ReqoreButton, __assign({}, rest, { onClick: rest.onClick
|
|
62
|
-
? function (e) {
|
|
63
|
-
e.stopPropagation();
|
|
64
|
-
rest.onClick();
|
|
65
|
-
}
|
|
66
|
-
: undefined }, { children: label }), void 0));
|
|
67
|
-
}) }), void 0) }), void 0)) : null] }), void 0), (0, jsx_runtime_1.jsx)(exports.StyledCommentText, __assign({ marginTop: title || detail || (0, lodash_1.size)(actions) ? '10px' : '0px' }, { children: children }), void 0)] }, void 0)] }, void 0) }), void 0));
|
|
68
|
-
};
|
|
69
|
-
exports.ReqoreComment = ReqoreComment;
|
|
70
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
71
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Comment/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export interface IReqoreCommentFeedProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
3
|
-
gapSize?: string;
|
|
4
|
-
}
|
|
5
|
-
export declare const StyledCommentFeed: any;
|
|
6
|
-
export declare const ReqoreCommentFeed: ({ gapSize, className, children, ...rest }: IReqoreCommentFeedProps) => JSX.Element;
|
|
7
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/CommentFeed/index.tsx"],"names":[],"mappings":";AAIA,MAAM,WAAW,uBAAwB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACnF,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,eAAO,MAAM,iBAAiB,KAM7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,8CAK3B,uBAAuB,gBAYzB,CAAC"}
|