no-frills-ui 0.0.12 → 0.0.14-alpha.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/dist/index.js +2860 -2939
- package/dist/index.js.map +1 -1
- package/lib-esm/components/Accordion/Accordion.d.ts +2 -2
- package/lib-esm/components/Accordion/Accordion.js +8 -7
- package/lib-esm/components/Accordion/Accordion.js.map +1 -1
- package/lib-esm/components/Accordion/AccordionStep.d.ts +10 -5
- package/lib-esm/components/Accordion/AccordionStep.js +3 -12
- package/lib-esm/components/Accordion/AccordionStep.js.map +1 -1
- package/lib-esm/components/Badge/Badge.d.ts +5 -3
- package/lib-esm/components/Badge/Badge.js +9 -3
- package/lib-esm/components/Badge/Badge.js.map +1 -1
- package/lib-esm/components/Button/ActionButton.d.ts +4 -2
- package/lib-esm/components/Button/Button.d.ts +4 -2
- package/lib-esm/components/Button/IconButton.d.ts +4 -2
- package/lib-esm/components/Button/LinkButton.d.ts +4 -2
- package/lib-esm/components/Button/RaisedButton.d.ts +4 -2
- package/lib-esm/components/Card/Card.d.ts +4 -2
- package/lib-esm/components/Card/index.d.ts +1 -0
- package/lib-esm/components/Card/index.js +1 -0
- package/lib-esm/components/Card/index.js.map +1 -1
- package/lib-esm/components/Chip/Chip.d.ts +6 -0
- package/lib-esm/components/Chip/Chip.js +47 -0
- package/lib-esm/components/Chip/Chip.js.map +1 -0
- package/lib-esm/components/Chip/index.d.ts +1 -0
- package/lib-esm/components/Chip/index.js +2 -0
- package/lib-esm/components/Chip/index.js.map +1 -0
- package/lib-esm/components/Dialog/AlertDialog.d.ts +3 -3
- package/lib-esm/components/Dialog/AlertDialog.js +5 -7
- package/lib-esm/components/Dialog/AlertDialog.js.map +1 -1
- package/lib-esm/components/Dialog/ConfirmDialog.d.ts +2 -2
- package/lib-esm/components/Dialog/ConfirmDialog.js +4 -7
- package/lib-esm/components/Dialog/ConfirmDialog.js.map +1 -1
- package/lib-esm/components/Dialog/Dialog.d.ts +8 -11
- package/lib-esm/components/Dialog/Dialog.js +3 -2
- package/lib-esm/components/Dialog/Dialog.js.map +1 -1
- package/lib-esm/components/Dialog/PromptDialog.d.ts +2 -2
- package/lib-esm/components/Dialog/PromptDialog.js +4 -11
- package/lib-esm/components/Dialog/PromptDialog.js.map +1 -1
- package/lib-esm/components/DragAndDrop/DragAndDrop.d.ts +18 -0
- package/lib-esm/components/DragAndDrop/DragAndDrop.js +25 -0
- package/lib-esm/components/DragAndDrop/DragAndDrop.js.map +1 -0
- package/lib-esm/components/DragAndDrop/DragItem.d.ts +9 -0
- package/lib-esm/components/DragAndDrop/DragItem.js +49 -0
- package/lib-esm/components/DragAndDrop/DragItem.js.map +1 -0
- package/lib-esm/components/DragAndDrop/index.d.ts +2 -0
- package/lib-esm/components/DragAndDrop/index.js +3 -0
- package/lib-esm/components/DragAndDrop/index.js.map +1 -0
- package/lib-esm/components/DragAndDrop/types.d.ts +9 -0
- package/lib-esm/components/DragAndDrop/types.js +8 -0
- package/lib-esm/components/DragAndDrop/types.js.map +1 -0
- package/lib-esm/components/Drawer/Drawer.d.ts +3 -3
- package/lib-esm/components/Drawer/Drawer.js +5 -3
- package/lib-esm/components/Drawer/Drawer.js.map +1 -1
- package/lib-esm/components/Groups/Group.d.ts +1 -1
- package/lib-esm/components/Groups/Group.js +15 -7
- package/lib-esm/components/Groups/Group.js.map +1 -1
- package/lib-esm/components/Groups/GroupLabel.d.ts +4 -2
- package/lib-esm/components/Input/Checkbox.d.ts +2 -2
- package/lib-esm/components/Input/Checkbox.js +4 -4
- package/lib-esm/components/Input/Checkbox.js.map +1 -1
- package/lib-esm/components/Input/Dropdown.d.ts +17 -19
- package/lib-esm/components/Input/Dropdown.js +37 -23
- package/lib-esm/components/Input/Dropdown.js.map +1 -1
- package/lib-esm/components/Input/Input.d.ts +5 -2
- package/lib-esm/components/Input/Input.js +2 -4
- package/lib-esm/components/Input/Input.js.map +1 -1
- package/lib-esm/components/Input/Radio.d.ts +2 -1
- package/lib-esm/components/Input/Radio.js +2 -4
- package/lib-esm/components/Input/Radio.js.map +1 -1
- package/lib-esm/components/Input/RadioButton.d.ts +5 -2
- package/lib-esm/components/Input/RadioButton.js +2 -4
- package/lib-esm/components/Input/RadioButton.js.map +1 -1
- package/lib-esm/components/Input/Select.d.ts +1 -1
- package/lib-esm/components/Input/Select.js +4 -9
- package/lib-esm/components/Input/Select.js.map +1 -1
- package/lib-esm/components/Input/TextArea.d.ts +1 -1
- package/lib-esm/components/Input/TextArea.js +3 -5
- package/lib-esm/components/Input/TextArea.js.map +1 -1
- package/lib-esm/components/Input/Toggle.d.ts +3 -2
- package/lib-esm/components/Input/Toggle.js +2 -5
- package/lib-esm/components/Input/Toggle.js.map +1 -1
- package/lib-esm/components/Menu/Menu.d.ts +4 -9
- package/lib-esm/components/Menu/Menu.js +6 -5
- package/lib-esm/components/Menu/Menu.js.map +1 -1
- package/lib-esm/components/Menu/MenuContext.d.ts +0 -1
- package/lib-esm/components/Menu/MenuItem.d.ts +3 -3
- package/lib-esm/components/Menu/MenuItem.js +4 -5
- package/lib-esm/components/Menu/MenuItem.js.map +1 -1
- package/lib-esm/components/Modal/Modal.d.ts +3 -3
- package/lib-esm/components/Modal/Modal.js +5 -3
- package/lib-esm/components/Modal/Modal.js.map +1 -1
- package/lib-esm/components/Notification/Notification.d.ts +4 -36
- package/lib-esm/components/Notification/Notification.js +4 -19
- package/lib-esm/components/Notification/Notification.js.map +1 -1
- package/lib-esm/components/Notification/NotificationManager.d.ts +2 -2
- package/lib-esm/components/Notification/NotificationManager.js +7 -18
- package/lib-esm/components/Notification/NotificationManager.js.map +1 -1
- package/lib-esm/components/Notification/index.d.ts +2 -1
- package/lib-esm/components/Notification/index.js +2 -1
- package/lib-esm/components/Notification/index.js.map +1 -1
- package/lib-esm/components/Notification/style.d.ts +38 -17
- package/lib-esm/components/Notification/style.js +1 -1
- package/lib-esm/components/Notification/style.js.map +1 -1
- package/lib-esm/components/Notification/types.d.ts +34 -0
- package/lib-esm/components/Notification/types.js +18 -0
- package/lib-esm/components/Notification/types.js.map +1 -0
- package/lib-esm/components/Popover/Popover.d.ts +1 -1
- package/lib-esm/components/Popover/Popover.js +15 -7
- package/lib-esm/components/Popover/Popover.js.map +1 -1
- package/lib-esm/components/Spinner/Spinner.d.ts +2 -2
- package/lib-esm/components/Spinner/Spinner.js +2 -2
- package/lib-esm/components/Spinner/Spinner.js.map +1 -1
- package/lib-esm/components/Stepper/Step.d.ts +17 -0
- package/lib-esm/components/Stepper/Step.js +27 -0
- package/lib-esm/components/Stepper/Step.js.map +1 -0
- package/lib-esm/components/Stepper/Stepper.d.ts +19 -0
- package/lib-esm/components/Stepper/Stepper.js +112 -0
- package/lib-esm/components/Stepper/Stepper.js.map +1 -0
- package/lib-esm/components/Stepper/index.d.ts +3 -0
- package/lib-esm/components/Stepper/index.js +4 -0
- package/lib-esm/components/Stepper/index.js.map +1 -0
- package/lib-esm/components/Tabs/Tab.d.ts +1 -1
- package/lib-esm/components/Tabs/Tab.js +2 -2
- package/lib-esm/components/Tabs/Tab.js.map +1 -1
- package/lib-esm/components/Tabs/Tabs.d.ts +1 -1
- package/lib-esm/components/Tabs/Tabs.js +3 -4
- package/lib-esm/components/Tabs/Tabs.js.map +1 -1
- package/lib-esm/components/Toast/Toast.js +3 -5
- package/lib-esm/components/Toast/Toast.js.map +1 -1
- package/lib-esm/components/Toast/ToastStory.d.ts +3 -1
- package/lib-esm/components/Toast/ToastStory.js +2 -1
- package/lib-esm/components/Toast/ToastStory.js.map +1 -1
- package/lib-esm/components/Tooltip/Tooltip.d.ts +3 -3
- package/lib-esm/components/Tooltip/Tooltip.js +3 -5
- package/lib-esm/components/Tooltip/Tooltip.js.map +1 -1
- package/lib-esm/components/index.d.ts +4 -1
- package/lib-esm/components/index.js +4 -1
- package/lib-esm/components/index.js.map +1 -1
- package/lib-esm/icons/CheckCircle.d.ts +1 -1
- package/lib-esm/icons/CheckCircle.js +2 -4
- package/lib-esm/icons/CheckCircle.js.map +1 -1
- package/lib-esm/icons/Close.d.ts +1 -1
- package/lib-esm/icons/Close.js +2 -4
- package/lib-esm/icons/Close.js.map +1 -1
- package/lib-esm/icons/DragIndicator.d.ts +1 -0
- package/lib-esm/icons/DragIndicator.js +5 -0
- package/lib-esm/icons/DragIndicator.js.map +1 -0
- package/lib-esm/icons/ErrorOutline.d.ts +1 -1
- package/lib-esm/icons/ErrorOutline.js +2 -3
- package/lib-esm/icons/ErrorOutline.js.map +1 -1
- package/lib-esm/icons/ExpandMore.d.ts +1 -1
- package/lib-esm/icons/ExpandMore.js +2 -4
- package/lib-esm/icons/ExpandMore.js.map +1 -1
- package/lib-esm/icons/FiberManualRecord.d.ts +1 -1
- package/lib-esm/icons/FiberManualRecord.js +2 -4
- package/lib-esm/icons/FiberManualRecord.js.map +1 -1
- package/lib-esm/icons/Info.d.ts +1 -1
- package/lib-esm/icons/Info.js +2 -4
- package/lib-esm/icons/Info.js.map +1 -1
- package/lib-esm/icons/ReportProblem.d.ts +1 -1
- package/lib-esm/icons/ReportProblem.js +2 -4
- package/lib-esm/icons/ReportProblem.js.map +1 -1
- package/lib-esm/icons/index.d.ts +1 -0
- package/lib-esm/icons/index.js +1 -0
- package/lib-esm/icons/index.js.map +1 -1
- package/lib-esm/shared/LayerManager.js +3 -2
- package/lib-esm/shared/LayerManager.js.map +1 -1
- package/lib-esm/shared/styles.d.ts +16 -5
- package/package.json +24 -22
|
@@ -1,41 +1,9 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import PropTypes from 'prop-types';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
TOP_LEFT = "TOP_LEFT",
|
|
6
|
-
TOP_RIGHT = "TOP_RIGHT",
|
|
7
|
-
BOTTOM_LEFT = "BOTTOM_LEFT",
|
|
8
|
-
BOTTOM_RIGHT = "BOTTOM_RIGHT"
|
|
9
|
-
}
|
|
10
|
-
/** Type of Notifications */
|
|
11
|
-
export declare enum NOTIFICATION_TYPE {
|
|
12
|
-
INFO = "INFO",
|
|
13
|
-
SUCCESS = "SUCCESS",
|
|
14
|
-
DANGER = "DANGER",
|
|
15
|
-
WARNING = "WARNING"
|
|
16
|
-
}
|
|
17
|
-
export interface NotificationOptions {
|
|
18
|
-
/** Title of the notification */
|
|
19
|
-
title: string;
|
|
20
|
-
/** Body of the notification */
|
|
21
|
-
description: string;
|
|
22
|
-
/** Id for the notification, helps in de-duplication. */
|
|
23
|
-
id?: string;
|
|
24
|
-
/** Duration for the notification in milliseconds */
|
|
25
|
-
duration?: number;
|
|
26
|
-
/** Creates sticky notification */
|
|
27
|
-
sticky?: boolean;
|
|
28
|
-
/** Type of notification */
|
|
29
|
-
type?: NOTIFICATION_TYPE;
|
|
30
|
-
/** Action button text */
|
|
31
|
-
buttonText?: string;
|
|
32
|
-
/** Action button click callback */
|
|
33
|
-
buttonClick?: () => void;
|
|
34
|
-
/** Notification close callback. */
|
|
35
|
-
onClose?: () => void;
|
|
36
|
-
}
|
|
3
|
+
import { NOTIFICATION_POSITION, NOTIFICATION_TYPE, NotificationOptions } from './types';
|
|
4
|
+
type NotificationProps = PropTypes.InferProps<typeof StoryProps.propTypes>;
|
|
37
5
|
/** This component is only used for storybook documentation */
|
|
38
|
-
export declare class StoryProps extends React.Component {
|
|
6
|
+
export declare class StoryProps extends React.Component<NotificationProps> {
|
|
39
7
|
static propTypes: {
|
|
40
8
|
/** Title of the notification */
|
|
41
9
|
title: PropTypes.Validator<string>;
|
|
@@ -88,6 +56,6 @@ declare class Notification {
|
|
|
88
56
|
*/
|
|
89
57
|
destroy: (position: NOTIFICATION_POSITION) => void;
|
|
90
58
|
}
|
|
91
|
-
declare const _default: Notification;
|
|
92
59
|
/** Export a singleton instance */
|
|
60
|
+
declare const _default: Notification;
|
|
93
61
|
export default _default;
|
|
@@ -1,25 +1,10 @@
|
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
1
2
|
import React, { createRef } from 'react';
|
|
2
3
|
import PropTypes from 'prop-types';
|
|
3
4
|
import ReactDOM from 'react-dom';
|
|
4
5
|
import LayerManager, { LAYER_POSITION } from '../../shared/LayerManager';
|
|
5
6
|
import NotificationManager from './NotificationManager';
|
|
6
|
-
|
|
7
|
-
export var NOTIFICATION_POSITION;
|
|
8
|
-
(function (NOTIFICATION_POSITION) {
|
|
9
|
-
NOTIFICATION_POSITION["TOP_LEFT"] = "TOP_LEFT";
|
|
10
|
-
NOTIFICATION_POSITION["TOP_RIGHT"] = "TOP_RIGHT";
|
|
11
|
-
NOTIFICATION_POSITION["BOTTOM_LEFT"] = "BOTTOM_LEFT";
|
|
12
|
-
NOTIFICATION_POSITION["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
|
|
13
|
-
})(NOTIFICATION_POSITION || (NOTIFICATION_POSITION = {}));
|
|
14
|
-
;
|
|
15
|
-
/** Type of Notifications */
|
|
16
|
-
export var NOTIFICATION_TYPE;
|
|
17
|
-
(function (NOTIFICATION_TYPE) {
|
|
18
|
-
NOTIFICATION_TYPE["INFO"] = "INFO";
|
|
19
|
-
NOTIFICATION_TYPE["SUCCESS"] = "SUCCESS";
|
|
20
|
-
NOTIFICATION_TYPE["DANGER"] = "DANGER";
|
|
21
|
-
NOTIFICATION_TYPE["WARNING"] = "WARNING";
|
|
22
|
-
})(NOTIFICATION_TYPE || (NOTIFICATION_TYPE = {}));
|
|
7
|
+
import { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './types';
|
|
23
8
|
/** This component is only used for storybook documentation */
|
|
24
9
|
export class StoryProps extends React.Component {
|
|
25
10
|
render() {
|
|
@@ -84,13 +69,13 @@ class Notification {
|
|
|
84
69
|
closeOnOverlayClick: false,
|
|
85
70
|
position: positionMap[position],
|
|
86
71
|
alwaysOnTop: true,
|
|
87
|
-
component: (
|
|
72
|
+
component: (_jsx(NotificationManager, { ref: ref, position: position, onEmpty: () => this.destroy(position) }))
|
|
88
73
|
});
|
|
89
74
|
this.containers.set(position, {
|
|
90
75
|
ref,
|
|
91
76
|
element: div,
|
|
92
77
|
});
|
|
93
|
-
ReactDOM.render(
|
|
78
|
+
ReactDOM.render(_jsx(Component, {}), div);
|
|
94
79
|
notification = ref;
|
|
95
80
|
}
|
|
96
81
|
else {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,YAAY,EAAE,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AACzE,OAAO,mBAAmB,MAAM,uBAAuB,CAAC;
|
|
1
|
+
{"version":3,"file":"Notification.js","sourceRoot":"","sources":["../../../src/components/Notification/Notification.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { NOTIFICATION_POSITION, NotificationOptions } from './
|
|
2
|
+
import { NOTIFICATION_POSITION, NotificationOptions } from './types';
|
|
3
3
|
interface NotificationManagerProps {
|
|
4
4
|
position: NOTIFICATION_POSITION;
|
|
5
5
|
onEmpty: () => void;
|
|
@@ -47,6 +47,6 @@ declare class NotificationManager extends React.Component<NotificationManagerPro
|
|
|
47
47
|
* @param id
|
|
48
48
|
*/
|
|
49
49
|
resume: (id: string) => () => void;
|
|
50
|
-
render(): JSX.Element;
|
|
50
|
+
render(): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
51
51
|
}
|
|
52
52
|
export default NotificationManager;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
1
2
|
import React from 'react';
|
|
2
|
-
import { NOTIFICATION_TYPE } from './
|
|
3
|
+
import { NOTIFICATION_TYPE } from './types';
|
|
3
4
|
import { Close, Info, ReportProblem, ErrorOutline, CheckCircle } from '../../icons';
|
|
4
5
|
import { Container, Notice, Title, IconContainer, FillParent, Body, CloseButton, Footer } from './style';
|
|
5
6
|
import { ActionButton } from '../Button';
|
|
@@ -27,6 +28,7 @@ class NotificationManager extends React.Component {
|
|
|
27
28
|
this.setState({
|
|
28
29
|
notices: this.state.notices.map(notice => (Object.assign(Object.assign({}, notice), { leaving: notice.id === id ? true : notice.leaving })))
|
|
29
30
|
});
|
|
31
|
+
this.set.delete(id);
|
|
30
32
|
// Remove notification on animation completion.
|
|
31
33
|
setTimeout(() => {
|
|
32
34
|
const notice = this.state.notices.find(notice => notice.id === id);
|
|
@@ -108,23 +110,10 @@ class NotificationManager extends React.Component {
|
|
|
108
110
|
};
|
|
109
111
|
}
|
|
110
112
|
render() {
|
|
111
|
-
return (
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
type === NOTIFICATION_TYPE.INFO && React.createElement(Info, null),
|
|
116
|
-
type === NOTIFICATION_TYPE.SUCCESS && React.createElement(CheckCircle, null),
|
|
117
|
-
type === NOTIFICATION_TYPE.WARNING && React.createElement(ReportProblem, null),
|
|
118
|
-
type === NOTIFICATION_TYPE.DANGER && React.createElement(ErrorOutline, null)),
|
|
119
|
-
React.createElement(FillParent, null,
|
|
120
|
-
React.createElement(Title, { type: type },
|
|
121
|
-
React.createElement(FillParent, null, title),
|
|
122
|
-
React.createElement(CloseButton, { onClick: this.closeClickHandler(id) },
|
|
123
|
-
React.createElement(Close, null))),
|
|
124
|
-
React.createElement(Body, null, description),
|
|
125
|
-
buttonText && (React.createElement(Footer, null,
|
|
126
|
-
React.createElement(ActionButton, { onClick: () => { buttonClick === null || buttonClick === void 0 ? void 0 : buttonClick(); } }, buttonText))))));
|
|
127
|
-
})));
|
|
113
|
+
return (_jsx(Container, { position: this.props.position, children: this.state.notices.map(notice => {
|
|
114
|
+
const { id, title, description, leaving, type = NOTIFICATION_TYPE.INFO, buttonText, buttonClick, } = notice;
|
|
115
|
+
return (_jsxs(Notice, Object.assign({}, notice, { position: this.props.position, className: leaving ? 'leave' : '', onMouseEnter: this.pause(id), onMouseLeave: this.resume(id), children: [_jsxs(IconContainer, { type: type, children: [type === NOTIFICATION_TYPE.INFO && _jsx(Info, {}), type === NOTIFICATION_TYPE.SUCCESS && _jsx(CheckCircle, {}), type === NOTIFICATION_TYPE.WARNING && _jsx(ReportProblem, {}), type === NOTIFICATION_TYPE.DANGER && _jsx(ErrorOutline, {})] }), _jsxs(FillParent, { children: [_jsxs(Title, { type: type, children: [_jsx(FillParent, { children: title }), _jsx(CloseButton, { onClick: this.closeClickHandler(id), children: _jsx(Close, {}) })] }), _jsx(Body, { children: description }), buttonText && (_jsx(Footer, { children: _jsx(ActionButton, { onClick: () => { buttonClick === null || buttonClick === void 0 ? void 0 : buttonClick(); }, children: buttonText }) }))] })] }), id));
|
|
116
|
+
}) }));
|
|
128
117
|
}
|
|
129
118
|
}
|
|
130
119
|
export default NotificationManager;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationManager.js","sourceRoot":"","sources":["../../../src/components/Notification/NotificationManager.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,
|
|
1
|
+
{"version":3,"file":"NotificationManager.js","sourceRoot":"","sources":["../../../src/components/Notification/NotificationManager.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
export { default as Notification
|
|
1
|
+
export { default as Notification } from './Notification';
|
|
2
|
+
export { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './types';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Notification/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}
|
|
@@ -1,24 +1,45 @@
|
|
|
1
|
-
|
|
2
|
-
import { NOTIFICATION_POSITION, NOTIFICATION_TYPE, NotificationOptions } from './Notification';
|
|
1
|
+
import { NOTIFICATION_POSITION, NOTIFICATION_TYPE, NotificationOptions } from './types';
|
|
3
2
|
interface NoticeProp extends NotificationOptions {
|
|
4
3
|
position: NOTIFICATION_POSITION;
|
|
5
4
|
}
|
|
6
|
-
export declare const Container: import("@emotion/styled
|
|
5
|
+
export declare const Container: import("@emotion/styled").StyledComponent<{
|
|
6
|
+
theme?: import("@emotion/react").Theme;
|
|
7
|
+
as?: React.ElementType;
|
|
8
|
+
} & {
|
|
7
9
|
position: NOTIFICATION_POSITION;
|
|
8
|
-
},
|
|
9
|
-
export declare const Notice: import("@emotion/styled
|
|
10
|
-
theme?:
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
10
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
11
|
+
export declare const Notice: import("@emotion/styled").StyledComponent<{
|
|
12
|
+
theme?: import("@emotion/react").Theme;
|
|
13
|
+
as?: React.ElementType;
|
|
14
|
+
} & import("../Card/Card").CardExtraProps & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
|
|
15
|
+
theme?: import("@emotion/react").Theme;
|
|
16
|
+
} & NoticeProp, {}, {}>;
|
|
17
|
+
export declare const Title: import("@emotion/styled").StyledComponent<{
|
|
18
|
+
theme?: import("@emotion/react").Theme;
|
|
19
|
+
as?: React.ElementType;
|
|
20
|
+
} & {
|
|
15
21
|
type: NOTIFICATION_TYPE;
|
|
16
|
-
},
|
|
17
|
-
export declare const FillParent: import("@emotion/styled
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
22
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
23
|
+
export declare const FillParent: import("@emotion/styled").StyledComponent<{
|
|
24
|
+
theme?: import("@emotion/react").Theme;
|
|
25
|
+
as?: React.ElementType;
|
|
26
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
27
|
+
export declare const CloseButton: import("@emotion/styled").StyledComponent<{
|
|
28
|
+
theme?: import("@emotion/react").Theme;
|
|
29
|
+
as?: React.ElementType;
|
|
30
|
+
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
31
|
+
export declare const Body: import("@emotion/styled").StyledComponent<{
|
|
32
|
+
theme?: import("@emotion/react").Theme;
|
|
33
|
+
as?: React.ElementType;
|
|
34
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
35
|
+
export declare const IconContainer: import("@emotion/styled").StyledComponent<{
|
|
36
|
+
theme?: import("@emotion/react").Theme;
|
|
37
|
+
as?: React.ElementType;
|
|
38
|
+
} & {
|
|
21
39
|
type: NOTIFICATION_TYPE;
|
|
22
|
-
},
|
|
23
|
-
export declare const Footer: import("@emotion/styled
|
|
40
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
41
|
+
export declare const Footer: import("@emotion/styled").StyledComponent<{
|
|
42
|
+
theme?: import("@emotion/react").Theme;
|
|
43
|
+
as?: React.ElementType;
|
|
44
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
24
45
|
export {};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import styled from '@emotion/styled';
|
|
2
2
|
import constants from '../../shared/constants';
|
|
3
3
|
import { Card } from '../Card';
|
|
4
|
-
import { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './
|
|
4
|
+
import { NOTIFICATION_POSITION, NOTIFICATION_TYPE } from './types';
|
|
5
5
|
const getEntryAnimation = (position) => {
|
|
6
6
|
switch (position) {
|
|
7
7
|
case NOTIFICATION_POSITION.TOP_LEFT:
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Notification/style.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAC/C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAuB,MAAM,
|
|
1
|
+
{"version":3,"file":"style.js","sourceRoot":"","sources":["../../../src/components/Notification/style.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
/** Position for Notification */
|
|
2
|
+
export declare enum NOTIFICATION_POSITION {
|
|
3
|
+
TOP_LEFT = "TOP_LEFT",
|
|
4
|
+
TOP_RIGHT = "TOP_RIGHT",
|
|
5
|
+
BOTTOM_LEFT = "BOTTOM_LEFT",
|
|
6
|
+
BOTTOM_RIGHT = "BOTTOM_RIGHT"
|
|
7
|
+
}
|
|
8
|
+
/** Type of Notifications */
|
|
9
|
+
export declare enum NOTIFICATION_TYPE {
|
|
10
|
+
INFO = "INFO",
|
|
11
|
+
SUCCESS = "SUCCESS",
|
|
12
|
+
DANGER = "DANGER",
|
|
13
|
+
WARNING = "WARNING"
|
|
14
|
+
}
|
|
15
|
+
export interface NotificationOptions {
|
|
16
|
+
/** Title of the notification */
|
|
17
|
+
title: string;
|
|
18
|
+
/** Body of the notification */
|
|
19
|
+
description: string;
|
|
20
|
+
/** Id for the notification, helps in de-duplication. */
|
|
21
|
+
id?: string;
|
|
22
|
+
/** Duration for the notification in milliseconds */
|
|
23
|
+
duration?: number;
|
|
24
|
+
/** Creates sticky notification */
|
|
25
|
+
sticky?: boolean;
|
|
26
|
+
/** Type of notification */
|
|
27
|
+
type?: NOTIFICATION_TYPE;
|
|
28
|
+
/** Action button text */
|
|
29
|
+
buttonText?: string;
|
|
30
|
+
/** Action button click callback */
|
|
31
|
+
buttonClick?: () => void;
|
|
32
|
+
/** Notification close callback. */
|
|
33
|
+
onClose?: () => void;
|
|
34
|
+
}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
/** Position for Notification */
|
|
2
|
+
export var NOTIFICATION_POSITION;
|
|
3
|
+
(function (NOTIFICATION_POSITION) {
|
|
4
|
+
NOTIFICATION_POSITION["TOP_LEFT"] = "TOP_LEFT";
|
|
5
|
+
NOTIFICATION_POSITION["TOP_RIGHT"] = "TOP_RIGHT";
|
|
6
|
+
NOTIFICATION_POSITION["BOTTOM_LEFT"] = "BOTTOM_LEFT";
|
|
7
|
+
NOTIFICATION_POSITION["BOTTOM_RIGHT"] = "BOTTOM_RIGHT";
|
|
8
|
+
})(NOTIFICATION_POSITION || (NOTIFICATION_POSITION = {}));
|
|
9
|
+
;
|
|
10
|
+
/** Type of Notifications */
|
|
11
|
+
export var NOTIFICATION_TYPE;
|
|
12
|
+
(function (NOTIFICATION_TYPE) {
|
|
13
|
+
NOTIFICATION_TYPE["INFO"] = "INFO";
|
|
14
|
+
NOTIFICATION_TYPE["SUCCESS"] = "SUCCESS";
|
|
15
|
+
NOTIFICATION_TYPE["DANGER"] = "DANGER";
|
|
16
|
+
NOTIFICATION_TYPE["WARNING"] = "WARNING";
|
|
17
|
+
})(NOTIFICATION_TYPE || (NOTIFICATION_TYPE = {}));
|
|
18
|
+
//# sourceMappingURL=types.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Notification/types.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,MAAM,CAAN,IAAY,qBAKX;AALD,WAAY,qBAAqB;IAC7B,8CAAmB,CAAA;IACnB,gDAAqB,CAAA;IACrB,oDAAyB,CAAA;IACzB,sDAA2B,CAAA;AAC/B,CAAC,EALW,qBAAqB,KAArB,qBAAqB,QAKhC;AAAA,CAAC;AAEF,4BAA4B;AAC5B,MAAM,CAAN,IAAY,iBAKX;AALD,WAAY,iBAAiB;IACzB,kCAAW,CAAA;IACX,wCAAiB,CAAA;IACjB,sCAAe,CAAA;IACf,wCAAiB,CAAA;AACrB,CAAC,EALW,iBAAiB,KAAjB,iBAAiB,QAK5B"}
|
|
@@ -6,7 +6,7 @@ export declare enum POPOVER_POSITION {
|
|
|
6
6
|
BOTTOM_LEFT = "BOTTOM_LEFT",
|
|
7
7
|
BOTTOM_RIGHT = "BOTTOM_RIGHT"
|
|
8
8
|
}
|
|
9
|
-
declare function Popover(props: React.PropsWithChildren<PropTypes.InferProps<typeof Popover.propTypes>>): JSX.Element;
|
|
9
|
+
declare function Popover(props: React.PropsWithChildren<PropTypes.InferProps<typeof Popover.propTypes>>): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
10
10
|
declare namespace Popover {
|
|
11
11
|
var propTypes: {
|
|
12
12
|
/** Opens the popover */
|
|
@@ -1,4 +1,5 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
2
|
+
import { useEffect, useRef, useState } from 'react';
|
|
2
3
|
import PropTypes from 'prop-types';
|
|
3
4
|
import styled from '@emotion/styled';
|
|
4
5
|
import { Card } from '../Card';
|
|
@@ -83,6 +84,7 @@ export default function Popover(props) {
|
|
|
83
84
|
const [closing, setClosing] = useState(false);
|
|
84
85
|
const [translate, setTranslate] = useState({ x: 0, y: 0 });
|
|
85
86
|
const popperRef = useRef();
|
|
87
|
+
const containerRef = useRef();
|
|
86
88
|
const close = () => {
|
|
87
89
|
setClosing(true);
|
|
88
90
|
setTimeout(() => {
|
|
@@ -99,6 +101,11 @@ export default function Popover(props) {
|
|
|
99
101
|
close();
|
|
100
102
|
}
|
|
101
103
|
};
|
|
104
|
+
const clickOutsideHandler = (e) => {
|
|
105
|
+
if (containerRef.current && !containerRef.current.contains(e.target)) {
|
|
106
|
+
close();
|
|
107
|
+
}
|
|
108
|
+
};
|
|
102
109
|
/**
|
|
103
110
|
* Get called on popover mount.
|
|
104
111
|
*/
|
|
@@ -106,13 +113,16 @@ export default function Popover(props) {
|
|
|
106
113
|
document.addEventListener('keyup', keyupEventHandler);
|
|
107
114
|
return () => {
|
|
108
115
|
document.removeEventListener('keyup', keyupEventHandler);
|
|
109
|
-
document.removeEventListener('click',
|
|
116
|
+
document.removeEventListener('click', clickOutsideHandler);
|
|
110
117
|
};
|
|
111
118
|
}, []);
|
|
112
119
|
useEffect(() => {
|
|
113
120
|
if (props.open) {
|
|
114
121
|
setOpen(true);
|
|
115
|
-
|
|
122
|
+
// Use requestAnimationFrame to add listener after current event loop
|
|
123
|
+
requestAnimationFrame(() => {
|
|
124
|
+
document.addEventListener('click', clickOutsideHandler);
|
|
125
|
+
});
|
|
116
126
|
}
|
|
117
127
|
else {
|
|
118
128
|
if (open) {
|
|
@@ -120,7 +130,7 @@ export default function Popover(props) {
|
|
|
120
130
|
}
|
|
121
131
|
}
|
|
122
132
|
return () => {
|
|
123
|
-
document.removeEventListener('click',
|
|
133
|
+
document.removeEventListener('click', clickOutsideHandler);
|
|
124
134
|
};
|
|
125
135
|
}, [props.open]);
|
|
126
136
|
useEffect(() => {
|
|
@@ -172,9 +182,7 @@ export default function Popover(props) {
|
|
|
172
182
|
popperRef.current.focus();
|
|
173
183
|
}
|
|
174
184
|
}, [open]);
|
|
175
|
-
return (
|
|
176
|
-
React.createElement(props.element, null),
|
|
177
|
-
open && (React.createElement(Popper, { elevated: true, tabIndex: 0, position: props.position, translateX: translate.x, translateY: translate.y, className: closing && 'closing', ref: popperRef, onClick: e => { e.stopPropagation(); e.nativeEvent.stopImmediatePropagation(); } }, props.children))));
|
|
185
|
+
return (_jsxs(PopoverDiv, { ref: containerRef, children: [_jsx(props.element, {}), open && (_jsx(Popper, { elevated: true, tabIndex: 0, position: props.position, translateX: translate.x, translateY: translate.y, className: closing && 'closing', ref: popperRef, onClick: e => { e.stopPropagation(); e.nativeEvent.stopImmediatePropagation(); }, children: props.children }))] }));
|
|
178
186
|
}
|
|
179
187
|
Popover.propTypes = {
|
|
180
188
|
/** Opens the popover */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import PropTypes from 'prop-types';
|
|
2
|
-
declare function Spinner(props: SpinnerProp): JSX.Element;
|
|
2
|
+
declare function Spinner(props: SpinnerProp): import("@emotion/react/jsx-runtime").JSX.Element;
|
|
3
3
|
declare namespace Spinner {
|
|
4
4
|
var propTypes: {
|
|
5
5
|
/** Spinner's size */
|
|
@@ -9,5 +9,5 @@ declare namespace Spinner {
|
|
|
9
9
|
size: number;
|
|
10
10
|
};
|
|
11
11
|
}
|
|
12
|
-
|
|
12
|
+
type SpinnerProp = PropTypes.InferProps<typeof Spinner.propTypes>;
|
|
13
13
|
export default Spinner;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { jsx as _jsx } from "@emotion/react/jsx-runtime";
|
|
2
2
|
import styled from '@emotion/styled';
|
|
3
3
|
import PropTypes from 'prop-types';
|
|
4
4
|
import constants from '../../shared/constants';
|
|
@@ -17,7 +17,7 @@ const SpinnerDiv = styled.div `
|
|
|
17
17
|
}
|
|
18
18
|
`;
|
|
19
19
|
function Spinner(props) {
|
|
20
|
-
return
|
|
20
|
+
return _jsx(SpinnerDiv, Object.assign({}, props));
|
|
21
21
|
}
|
|
22
22
|
Spinner.propTypes = {
|
|
23
23
|
/** Spinner's size */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,SAAS,MAAM,YAAY,CAAC;AACnC,OAAO,SAAS,MAAM,wBAAwB,CAAC;AAE/C,MAAM,UAAU,GAAG,MAAM,CAAC,GAAG,CAAa;uCACH,SAAS,CAAC,OAAO;sDACF,SAAS,CAAC,kBAAkB;;aAErE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;cAClB,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,IAAI;;;;;;;;CAQhC,CAAC;AAEF,SAAS,OAAO,CAAC,KAAkB;IAC/B,OAAO,KAAC,UAAU,oBAAK,KAAK,EAAI,CAAA;AACpC,CAAC;AAID,OAAO,CAAC,SAAS,GAAG;IAChB,qBAAqB;IACrB,IAAI,EAAE,SAAS,CAAC,MAAM;CACzB,CAAA;AAED,OAAO,CAAC,YAAY,GAAG;IACnB,IAAI,EAAE,EAAE;CACX,CAAC;AAEF,eAAe,OAAO,CAAC"}
|