@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 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 { FlashMessagesContainerInstance } from "@uxf/cms/lib/FlashMessages";
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
- <FlashMessagesContainerInstance />
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 { FlashMessagesService } from "@uxf/cms/services/FlashMessagesService";
111
+ import { flashMessage } from "@uxf/ui/flash-messages/flash-messages-service";
109
112
 
110
113
  function IndexPage(props) {
111
- return <Button onClick={() => FlashMessagesService.success("Hotovo.")}>Klikni</Button>;
114
+ return <Button onClick={() => flashMessage({ variant: "success", message: "Hotovo" })}>Klikni</Button>;
112
115
  }
113
116
 
114
117
  export default IndexPage;
@@ -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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29udGFpbmVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL2NvbmZpZy9Db250YWluZXIudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBRUEsOEJBQWlFO0FBRWpFLHlFQUF3RTtBQW9DeEU7SUFBQTtRQUNJLHFEQUFxRDtRQUM3QyxVQUFLLEdBQTRCO1lBQ3JDLGdCQUFnQixFQUFFLGdCQUFVO1lBQzVCLG1CQUFtQixFQUFFLG1CQUFhO1lBQ2xDLHNCQUFzQixFQUFFLDJDQUFvQjtTQUMvQyxDQUFDO0lBb0JOLENBQUM7SUFsQlUsNEJBQVEsR0FBZixVQUFnRCxHQUFNLEVBQUUsS0FBd0I7UUFDNUUsSUFBSSxDQUFDLEtBQUssQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUM7UUFDeEIsT0FBTyxJQUFJLENBQUM7SUFDaEIsQ0FBQztJQUVNLHVCQUFHLEdBQVYsVUFBMkMsR0FBTTtRQUM3QyxJQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBRTlCLElBQUksQ0FBQyxLQUFLLEVBQUU7WUFDUixNQUFNLElBQUksS0FBSyxDQUFDLG9DQUE2QixHQUFHLE9BQUksQ0FBQyxDQUFDO1NBQ3pEO1FBRUQsT0FBTyxLQUFZLENBQUM7SUFDeEIsQ0FBQztJQUVNLHVCQUFHLEdBQVYsVUFBVyxHQUF5QjtRQUNoQyxPQUFPLENBQUMsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQzdCLENBQUM7SUFDTCxnQkFBQztBQUFELENBQUMsQUExQkQsSUEwQkM7QUExQlksOEJBQVMifQ==
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.7",
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.96",
32
- "@uxf/ui": "^1.0.0-beta.96",
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,3 +0,0 @@
1
- import React from "react";
2
- import { FlashMessageProps } from "./types";
3
- export declare const FlashMessage: React.FC<FlashMessageProps>;
@@ -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,2 +0,0 @@
1
- import React from "react";
2
- export declare const FlashMessagesContainerInstance: React.FC;
@@ -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,2 +0,0 @@
1
- export * from "./FlashMessagesContainerInstance";
2
- export * from "./FlashMessagesContainer";
@@ -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=