@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,175 +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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
48
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
49
|
-
if (ar || !(i in from)) {
|
|
50
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
51
|
-
ar[i] = from[i];
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
55
|
-
};
|
|
56
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
57
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
58
|
-
};
|
|
59
|
-
exports.__esModule = true;
|
|
60
|
-
exports.getTabsLength = exports.StyledReqoreTabsList = void 0;
|
|
61
|
-
var react_1 = require("react");
|
|
62
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
63
|
-
var lodash_1 = require("lodash");
|
|
64
|
-
var react_2 = __importDefault(require("react"));
|
|
65
|
-
var react_use_1 = require("react-use");
|
|
66
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
67
|
-
var __1 = require("../..");
|
|
68
|
-
var sizes_1 = require("../../constants/sizes");
|
|
69
|
-
var colors_1 = require("../../helpers/colors");
|
|
70
|
-
var Menu_1 = __importDefault(require("../Menu"));
|
|
71
|
-
var item_1 = __importDefault(require("../Menu/item"));
|
|
72
|
-
var Popover_1 = require("../Popover");
|
|
73
|
-
var item_2 = __importStar(require("./item"));
|
|
74
|
-
exports.StyledReqoreTabsList = styled_components_1["default"].div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n ", "\n"], ["\n ", "\n"])), function (_a) {
|
|
75
|
-
var theme = _a.theme, fill = _a.fill, vertical = _a.vertical, size = _a.size, width = _a.width;
|
|
76
|
-
return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n flex-flow: ", ";\n display: flex;\n align-items: center;\n border-", ": 1px solid ", ";\n\n\n ", "\n\n ", " {\n min-height: ", "px;\n\n > ", " {\n height: 100%;\n }\n }\n\n > *,\n ", " > * {\n color: ", ";\n ", ": 100%;\n ", ";\n\n justify-content: ", ";\n\n\n ", "\n }\n "], ["\n height: ", ";\n width: ", ";\n flex-flow: ", ";\n display: flex;\n align-items: center;\n border-", ": 1px solid ", ";\n\n\n ", "\n\n ", " {\n min-height: ", "px;\n\n > ", " {\n height: 100%;\n }\n }\n\n > *,\n ", " > * {\n color: ", ";\n ", ": 100%;\n ", ";\n\n justify-content: ", ";\n\n\n ", "\n }\n "])), vertical ? '100%' : sizes_1.TABS_SIZE_TO_PX[size] + "px", vertical ? width || '200px' : '100%', vertical ? 'column' : 'row', vertical ? 'right' : 'bottom', (0, colors_1.changeLightness)(theme.main, 0.05), fill && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n justify-content: space-around;\n "], ["\n justify-content: space-around;\n "]))), Popover_1.StyledPopover, sizes_1.TABS_SIZE_TO_PX[size], item_2.StyledTabListItem, Popover_1.StyledPopover, (0, colors_1.getReadableColor)(theme, undefined, undefined, true), vertical ? 'width' : 'height', vertical
|
|
77
|
-
? (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: ", ";\n "], ["\n height: ", ";\n "])), fill ? '100%' : 'auto') : (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n white-space: nowrap;\n "], ["\n white-space: nowrap;\n "]))), vertical ? 'flex-start' : 'space-evenly', fill &&
|
|
78
|
-
!vertical && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n width: 100%;\n justify-content: center;\n "], ["\n width: 100%;\n justify-content: center;\n "]))));
|
|
79
|
-
});
|
|
80
|
-
var isTabHidden = function (items, activeTab) {
|
|
81
|
-
return items.find(function (item) { return item.id === activeTab; });
|
|
82
|
-
};
|
|
83
|
-
var getMoreLabel = function (items, activeTab) {
|
|
84
|
-
if (isTabHidden(items, activeTab)) {
|
|
85
|
-
return isTabHidden(items, activeTab).label;
|
|
86
|
-
}
|
|
87
|
-
return 'More';
|
|
88
|
-
};
|
|
89
|
-
var getLabel = function (item, activeTab) {
|
|
90
|
-
var _a;
|
|
91
|
-
if (!(0, lodash_1.isArray)(item)) {
|
|
92
|
-
return ((_a = item.label) === null || _a === void 0 ? void 0 : _a.length) || 0;
|
|
93
|
-
}
|
|
94
|
-
return getMoreLabel(item, activeTab).length;
|
|
95
|
-
};
|
|
96
|
-
var getTabsLength = function (items, type, activeTab) {
|
|
97
|
-
if (type === void 0) { type = 'width'; }
|
|
98
|
-
return items.reduce(function (len, item) {
|
|
99
|
-
if (type === 'height') {
|
|
100
|
-
var rows = getLabel(item, activeTab) / 4 || 1;
|
|
101
|
-
return len + rows * 15 + 10;
|
|
102
|
-
}
|
|
103
|
-
return len + 27 + getLabel(item, activeTab) * 10 + 45;
|
|
104
|
-
}, 0);
|
|
105
|
-
};
|
|
106
|
-
exports.getTabsLength = getTabsLength;
|
|
107
|
-
var getTransformedItems = function (items, size, type, activeTab) {
|
|
108
|
-
if (type === void 0) { type = 'width'; }
|
|
109
|
-
if (!size) {
|
|
110
|
-
return items;
|
|
111
|
-
}
|
|
112
|
-
var newItems = __spreadArray([], items, true);
|
|
113
|
-
while ((0, exports.getTabsLength)(newItems, type, activeTab) > size && newItems.length > 1) {
|
|
114
|
-
if ((0, lodash_1.isArray)(newItems[newItems.length - 1])) {
|
|
115
|
-
newItems[newItems.length - 1].unshift(newItems[newItems.length - 2]);
|
|
116
|
-
newItems[newItems.length - 2] = undefined;
|
|
117
|
-
}
|
|
118
|
-
else {
|
|
119
|
-
var lastItem = newItems[newItems.length - 1];
|
|
120
|
-
newItems[newItems.length - 1] = [
|
|
121
|
-
lastItem,
|
|
122
|
-
];
|
|
123
|
-
}
|
|
124
|
-
newItems = newItems.filter(function (i) { return i; });
|
|
125
|
-
}
|
|
126
|
-
return newItems;
|
|
127
|
-
};
|
|
128
|
-
var ReqoreTabsList = function (_a) {
|
|
129
|
-
var tabs = _a.tabs, onTabChange = _a.onTabChange, activeTab = _a.activeTab, _testWidth = _a._testWidth, fill = _a.fill, vertical = _a.vertical, activeTabIntent = _a.activeTabIntent, parentBackground = _a.parentBackground, wrapTabNames = _a.wrapTabNames, flat = _a.flat, size = _a.size, rest = __rest(_a, ["tabs", "onTabChange", "activeTab", "_testWidth", "fill", "vertical", "activeTabIntent", "parentBackground", "wrapTabNames", "flat", "size"]);
|
|
130
|
-
var _b = (0, react_use_1.useMeasure)(), ref = _b[0], _c = _b[1], width = _c.width, height = _c.height;
|
|
131
|
-
var transformedItems = getTransformedItems(tabs, vertical ? height : _testWidth || width, vertical ? 'height' : 'width', activeTab);
|
|
132
|
-
return ((0, jsx_runtime_1.jsx)(exports.StyledReqoreTabsList, __assign({}, rest, { size: size, fill: fill, vertical: vertical, className: (rest.className || '') + " reqore-tabs-list", ref: ref, flat: flat }, { children: transformedItems.map(function (item, index) {
|
|
133
|
-
return (0, lodash_1.isArray)(item) ? ((0, jsx_runtime_1.jsx)(react_2["default"].Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, { component: item_2["default"], componentProps: {
|
|
134
|
-
icon: 'ArrowDownSLine',
|
|
135
|
-
tooltip: 'Show more...',
|
|
136
|
-
id: 'showMore',
|
|
137
|
-
label: getMoreLabel(item, activeTab),
|
|
138
|
-
active: !!isTabHidden(item, activeTab),
|
|
139
|
-
activeIntent: activeTabIntent,
|
|
140
|
-
parentBackground: parentBackground,
|
|
141
|
-
vertical: vertical,
|
|
142
|
-
flat: flat,
|
|
143
|
-
size: size
|
|
144
|
-
}, handler: 'click', content: (0, jsx_runtime_1.jsx)(Menu_1["default"], { children: item.map(function (_a) {
|
|
145
|
-
var icon = _a.icon, label = _a.label, as = _a.as, tooltip = _a.tooltip, props = _a.props, disabled = _a.disabled, id = _a.id, onCloseClick = _a.onCloseClick, intent = _a.intent, closeIcon = _a.closeIcon;
|
|
146
|
-
return ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: item_1["default"], componentProps: __assign(__assign({}, props), { icon: icon, as: as, intent: intent, disabled: disabled, rightIcon: onCloseClick ? closeIcon || 'CloseLine' : undefined, onRightIconClick: onCloseClick
|
|
147
|
-
? function () {
|
|
148
|
-
onCloseClick(id);
|
|
149
|
-
}
|
|
150
|
-
: undefined, selected: activeTab === id, onClick: function (_id, event) {
|
|
151
|
-
if (!disabled) {
|
|
152
|
-
onTabChange(id);
|
|
153
|
-
if (props === null || props === void 0 ? void 0 : props.onClick) {
|
|
154
|
-
props.onClick(event);
|
|
155
|
-
}
|
|
156
|
-
}
|
|
157
|
-
} }), placement: 'right', isReqoreComponent: true, content: tooltip }, { children: label }), index + label));
|
|
158
|
-
}) }, void 0) }, index) }, index)) : ((0, jsx_runtime_1.jsx)(react_2["default"].Fragment, { children: (0, react_1.createElement)(item_2["default"], __assign({}, item, { size: size, flat: flat, activeIntent: activeTabIntent, parentBackground: parentBackground, wrapTabNames: wrapTabNames, key: index, vertical: vertical, active: activeTab === item.id, onClick: function (event) {
|
|
159
|
-
var _a;
|
|
160
|
-
if (!item.disabled) {
|
|
161
|
-
onTabChange(item.id);
|
|
162
|
-
if ((_a = item.props) === null || _a === void 0 ? void 0 : _a.onClick) {
|
|
163
|
-
item.props.onClick(event);
|
|
164
|
-
}
|
|
165
|
-
}
|
|
166
|
-
}, onCloseClick: item.onCloseClick
|
|
167
|
-
? function () {
|
|
168
|
-
item.onCloseClick(item.id);
|
|
169
|
-
}
|
|
170
|
-
: undefined })) }, index));
|
|
171
|
-
}) }), void 0));
|
|
172
|
-
};
|
|
173
|
-
exports["default"] = ReqoreTabsList;
|
|
174
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6;
|
|
175
|
-
//# sourceMappingURL=list.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"list.js","sourceRoot":"","sources":["../../../src/components/Tabs/list.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
export interface IReqoreTagGroup extends React.HTMLAttributes<HTMLDivElement> {
|
|
4
|
-
children: any;
|
|
5
|
-
size?: TSizes;
|
|
6
|
-
columns?: 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10;
|
|
7
|
-
}
|
|
8
|
-
declare const ReqoreTagGroup: ({ children, size, className, columns, ...rest }: IReqoreTagGroup) => JSX.Element;
|
|
9
|
-
export default ReqoreTagGroup;
|
|
10
|
-
//# sourceMappingURL=group.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"group.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/group.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC3E,QAAQ,EAAE,GAAG,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,EAAE,CAAC;CAClD;AASD,QAAA,MAAM,cAAc,oDAMjB,eAAe,gBAWjB,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,50 +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 = __importDefault(require("react"));
|
|
34
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
35
|
-
var _1 = require(".");
|
|
36
|
-
var StyledTagGroup = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n ", " {\n margin-right: 5px;\n margin-bottom: 5px;\n }\n"], ["\n ", " {\n margin-right: 5px;\n margin-bottom: 5px;\n }\n"])), _1.StyledTag);
|
|
37
|
-
var ReqoreTagGroup = function (_a) {
|
|
38
|
-
var children = _a.children, size = _a.size, className = _a.className, columns = _a.columns, rest = __rest(_a, ["children", "size", "className", "columns"]);
|
|
39
|
-
return ((0, jsx_runtime_1.jsx)(StyledTagGroup, __assign({}, rest, { className: (className || '') + " reqore-tag-group" }, { children: react_1["default"].Children.map(children, function (child) {
|
|
40
|
-
return child
|
|
41
|
-
? react_1["default"].cloneElement(child, {
|
|
42
|
-
size: size,
|
|
43
|
-
width: columns ? "calc(" + 100 / columns + "% - 5px)" : undefined
|
|
44
|
-
})
|
|
45
|
-
: null;
|
|
46
|
-
}) }), void 0));
|
|
47
|
-
};
|
|
48
|
-
exports["default"] = ReqoreTagGroup;
|
|
49
|
-
var templateObject_1;
|
|
50
|
-
//# sourceMappingURL=group.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"group.js","sourceRoot":"","sources":["../../../src/components/Tag/group.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wEAAuC;AACvC,sBAA8B;AAS9B,IAAM,cAAc,GAAG,8BAAM,CAAC,GAAG,uIAAA,MAC7B,EAAS,4DAIZ,KAJG,YAAS,CAIZ,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAMN;IALhB,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,OAAO,aAAA,EACJ,IAAI,cALe,4CAMvB,CADQ;IACc,OAAA,CACrB,uBAAC,cAAc,eAAK,IAAI,IAAE,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,uBAAmB,gBACvE,kBAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAC,KAAK;YAClC,OAAA,KAAK;gBACH,CAAC,CAAC,kBAAK,CAAC,YAAY,CAAC,KAAK,EAAE;oBACxB,IAAI,MAAA;oBACJ,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,UAAQ,GAAG,GAAG,OAAO,aAAU,CAAC,CAAC,CAAC,SAAS;iBAC7D,CAAC;gBACJ,CAAC,CAAC,IAAI;QALR,CAKQ,CACT,YACc,CAClB,CAAA;CAAA,CAAC;AAEF,qBAAe,cAAc,CAAC"}
|
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
import { IReqoreTooltip } from '../../types/global';
|
|
5
|
-
import { IReqoreIconName } from '../../types/icons';
|
|
6
|
-
export interface IReqoreTagAction {
|
|
7
|
-
icon: IReqoreIconName;
|
|
8
|
-
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
9
|
-
disabled?: boolean;
|
|
10
|
-
tooltip?: IReqoreTooltip;
|
|
11
|
-
intent?: IReqoreIntent;
|
|
12
|
-
}
|
|
13
|
-
export interface IReqoreTagProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'children'> {
|
|
14
|
-
size?: TSizes;
|
|
15
|
-
label?: string;
|
|
16
|
-
onRemoveClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
17
|
-
onClick?: (event: React.MouseEvent<HTMLDivElement>) => void;
|
|
18
|
-
icon?: IReqoreIconName;
|
|
19
|
-
rightIcon?: IReqoreIconName;
|
|
20
|
-
color?: string;
|
|
21
|
-
tooltip?: IReqoreTooltip;
|
|
22
|
-
disabled?: boolean;
|
|
23
|
-
actions?: IReqoreTagAction[];
|
|
24
|
-
width?: string;
|
|
25
|
-
badge?: boolean;
|
|
26
|
-
intent?: IReqoreIntent;
|
|
27
|
-
}
|
|
28
|
-
export interface IReqoreTagStyle extends IReqoreTagProps {
|
|
29
|
-
theme: IReqoreTheme;
|
|
30
|
-
removable?: boolean;
|
|
31
|
-
interactive?: boolean;
|
|
32
|
-
}
|
|
33
|
-
export declare const StyledTag: any;
|
|
34
|
-
declare const ReqoreTag: React.ForwardRefExoticComponent<IReqoreTagProps & React.RefAttributes<unknown>>;
|
|
35
|
-
export default ReqoreTag;
|
|
36
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAG9D,OAAO,EAKL,MAAM,EACP,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAKpE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,MAAM,WAAW,gBAAgB;IAC/B,IAAI,EAAE,eAAe,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC;IAC9F,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAClE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC5D,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,SAAS,CAAC,EAAE,eAAe,CAAC;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,cAAc,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAED,MAAM,WAAW,eAAgB,SAAQ,eAAe;IACtD,KAAK,EAAE,YAAY,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,SAAS,KAyCrB,CAAC;AA8CF,QAAA,MAAM,SAAS,iFAiGd,CAAC;AAEF,eAAe,SAAS,CAAC"}
|
|
@@ -1,132 +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.StyledTag = void 0;
|
|
52
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
var size_1 = __importDefault(require("lodash/size"));
|
|
54
|
-
var react_1 = require("react");
|
|
55
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
56
|
-
var __1 = require("../..");
|
|
57
|
-
var sizes_1 = require("../../constants/sizes");
|
|
58
|
-
var ThemeContext_1 = __importDefault(require("../../context/ThemeContext"));
|
|
59
|
-
var colors_1 = require("../../helpers/colors");
|
|
60
|
-
var useCombinedRefs_1 = require("../../hooks/useCombinedRefs");
|
|
61
|
-
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
62
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
63
|
-
exports.StyledTag = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: inline-flex;\n justify-content: center;\n flex-shrink: 0;\n align-items: center;\n font-family: system-ui;\n font-weight: 600;\n overflow: hidden;\n font-size: ", "px;\n height: ", "px;\n min-width: ", "px;\n border-radius: ", "px;\n width: ", ";\n\n ", "\n\n ", "\n\n\n ", "\n"], ["\n display: inline-flex;\n justify-content: center;\n flex-shrink: 0;\n align-items: center;\n font-family: system-ui;\n font-weight: 600;\n overflow: hidden;\n font-size: ", "px;\n height: ", "px;\n min-width: ", "px;\n border-radius: ", "px;\n width: ", ";\n\n ", "\n\n ", "\n\n\n ", "\n"])), function (_a) {
|
|
64
|
-
var size = _a.size;
|
|
65
|
-
return sizes_1.TEXT_FROM_SIZE[size];
|
|
66
|
-
}, function (_a) {
|
|
67
|
-
var size = _a.size;
|
|
68
|
-
return sizes_1.SIZE_TO_PX[size];
|
|
69
|
-
}, function (_a) {
|
|
70
|
-
var size = _a.size;
|
|
71
|
-
return sizes_1.SIZE_TO_PX[size];
|
|
72
|
-
}, function (_a) {
|
|
73
|
-
var badge = _a.badge, size = _a.size;
|
|
74
|
-
return (badge ? 20 : sizes_1.RADIUS_FROM_SIZE[size]);
|
|
75
|
-
}, function (_a) {
|
|
76
|
-
var width = _a.width;
|
|
77
|
-
return width || undefined;
|
|
78
|
-
}, function (_a) {
|
|
79
|
-
var theme = _a.theme, color = _a.color;
|
|
80
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n background-color: ", ";\n color: ", ";\n }\n "], ["\n background-color: ", ";\n color: ", ";\n }\n "])), color || (0, colors_1.changeLightness)(theme.main, 0.1), color ? (0, colors_1.getReadableColorFrom)(color) : (0, colors_1.getReadableColor)(theme, undefined, undefined));
|
|
81
|
-
}, function (_a) {
|
|
82
|
-
var theme = _a.theme, color = _a.color, interactive = _a.interactive;
|
|
83
|
-
return interactive && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n color: ", ";\n }\n "])), (0, colors_1.changeLightness)(color || theme.main, color ? 0.05 : 0.15), color
|
|
84
|
-
? (0, colors_1.getReadableColorFrom)(color)
|
|
85
|
-
: (0, colors_1.getReadableColor)(theme, undefined, undefined));
|
|
86
|
-
}, function (_a) {
|
|
87
|
-
var disabled = _a.disabled;
|
|
88
|
-
return disabled && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n "], ["\n opacity: 0.5;\n pointer-events: none;\n cursor: not-allowed;\n "])));
|
|
89
|
-
});
|
|
90
|
-
var StyledTagContentWrapper = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n padding: 0 ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n flex: 1;\n overflow: hidden;\n"], ["\n padding: 0 ", "px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n flex: 1;\n overflow: hidden;\n"])), function (_a) {
|
|
91
|
-
var size = _a.size;
|
|
92
|
-
return sizes_1.PADDING_FROM_SIZE[size];
|
|
93
|
-
});
|
|
94
|
-
var StyledTagContent = styled_components_1["default"].span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n height: 100%;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"], ["\n height: 100%;\n align-items: center;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n"])));
|
|
95
|
-
var StyledButtonWrapper = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n flex-shrink: 0;\n font-size: ", "px;\n height: ", "px;\n width: ", "px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.2s ease-out;\n\n ", "\n"], ["\n flex-shrink: 0;\n font-size: ", "px;\n height: ", "px;\n width: ", "px;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: background-color 0.2s ease-out;\n\n ", "\n"])), function (_a) {
|
|
96
|
-
var size = _a.size;
|
|
97
|
-
return sizes_1.TEXT_FROM_SIZE[size];
|
|
98
|
-
}, function (_a) {
|
|
99
|
-
var size = _a.size;
|
|
100
|
-
return sizes_1.SIZE_TO_PX[size];
|
|
101
|
-
}, function (_a) {
|
|
102
|
-
var size = _a.size;
|
|
103
|
-
return sizes_1.SIZE_TO_PX[size];
|
|
104
|
-
}, function (_a) {
|
|
105
|
-
var theme = _a.theme, color = _a.color;
|
|
106
|
-
return (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n .reqore-icon {\n transform: scale(0.85);\n }\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n }\n "], ["\n .reqore-icon {\n transform: scale(0.85);\n }\n &:hover {\n cursor: pointer;\n background-color: ", ";\n\n .reqore-icon {\n transform: scale(1);\n }\n }\n "])), (0, colors_1.changeLightness)(color || theme.main, color ? 0.09 : 0.19));
|
|
107
|
-
});
|
|
108
|
-
var ReqoreTag = (0, react_1.forwardRef)(function (_a, ref) {
|
|
109
|
-
var tooltip = _a.tooltip, label = _a.label, icon = _a.icon, rightIcon = _a.rightIcon, className = _a.className, onClick = _a.onClick, _b = _a.size, size = _b === void 0 ? 'normal' : _b, onRemoveClick = _a.onRemoveClick, actions = _a.actions, badge = _a.badge, intent = _a.intent, color = _a.color, rest = __rest(_a, ["tooltip", "label", "icon", "rightIcon", "className", "onClick", "size", "onRemoveClick", "actions", "badge", "intent", "color"]);
|
|
110
|
-
var innerRef = (0, react_1.useRef)(null);
|
|
111
|
-
var combinedRef = (0, useCombinedRefs_1.useCombinedRefs)(innerRef, ref);
|
|
112
|
-
var theme = (0, react_1.useContext)(ThemeContext_1["default"]);
|
|
113
|
-
(0, usePopover_1["default"])(__assign(__assign({}, tooltip), { targetElement: combinedRef.current, show: !!(tooltip === null || tooltip === void 0 ? void 0 : tooltip.content) }));
|
|
114
|
-
// If color or intent was specified, set the color
|
|
115
|
-
var customColor = intent ? theme.intents[intent] : color;
|
|
116
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledTag, __assign({}, rest, { color: customColor, className: (className || '') + " reqore-tag", size: size, ref: combinedRef, badge: badge, removable: !!onRemoveClick, interactive: !!onClick && !rest.disabled }, { children: [(0, jsx_runtime_1.jsxs)(StyledTagContentWrapper, __assign({ size: size, className: 'reqore-tag-content', onClick: onClick }, { children: [icon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label || rightIcon ? 'right' : undefined }, void 0)), label && (0, jsx_runtime_1.jsx)(StyledTagContent, __assign({ size: size }, { children: label }), void 0), rightIcon && ((0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: rightIcon, size: sizes_1.TEXT_FROM_SIZE[size] + "px", margin: label ? 'left' : undefined }, void 0))] }), void 0), (0, size_1["default"])(actions)
|
|
117
|
-
? actions.map(function (action) { return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({}, action.tooltip, { component: StyledButtonWrapper, componentProps: {
|
|
118
|
-
size: size,
|
|
119
|
-
color: customColor,
|
|
120
|
-
className: 'reqore-tag-action',
|
|
121
|
-
onClick: action.onClick
|
|
122
|
-
}, noWrapper: true }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: action.icon, size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0) }, void 0)); })
|
|
123
|
-
: null, onRemoveClick && !rest.disabled ? ((0, jsx_runtime_1.jsx)(__1.ReqorePopover, __assign({ component: StyledButtonWrapper, componentProps: {
|
|
124
|
-
size: size,
|
|
125
|
-
color: customColor,
|
|
126
|
-
className: 'reqore-tag-remove',
|
|
127
|
-
onClick: onRemoveClick
|
|
128
|
-
}, noWrapper: true, content: 'Remove' }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseLine', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0)) : null] }), void 0));
|
|
129
|
-
});
|
|
130
|
-
exports["default"] = ReqoreTag;
|
|
131
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
|
|
132
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Tag/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qDAAgC;AAChC,+BAA8D;AAC9D,qEAAgD;AAChD,2BAAsC;AACtC,+CAM+B;AAE/B,4EAAsD;AACtD,+CAA+F;AAC/F,+DAA8D;AAC9D,sEAAgD;AAGhD,iDAAiC;AAgCpB,QAAA,SAAS,GAAG,8BAAM,CAAC,GAAG,qXAAiB,sLAQrC,EAAkC,iBACrC,EAA8B,oBAC3B,EAA8B,wBAC1B,EAA0D,gBAClE,EAAiC,SAExC,EAKC,QAED,EAUC,UAGD,EAMC,IACJ,KAjCc,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC;AAApB,CAAoB,EACrC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC3B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC1B,UAAC,EAAe;QAAb,KAAK,WAAA,EAAE,IAAI,UAAA;IAAO,OAAA,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,wBAAgB,CAAC,IAAI,CAAC,CAAC;AAArC,CAAqC,EAClE,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,SAAS;AAAlB,CAAkB,EAExC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACf,WAAA,uBAAG,wIAAA,4BACmB,EAAyC,kBACpD,EAAmF,kBAE7F,KAHqB,KAAK,IAAI,IAAA,wBAAe,EAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC,EACpD,KAAK,CAAC,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC;AAF9F,CAIC,EAED,UAAC,EAA6B;QAA3B,KAAK,WAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA;IAC5B,OAAA,WAAW,QACX,uBAAG,qLAAA,uEAGqB,EAAyD,oBACpE,EAEwC,kBAEpD,KALuB,IAAA,wBAAe,EAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,EACpE,KAAK;QACZ,CAAC,CAAC,IAAA,6BAAoB,EAAC,KAAK,CAAC;QAC7B,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,CAAC,CAEpD;AATD,CASC,EAGD,UAAC,EAAY;QAAV,QAAQ,cAAA;IACX,OAAA,QAAQ,QACR,uBAAG,0JAAA,sFAIF,IAAA;AALD,CAKC,EACH;AAEF,IAAM,uBAAuB,GAAG,8BAAM,CAAC,GAAG,uNAAkB,iBAC7C,EAAqC,iIAOnD,KAPc,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,yBAAiB,CAAC,IAAI,CAAC;AAAvB,CAAuB,CAOnD,CAAC;AAEF,IAAM,gBAAgB,GAAG,8BAAM,CAAC,IAAI,yLAAkB,sHAMrD,IAAA,CAAC;AAEF,IAAM,mBAAmB,GAAG,8BAAM,CAAC,GAAG,oRAAiB,oCAExC,EAAkC,iBACrC,EAA8B,gBAC/B,EAA8B,gIAMrC,EAaC,IACJ,KAtBc,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,sBAAc,CAAC,IAAI,CAAC;AAApB,CAAoB,EACrC,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAC/B,UAAC,EAAQ;QAAN,IAAI,UAAA;IAAO,OAAA,kBAAU,CAAC,IAAI,CAAC;AAAhB,CAAgB,EAMrC,UAAC,EAAgB;QAAd,KAAK,WAAA,EAAE,KAAK,WAAA;IACf,WAAA,uBAAG,sSAAA,yIAMqB,EAAyD,uFAMhF,KANuB,IAAA,wBAAe,EAAC,KAAK,IAAI,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;AANjF,CAYC,CACJ,CAAC;AAEF,IAAM,SAAS,GAAG,IAAA,kBAAU,EAC1B,UACE,EAckB,EAClB,GAAG;IAdD,IAAA,OAAO,aAAA,EACP,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,SAAS,eAAA,EACT,OAAO,aAAA,EACP,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,KAAK,WAAA,EACL,MAAM,YAAA,EACN,KAAK,WAAA,EACF,IAAI,cAbT,iIAcC,CADQ;IAIT,IAAM,QAAQ,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAC9B,IAAM,WAAW,GAAG,IAAA,iCAAe,EAAC,QAAQ,EAAE,GAAG,CAAC,CAAC;IACnD,IAAM,KAAK,GAAiB,IAAA,kBAAU,EAAe,yBAAY,CAAC,CAAC;IAEnE,IAAA,uBAAU,wBACL,OAAO,KACV,aAAa,EAAE,WAAW,CAAC,OAAO,EAClC,IAAI,EAAE,CAAC,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA,IACxB,CAAC;IAEH,kDAAkD;IAClD,IAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3D,OAAO,CACL,wBAAC,iBAAS,eACJ,IAAI,IACR,KAAK,EAAE,WAAW,EAClB,SAAS,EAAE,CAAG,SAAS,IAAI,EAAE,iBAAa,EAC1C,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,WAAW,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,CAAC,CAAC,aAAa,EAC1B,WAAW,EAAE,CAAC,CAAC,OAAO,IAAI,CAAC,IAAI,CAAC,QAAQ,iBAExC,wBAAC,uBAAuB,aAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,oBAAoB,EAAC,OAAO,EAAE,OAAO,iBACjF,IAAI,IAAI,CACP,uBAAC,iBAAU,IACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,EACjC,MAAM,EAAE,KAAK,IAAI,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,WAChD,CACH,EACA,KAAK,IAAI,uBAAC,gBAAgB,aAAC,IAAI,EAAE,IAAI,gBAAG,KAAK,YAAoB,EACjE,SAAS,IAAI,CACZ,uBAAC,iBAAU,IACT,IAAI,EAAE,SAAS,EACf,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,EACjC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,WAClC,CACH,aACuB,EACzB,IAAA,iBAAK,EAAC,OAAO,CAAC;gBACb,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,IAAK,OAAA,CACtB,2DACE,uBAAC,iBAAa,eACR,MAAM,CAAC,OAAO,IAClB,SAAS,EAAE,mBAAmB,EAC9B,cAAc,EAAE;4BACd,IAAI,MAAA;4BACJ,KAAK,EAAE,WAAW;4BAClB,SAAS,EAAE,mBAAmB;4BAC9B,OAAO,EAAE,MAAM,CAAC,OAAO;yBACxB,EACD,SAAS,sBAET,uBAAC,iBAAU,IAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WAAI,YACtD,WACf,CACJ,EAhBuB,CAgBvB,CAAC;gBACJ,CAAC,CAAC,IAAI,EACP,aAAa,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,CACjC,uBAAC,iBAAa,aACZ,SAAS,EAAE,mBAAmB,EAC9B,cAAc,EAAE;oBACd,IAAI,MAAA;oBACJ,KAAK,EAAE,WAAW;oBAClB,SAAS,EAAE,mBAAmB;oBAC9B,OAAO,EAAE,aAAa;iBACvB,EACD,SAAS,QACT,OAAO,EAAC,QAAQ,gBAEhB,uBAAC,iBAAU,IAAC,IAAI,EAAC,WAAW,EAAC,IAAI,EAAK,sBAAc,CAAC,IAAI,CAAC,OAAI,WAAI,YACpD,CACjB,CAAC,CAAC,CAAC,IAAI,aACE,CACb,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,qBAAe,SAAS,CAAC"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
import { IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
export interface IReqoreTextareaProps extends React.HTMLAttributes<HTMLTextAreaElement> {
|
|
5
|
-
autoFocus?: boolean;
|
|
6
|
-
disabled?: boolean;
|
|
7
|
-
width?: number;
|
|
8
|
-
height?: number;
|
|
9
|
-
scaleWithContent?: boolean;
|
|
10
|
-
size?: TSizes;
|
|
11
|
-
minimal?: boolean;
|
|
12
|
-
fluid?: boolean;
|
|
13
|
-
value?: string;
|
|
14
|
-
rows?: number;
|
|
15
|
-
cols?: number;
|
|
16
|
-
onClearClick?: () => any;
|
|
17
|
-
}
|
|
18
|
-
export interface IReqoreTextareaStyle extends IReqoreTextareaProps {
|
|
19
|
-
theme: IReqoreTheme;
|
|
20
|
-
_size?: TSizes;
|
|
21
|
-
}
|
|
22
|
-
export declare const StyledTextareaWrapper: any;
|
|
23
|
-
export declare const StyledTextarea: any;
|
|
24
|
-
declare const ReqoreInput: React.ForwardRefExoticComponent<IReqoreTextareaProps & React.RefAttributes<unknown>>;
|
|
25
|
-
export default ReqoreInput;
|
|
26
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAkB,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/D,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIrD,MAAM,WAAW,oBAAqB,SAAQ,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC;IACrF,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,CAAC;CAC1B;AAED,MAAM,WAAW,oBAAqB,SAAQ,oBAAoB;IAChE,KAAK,EAAE,YAAY,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,qBAAqB,KAMjC,CAAC;AAEF,eAAO,MAAM,cAAc,KA0C1B,CAAC;AAEF,QAAA,MAAM,WAAW,sFAsChB,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,85 +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.StyledTextarea = exports.StyledTextareaWrapper = void 0;
|
|
33
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
-
var polished_1 = require("polished");
|
|
35
|
-
var react_1 = require("react");
|
|
36
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
37
|
-
var sizes_1 = require("../../constants/sizes");
|
|
38
|
-
var colors_1 = require("../../helpers/colors");
|
|
39
|
-
var InputClearButton_1 = __importDefault(require("../InputClearButton"));
|
|
40
|
-
exports.StyledTextareaWrapper = styled_components_1["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: ", ";\n width: ", ";\n flex: ", ";\n position: relative;\n overflow: hidden;\n"], ["\n height: ", ";\n width: ", ";\n flex: ", ";\n position: relative;\n overflow: hidden;\n"])), function (_a) {
|
|
41
|
-
var height = _a.height;
|
|
42
|
-
return (height ? height + "px" : undefined);
|
|
43
|
-
}, function (_a) {
|
|
44
|
-
var width = _a.width, fluid = _a.fluid;
|
|
45
|
-
return (fluid ? '100%' : width ? width + "px" : 'auto');
|
|
46
|
-
}, function (_a) {
|
|
47
|
-
var fluid = _a.fluid;
|
|
48
|
-
return (fluid ? '1' : undefined);
|
|
49
|
-
});
|
|
50
|
-
exports.StyledTextarea = styled_components_1["default"].textarea(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n height: 100%;\n width: 100%;\n font-size: ", "px;\n margin: 0;\n padding: 5px 7px;\n resize: none;\n\n background-color: ", ";\n color: ", ";\n\n border: ", ";\n border-bottom: ", ";\n\n border-radius: ", "px;\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus,\n &:hover {\n outline: none;\n border-color: ", ";\n }\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n &:disabled {\n pointer-events: none;\n opacity: 0.3;\n }\n"], ["\n height: 100%;\n width: 100%;\n font-size: ", "px;\n margin: 0;\n padding: 5px 7px;\n resize: none;\n\n background-color: ", ";\n color: ", ";\n\n border: ", ";\n border-bottom: ", ";\n\n border-radius: ", "px;\n transition: all 0.2s ease-out;\n\n &:active,\n &:focus,\n &:hover {\n outline: none;\n border-color: ", ";\n }\n\n &::placeholder {\n transition: all 0.2s ease-out;\n color: ", ";\n }\n\n &:focus {\n &::placeholder {\n color: ", ";\n }\n }\n\n &:disabled {\n pointer-events: none;\n opacity: 0.3;\n }\n"])), function (_a) {
|
|
51
|
-
var _size = _a._size;
|
|
52
|
-
return sizes_1.TEXT_FROM_SIZE[_size];
|
|
53
|
-
}, function (_a) {
|
|
54
|
-
var theme = _a.theme, minimal = _a.minimal;
|
|
55
|
-
return minimal ? 'transparent' : (0, polished_1.darken)(0.01, theme.main);
|
|
56
|
-
}, function (_a) {
|
|
57
|
-
var theme = _a.theme;
|
|
58
|
-
return (0, colors_1.getReadableColor)(theme);
|
|
59
|
-
}, function (_a) {
|
|
60
|
-
var minimal = _a.minimal, theme = _a.theme;
|
|
61
|
-
return !minimal ? "1px solid " + (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2) : 0;
|
|
62
|
-
}, function (_a) {
|
|
63
|
-
var minimal = _a.minimal, theme = _a.theme;
|
|
64
|
-
return minimal ? "0.5px solid " + (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.2) : undefined;
|
|
65
|
-
}, function (_a) {
|
|
66
|
-
var minimal = _a.minimal;
|
|
67
|
-
return (minimal ? 0 : 3);
|
|
68
|
-
}, function (_a) {
|
|
69
|
-
var theme = _a.theme;
|
|
70
|
-
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
|
|
71
|
-
}, function (_a) {
|
|
72
|
-
var theme = _a.theme;
|
|
73
|
-
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.3);
|
|
74
|
-
}, function (_a) {
|
|
75
|
-
var theme = _a.theme;
|
|
76
|
-
return (0, polished_1.rgba)((0, colors_1.getReadableColor)(theme), 0.5);
|
|
77
|
-
});
|
|
78
|
-
var ReqoreInput = (0, react_1.forwardRef)(function (_a, ref) {
|
|
79
|
-
var _b;
|
|
80
|
-
var width = _a.width, height = _a.height, scaleWithContent = _a.scaleWithContent, _c = _a.size, size = _c === void 0 ? 'normal' : _c, className = _a.className, onClearClick = _a.onClearClick, fluid = _a.fluid, rest = __rest(_a, ["width", "height", "scaleWithContent", "size", "className", "onClearClick", "fluid"]);
|
|
81
|
-
return ((0, jsx_runtime_1.jsxs)(exports.StyledTextareaWrapper, __assign({ className: (className || '') + " reqore-control-wrapper", width: width, height: height, fluid: fluid, _size: size }, { children: [(0, jsx_runtime_1.jsx)(exports.StyledTextarea, __assign({}, rest, { className: (className || '') + " reqore-control reqore-textarea", _size: size, ref: ref, rows: scaleWithContent ? (((_b = rest === null || rest === void 0 ? void 0 : rest.value) === null || _b === void 0 ? void 0 : _b.split(/\r\n|\r|\n/).length) || 1) + 1 : rest.rows }), void 0), (0, jsx_runtime_1.jsx)(InputClearButton_1["default"], { enabled: !(rest === null || rest === void 0 ? void 0 : rest.disabled) && !!(onClearClick && (rest === null || rest === void 0 ? void 0 : rest.onChange)), show: (rest === null || rest === void 0 ? void 0 : rest.value) && rest.value !== '', onClick: onClearClick, size: 'big' }, void 0)] }), void 0));
|
|
82
|
-
});
|
|
83
|
-
exports["default"] = ReqoreInput;
|
|
84
|
-
var templateObject_1, templateObject_2;
|
|
85
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Textarea/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TimeAgo/index.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,OAAO;UAAsB,MAAM,GAAG,MAAM;SASxD,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.TimeAgo = void 0;
|
|
7
|
-
var epoch_timeago_1 = __importDefault(require("epoch-timeago"));
|
|
8
|
-
var react_1 = require("react");
|
|
9
|
-
var react_use_1 = require("react-use");
|
|
10
|
-
var time_1 = require("../../helpers/time");
|
|
11
|
-
var TimeAgo = function (_a) {
|
|
12
|
-
var time = _a.time;
|
|
13
|
-
var _b = (0, react_1.useState)(Date.now()), _lastUpdate = _b[0], _setLastUpdate = _b[1];
|
|
14
|
-
var _time = typeof time === 'number' ? time : Date.parse(time);
|
|
15
|
-
(0, react_use_1.useInterval)(function () {
|
|
16
|
-
_setLastUpdate(Date.now());
|
|
17
|
-
}, (0, time_1.getTimeAgoIntervalDelay)(_time));
|
|
18
|
-
return (0, epoch_timeago_1["default"])(_time);
|
|
19
|
-
};
|
|
20
|
-
exports.TimeAgo = TimeAgo;
|
|
21
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/TimeAgo/index.tsx"],"names":[],"mappings":";;;;;;AAAA,gEAAoC;AACpC,+BAAiC;AACjC,uCAAwC;AACxC,2CAA6D;AAEtD,IAAM,OAAO,GAAG,UAAC,EAAmC;QAAjC,IAAI,UAAA;IACtB,IAAA,KAAgC,IAAA,gBAAQ,EAAS,IAAI,CAAC,GAAG,EAAE,CAAC,EAA3D,WAAW,QAAA,EAAE,cAAc,QAAgC,CAAC;IACnE,IAAM,KAAK,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAEjE,IAAA,uBAAW,EAAC;QACV,cAAc,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,CAAC;IAC7B,CAAC,EAAE,IAAA,8BAAuB,EAAC,KAAK,CAAC,CAAC,CAAC;IAEnC,OAAO,IAAA,0BAAO,EAAC,KAAK,CAAC,CAAC;AACxB,CAAC,CAAC;AATW,QAAA,OAAO,WASlB"}
|