@qoretechnologies/reqore 0.19.13 → 0.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.github/workflows/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 -11
- package/tests.json +1 -1
- 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 -204
- 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,43 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { TSizes } from '../../constants/sizes';
|
|
3
|
-
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
4
|
-
import { IReqoreIconName } from '../../types/icons';
|
|
5
|
-
export declare type IReqoreNotificationType = IReqoreIntent;
|
|
6
|
-
export interface IReqoreNotificationProps {
|
|
7
|
-
type?: IReqoreNotificationType;
|
|
8
|
-
intent?: IReqoreIntent;
|
|
9
|
-
title?: string;
|
|
10
|
-
content: string;
|
|
11
|
-
icon?: IReqoreIconName;
|
|
12
|
-
onClose?: () => any;
|
|
13
|
-
onClick?: () => any;
|
|
14
|
-
duration?: number;
|
|
15
|
-
onFinish?: () => any;
|
|
16
|
-
fluid?: boolean;
|
|
17
|
-
flat?: boolean;
|
|
18
|
-
inverted?: boolean;
|
|
19
|
-
size?: TSizes;
|
|
20
|
-
}
|
|
21
|
-
export interface IReqoreNotificationStyle {
|
|
22
|
-
theme: IReqoreTheme;
|
|
23
|
-
type?: IReqoreNotificationType;
|
|
24
|
-
clickable?: boolean;
|
|
25
|
-
timeout?: number;
|
|
26
|
-
intent?: IReqoreIntent;
|
|
27
|
-
hasShadow?: boolean;
|
|
28
|
-
fluid?: boolean;
|
|
29
|
-
flat?: boolean;
|
|
30
|
-
inverted?: boolean;
|
|
31
|
-
size?: TSizes;
|
|
32
|
-
}
|
|
33
|
-
export declare const StyledReqoreNotification: any;
|
|
34
|
-
export declare const StyledIconWrapper: any;
|
|
35
|
-
export declare const StyledNotificationContentWrapper: any;
|
|
36
|
-
export declare const StyledNotificationTitle: any;
|
|
37
|
-
export declare const StyledNotificationContent: any;
|
|
38
|
-
export declare const typeToIcon: {
|
|
39
|
-
[type: string]: IReqoreIconName;
|
|
40
|
-
};
|
|
41
|
-
declare const ReqoreNotification: React.FC<IReqoreNotificationProps>;
|
|
42
|
-
export default ReqoreNotification;
|
|
43
|
-
//# sourceMappingURL=notification.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAI/D,OAAO,EAAsD,MAAM,EAAE,MAAM,uBAAuB,CAAC;AACnG,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AASpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,oBAAY,uBAAuB,GAAG,aAAa,CAAC;AAEpD,MAAM,WAAW,wBAAwB;IACvC,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,GAAG,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,GAAG,CAAC;IACrB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,wBAAwB;IACvC,KAAK,EAAE,YAAY,CAAC;IACpB,IAAI,CAAC,EAAE,uBAAuB,CAAC;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAWD,eAAO,MAAM,wBAAwB,KAkEpC,CAAC;AAEF,eAAO,MAAM,iBAAiB,KAwB7B,CAAC;AAEF,eAAO,MAAM,gCAAgC,KAO5C,CAAC;AAEF,eAAO,MAAM,uBAAuB,KAKnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,KAMrC,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,eAAe,CAAA;CAOzD,CAAC;AAEF,QAAA,MAAM,kBAAkB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CAmG1D,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1,136 +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 __importDefault = (this && this.__importDefault) || function (mod) {
|
|
37
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
38
|
-
};
|
|
39
|
-
exports.__esModule = true;
|
|
40
|
-
exports.typeToIcon = exports.StyledNotificationContent = exports.StyledNotificationTitle = exports.StyledNotificationContentWrapper = exports.StyledIconWrapper = exports.StyledReqoreNotification = void 0;
|
|
41
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
42
|
-
var web_1 = require("@react-spring/web");
|
|
43
|
-
var polished_1 = require("polished");
|
|
44
|
-
var react_1 = require("react");
|
|
45
|
-
var react_use_1 = require("react-use");
|
|
46
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
47
|
-
var animations_1 = require("../../constants/animations");
|
|
48
|
-
var sizes_1 = require("../../constants/sizes");
|
|
49
|
-
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
50
|
-
var animations_2 = require("../../helpers/animations");
|
|
51
|
-
var colors_1 = require("../../helpers/colors");
|
|
52
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
53
|
-
var timeoutAnimation = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"], ["\n 0% {\n width: 100%;\n }\n 100% {\n width: 0;\n }\n"])));
|
|
54
|
-
exports.StyledReqoreNotification = (0, styled_components_1["default"])(web_1.animated.div)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 1 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n animation: 0.2s ", " ease-in;\n font-size: ", "px;\n\n &:not(:first-child) {\n margin-top: 10px;\n }\n\n ", "\n"], ["\n min-width: ", ";\n max-width: ", ";\n border-radius: 5px;\n min-height: ", "px;\n display: flex;\n flex: 0 1 auto;\n overflow: auto;\n position: relative;\n transition: all 0.2s ease-out;\n animation: 0.2s ", " ease-in;\n font-size: ", "px;\n\n &:not(:first-child) {\n margin-top: 10px;\n }\n\n ", "\n"])), function (_a) {
|
|
55
|
-
var fluid = _a.fluid;
|
|
56
|
-
return (!fluid ? '200px' : undefined);
|
|
57
|
-
}, function (_a) {
|
|
58
|
-
var fluid = _a.fluid;
|
|
59
|
-
return (!fluid ? '450px' : undefined);
|
|
60
|
-
}, function (_a) {
|
|
61
|
-
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
62
|
-
return sizes_1.TABS_SIZE_TO_PX[size];
|
|
63
|
-
}, animations_2.fadeIn, function (_a) {
|
|
64
|
-
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
65
|
-
return sizes_1.TEXT_FROM_SIZE[size];
|
|
66
|
-
}, function (_a) {
|
|
67
|
-
var theme = _a.theme, type = _a.type, intent = _a.intent, clickable = _a.clickable, timeout = _a.timeout, hasShadow = _a.hasShadow, flat = _a.flat, inverted = _a.inverted;
|
|
68
|
-
return (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "], ["\n background-color: ", ";\n border: ", ";\n border-color: ", ";\n\n ", "\n\n ", "\n\n color: ", ";\n\n ", "\n "])), inverted ? 'transparent' : (0, colors_1.getNotificationIntent)(theme, intent || type), flat ? 0 : '1px solid', inverted
|
|
69
|
-
? (0, colors_1.getNotificationIntent)(theme, intent || type)
|
|
70
|
-
: (0, polished_1.darken)(0.2, (0, colors_1.getNotificationIntent)(theme, intent || type)), hasShadow && (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n box-shadow: 0px 0px 30px 10px ", ";\n "], ["\n box-shadow: 0px 0px 30px 10px ", ";\n "])), (0, polished_1.rgba)('#000000', 0.3)), timeout && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n height: 3px;\n background-color: ", ";\n animation-name: ", ";\n animation-duration: ", "ms;\n }\n "], ["\n &::before {\n content: '';\n position: absolute;\n display: block;\n top: 0;\n height: 3px;\n background-color: ", ";\n animation-name: ", ";\n animation-duration: ", "ms;\n }\n "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.1), timeoutAnimation, timeout), inverted && (intent || type)
|
|
71
|
-
? (0, colors_1.getNotificationIntent)(theme, intent || type)
|
|
72
|
-
: (0, colors_1.getReadableColorFrom)((0, colors_1.getNotificationIntent)(theme, intent || type), true), clickable && (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), inverted
|
|
73
|
-
? (0, polished_1.rgba)((0, colors_1.changeDarkness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.2), 0.1)
|
|
74
|
-
: (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.0625)));
|
|
75
|
-
});
|
|
76
|
-
exports.StyledIconWrapper = styled_components_1["default"].div(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n min-height: ", "px;\n flex: 0 1 auto;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-out;\n\n ", "\n"], ["\n min-height: ", "px;\n flex: 0 1 auto;\n flex-shrink: 0;\n display: flex;\n justify-content: center;\n align-items: center;\n transition: all 0.2s ease-out;\n\n ", "\n"])), function (_a) {
|
|
77
|
-
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
78
|
-
return sizes_1.TABS_SIZE_TO_PX[size];
|
|
79
|
-
}, function (_a) {
|
|
80
|
-
var clickable = _a.clickable, theme = _a.theme, intent = _a.intent, type = _a.type;
|
|
81
|
-
return clickable && (0, styled_components_1.css)(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n .reqore-icon {\n transform: scale(1);\n }\n }\n "], ["\n .reqore-icon {\n transform: scale(0.85);\n }\n\n &:hover {\n cursor: pointer;\n background-color: ", ";\n .reqore-icon {\n transform: scale(1);\n }\n }\n "])), (0, colors_1.changeLightness)((0, colors_1.getNotificationIntent)(theme, intent || type), 0.02));
|
|
82
|
-
});
|
|
83
|
-
exports.StyledNotificationContentWrapper = styled_components_1["default"].div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n flex: 1;\n min-height: ", "px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n padding: ", ";\n"], ["\n flex: 1;\n min-height: ", "px;\n display: flex;\n flex-flow: column;\n justify-content: center;\n padding: ", ";\n"])), function (_a) {
|
|
84
|
-
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
85
|
-
return sizes_1.TABS_SIZE_TO_PX[size];
|
|
86
|
-
}, function (_a) {
|
|
87
|
-
var _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
88
|
-
return sizes_1.PADDING_FROM_SIZE[size] + "px";
|
|
89
|
-
});
|
|
90
|
-
exports.StyledNotificationTitle = styled_components_1["default"].h4(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n margin: 0 0 5px 0;\n padding: 0;\n display: flex;\n align-items: center;\n"], ["\n margin: 0 0 5px 0;\n padding: 0;\n display: flex;\n align-items: center;\n"])));
|
|
91
|
-
exports.StyledNotificationContent = styled_components_1["default"].p(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n flex: 1;\n display: flex;\n align-items: center;\n"], ["\n margin: 0;\n padding: 0;\n flex: 1;\n display: flex;\n align-items: center;\n"])));
|
|
92
|
-
exports.typeToIcon = {
|
|
93
|
-
info: 'InformationLine',
|
|
94
|
-
pending: 'TimerLine',
|
|
95
|
-
warning: 'AlarmWarningLine',
|
|
96
|
-
danger: 'ErrorWarningLine',
|
|
97
|
-
success: 'CheckFill',
|
|
98
|
-
muted: 'Forbid2Line'
|
|
99
|
-
};
|
|
100
|
-
var ReqoreNotification = (0, react_1.forwardRef)(function (_a, ref) {
|
|
101
|
-
var type = _a.type, intent = _a.intent, icon = _a.icon, title = _a.title, content = _a.content, onClose = _a.onClose, onClick = _a.onClick, duration = _a.duration, onFinish = _a.onFinish, flat = _a.flat, inverted = _a.inverted, _b = _a.size, size = _b === void 0 ? 'normal' : _b;
|
|
102
|
-
var _c = (0, react_1.useState)(null), internalTimeout = _c[0], setInternalTimeout = _c[1];
|
|
103
|
-
var transitions = (0, web_1.useTransition)(true, {
|
|
104
|
-
from: { opacity: 0, transform: 'scale(0.9)' },
|
|
105
|
-
enter: { opacity: 1, transform: 'scale(1)' },
|
|
106
|
-
leave: { opacity: 0, transform: 'scale(0.9)' },
|
|
107
|
-
config: animations_1.SPRING_CONFIG
|
|
108
|
-
});
|
|
109
|
-
(0, react_use_1.useMount)(function () {
|
|
110
|
-
if (duration) {
|
|
111
|
-
setInternalTimeout(setTimeout(function () {
|
|
112
|
-
onFinish && onFinish();
|
|
113
|
-
}, duration));
|
|
114
|
-
}
|
|
115
|
-
});
|
|
116
|
-
(0, react_1.useEffect)(function () {
|
|
117
|
-
if (internalTimeout) {
|
|
118
|
-
clearTimeout(internalTimeout);
|
|
119
|
-
setInternalTimeout(setTimeout(function () {
|
|
120
|
-
onFinish && onFinish();
|
|
121
|
-
}, duration));
|
|
122
|
-
}
|
|
123
|
-
}, [duration, type, intent, content, title]);
|
|
124
|
-
(0, react_use_1.useUnmount)(function () {
|
|
125
|
-
clearTimeout(internalTimeout);
|
|
126
|
-
});
|
|
127
|
-
return transitions(function (styles, item) {
|
|
128
|
-
return item ? ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsxs)(exports.StyledReqoreNotification, __assign({ type: type || intent, hasShadow: true, timeout: duration, clickable: !!onClick, onClick: onClick, flat: flat, inverted: inverted, className: 'reqore-notification', ref: ref, style: styles, size: size }, { children: [type || intent || icon ? ((0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon || exports.typeToIcon[type || intent], margin: 'both', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0)) : null, (0, jsx_runtime_1.jsxs)(exports.StyledNotificationContentWrapper, __assign({ size: size }, { children: [title && (0, jsx_runtime_1.jsx)(exports.StyledNotificationTitle, { children: title }, void 0), (0, jsx_runtime_1.jsx)(exports.StyledNotificationContent, { children: content }, void 0)] }), void 0), (0, jsx_runtime_1.jsx)(exports.StyledIconWrapper, __assign({ type: type || intent, size: size, clickable: true, className: 'reqore-notification-close', onClick: function (event) {
|
|
129
|
-
event.stopPropagation();
|
|
130
|
-
onClose && onClose();
|
|
131
|
-
} }, { children: (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: 'CloseFill', margin: 'both', size: sizes_1.TEXT_FROM_SIZE[size] + "px" }, void 0) }), void 0)] }), "" + duration + (type || intent) + title + content) }, void 0)) : null;
|
|
132
|
-
});
|
|
133
|
-
});
|
|
134
|
-
exports["default"] = ReqoreNotification;
|
|
135
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11;
|
|
136
|
-
//# sourceMappingURL=notification.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"notification.js","sourceRoot":"","sources":["../../../src/components/Notifications/notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { ReactElement } from 'react';
|
|
2
|
-
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
3
|
-
import { IReqoreIconName } from '../../types/icons';
|
|
4
|
-
import { IReqoreDropdownItemProps } from '../Dropdown/item';
|
|
5
|
-
export interface IReqorePanelAction {
|
|
6
|
-
icon?: IReqoreIconName;
|
|
7
|
-
label?: string;
|
|
8
|
-
onClick?: () => void;
|
|
9
|
-
intent?: IReqoreIntent;
|
|
10
|
-
actions?: IReqoreDropdownItemProps[];
|
|
11
|
-
}
|
|
12
|
-
export interface IReqorePanelProps extends React.HTMLAttributes<HTMLDivElement> {
|
|
13
|
-
children?: any;
|
|
14
|
-
icon?: IReqoreIconName;
|
|
15
|
-
label?: string | ReactElement<any>;
|
|
16
|
-
collapsible?: boolean;
|
|
17
|
-
isCollapsed?: boolean;
|
|
18
|
-
onClose?: () => void;
|
|
19
|
-
rounded?: boolean;
|
|
20
|
-
actions?: IReqorePanelAction[];
|
|
21
|
-
customTheme?: IReqoreTheme;
|
|
22
|
-
intent?: IReqoreIntent;
|
|
23
|
-
flat?: boolean;
|
|
24
|
-
unMountContentOnCollapse?: boolean;
|
|
25
|
-
onCollapseChange?: (isCollapsed?: boolean) => void;
|
|
26
|
-
fill?: boolean;
|
|
27
|
-
padded?: boolean;
|
|
28
|
-
}
|
|
29
|
-
export interface IStyledPanel extends IReqorePanelProps {
|
|
30
|
-
theme: IReqoreTheme;
|
|
31
|
-
}
|
|
32
|
-
export declare const StyledPanel: any;
|
|
33
|
-
export declare const StyledPanelTitle: any;
|
|
34
|
-
export declare const StyledPanelContent: any;
|
|
35
|
-
export declare const StyledPanelTitleLabel: any;
|
|
36
|
-
export declare const StyledPanelTitleHeader: any;
|
|
37
|
-
export declare const ReqorePanel: import("react").ForwardRefExoticComponent<IReqorePanelProps & import("react").RefAttributes<unknown>>;
|
|
38
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,YAAY,EAAkC,MAAM,OAAO,CAAC;AAIjF,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAIpE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AAG5D,MAAM,WAAW,kBAAkB;IACjC,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,OAAO,CAAC,EAAE,wBAAwB,EAAE,CAAC;CACtC;AAED,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC7E,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;IACnC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,kBAAkB,EAAE,CAAC;IAC/B,WAAW,CAAC,EAAE,YAAY,CAAC;IAC3B,MAAM,CAAC,EAAE,aAAa,CAAC;IACvB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,gBAAgB,CAAC,EAAE,CAAC,WAAW,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;IACnD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD,KAAK,EAAE,YAAY,CAAC;CACrB;AAED,eAAO,MAAM,WAAW,KAmBvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,KAqB5B,CAAC;AACF,eAAO,MAAM,kBAAkB,KAM9B,CAAC;AAEF,eAAO,MAAM,qBAAqB,KAAgB,CAAC;AAEnD,eAAO,MAAM,sBAAsB,KAQlC,CAAC;AAEF,eAAO,MAAM,WAAW,uGAmIvB,CAAC"}
|
|
@@ -1,141 +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.ReqorePanel = exports.StyledPanelTitleHeader = exports.StyledPanelTitleLabel = exports.StyledPanelContent = exports.StyledPanelTitle = exports.StyledPanel = void 0;
|
|
52
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
53
|
-
var lodash_1 = require("lodash");
|
|
54
|
-
var react_1 = require("react");
|
|
55
|
-
var react_use_1 = require("react-use");
|
|
56
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
57
|
-
var sizes_1 = require("../../constants/sizes");
|
|
58
|
-
var ThemeProvider_1 = __importDefault(require("../../containers/ThemeProvider"));
|
|
59
|
-
var colors_1 = require("../../helpers/colors");
|
|
60
|
-
var useTheme_1 = require("../../hooks/useTheme");
|
|
61
|
-
var Button_1 = __importDefault(require("../Button"));
|
|
62
|
-
var ControlGroup_1 = __importDefault(require("../ControlGroup"));
|
|
63
|
-
var Dropdown_1 = __importDefault(require("../Dropdown"));
|
|
64
|
-
var Icon_1 = __importDefault(require("../Icon"));
|
|
65
|
-
exports.StyledPanel = styled_components_1["default"].div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n position: relative;\n z-index: 1;\n\n ", "\n"], ["\n background-color: ", ";\n border-radius: ", "px;\n border: ", ";\n color: ", ";\n overflow: hidden;\n display: flex;\n flex-flow: column;\n position: relative;\n z-index: 1;\n\n ", "\n"])), function (_a) {
|
|
66
|
-
var theme = _a.theme;
|
|
67
|
-
return theme.main;
|
|
68
|
-
}, function (_a) {
|
|
69
|
-
var rounded = _a.rounded;
|
|
70
|
-
return (rounded ? sizes_1.RADIUS_FROM_SIZE.normal : 0);
|
|
71
|
-
}, function (_a) {
|
|
72
|
-
var theme = _a.theme, flat = _a.flat;
|
|
73
|
-
return flat ? undefined : "1px solid " + (0, colors_1.changeLightness)(theme.main, 0.2);
|
|
74
|
-
}, function (_a) {
|
|
75
|
-
var theme = _a.theme;
|
|
76
|
-
return (0, colors_1.getReadableColor)(theme, undefined, undefined, true);
|
|
77
|
-
}, function (_a) {
|
|
78
|
-
var fill = _a.fill, isCollapsed = _a.isCollapsed;
|
|
79
|
-
return !isCollapsed && fill
|
|
80
|
-
? (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n height: 100%;\n flex: 1;\n "], ["\n height: 100%;\n flex: 1;\n "]))) : undefined;
|
|
81
|
-
});
|
|
82
|
-
exports.StyledPanelTitle = styled_components_1["default"].div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding: 0 5px 0 15px;\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n\n ", "\n"], ["\n display: flex;\n background-color: ", ";\n justify-content: space-between;\n height: 40px;\n align-items: center;\n padding: 0 5px 0 15px;\n border-bottom: ", ";\n transition: background-color 0.2s ease-out;\n overflow: hidden;\n flex: 0 0 auto;\n\n ", "\n"])), function (_a) {
|
|
83
|
-
var theme = _a.theme;
|
|
84
|
-
return (0, colors_1.changeLightness)(theme.main, 0.07);
|
|
85
|
-
}, function (_a) {
|
|
86
|
-
var theme = _a.theme, isCollapsed = _a.isCollapsed, flat = _a.flat;
|
|
87
|
-
return !isCollapsed && !flat ? "1px solid " + (0, colors_1.changeLightness)(theme.main, 0.2) : null;
|
|
88
|
-
}, function (_a) {
|
|
89
|
-
var collapsible = _a.collapsible;
|
|
90
|
-
return collapsible && (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "], ["\n cursor: pointer;\n &:hover {\n background-color: ", ";\n }\n "])), function (_a) {
|
|
91
|
-
var theme = _a.theme;
|
|
92
|
-
return (0, colors_1.changeLightness)(theme.main, 0.1);
|
|
93
|
-
});
|
|
94
|
-
});
|
|
95
|
-
exports.StyledPanelContent = styled_components_1["default"].div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: ", ";\n min-height: ", ";\n padding: ", ";\n flex: 1;\n overflow: hidden;\n"], ["\n display: ", ";\n min-height: ", ";\n padding: ", ";\n flex: 1;\n overflow: hidden;\n"])), function (_a) {
|
|
96
|
-
var isCollapsed = _a.isCollapsed;
|
|
97
|
-
return (isCollapsed ? 'none' : undefined);
|
|
98
|
-
}, function (_a) {
|
|
99
|
-
var isCollapsed = _a.isCollapsed;
|
|
100
|
-
return (isCollapsed ? undefined : '40px');
|
|
101
|
-
}, function (_a) {
|
|
102
|
-
var padded = _a.padded;
|
|
103
|
-
return (!padded ? undefined : '10px');
|
|
104
|
-
});
|
|
105
|
-
exports.StyledPanelTitleLabel = styled_components_1["default"].span(templateObject_6 || (templateObject_6 = __makeTemplateObject([""], [""])));
|
|
106
|
-
exports.StyledPanelTitleHeader = styled_components_1["default"].div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", " {\n font-weight: 600;\n }\n"], ["\n display: flex;\n justify-content: center;\n align-items: center;\n\n ", " {\n font-weight: 600;\n }\n"])), exports.StyledPanelTitleLabel);
|
|
107
|
-
exports.ReqorePanel = (0, react_1.forwardRef)(function (_a, ref) {
|
|
108
|
-
var children = _a.children, label = _a.label, collapsible = _a.collapsible, onClose = _a.onClose, rounded = _a.rounded, _b = _a.actions, actions = _b === void 0 ? [] : _b, isCollapsed = _a.isCollapsed, customTheme = _a.customTheme, icon = _a.icon, intent = _a.intent, className = _a.className, flat = _a.flat, _c = _a.unMountContentOnCollapse, unMountContentOnCollapse = _c === void 0 ? true : _c, onCollapseChange = _a.onCollapseChange, padded = _a.padded, rest = __rest(_a, ["children", "label", "collapsible", "onClose", "rounded", "actions", "isCollapsed", "customTheme", "icon", "intent", "className", "flat", "unMountContentOnCollapse", "onCollapseChange", "padded"]);
|
|
109
|
-
var _d = (0, react_1.useState)(isCollapsed || false), _isCollapsed = _d[0], setIsCollapsed = _d[1];
|
|
110
|
-
var theme = (0, useTheme_1.useReqoreTheme)('main', customTheme, intent);
|
|
111
|
-
(0, react_use_1.useUpdateEffect)(function () {
|
|
112
|
-
setIsCollapsed(isCollapsed);
|
|
113
|
-
}, [isCollapsed]);
|
|
114
|
-
var hasTitleBar = (0, react_1.useMemo)(function () { return !!label || collapsible || !!onClose || !!(0, lodash_1.size)(actions); }, [label, collapsible, onClose, actions]);
|
|
115
|
-
var handleCollapseClick = (0, react_1.useCallback)(function () {
|
|
116
|
-
if (collapsible) {
|
|
117
|
-
setIsCollapsed(!_isCollapsed);
|
|
118
|
-
onCollapseChange === null || onCollapseChange === void 0 ? void 0 : onCollapseChange(!_isCollapsed);
|
|
119
|
-
}
|
|
120
|
-
}, [collapsible, _isCollapsed, onCollapseChange]);
|
|
121
|
-
return ((0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], __assign({ theme: theme }, { children: (0, jsx_runtime_1.jsxs)(exports.StyledPanel, __assign({}, rest, { ref: ref, isCollapsed: _isCollapsed, rounded: rounded, flat: flat, className: (className || '') + " reqore-panel" }, { children: [hasTitleBar && ((0, jsx_runtime_1.jsxs)(exports.StyledPanelTitle, __assign({ flat: flat, isCollapsed: _isCollapsed, collapsible: collapsible, className: 'reqore-panel-title', onClick: handleCollapseClick }, { children: [(0, jsx_runtime_1.jsxs)(exports.StyledPanelTitleHeader, { children: [icon && (0, jsx_runtime_1.jsx)(Icon_1["default"], { icon: icon, margin: 'right' }, void 0), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelTitleLabel, { children: label }, void 0)) : (label)] }, void 0), (0, jsx_runtime_1.jsxs)(ControlGroup_1["default"], __assign({ minimal: true }, { children: [actions.map(function (_a) {
|
|
122
|
-
var label = _a.label, actions = _a.actions, intent = _a.intent, rest = __rest(_a, ["label", "actions", "intent"]);
|
|
123
|
-
return (0, lodash_1.size)(actions) ? ((0, jsx_runtime_1.jsx)(Dropdown_1["default"], __assign({}, rest, { label: label, componentProps: {
|
|
124
|
-
intent: intent,
|
|
125
|
-
minimal: true,
|
|
126
|
-
onClick: function (e) {
|
|
127
|
-
e.stopPropagation();
|
|
128
|
-
}
|
|
129
|
-
}, items: actions }), void 0)) : ((0, jsx_runtime_1.jsx)(Button_1["default"], __assign({}, rest, { intent: intent, onClick: rest.onClick
|
|
130
|
-
? function (e) {
|
|
131
|
-
e.stopPropagation();
|
|
132
|
-
rest.onClick();
|
|
133
|
-
}
|
|
134
|
-
: undefined }, { children: label }), void 0));
|
|
135
|
-
}), collapsible && ((0, jsx_runtime_1.jsx)(Button_1["default"], { icon: _isCollapsed ? 'ArrowDownSLine' : 'ArrowUpSLine', onClick: handleCollapseClick, tooltip: _isCollapsed ? 'Expand' : 'Collapse' }, void 0)), onClose && ((0, jsx_runtime_1.jsx)(Button_1["default"], { icon: 'CloseLine', onClick: function (e) {
|
|
136
|
-
e.stopPropagation();
|
|
137
|
-
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
138
|
-
} }, void 0))] }), void 0)] }), void 0)), !_isCollapsed || (_isCollapsed && !unMountContentOnCollapse) ? ((0, jsx_runtime_1.jsx)(exports.StyledPanelContent, __assign({ className: 'reqore-panel-content', isCollapsed: _isCollapsed, padded: padded }, { children: children }), void 0)) : null] }), void 0) }), void 0));
|
|
139
|
-
});
|
|
140
|
-
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
|
|
141
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Panel/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"panel.screenshot.d.ts","sourceRoot":"","sources":["../../../src/components/Panel/panel.screenshot.tsx"],"names":[],"mappings":";AAGA,eAAO,MAAM,SAAS,mBAyBrB,CAAC"}
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
exports.__esModule = true;
|
|
14
|
-
exports.SomePanel = void 0;
|
|
15
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
16
|
-
var lodash_1 = require("lodash");
|
|
17
|
-
var index_1 = require("../../index");
|
|
18
|
-
var SomePanel = function () { return ((0, jsx_runtime_1.jsx)(index_1.ReqorePanel, __assign({ collapsible: true, intent: 'danger', title: 'DANGER', icon: 'AlarmWarningLine', padded: true, actions: [
|
|
19
|
-
{
|
|
20
|
-
icon: 'Settings2Line',
|
|
21
|
-
onClick: lodash_1.noop
|
|
22
|
-
},
|
|
23
|
-
{
|
|
24
|
-
icon: 'UserFill',
|
|
25
|
-
onClick: lodash_1.noop,
|
|
26
|
-
label: 'Test'
|
|
27
|
-
},
|
|
28
|
-
] }, { children: "I am a message a very long message - Shadowlands has mechanisms put in place for allowing players to catch up on Renown, the system of gaining favor and unlocking rewards, Campaign chapters, and soulbinds within your Covenant. This system works for main characters who have started late, for alts, for players who have switched Covenants and are starting over, and for players who have simply missed weekly quests for earning Renown due to being away from the game." }), void 0)); };
|
|
29
|
-
exports.SomePanel = SomePanel;
|
|
30
|
-
//# sourceMappingURL=panel.screenshot.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"panel.screenshot.js","sourceRoot":"","sources":["../../../src/components/Panel/panel.screenshot.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,qCAA0C;AAEnC,IAAM,SAAS,GAAG,cAAM,OAAA,CAC7B,uBAAC,mBAAW,aACV,WAAW,QACX,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,kBAAkB,EACvB,MAAM,QACN,OAAO,EAAE;QACP;YACE,IAAI,EAAE,eAAe;YACrB,OAAO,EAAE,aAAI;SACd;QACD;YACE,IAAI,EAAE,UAAU;YAChB,OAAO,EAAE,aAAI;YACb,KAAK,EAAE,MAAM;SACd;KACF,+eAOW,CACf,EAzB8B,CAyB9B,CAAC;AAzBW,QAAA,SAAS,aAyBpB"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IReqoreIntent, IReqoreTheme } from '../../constants/theme';
|
|
3
|
-
export interface IReqoreParagraphStyle extends React.HTMLAttributes<HTMLHeadingElement> {
|
|
4
|
-
theme: IReqoreTheme;
|
|
5
|
-
intent?: IReqoreIntent;
|
|
6
|
-
}
|
|
7
|
-
export declare const ReqoreP: React.FC<Omit<IReqoreParagraphStyle, 'theme'>>;
|
|
8
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAGpE,MAAM,WAAW,qBAAsB,SAAQ,KAAK,CAAC,cAAc,CAAC,kBAAkB,CAAC;IACrF,KAAK,EAAE,YAAY,CAAC;IACpB,MAAM,CAAC,EAAE,aAAa,CAAC;CACxB;AAQD,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE,OAAO,CAAC,CASlE,CAAC"}
|
|
@@ -1,60 +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
|
-
exports.__esModule = true;
|
|
48
|
-
exports.ReqoreP = void 0;
|
|
49
|
-
var styled_components_1 = __importStar(require("styled-components"));
|
|
50
|
-
var colors_1 = require("../../helpers/colors");
|
|
51
|
-
var style = function (_a) {
|
|
52
|
-
var theme = _a.theme, intent = _a.intent;
|
|
53
|
-
return (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n margin: 0;\n padding: 0;\n color: ", ";\n"], ["\n margin: 0;\n padding: 0;\n color: ", ";\n"])), intent ? theme.intents[intent] : (0, colors_1.getReadableColor)(theme, undefined, undefined, true));
|
|
54
|
-
};
|
|
55
|
-
exports.ReqoreP = styled_components_1["default"].p.attrs(function (_a) {
|
|
56
|
-
var className = _a.className, rest = __rest(_a, ["className"]);
|
|
57
|
-
return (__assign(__assign({}, (rest || {})), { className: className + " " + ((rest === null || rest === void 0 ? void 0 : rest.intent) ? "reqore-paragraph-" + rest.intent + " " : "") + " reqore-paragraph" }));
|
|
58
|
-
})(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n ", ";\n"], ["\n ", ";\n"])), function (props) { return style(props); });
|
|
59
|
-
var templateObject_1, templateObject_2;
|
|
60
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Paragraph/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,qEAAgD;AAEhD,+CAAwD;AAOxD,IAAM,KAAK,GAAG,UAAC,EAAwC;QAAtC,KAAK,WAAA,EAAE,MAAM,YAAA;IAA8B,WAAA,uBAAG,qHAAA,0CAGpD,EAAoF,KAC9F,KADU,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAHnC,CAI3D,CAAC;AAEW,QAAA,OAAO,GAAmD,8BAAM,CAAC,CAAC,CAAC,KAAK,CACnF,UAAC,EAA6C;IAA3C,IAAA,SAAS,eAAA,EAAK,IAAI,cAApB,aAAsB,CAAF;IAA8B,OAAA,uBAC9C,CAAC,IAAI,IAAI,EAAE,CAAC,KACf,SAAS,EAAK,SAAS,UACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,MAAM,EAAC,CAAC,CAAC,sBAAoB,IAAI,CAAC,MAAM,MAAG,CAAC,CAAC,CAAC,EAAE,uBACrC,IACnB,CAAA;CAAA,CACH,gFAAuB,MACpB,EAA8C,KACjD,KADG,UAAC,KAA4B,IAAK,OAAA,KAAK,CAAC,KAAK,CAAC,EAAZ,CAAY,EAChD"}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import React from "react";
|
|
2
|
-
import { IPopoverOptions } from "../../hooks/usePopover";
|
|
3
|
-
import { IReqoreComponent } from "../../types/global";
|
|
4
|
-
export interface IReqorePopoverProps extends IReqoreComponent, IPopoverOptions {
|
|
5
|
-
component: any;
|
|
6
|
-
componentProps?: any;
|
|
7
|
-
children?: any;
|
|
8
|
-
isReqoreComponent?: boolean;
|
|
9
|
-
noWrapper?: boolean;
|
|
10
|
-
wrapperTag?: string;
|
|
11
|
-
wrapperStyle?: React.CSSProperties;
|
|
12
|
-
}
|
|
13
|
-
export declare const StyledPopover: any;
|
|
14
|
-
declare const Popover: ({ component: Component, componentProps, children, isReqoreComponent, noWrapper, wrapperTag, wrapperStyle, _insidePopover, _popoverId, ...rest }: IReqorePopoverProps) => JSX.Element;
|
|
15
|
-
export default Popover;
|
|
16
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAExC,OAAmB,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,WAAW,mBAAoB,SAAQ,gBAAgB,EAAE,eAAe;IAC5E,SAAS,EAAE,GAAG,CAAC;IACf,cAAc,CAAC,EAAE,GAAG,CAAC;IACrB,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,YAAY,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CACpC;AAED,eAAO,MAAM,aAAa,KAEzB,CAAC;AAEF,QAAA,MAAM,OAAO,oJAWV,mBAAmB,gBAoCrB,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1,55 +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.StyledPopover = void 0;
|
|
33
|
-
var jsx_runtime_1 = require("react/jsx-runtime");
|
|
34
|
-
var react_1 = require("react");
|
|
35
|
-
var styled_components_1 = __importDefault(require("styled-components"));
|
|
36
|
-
var usePopover_1 = __importDefault(require("../../hooks/usePopover"));
|
|
37
|
-
exports.StyledPopover = styled_components_1["default"].span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n overflow: hidden;\n"], ["\n overflow: hidden;\n"])));
|
|
38
|
-
var Popover = function (_a) {
|
|
39
|
-
var Component = _a.component, componentProps = _a.componentProps, children = _a.children, isReqoreComponent = _a.isReqoreComponent, noWrapper = _a.noWrapper, _b = _a.wrapperTag, wrapperTag = _b === void 0 ? "span" : _b, _c = _a.wrapperStyle, wrapperStyle = _c === void 0 ? {} : _c, _insidePopover = _a._insidePopover, _popoverId = _a._popoverId, rest = __rest(_a, ["component", "componentProps", "children", "isReqoreComponent", "noWrapper", "wrapperTag", "wrapperStyle", "_insidePopover", "_popoverId"]);
|
|
40
|
-
var _d = (0, react_1.useState)(null), ref = _d[0], setRef = _d[1];
|
|
41
|
-
(0, usePopover_1["default"])(__assign({ targetElement: ref }, rest));
|
|
42
|
-
if (isReqoreComponent || noWrapper) {
|
|
43
|
-
return ((0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { _insidePopover: _insidePopover, _popoverId: _popoverId, ref: setRef }, { children: children }), void 0));
|
|
44
|
-
}
|
|
45
|
-
return (
|
|
46
|
-
// @ts-ignore
|
|
47
|
-
(0, jsx_runtime_1.jsx)(exports.StyledPopover
|
|
48
|
-
// @ts-ignore
|
|
49
|
-
, __assign({
|
|
50
|
-
// @ts-ignore
|
|
51
|
-
as: wrapperTag, className: "reqore-popover-wrapper", ref: setRef, style: wrapperStyle }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, componentProps, { _insidePopover: _insidePopover, _popoverId: _popoverId }, { children: children }), void 0) }), void 0));
|
|
52
|
-
};
|
|
53
|
-
exports["default"] = Popover;
|
|
54
|
-
var templateObject_1;
|
|
55
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Popover/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAwC;AACxC,wEAAuC;AACvC,sEAAqE;AAaxD,QAAA,aAAa,GAAG,8BAAM,CAAC,IAAI,4FAAA,yBAEvC,KAAC;AAEF,IAAM,OAAO,GAAG,UAAC,EAWK;IAVpB,IAAW,SAAS,eAAA,EACpB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACT,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KAAA,EACnB,oBAAiB,EAAjB,YAAY,mBAAG,EAAE,KAAA,EACjB,cAAc,oBAAA,EACd,UAAU,gBAAA,EACP,IAAI,cAVQ,2IAWhB,CADQ;IAED,IAAA,KAAgB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAA7B,GAAG,QAAA,EAAE,MAAM,QAAkB,CAAC;IAErC,IAAA,uBAAU,aAAG,aAAa,EAAE,GAAG,IAAK,IAAI,EAAG,CAAC;IAE5C,IAAI,iBAAiB,IAAI,SAAS,EAAE;QAClC,OAAO,CACL,uBAAC,SAAS,eACJ,cAAc,IAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,MAAM,gBAEV,QAAQ,YACC,CACb,CAAC;KACH;IAED,OAAO;IACL,aAAa;IACb,uBAAC,qBAAa;IACZ,aAAa;;QAAb,aAAa;QACb,EAAE,EAAE,UAAU,EACd,SAAS,EAAC,wBAAwB,EAClC,GAAG,EAAE,MAAM,EACX,KAAK,EAAE,YAAY,gBAEnB,uBAAC,SAAS,eACJ,cAAc,IAClB,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,gBAErB,QAAQ,YACC,YACE,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,OAAO,CAAC"}
|