@uxf/cms 6.0.0-beta.7 → 6.0.0-beta.8
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/README.md +8 -5
- package/config/Container.js +1 -3
- package/package.json +3 -3
- package/lib/FlashMessages/FlashMessage.d.ts +0 -3
- package/lib/FlashMessages/FlashMessage.js +0 -66
- package/lib/FlashMessages/FlashMessagesContainer.d.ts +0 -9
- package/lib/FlashMessages/FlashMessagesContainer.js +0 -107
- package/lib/FlashMessages/FlashMessagesContainerInstance.d.ts +0 -2
- package/lib/FlashMessages/FlashMessagesContainerInstance.js +0 -12
- package/lib/FlashMessages/index.d.ts +0 -2
- package/lib/FlashMessages/index.js +0 -15
- package/lib/FlashMessages/styles.d.ts +0 -9
- package/lib/FlashMessages/styles.js +0 -36
- package/lib/FlashMessages/types.d.ts +0 -23
- package/lib/FlashMessages/types.js +0 -3
- package/services/FlashMessagesService.d.ts +0 -14
- package/services/FlashMessagesService.js +0 -42
package/README.md
CHANGED
@@ -34,6 +34,9 @@ module.exports = {
|
|
34
34
|
content: [
|
35
35
|
"./node_modules/@uxf/cms/**/*.js"
|
36
36
|
],
|
37
|
+
presets: [
|
38
|
+
require("@uxf/cms/utils/tailwind.config"),
|
39
|
+
],
|
37
40
|
plugins: [],
|
38
41
|
};
|
39
42
|
```
|
@@ -53,7 +56,6 @@ cmsConfig.set("api-url", "== api url ==");
|
|
53
56
|
container
|
54
57
|
.register("router", Router<any>)
|
55
58
|
.register("service.error", ErrorService)
|
56
|
-
.register("service.notification", FlashMessagesService) // default value
|
57
59
|
.register("useLoggedUser", UseLoggedUser)
|
58
60
|
.register("api.getLoggedUser", GetLoggedUser)
|
59
61
|
.register("api.getUserConfig", GetUserConfig)
|
@@ -86,7 +88,8 @@ import {...} from "@uxf/cms/api";
|
|
86
88
|
```tsx
|
87
89
|
// pages/_app.tsx
|
88
90
|
|
89
|
-
import {
|
91
|
+
import { FlashMessages } from "@uxf/ui/flash-messages/flash-messages";
|
92
|
+
import { getFlashMessagesRef } from "@uxf/ui/flash-messages/flash-messages-service";
|
90
93
|
|
91
94
|
function App(props: any) {
|
92
95
|
const { Component, pageProps } = props;
|
@@ -94,7 +97,7 @@ function App(props: any) {
|
|
94
97
|
return (
|
95
98
|
<>
|
96
99
|
<Component {...pageProps} />
|
97
|
-
<
|
100
|
+
<FlashMessages ref={getFlashMessagesRef()} />
|
98
101
|
</>
|
99
102
|
);
|
100
103
|
}
|
@@ -105,10 +108,10 @@ export default App;
|
|
105
108
|
```tsx
|
106
109
|
// pages/index.tsx
|
107
110
|
|
108
|
-
import {
|
111
|
+
import { flashMessage } from "@uxf/ui/flash-messages/flash-messages-service";
|
109
112
|
|
110
113
|
function IndexPage(props) {
|
111
|
-
return <Button onClick={() =>
|
114
|
+
return <Button onClick={() => flashMessage({ variant: "success", message: "Hotovo" })}>Klikni</Button>;
|
112
115
|
}
|
113
116
|
|
114
117
|
export default IndexPage;
|
package/config/Container.js
CHANGED
@@ -2,14 +2,12 @@
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
3
3
|
exports.Container = void 0;
|
4
4
|
var api_1 = require("../api");
|
5
|
-
var FlashMessagesService_1 = require("../services/FlashMessagesService");
|
6
5
|
var Container = /** @class */ (function () {
|
7
6
|
function Container() {
|
8
7
|
// TODO @vejvis - move initial values to better place
|
9
8
|
this.store = {
|
10
9
|
"api.uploadFile": api_1.uploadFile,
|
11
10
|
"api.getUserConfig": api_1.userConfigGet,
|
12
|
-
"service.notification": FlashMessagesService_1.FlashMessagesService,
|
13
11
|
};
|
14
12
|
}
|
15
13
|
Container.prototype.register = function (key, value) {
|
@@ -29,4 +27,4 @@ var Container = /** @class */ (function () {
|
|
29
27
|
return Container;
|
30
28
|
}());
|
31
29
|
exports.Container = Container;
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
30
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9Db250YWluZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsOEJBQWlFO0FBcUNqRTtJQUFBO1FBQ0kscURBQXFEO1FBQzdDLFVBQUssR0FBNEI7WUFDckMsZ0JBQWdCLEVBQUUsZ0JBQVU7WUFDNUIsbUJBQW1CLEVBQUUsbUJBQWE7U0FDckMsQ0FBQztJQW9CTixDQUFDO0lBbEJVLDRCQUFRLEdBQWYsVUFBZ0QsR0FBTSxFQUFFLEtBQXdCO1FBQzVFLElBQUksQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLEdBQUcsS0FBSyxDQUFDO1FBQ3hCLE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7SUFFTSx1QkFBRyxHQUFWLFVBQTJDLEdBQU07UUFDN0MsSUFBTSxLQUFLLEdBQUcsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztRQUU5QixJQUFJLENBQUMsS0FBSyxFQUFFO1lBQ1IsTUFBTSxJQUFJLEtBQUssQ0FBQyxvQ0FBNkIsR0FBRyxPQUFJLENBQUMsQ0FBQztTQUN6RDtRQUVELE9BQU8sS0FBWSxDQUFDO0lBQ3hCLENBQUM7SUFFTSx1QkFBRyxHQUFWLFVBQVcsR0FBeUI7UUFDaEMsT0FBTyxDQUFDLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQztJQUM3QixDQUFDO0lBQ0wsZ0JBQUM7QUFBRCxDQUFDLEFBekJELElBeUJDO0FBekJZLDhCQUFTIn0=
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@uxf/cms",
|
3
|
-
"version": "6.0.0-beta.
|
3
|
+
"version": "6.0.0-beta.8",
|
4
4
|
"description": "UXF Cms",
|
5
5
|
"author": "UXFans <dev@uxf.cz>",
|
6
6
|
"homepage": "https://gitlab.com/uxf-npm/cms#readme",
|
@@ -28,8 +28,8 @@
|
|
28
28
|
"gen:icons": "icons-gen"
|
29
29
|
},
|
30
30
|
"dependencies": {
|
31
|
-
"@uxf/form": "^1.0.0-beta.
|
32
|
-
"@uxf/ui": "^1.0.0-beta.
|
31
|
+
"@uxf/form": "^1.0.0-beta.99",
|
32
|
+
"@uxf/ui": "^1.0.0-beta.99",
|
33
33
|
"es6-error": "^4.1.1",
|
34
34
|
"path-to-regexp": "^6.1.0",
|
35
35
|
"react-hook-form": "^7.41.5",
|
@@ -1,66 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
3
|
-
__assign = Object.assign || function(t) {
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
5
|
-
s = arguments[i];
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
7
|
-
t[p] = s[p];
|
8
|
-
}
|
9
|
-
return t;
|
10
|
-
};
|
11
|
-
return __assign.apply(this, arguments);
|
12
|
-
};
|
13
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
14
|
-
if (k2 === undefined) k2 = k;
|
15
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
16
|
-
}) : (function(o, m, k, k2) {
|
17
|
-
if (k2 === undefined) k2 = k;
|
18
|
-
o[k2] = m[k];
|
19
|
-
}));
|
20
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
21
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
22
|
-
}) : function(o, v) {
|
23
|
-
o["default"] = v;
|
24
|
-
});
|
25
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
26
|
-
if (mod && mod.__esModule) return mod;
|
27
|
-
var result = {};
|
28
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
29
|
-
__setModuleDefault(result, mod);
|
30
|
-
return result;
|
31
|
-
};
|
32
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
33
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
34
|
-
};
|
35
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
36
|
-
exports.FlashMessage = void 0;
|
37
|
-
var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
|
38
|
-
var Slide_1 = __importDefault(require("@mui/material/Slide"));
|
39
|
-
var Snackbar_1 = __importDefault(require("@mui/material/Snackbar"));
|
40
|
-
var SnackbarContent_1 = __importDefault(require("@mui/material/SnackbarContent"));
|
41
|
-
var Close_1 = __importDefault(require("@mui/icons-material/Close"));
|
42
|
-
var react_1 = __importStar(require("react"));
|
43
|
-
var styles_1 = require("./styles");
|
44
|
-
function SlideTransition(props) {
|
45
|
-
return react_1.default.createElement(Slide_1.default, __assign({}, props, { direction: "right" }));
|
46
|
-
}
|
47
|
-
var ANCHOR_ORIGIN = {
|
48
|
-
vertical: "bottom",
|
49
|
-
horizontal: "left",
|
50
|
-
};
|
51
|
-
var FlashMessage = function (props) {
|
52
|
-
var _a, _b;
|
53
|
-
var config = props.config, offset = props.offset, closing = props.closing, onClose = props.onClose;
|
54
|
-
var variant = (_a = config.variant) !== null && _a !== void 0 ? _a : "info";
|
55
|
-
var Icon = styles_1.variantIcon[variant];
|
56
|
-
var handleClose = (0, react_1.useCallback)(function () {
|
57
|
-
onClose(config);
|
58
|
-
}, [onClose, config]);
|
59
|
-
return (react_1.default.createElement(Snackbar_1.default, { TransitionComponent: SlideTransition, anchorOrigin: ANCHOR_ORIGIN, autoHideDuration: (_b = config.dismissTimeout) !== null && _b !== void 0 ? _b : 6000, onClose: function (_, reason) { return (reason !== "clickaway" ? handleClose() : null); }, open: !closing, style: (0, styles_1.getTransitionStyles)(offset) },
|
60
|
-
react_1.default.createElement(SnackbarContent_1.default, { className: variant, "aria-describedby": "client-snackbar", message: react_1.default.createElement("span", { style: { display: "flex", alignItems: "center" } },
|
61
|
-
react_1.default.createElement(Icon, { sx: { fontSize: 20, opacity: 0.9, mr: 2 } }),
|
62
|
-
config.body), action: react_1.default.createElement(IconButton_1.default, { key: "close", "aria-label": "Close", color: "inherit", onClick: handleClose, size: "large" },
|
63
|
-
react_1.default.createElement(Close_1.default, { sx: { fontSize: 20 } })) })));
|
64
|
-
};
|
65
|
-
exports.FlashMessage = FlashMessage;
|
66
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL0ZsYXNoTWVzc2FnZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsd0VBQWtEO0FBQ2xELDhEQUF3QztBQUN4QyxvRUFBaUU7QUFDakUsa0ZBQTREO0FBQzVELG9FQUFrRDtBQUNsRCw2Q0FBMkM7QUFDM0MsbUNBQTREO0FBRzVELFNBQVMsZUFBZSxDQUFDLEtBQVU7SUFDL0IsT0FBTyw4QkFBQyxlQUFLLGVBQUssS0FBSyxJQUFFLFNBQVMsRUFBQyxPQUFPLElBQUcsQ0FBQztBQUNsRCxDQUFDO0FBRUQsSUFBTSxhQUFhLEdBQWtDO0lBQ2pELFFBQVEsRUFBRSxRQUFRO0lBQ2xCLFVBQVUsRUFBRSxNQUFNO0NBQ3JCLENBQUM7QUFFSyxJQUFNLFlBQVksR0FBZ0MsVUFBQyxLQUFLOztJQUNuRCxJQUFBLE1BQU0sR0FBK0IsS0FBSyxPQUFwQyxFQUFFLE1BQU0sR0FBdUIsS0FBSyxPQUE1QixFQUFFLE9BQU8sR0FBYyxLQUFLLFFBQW5CLEVBQUUsT0FBTyxHQUFLLEtBQUssUUFBVixDQUFXO0lBQ25ELElBQU0sT0FBTyxHQUF3QixNQUFBLE1BQU0sQ0FBQyxPQUFPLG1DQUFJLE1BQU0sQ0FBQztJQUM5RCxJQUFNLElBQUksR0FBRyxvQkFBVyxDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBRWxDLElBQU0sV0FBVyxHQUFHLElBQUEsbUJBQVcsRUFBQztRQUM1QixPQUFPLENBQUMsTUFBTSxDQUFDLENBQUM7SUFDcEIsQ0FBQyxFQUFFLENBQUMsT0FBTyxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUM7SUFFdEIsT0FBTyxDQUNILDhCQUFDLGtCQUFRLElBQ0wsbUJBQW1CLEVBQUUsZUFBZSxFQUNwQyxZQUFZLEVBQUUsYUFBYSxFQUMzQixnQkFBZ0IsRUFBRSxNQUFBLE1BQU0sQ0FBQyxjQUFjLG1DQUFJLElBQUksRUFDL0MsT0FBTyxFQUFFLFVBQUMsQ0FBQyxFQUFFLE1BQU0sSUFBSyxPQUFBLENBQUMsTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxFQUEvQyxDQUErQyxFQUN2RSxJQUFJLEVBQUUsQ0FBQyxPQUFPLEVBQ2QsS0FBSyxFQUFFLElBQUEsNEJBQW1CLEVBQUMsTUFBTSxDQUFDO1FBRWxDLDhCQUFDLHlCQUFlLElBQ1osU0FBUyxFQUFFLE9BQU8sc0JBQ0QsaUJBQWlCLEVBQ2xDLE9BQU8sRUFDSCx3Q0FBTSxLQUFLLEVBQUUsRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQUU7Z0JBQ2xELDhCQUFDLElBQUksSUFBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsRUFBRSxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLENBQUMsRUFBRSxHQUFJO2dCQUNsRCxNQUFNLENBQUMsSUFBSSxDQUNULEVBRVgsTUFBTSxFQUNGLDhCQUFDLG9CQUFVLElBQUMsR0FBRyxFQUFDLE9BQU8sZ0JBQVksT0FBTyxFQUFDLEtBQUssRUFBQyxTQUFTLEVBQUMsT0FBTyxFQUFFLFdBQVcsRUFBRSxJQUFJLEVBQUMsT0FBTztnQkFDekYsOEJBQUMsZUFBUyxJQUFDLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxFQUFFLEVBQUUsR0FBSSxDQUMxQixHQUVuQixDQUNLLENBQ2QsQ0FBQztBQUNOLENBQUMsQ0FBQztBQW5DVyxRQUFBLFlBQVksZ0JBbUN2QiJ9
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import React from "react";
|
2
|
-
import { FlashMessageConfig, FlashMessagesContainerState } from "./types";
|
3
|
-
export declare class FlashMessagesContainer extends React.Component<{}, FlashMessagesContainerState> {
|
4
|
-
constructor(props: Readonly<{}>);
|
5
|
-
open: (config: FlashMessageConfig) => void;
|
6
|
-
private remove;
|
7
|
-
close: (config: FlashMessageConfig) => void;
|
8
|
-
render(): JSX.Element;
|
9
|
-
}
|
@@ -1,107 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __extends = (this && this.__extends) || (function () {
|
3
|
-
var extendStatics = function (d, b) {
|
4
|
-
extendStatics = Object.setPrototypeOf ||
|
5
|
-
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
6
|
-
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
7
|
-
return extendStatics(d, b);
|
8
|
-
};
|
9
|
-
return function (d, b) {
|
10
|
-
if (typeof b !== "function" && b !== null)
|
11
|
-
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
12
|
-
extendStatics(d, b);
|
13
|
-
function __() { this.constructor = d; }
|
14
|
-
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
15
|
-
};
|
16
|
-
})();
|
17
|
-
var __assign = (this && this.__assign) || function () {
|
18
|
-
__assign = Object.assign || function(t) {
|
19
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
20
|
-
s = arguments[i];
|
21
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
22
|
-
t[p] = s[p];
|
23
|
-
}
|
24
|
-
return t;
|
25
|
-
};
|
26
|
-
return __assign.apply(this, arguments);
|
27
|
-
};
|
28
|
-
var __read = (this && this.__read) || function (o, n) {
|
29
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
30
|
-
if (!m) return o;
|
31
|
-
var i = m.call(o), r, ar = [], e;
|
32
|
-
try {
|
33
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
34
|
-
}
|
35
|
-
catch (error) { e = { error: error }; }
|
36
|
-
finally {
|
37
|
-
try {
|
38
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
39
|
-
}
|
40
|
-
finally { if (e) throw e.error; }
|
41
|
-
}
|
42
|
-
return ar;
|
43
|
-
};
|
44
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
45
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
46
|
-
if (ar || !(i in from)) {
|
47
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
48
|
-
ar[i] = from[i];
|
49
|
-
}
|
50
|
-
}
|
51
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
52
|
-
};
|
53
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
54
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
55
|
-
};
|
56
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
57
|
-
exports.FlashMessagesContainer = void 0;
|
58
|
-
var styles_1 = require("./styles");
|
59
|
-
var react_1 = __importDefault(require("react"));
|
60
|
-
var FlashMessage_1 = require("./FlashMessage");
|
61
|
-
var NOTIFICATION_HEIGHT = 48;
|
62
|
-
var NOTIFICATION_OFFSET = 12;
|
63
|
-
var VIEW_OFFSET = 20;
|
64
|
-
function getFlashMessageOffset(index) {
|
65
|
-
return VIEW_OFFSET + index * (NOTIFICATION_HEIGHT + NOTIFICATION_OFFSET);
|
66
|
-
}
|
67
|
-
var FlashMessagesContainer = /** @class */ (function (_super) {
|
68
|
-
__extends(FlashMessagesContainer, _super);
|
69
|
-
function FlashMessagesContainer(props) {
|
70
|
-
var _this = _super.call(this, props) || this;
|
71
|
-
_this.open = function (config) {
|
72
|
-
_this.setState(function (state) {
|
73
|
-
var _a;
|
74
|
-
return ({
|
75
|
-
items: __spreadArray(__spreadArray([], __read(state.items), false), [
|
76
|
-
{
|
77
|
-
config: __assign(__assign({}, config), { id: (_a = config.id) !== null && _a !== void 0 ? _a : Math.round(Math.random() * 1000) }),
|
78
|
-
closing: false,
|
79
|
-
},
|
80
|
-
], false),
|
81
|
-
});
|
82
|
-
});
|
83
|
-
};
|
84
|
-
_this.remove = function (config) {
|
85
|
-
_this.setState(function (state) { return ({
|
86
|
-
items: state.items.filter(function (i) { return i.config.id !== config.id; }),
|
87
|
-
}); });
|
88
|
-
};
|
89
|
-
_this.close = function (config) {
|
90
|
-
_this.setState(function (state) { return ({
|
91
|
-
items: state.items.map(function (i) { return (i.config.id === config.id ? __assign(__assign({}, i), { closing: true }) : i); }),
|
92
|
-
}); }, function () { return setTimeout(function () { return _this.remove(config); }, 200); });
|
93
|
-
};
|
94
|
-
_this.state = {
|
95
|
-
items: [],
|
96
|
-
};
|
97
|
-
return _this;
|
98
|
-
}
|
99
|
-
FlashMessagesContainer.prototype.render = function () {
|
100
|
-
var _this = this;
|
101
|
-
var items = this.state.items;
|
102
|
-
return (react_1.default.createElement(styles_1.Root, null, items.map(function (item, index) { return (react_1.default.createElement(FlashMessage_1.FlashMessage, { key: item.config.id, onClose: _this.close, offset: getFlashMessageOffset(index), closing: item.closing, config: item.config })); })));
|
103
|
-
};
|
104
|
-
return FlashMessagesContainer;
|
105
|
-
}(react_1.default.Component));
|
106
|
-
exports.FlashMessagesContainer = FlashMessagesContainer;
|
107
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9saWIvRmxhc2hNZXNzYWdlcy9GbGFzaE1lc3NhZ2VzQ29udGFpbmVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSxtQ0FBZ0M7QUFDaEMsZ0RBQTBCO0FBQzFCLCtDQUE4QztBQUc5QyxJQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUMvQixJQUFNLG1CQUFtQixHQUFHLEVBQUUsQ0FBQztBQUMvQixJQUFNLFdBQVcsR0FBRyxFQUFFLENBQUM7QUFFdkIsU0FBUyxxQkFBcUIsQ0FBQyxLQUFhO0lBQ3hDLE9BQU8sV0FBVyxHQUFHLEtBQUssR0FBRyxDQUFDLG1CQUFtQixHQUFHLG1CQUFtQixDQUFDLENBQUM7QUFDN0UsQ0FBQztBQUVEO0lBQTRDLDBDQUFnRDtJQUN4RixnQ0FBWSxLQUFtQjtRQUEvQixZQUNJLGtCQUFNLEtBQUssQ0FBQyxTQUtmO1FBRU0sVUFBSSxHQUFHLFVBQUMsTUFBMEI7WUFDckMsS0FBSSxDQUFDLFFBQVEsQ0FBQyxVQUFDLEtBQUs7O2dCQUFLLE9BQUEsQ0FBQztvQkFDdEIsS0FBSyx5Q0FDRSxLQUFLLENBQUMsS0FBSzt3QkFDZDs0QkFDSSxNQUFNLHdCQUNDLE1BQU0sS0FDVCxFQUFFLEVBQUUsTUFBQSxNQUFNLENBQUMsRUFBRSxtQ0FBSSxJQUFJLENBQUMsS0FBSyxDQUFDLElBQUksQ0FBQyxNQUFNLEVBQUUsR0FBRyxJQUFJLENBQUMsR0FDcEQ7NEJBQ0QsT0FBTyxFQUFFLEtBQUs7eUJBQ2pCOzZCQUNKO2lCQUNKLENBQUMsQ0FBQTthQUFBLENBQUMsQ0FBQztRQUNSLENBQUMsQ0FBQztRQUVNLFlBQU0sR0FBRyxVQUFDLE1BQTBCO1lBQ3hDLEtBQUksQ0FBQyxRQUFRLENBQUMsVUFBQyxLQUFLLElBQUssT0FBQSxDQUFDO2dCQUN0QixLQUFLLEVBQUUsS0FBSyxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsVUFBQyxDQUFDLElBQUssT0FBQSxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsRUFBRSxFQUF6QixDQUF5QixDQUFDO2FBQzlELENBQUMsRUFGdUIsQ0FFdkIsQ0FBQyxDQUFDO1FBQ1IsQ0FBQyxDQUFDO1FBRUssV0FBSyxHQUFHLFVBQUMsTUFBMEI7WUFDdEMsS0FBSSxDQUFDLFFBQVEsQ0FDVCxVQUFDLEtBQUssSUFBSyxPQUFBLENBQUM7Z0JBQ1IsS0FBSyxFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsR0FBRyxDQUFDLFVBQUMsQ0FBQyxJQUFLLE9BQUEsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLEVBQUUsS0FBSyxNQUFNLENBQUMsRUFBRSxDQUFDLENBQUMsdUJBQU0sQ0FBQyxLQUFFLE9BQU8sRUFBRSxJQUFJLElBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUF6RCxDQUF5RCxDQUFDO2FBQzNGLENBQUMsRUFGUyxDQUVULEVBQ0YsY0FBTSxPQUFBLFVBQVUsQ0FBQyxjQUFNLE9BQUEsS0FBSSxDQUFDLE1BQU0sQ0FBQyxNQUFNLENBQUMsRUFBbkIsQ0FBbUIsRUFBRSxHQUFHLENBQUMsRUFBMUMsQ0FBMEMsQ0FDbkQsQ0FBQztRQUNOLENBQUMsQ0FBQztRQWpDRSxLQUFJLENBQUMsS0FBSyxHQUFHO1lBQ1QsS0FBSyxFQUFFLEVBQUU7U0FDWixDQUFDOztJQUNOLENBQUM7SUFnQ00sdUNBQU0sR0FBYjtRQUFBLGlCQWVDO1FBZFcsSUFBQSxLQUFLLEdBQUssSUFBSSxDQUFDLEtBQUssTUFBZixDQUFnQjtRQUM3QixPQUFPLENBQ0gsOEJBQUMsYUFBSSxRQUNBLEtBQUssQ0FBQyxHQUFHLENBQUMsVUFBQyxJQUFJLEVBQUUsS0FBSyxJQUFLLE9BQUEsQ0FDeEIsOEJBQUMsMkJBQVksSUFDVCxHQUFHLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxFQUFFLEVBQ25CLE9BQU8sRUFBRSxLQUFJLENBQUMsS0FBSyxFQUNuQixNQUFNLEVBQUUscUJBQXFCLENBQUMsS0FBSyxDQUFDLEVBQ3BDLE9BQU8sRUFBRSxJQUFJLENBQUMsT0FBTyxFQUNyQixNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sR0FDckIsQ0FDTCxFQVIyQixDQVEzQixDQUFDLENBQ0MsQ0FDVixDQUFDO0lBQ04sQ0FBQztJQUNMLDZCQUFDO0FBQUQsQ0FBQyxBQXZERCxDQUE0QyxlQUFLLENBQUMsU0FBUyxHQXVEMUQ7QUF2RFksd0RBQXNCIn0=
|
@@ -1,12 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
4
|
-
};
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
6
|
-
exports.FlashMessagesContainerInstance = void 0;
|
7
|
-
var react_1 = __importDefault(require("react"));
|
8
|
-
var FlashMessagesService_1 = require("../../services/FlashMessagesService");
|
9
|
-
var FlashMessagesContainer_1 = require("./FlashMessagesContainer");
|
10
|
-
var FlashMessagesContainerInstance = function () { return react_1.default.createElement(FlashMessagesContainer_1.FlashMessagesContainer, { ref: FlashMessagesService_1.flashMessagesRef }); };
|
11
|
-
exports.FlashMessagesContainerInstance = FlashMessagesContainerInstance;
|
12
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc0NvbnRhaW5lckluc3RhbmNlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL0ZsYXNoTWVzc2FnZXNDb250YWluZXJJbnN0YW5jZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBQUEsZ0RBQTBCO0FBQzFCLDRFQUF1RTtBQUN2RSxtRUFBa0U7QUFFM0QsSUFBTSw4QkFBOEIsR0FBYSxjQUFNLE9BQUEsOEJBQUMsK0NBQXNCLElBQUMsR0FBRyxFQUFFLHVDQUFnQixHQUFJLEVBQWpELENBQWlELENBQUM7QUFBbkcsUUFBQSw4QkFBOEIsa0NBQXFFIn0=
|
@@ -1,15 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
3
|
-
if (k2 === undefined) k2 = k;
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
5
|
-
}) : (function(o, m, k, k2) {
|
6
|
-
if (k2 === undefined) k2 = k;
|
7
|
-
o[k2] = m[k];
|
8
|
-
}));
|
9
|
-
var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
10
|
-
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
11
|
-
};
|
12
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
13
|
-
__exportStar(require("./FlashMessagesContainerInstance"), exports);
|
14
|
-
__exportStar(require("./FlashMessagesContainer"), exports);
|
15
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0ZsYXNoTWVzc2FnZXMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7O0FBQUEsbUVBQWlEO0FBQ2pELDJEQUF5QyJ9
|
@@ -1,9 +0,0 @@
|
|
1
|
-
import { FlashMessageVariant } from "./types";
|
2
|
-
import { CSSProperties } from "react";
|
3
|
-
export declare const variantIcon: {
|
4
|
-
[variant in FlashMessageVariant]: any;
|
5
|
-
};
|
6
|
-
export declare const Root: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
7
|
-
export declare const TRANSITION_DELAY = 150;
|
8
|
-
export declare const TRANSITION_DOWN_DURATION = 200;
|
9
|
-
export declare const getTransitionStyles: (offset: number) => Partial<CSSProperties>;
|
@@ -1,36 +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 __importDefault = (this && this.__importDefault) || function (mod) {
|
7
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
8
|
-
};
|
9
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
10
|
-
exports.getTransitionStyles = exports.TRANSITION_DOWN_DURATION = exports.TRANSITION_DELAY = exports.Root = exports.variantIcon = void 0;
|
11
|
-
var react_1 = require("@emotion/react");
|
12
|
-
var colors_1 = require("@mui/material/colors");
|
13
|
-
var styles_1 = require("@mui/material/styles");
|
14
|
-
var CheckCircle_1 = __importDefault(require("@mui/icons-material/CheckCircle"));
|
15
|
-
var Error_1 = __importDefault(require("@mui/icons-material/Error"));
|
16
|
-
var Info_1 = __importDefault(require("@mui/icons-material/Info"));
|
17
|
-
var Warning_1 = __importDefault(require("@mui/icons-material/Warning"));
|
18
|
-
exports.variantIcon = {
|
19
|
-
success: CheckCircle_1.default,
|
20
|
-
warning: Warning_1.default,
|
21
|
-
error: Error_1.default,
|
22
|
-
info: Info_1.default,
|
23
|
-
};
|
24
|
-
exports.Root = (0, styles_1.styled)("div")(function (_a) {
|
25
|
-
var theme = _a.theme;
|
26
|
-
return (0, react_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n .MuiSnackbarContent-root {\n &.success {\n background-color: ", ";\n }\n\n &.error {\n background-color: ", ";\n }\n\n &.info {\n background-color: ", ";\n }\n\n &.warning {\n background-color: ", ";\n }\n }\n "], ["\n .MuiSnackbarContent-root {\n &.success {\n background-color: ", ";\n }\n\n &.error {\n background-color: ", ";\n }\n\n &.info {\n background-color: ", ";\n }\n\n &.warning {\n background-color: ", ";\n }\n }\n "])), colors_1.green[600], theme.palette.error.dark, theme.palette.primary.dark, colors_1.amber[700]);
|
27
|
-
});
|
28
|
-
exports.TRANSITION_DELAY = 150;
|
29
|
-
exports.TRANSITION_DOWN_DURATION = 200;
|
30
|
-
var getTransitionStyles = function (offset) { return ({
|
31
|
-
bottom: offset,
|
32
|
-
transition: "all ".concat(exports.TRANSITION_DOWN_DURATION, "ms ease-in-out ").concat(exports.TRANSITION_DELAY, "ms"),
|
33
|
-
}); };
|
34
|
-
exports.getTransitionStyles = getTransitionStyles;
|
35
|
-
var templateObject_1;
|
36
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3R5bGVzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL2xpYi9GbGFzaE1lc3NhZ2VzL3N0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7O0FBQUEsd0NBQXFDO0FBQ3JDLCtDQUFvRDtBQUNwRCwrQ0FBOEM7QUFDOUMsZ0ZBQThEO0FBQzlELG9FQUFrRDtBQUNsRCxrRUFBZ0Q7QUFDaEQsd0VBQXNEO0FBSXpDLFFBQUEsV0FBVyxHQUE4QztJQUNsRSxPQUFPLEVBQUUscUJBQWU7SUFDeEIsT0FBTyxFQUFFLGlCQUFXO0lBQ3BCLEtBQUssRUFBRSxlQUFTO0lBQ2hCLElBQUksRUFBRSxjQUFRO0NBQ2pCLENBQUM7QUFFVyxRQUFBLElBQUksR0FBRyxJQUFBLGVBQU0sRUFBQyxLQUFLLENBQUMsQ0FDN0IsVUFBQyxFQUFTO1FBQVAsS0FBSyxXQUFBO0lBQU8sV0FBQSxXQUFHLGdjQUFBLG1HQUdjLEVBQVUsK0VBSVYsRUFBd0IsOEVBSXhCLEVBQTBCLGlGQUkxQixFQUFVLG1DQUd6QyxLQWYrQixjQUFLLENBQUMsR0FBRyxDQUFDLEVBSVYsS0FBSyxDQUFDLE9BQU8sQ0FBQyxLQUFLLENBQUMsSUFBSSxFQUl4QixLQUFLLENBQUMsT0FBTyxDQUFDLE9BQU8sQ0FBQyxJQUFJLEVBSTFCLGNBQUssQ0FBQyxHQUFHLENBQUM7QUFmM0IsQ0FrQmQsQ0FDSixDQUFDO0FBRVcsUUFBQSxnQkFBZ0IsR0FBRyxHQUFHLENBQUM7QUFDdkIsUUFBQSx3QkFBd0IsR0FBRyxHQUFHLENBQUM7QUFFckMsSUFBTSxtQkFBbUIsR0FBRyxVQUFDLE1BQWMsSUFBNkIsT0FBQSxDQUFDO0lBQzVFLE1BQU0sRUFBRSxNQUFNO0lBQ2QsVUFBVSxFQUFFLGNBQU8sZ0NBQXdCLDRCQUFrQix3QkFBZ0IsT0FBSTtDQUNwRixDQUFDLEVBSDZFLENBRzdFLENBQUM7QUFIVSxRQUFBLG1CQUFtQix1QkFHN0IifQ==
|
@@ -1,23 +0,0 @@
|
|
1
|
-
import { ReactNode } from "react";
|
2
|
-
export declare type FlashMessageVariant = "success" | "info" | "warning" | "error";
|
3
|
-
export interface FlashMessageConfig {
|
4
|
-
id?: number;
|
5
|
-
body?: ReactNode;
|
6
|
-
dismissTimeout?: number;
|
7
|
-
variant?: FlashMessageVariant;
|
8
|
-
onClick?: () => void;
|
9
|
-
}
|
10
|
-
export interface FlashMessageProps {
|
11
|
-
config: FlashMessageConfig;
|
12
|
-
onClose: (config: FlashMessageConfig) => void;
|
13
|
-
offset: number;
|
14
|
-
closing?: boolean;
|
15
|
-
}
|
16
|
-
interface FlashMessageState {
|
17
|
-
config: FlashMessageConfig;
|
18
|
-
closing: boolean;
|
19
|
-
}
|
20
|
-
export interface FlashMessagesContainerState {
|
21
|
-
items: FlashMessageState[];
|
22
|
-
}
|
23
|
-
export {};
|
@@ -1,3 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidHlwZXMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbGliL0ZsYXNoTWVzc2FnZXMvdHlwZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
|
@@ -1,14 +0,0 @@
|
|
1
|
-
import { ReactNode } from "react";
|
2
|
-
import { FlashMessagesContainer } from "../lib/FlashMessages/FlashMessagesContainer";
|
3
|
-
export declare const flashMessagesRef: import("react").RefObject<FlashMessagesContainer>;
|
4
|
-
declare function info(body: ReactNode): void;
|
5
|
-
declare function success(body: ReactNode): void;
|
6
|
-
declare function warning(body: ReactNode): void;
|
7
|
-
declare function error(body: ReactNode): void;
|
8
|
-
export declare const FlashMessagesService: {
|
9
|
-
info: typeof info;
|
10
|
-
success: typeof success;
|
11
|
-
warning: typeof warning;
|
12
|
-
error: typeof error;
|
13
|
-
};
|
14
|
-
export {};
|
@@ -1,42 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
3
|
-
exports.FlashMessagesService = exports.flashMessagesRef = void 0;
|
4
|
-
var react_1 = require("react");
|
5
|
-
exports.flashMessagesRef = (0, react_1.createRef)();
|
6
|
-
function getRefInstance() {
|
7
|
-
if (!exports.flashMessagesRef.current) {
|
8
|
-
throw new Error("Flash messages container reference is not initialized.");
|
9
|
-
}
|
10
|
-
return exports.flashMessagesRef.current;
|
11
|
-
}
|
12
|
-
function info(body) {
|
13
|
-
getRefInstance().open({
|
14
|
-
body: body,
|
15
|
-
variant: "info",
|
16
|
-
});
|
17
|
-
}
|
18
|
-
function success(body) {
|
19
|
-
getRefInstance().open({
|
20
|
-
body: body,
|
21
|
-
variant: "success",
|
22
|
-
});
|
23
|
-
}
|
24
|
-
function warning(body) {
|
25
|
-
getRefInstance().open({
|
26
|
-
body: body,
|
27
|
-
variant: "warning",
|
28
|
-
});
|
29
|
-
}
|
30
|
-
function error(body) {
|
31
|
-
getRefInstance().open({
|
32
|
-
body: body,
|
33
|
-
variant: "error",
|
34
|
-
});
|
35
|
-
}
|
36
|
-
exports.FlashMessagesService = {
|
37
|
-
info: info,
|
38
|
-
success: success,
|
39
|
-
warning: warning,
|
40
|
-
error: error,
|
41
|
-
};
|
42
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRmxhc2hNZXNzYWdlc1NlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvc2VydmljZXMvRmxhc2hNZXNzYWdlc1NlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsK0JBQTZDO0FBR2hDLFFBQUEsZ0JBQWdCLEdBQUcsSUFBQSxpQkFBUyxHQUEwQixDQUFDO0FBRXBFLFNBQVMsY0FBYztJQUNuQixJQUFJLENBQUMsd0JBQWdCLENBQUMsT0FBTyxFQUFFO1FBQzNCLE1BQU0sSUFBSSxLQUFLLENBQUMsd0RBQXdELENBQUMsQ0FBQztLQUM3RTtJQUVELE9BQU8sd0JBQWdCLENBQUMsT0FBTyxDQUFDO0FBQ3BDLENBQUM7QUFFRCxTQUFTLElBQUksQ0FBQyxJQUFlO0lBQ3pCLGNBQWMsRUFBRSxDQUFDLElBQUksQ0FBQztRQUNsQixJQUFJLE1BQUE7UUFDSixPQUFPLEVBQUUsTUFBTTtLQUNsQixDQUFDLENBQUM7QUFDUCxDQUFDO0FBRUQsU0FBUyxPQUFPLENBQUMsSUFBZTtJQUM1QixjQUFjLEVBQUUsQ0FBQyxJQUFJLENBQUM7UUFDbEIsSUFBSSxNQUFBO1FBQ0osT0FBTyxFQUFFLFNBQVM7S0FDckIsQ0FBQyxDQUFDO0FBQ1AsQ0FBQztBQUVELFNBQVMsT0FBTyxDQUFDLElBQWU7SUFDNUIsY0FBYyxFQUFFLENBQUMsSUFBSSxDQUFDO1FBQ2xCLElBQUksTUFBQTtRQUNKLE9BQU8sRUFBRSxTQUFTO0tBQ3JCLENBQUMsQ0FBQztBQUNQLENBQUM7QUFFRCxTQUFTLEtBQUssQ0FBQyxJQUFlO0lBQzFCLGNBQWMsRUFBRSxDQUFDLElBQUksQ0FBQztRQUNsQixJQUFJLE1BQUE7UUFDSixPQUFPLEVBQUUsT0FBTztLQUNuQixDQUFDLENBQUM7QUFDUCxDQUFDO0FBRVksUUFBQSxvQkFBb0IsR0FBRztJQUNoQyxJQUFJLE1BQUE7SUFDSixPQUFPLFNBQUE7SUFDUCxPQUFPLFNBQUE7SUFDUCxLQUFLLE9BQUE7Q0FDUixDQUFDIn0=
|