@admin-layout/client 1.0.3-alpha.205 → 1.0.3-alpha.210

package/lib/components/ApplicationErrorHandlerCommon.d.ts

@@ -1,14 +1,22 @@
 import { ReactElement, ReactNode } from 'react';
 import "reflect-metadata";
 /**
- *
  * An HOC that will render components using SLOT-FILL in case of
  * backendError else it will render the Component Passed
- *
  */
 interface ApplicationErrorHandlerCommonProps {
     plugins: Record<string, any>;
     children: ReactNode;
 }
-export declare const ApplicationErrorHandlerCommon: (FallbackComponent: any) => ({ plugins, children }: ApplicationErrorHandlerCommonProps) => ReactElement;
+/**
+ * ApplicationErrorSlot is needed for mobile. Since for mobile
+ * we import Slot from @common-stack/react-mobile. The default
+ * Slot under RenderApplicationErrorSlot works for browser
+ * both ant and chakra
+ *
+ * @param FallbackComponent ReactNode
+ * @param [ApplicationErrorSlot] ReactNode
+ * @returns ReactNode
+ */
+export declare const ApplicationErrorHandlerCommon: (FallbackComponent: any, ApplicationErrorSlot?: any) => ({ plugins, children }: ApplicationErrorHandlerCommonProps) => ReactElement;
 export {};

package/lib/constants/error.d.ts

@@ -0,0 +1,10 @@
+export declare type BACKEND_ERROR = '@platform/BACKEND_ERROR';
+export declare const BACKEND_ERROR: BACKEND_ERROR;
+export declare type DISMISS_APPLICATION_ERROR = '@platform/DISMISS_APPLICATION_ERROR';
+export declare const DISMISS_APPLICATION_ERROR: DISMISS_APPLICATION_ERROR;
+export declare type CLEAR_APPLICATION_ERRORS = '@platform/CLEAR_APPLICATION_ERRORS';
+export declare const CLEAR_APPLICATION_ERRORS: CLEAR_APPLICATION_ERRORS;
+export declare type RESTORE_APPLICATION_ERRORS = '@platform/RESTORE_APPLICATION_ERRORS';
+export declare const RESTORE_APPLICATION_ERRORS: RESTORE_APPLICATION_ERRORS;
+export declare type LOG_APPLICATION_ERROR = '@platform/LOG_APPLICATION_ERROR';
+export declare const LOG_APPLICATION_ERROR: LOG_APPLICATION_ERROR;

package/lib/constants/index.d.ts

@@ -1 +1,2 @@
 export * from './constants';
+export * from './error';

package/lib/index.js

@@ -146,16 +146,29 @@ const react_1 = __importDefault(__webpack_require__(/*! react */ "react"));
 const react_redux_1 = __webpack_require__(/*! react-redux */ "react-redux");
 __webpack_require__(/*! reflect-metadata */ "reflect-metadata");
 const components_1 = __webpack_require__(/*! @workbench-stack/components */ "@workbench-stack/components");
-const constants_1 = __webpack_require__(/*! ../constants/constants */ "./src/constants/constants.ts");
-const platform_client_1 = __webpack_require__(/*! @adminide-stack/platform-client */ "@adminide-stack/platform-client");
-const ApplicationErrorHandlerCommon = (FallbackComponent) => ({ plugins, children }) => {
+const constants_1 = __webpack_require__(/*! ../constants */ "./src/constants/index.ts");
+const selectors_1 = __webpack_require__(/*! ../redux/selectors */ "./src/redux/selectors/index.ts");
+/**
+ * ApplicationErrorSlot is needed for mobile. Since for mobile
+ * we import Slot from @common-stack/react-mobile. The default
+ * Slot under RenderApplicationErrorSlot works for browser
+ * both ant and chakra
+ *
+ * @param FallbackComponent ReactNode
+ * @param [ApplicationErrorSlot] ReactNode
+ * @returns ReactNode
+ */
+const ApplicationErrorHandlerCommon = (FallbackComponent, ApplicationErrorSlot = undefined) => ({ plugins, children }) => {
     const applicationErrors = react_redux_1.useSelector((state) => state === null || state === void 0 ? void 0 : state.applicationErrors);
-    const errors = applicationErrors.filter((error) => !!plugins.find((plugin) => { var _a; return plugin.name === ((_a = (error === null || error === void 0 ? void 0 : error.payload).extensions) === null || _a === void 0 ? void 0 : _a.pluginName); }));
-    const backendError = react_redux_1.useSelector(platform_client_1.backendErrorSelector);
+    const errors = applicationErrors.filter((error) => !!plugins.find((plugin) => plugin.name === (error === null || error === void 0 ? void 0 : error.pluginName)));
+    const backendError = react_redux_1.useSelector(selectors_1.backendErrorSelector);
+    const RenderApplicationErrorSlot = (props) => {
+        return !!ApplicationErrorSlot ? react_1.default.createElement(ApplicationErrorSlot, Object.assign({}, props)) : react_1.default.createElement(components_1.Slot, Object.assign({}, props));
+    };
     return (react_1.default.createElement(react_1.default.Fragment, null,
         !!backendError && react_1.default.createElement(FallbackComponent, { error: backendError }),
         !!(errors === null || errors === void 0 ? void 0 : errors.length)
-            ? react_1.default.createElement(components_1.Slot, { name: constants_1.APPLICATION_ERROR_SLOT_FILL, fillProps: { active: true, applicationErrors: errors } })
+            ? react_1.default.createElement(RenderApplicationErrorSlot, { name: constants_1.APPLICATION_ERROR_SLOT_FILL, fillProps: { active: true, applicationErrors: errors } })
             : children));
 };
 exports.ApplicationErrorHandlerCommon = ApplicationErrorHandlerCommon;
@@ -325,6 +338,26 @@ exports.CHANGE_LANGUAGE = 'language/changeLanguage';
 exports.APPLICATION_ERROR_SLOT_FILL = "APPLICATION_ERROR_SLOT_FILL";
 
 
+/***/ }),
+
+/***/ "./src/constants/error.ts":
+/*!********************************!*\
+  !*** ./src/constants/error.ts ***!
+  \********************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LOG_APPLICATION_ERROR = exports.RESTORE_APPLICATION_ERRORS = exports.CLEAR_APPLICATION_ERRORS = exports.DISMISS_APPLICATION_ERROR = exports.BACKEND_ERROR = void 0;
+exports.BACKEND_ERROR = '@platform/BACKEND_ERROR';
+exports.DISMISS_APPLICATION_ERROR = '@platform/DISMISS_APPLICATION_ERROR';
+exports.CLEAR_APPLICATION_ERRORS = '@platform/CLEAR_APPLICATION_ERRORS';
+exports.RESTORE_APPLICATION_ERRORS = '@platform/RESTORE_APPLICATION_ERRORS';
+exports.LOG_APPLICATION_ERROR = '@platform/LOG_APPLICATION_ERROR';
+
+
 /***/ }),
 
 /***/ "./src/constants/index.ts":
@@ -348,6 +381,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(__webpack_require__(/*! ./constants */ "./src/constants/constants.ts"), exports);
+__exportStar(__webpack_require__(/*! ./error */ "./src/constants/error.ts"), exports);
 
 
 /***/ }),
@@ -393,6 +427,20 @@ __exportStar(__webpack_require__(/*! ./components */ "./src/components/index.tsx
 Object.defineProperty(exports, "__esModule", { value: true });
 
 
+/***/ }),
+
+/***/ "./src/interfaces/error-state.ts":
+/*!***************************************!*\
+  !*** ./src/interfaces/error-state.ts ***!
+  \***************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+
+
 /***/ }),
 
 /***/ "./src/interfaces/generated/generated-models.ts":
@@ -655,6 +703,7 @@ __exportStar(__webpack_require__(/*! ./generated */ "./src/interfaces/generated/
 __exportStar(__webpack_require__(/*! ./default-settings */ "./src/interfaces/default-settings.ts"), exports);
 __exportStar(__webpack_require__(/*! ./pure-settings */ "./src/interfaces/pure-settings.ts"), exports);
 __exportStar(__webpack_require__(/*! ./typings */ "./src/interfaces/typings.ts"), exports);
+__exportStar(__webpack_require__(/*! ./error-state */ "./src/interfaces/error-state.ts"), exports);
 
 
 /***/ }),
@@ -685,6 +734,71 @@ Object.defineProperty(exports, "__esModule", { value: true });
 Object.defineProperty(exports, "__esModule", { value: true });
 
 
+/***/ }),
+
+/***/ "./src/redux/actions/error-actions.ts":
+/*!********************************************!*\
+  !*** ./src/redux/actions/error-actions.ts ***!
+  \********************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.restoreApplicationError = exports.dismissApplicationError = exports.setApplicationError = void 0;
+const constants_1 = __webpack_require__(/*! ../../constants */ "./src/constants/index.ts");
+const setApplicationError = (payload) => {
+    return ({
+        type: constants_1.LOG_APPLICATION_ERROR,
+        payload,
+    });
+};
+exports.setApplicationError = setApplicationError;
+function dismissApplicationError(dismissByType) {
+    return {
+        type: constants_1.DISMISS_APPLICATION_ERROR,
+        payload: {
+            dismissByType
+        }
+    };
+}
+exports.dismissApplicationError = dismissApplicationError;
+const restoreApplicationError = (payload) => {
+    return ({
+        type: constants_1.RESTORE_APPLICATION_ERRORS,
+        payload,
+    });
+};
+exports.restoreApplicationError = restoreApplicationError;
+
+
+/***/ }),
+
+/***/ "./src/redux/actions/index.ts":
+/*!************************************!*\
+  !*** ./src/redux/actions/index.ts ***!
+  \************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+// export * from './settings-action';
+__exportStar(__webpack_require__(/*! ./error-actions */ "./src/redux/actions/error-actions.ts"), exports);
+
+
 /***/ }),
 
 /***/ "./src/redux/index.ts":
@@ -707,8 +821,99 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-// export * from './actions';
+__exportStar(__webpack_require__(/*! ./actions */ "./src/redux/actions/index.ts"), exports);
 __exportStar(__webpack_require__(/*! ./settings */ "./src/redux/settings.ts"), exports);
+__exportStar(__webpack_require__(/*! ./reducers */ "./src/redux/reducers/index.ts"), exports);
+
+
+/***/ }),
+
+/***/ "./src/redux/reducers/error.ts":
+/*!*************************************!*\
+  !*** ./src/redux/reducers/error.ts ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applicationErrors = exports.initialErrorsState = void 0;
+const constants_1 = __webpack_require__(/*! ../../constants */ "./src/constants/index.ts");
+exports.initialErrorsState = [];
+function applicationErrors(errorState = exports.initialErrorsState, action) {
+    switch (action === null || action === void 0 ? void 0 : action.type) {
+        case constants_1.LOG_APPLICATION_ERROR: {
+            const { type: errorType, payload, pluginName, displayable = true } = (action === null || action === void 0 ? void 0 : action.payload) || {};
+            const nextState = [...errorState];
+            nextState.push({
+                type: errorType,
+                displayable,
+                payload,
+                pluginName,
+                date: new Date(Date.now()).toUTCString(),
+            });
+            return nextState;
+        }
+        case constants_1.DISMISS_APPLICATION_ERROR: {
+            const { dismissByType } = action === null || action === void 0 ? void 0 : action.payload;
+            let nextState = [...errorState];
+            nextState = nextState.filter(({ type }) => dismissByType !== type);
+            return nextState;
+        }
+        case constants_1.CLEAR_APPLICATION_ERRORS: {
+            return [];
+        }
+        case constants_1.RESTORE_APPLICATION_ERRORS:
+            return action.payload;
+        default:
+            return errorState;
+    }
+}
+exports.applicationErrors = applicationErrors;
+
+
+/***/ }),
+
+/***/ "./src/redux/reducers/index.ts":
+/*!*************************************!*\
+  !*** ./src/redux/reducers/index.ts ***!
+  \*************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(__webpack_require__(/*! ./error */ "./src/redux/reducers/error.ts"), exports);
+
+
+/***/ }),
+
+/***/ "./src/redux/selectors/index.ts":
+/*!**************************************!*\
+  !*** ./src/redux/selectors/index.ts ***!
+  \**************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.backendErrorSelector = void 0;
+const reselect_1 = __webpack_require__(/*! reselect */ "reselect");
+const constants_1 = __webpack_require__(/*! ../../constants */ "./src/constants/index.ts");
+exports.backendErrorSelector = reselect_1.createSelector((state) => state.applicationErrors, (applicationErrors) => applicationErrors.find((error) => error.type === constants_1.BACKEND_ERROR));
 
 
 /***/ }),
@@ -814,17 +1019,6 @@ const getMenuSeparation = (menus) => {
 exports.getMenuSeparation = getMenuSeparation;
 
 
-/***/ }),
-
-/***/ "@adminide-stack/platform-client":
-/*!**************************************************!*\
-  !*** external "@adminide-stack/platform-client" ***!
-  \**************************************************/
-/*! no static exports found */
-/***/ (function(module, exports) {
-
-module.exports = require("@adminide-stack/platform-client");
-
 /***/ }),
 
 /***/ "@apollo/client":
@@ -902,6 +1096,17 @@ module.exports = require("react-redux");
 
 module.exports = require("reflect-metadata");
 
+/***/ }),
+
+/***/ "reselect":
+/*!***************************!*\
+  !*** external "reselect" ***!
+  \***************************/
+/*! no static exports found */
+/***/ (function(module, exports) {
+
+module.exports = require("reselect");
+
 /***/ })
 
 /******/ });