@gorilla-engine-sdk/ge-dialogs-lib 0.5.7

package/dist/modals/ModalRoot.js

@@ -0,0 +1,64 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModalRoot = void 0;
+const react_1 = require("react");
+const React = __importStar(require("react"));
+const DialogsStyleState_1 = require("../DialogsStyleState");
+const __1 = require("..");
+/**
+ * Component responsible for rendering the modal.
+ *
+ * The identity of `Component` may change dependeing on the inputs passed to
+ * `useModal`. If we simply rendered `<Component />` then the modal would be
+ * susceptible to rerenders whenever one of the inputs change.
+ */
+const ModalRenderer = (0, react_1.memo)(({ component, width, height, backgroundColor, ...rest }) => {
+    console.debug(`${__1.GE_DIALOGS_LIB} ModalRenderer: ${width} ${height}`);
+    return (React.createElement("geLabel", { x: 0, y: 0, width: width, height: height, interceptsMouseClicks: false }, component(rest)));
+});
+/**
+ * Modal Root
+ *
+ * Renders modals using react portal.
+ */
+exports.ModalRoot = (0, react_1.memo)(({ modals, container, component: RootComponent = React.Fragment, }) => {
+    const [mountNode, setMountNode] = (0, react_1.useState)(undefined);
+    const stylesState = (0, DialogsStyleState_1.useDialogsStylesState)();
+    return (React.createElement(RootComponent, null, Object.keys(modals).map((key) => {
+        return (React.createElement(ModalRenderer, { key: key, component: modals[key], width: stylesState.pluginWidth, height: stylesState.pluginHeight, backgroundColor: "33000000" }));
+    })));
+});
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxSb290LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21vZGFscy9Nb2RhbFJvb3QudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBLGlDQUFrRDtBQUNsRCw2Q0FBK0I7QUFFL0IsNERBQWdGO0FBQ2hGLDBCQUFvQztBQXdDcEM7Ozs7OztHQU1HO0FBQ0gsTUFBTSxhQUFhLEdBQUcsSUFBQSxZQUFJLEVBQ3hCLENBQUMsRUFDQyxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixlQUFlLEVBQ2YsR0FBRyxJQUFJLEVBQ1ksRUFBRSxFQUFFO0lBQ3ZCLE9BQU8sQ0FBQyxLQUFLLENBQUMsR0FBRyxrQkFBYyxtQkFBbUIsS0FBSyxJQUFJLE1BQU0sRUFBRSxDQUFDLENBQUM7SUFDckUsT0FBTyxDQUNMLGlDQUNFLENBQUMsRUFBRSxDQUFDLEVBQ0osQ0FBQyxFQUFFLENBQUMsRUFDSixLQUFLLEVBQUUsS0FBSyxFQUNaLE1BQU0sRUFBRSxNQUFNLEVBQ2QscUJBQXFCLEVBQUUsS0FBSyxJQUUzQixTQUFTLENBQUMsSUFBSSxDQUFDLENBQ1IsQ0FDWCxDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUM7QUFFRjs7OztHQUlHO0FBQ1UsUUFBQSxTQUFTLEdBQUcsSUFBQSxZQUFJLEVBQzNCLENBQUMsRUFDQyxNQUFNLEVBQ04sU0FBUyxFQUNULFNBQVMsRUFBRSxhQUFhLEdBQUcsS0FBSyxDQUFDLFFBQVEsR0FDMUIsRUFBRSxFQUFFO0lBQ25CLE1BQU0sQ0FBQyxTQUFTLEVBQUUsWUFBWSxDQUFDLEdBQUcsSUFBQSxnQkFBUSxFQUFzQixTQUFTLENBQUMsQ0FBQztJQUMzRSxNQUFNLFdBQVcsR0FBc0IsSUFBQSx5Q0FBcUIsR0FBRSxDQUFDO0lBRS9ELE9BQU8sQ0FDTCxvQkFBQyxhQUFhLFFBQ1gsTUFBTSxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQyxHQUFHLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtRQUMvQixPQUFPLENBQ0wsb0JBQUMsYUFBYSxJQUNaLEdBQUcsRUFBRSxHQUFHLEVBQ1IsU0FBUyxFQUFFLE1BQU0sQ0FBQyxHQUFHLENBQUMsRUFDdEIsS0FBSyxFQUFFLFdBQVcsQ0FBQyxXQUFXLEVBQzlCLE1BQU0sRUFBRSxXQUFXLENBQUMsWUFBWSxFQUNoQyxlQUFlLEVBQUUsVUFBVSxHQUMzQixDQUNILENBQUM7SUFDSixDQUFDLENBQUMsQ0FDWSxDQUNqQixDQUFDO0FBQ0osQ0FBQyxDQUNGLENBQUMifQ==

package/dist/modals/components/FooterButtons.d.ts

@@ -0,0 +1,15 @@
+import * as React from 'react';
+type FooterButtonsProps = {
+    modalWidth: number;
+    modalHeight: number;
+    cancelTrigger?: boolean;
+    cancelTriggerEnabled?: boolean;
+    cancelTriggerLabel?: string;
+    onCancelTrigger?(): any;
+    approveTrigger?: boolean;
+    approveTriggerEnabled?: boolean;
+    approveTriggerLabel?: string;
+    onApproveTrigger?(): any;
+};
+export declare function FooterButtons(props: FooterButtonsProps): React.JSX.Element;
+export {};

package/dist/modals/components/FooterButtons.js

@@ -0,0 +1,59 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FooterButtons = FooterButtons;
+const React = __importStar(require("react"));
+const DialogsStyleState_1 = require("../../DialogsStyleState");
+const dialogsDefaultStyle_1 = require("../../dialogsDefaultStyle");
+const ErrorBoundary_1 = require("../../ErrorBoundary");
+function FooterButtons(props) {
+    const stylesState = (0, DialogsStyleState_1.useDialogsStylesState)();
+    const modalStyle = stylesState.modal ?? dialogsDefaultStyle_1.dialogsDefaultStyle.modal;
+    const space = 20;
+    const footerHeight = 70;
+    return (React.createElement(ErrorBoundary_1.ErrorBoundary, null,
+        React.createElement("geLabel", { x: 0, y: props.modalHeight - footerHeight, width: props.modalWidth, height: footerHeight },
+            props.cancelTrigger === true && (React.createElement("geButton", { text: props.cancelTriggerLabel, enabled: props.cancelTriggerEnabled === false ? false : true, onClick: () => {
+                    if (props.onCancelTrigger)
+                        props.onCancelTrigger();
+                }, x: props.approveTrigger
+                    ? props.modalWidth - 220 - modalStyle.horizontalContentMargin
+                    : props.modalWidth - 100 - modalStyle.horizontalContentMargin, y: space, width: 100, height: 30, ...modalStyle.cancelButton })),
+            props.approveTrigger === true && (React.createElement("geButton", { text: props.approveTriggerLabel, enabled: props.approveTriggerEnabled === false ? false : true, onClick: () => {
+                    if (props.onApproveTrigger)
+                        props.onApproveTrigger();
+                }, x: props.modalWidth - 100 - modalStyle.horizontalContentMargin, y: space, width: 100, height: 30, ...modalStyle.approveButton })))));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRm9vdGVyQnV0dG9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9tb2RhbHMvY29tcG9uZW50cy9Gb290ZXJCdXR0b25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQTRCQSxzQ0FtREM7QUEvRUQsNkNBQStCO0FBQy9CLCtEQUFtRjtBQUNuRixtRUFBZ0U7QUFDaEUsdURBQW9EO0FBeUJwRCxTQUFnQixhQUFhLENBQUMsS0FBeUI7SUFDckQsTUFBTSxXQUFXLEdBQXNCLElBQUEseUNBQXFCLEdBQUUsQ0FBQztJQUMvRCxNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUMsS0FBSyxJQUFJLHlDQUFtQixDQUFDLEtBQU0sQ0FBQztJQUVuRSxNQUFNLEtBQUssR0FBVyxFQUFFLENBQUM7SUFDekIsTUFBTSxZQUFZLEdBQUcsRUFBRSxDQUFDO0lBRXhCLE9BQU8sQ0FDTCxvQkFBQyw2QkFBYTtRQUNaLGlDQUNFLENBQUMsRUFBRSxDQUFDLEVBQ0osQ0FBQyxFQUFFLEtBQUssQ0FBQyxXQUFXLEdBQUcsWUFBWSxFQUNuQyxLQUFLLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFDdkIsTUFBTSxFQUFFLFlBQVk7WUFFbkIsS0FBSyxDQUFDLGFBQWEsS0FBSyxJQUFJLElBQUksQ0FDL0Isa0NBQ0UsSUFBSSxFQUFFLEtBQUssQ0FBQyxrQkFBa0IsRUFDOUIsT0FBTyxFQUFFLEtBQUssQ0FBQyxvQkFBb0IsS0FBSyxLQUFLLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsSUFBSSxFQUM1RCxPQUFPLEVBQUUsR0FBRyxFQUFFO29CQUNaLElBQUksS0FBSyxDQUFDLGVBQWU7d0JBQUUsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO2dCQUNyRCxDQUFDLEVBQ0QsQ0FBQyxFQUNDLEtBQUssQ0FBQyxjQUFjO29CQUNsQixDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsR0FBRyxHQUFHLEdBQUcsVUFBVSxDQUFDLHVCQUF1QjtvQkFDN0QsQ0FBQyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsR0FBRyxHQUFHLFVBQVUsQ0FBQyx1QkFBdUIsRUFFakUsQ0FBQyxFQUFFLEtBQUssRUFDUixLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxFQUFFLEtBQ04sVUFBVSxDQUFDLFlBQVksR0FDM0IsQ0FDSDtZQUVBLEtBQUssQ0FBQyxjQUFjLEtBQUssSUFBSSxJQUFJLENBQ2hDLGtDQUNFLElBQUksRUFBRSxLQUFLLENBQUMsbUJBQW1CLEVBQy9CLE9BQU8sRUFBRSxLQUFLLENBQUMscUJBQXFCLEtBQUssS0FBSyxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLElBQUksRUFDN0QsT0FBTyxFQUFFLEdBQUcsRUFBRTtvQkFDWixJQUFJLEtBQUssQ0FBQyxnQkFBZ0I7d0JBQUUsS0FBSyxDQUFDLGdCQUFnQixFQUFFLENBQUM7Z0JBQ3ZELENBQUMsRUFDRCxDQUFDLEVBQUUsS0FBSyxDQUFDLFVBQVUsR0FBRyxHQUFHLEdBQUcsVUFBVSxDQUFDLHVCQUF1QixFQUM5RCxDQUFDLEVBQUUsS0FBSyxFQUNSLEtBQUssRUFBRSxHQUFHLEVBQ1YsTUFBTSxFQUFFLEVBQUUsS0FDTixVQUFVLENBQUMsYUFBYSxHQUM1QixDQUNILENBQ08sQ0FDSSxDQUNqQixDQUFDO0FBQ0osQ0FBQyJ9

package/dist/modals/components/Modal.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import { ModalsStyle } from '../../DialogsStyleState';
+export type ModalProps = {
+    /** a style for this modal, if not set global modal style is used */
+    modalStyle?: ModalsStyle;
+    isBlocking?: boolean;
+    isBlockingClosable?: boolean;
+    blockingBackgroundColor?: string;
+    /** if set it is used instad of style positioning */
+    x?: number;
+    /** if set it is used instad of style positioning */
+    y?: number;
+    modalWidth?: number;
+    modalHeight?: number;
+    title: string;
+    closeTrigger?: boolean;
+    cancelTrigger?: boolean;
+    cancelTriggerEnabled?: boolean;
+    cancelTriggerLabel?: string;
+    onCancelTrigger?(): any;
+    approveTrigger?: boolean;
+    approveTriggerEnabled?: boolean;
+    approveTriggerLabel?: string;
+    onApproveTrigger?(): any;
+    children?: any;
+};
+export declare function Modal(props: ModalProps): React.JSX.Element;

package/dist/modals/components/Modal.js

@@ -0,0 +1,124 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Modal = Modal;
+const React = __importStar(require("react"));
+const FooterButtons_1 = require("./FooterButtons");
+const DialogsStyleState_1 = require("../../DialogsStyleState");
+const dialogsDefaultStyle_1 = require("../../dialogsDefaultStyle");
+const ErrorBoundary_1 = require("../../ErrorBoundary");
+function Modal(props) {
+    const stylesState = (0, DialogsStyleState_1.useDialogsStylesState)();
+    /** if props.modalStyle is supplied, otherwise global modalStyle */
+    const modalStyle = React.useMemo(() => props.modalStyle ?? stylesState.modal ?? dialogsDefaultStyle_1.dialogsDefaultStyle.modal, [props.modalStyle, stylesState.modal]);
+    /** if props.modalWidth is supplied, otherwise from global modalStyle */
+    const [modalWidth] = React.useState(typeof props.modalWidth === 'number' ? props.modalWidth : modalStyle.modalWidth);
+    /** if props.modalHeight is supplied, otherwise from global modalStyle */
+    const [modalHeight] = React.useState(typeof props.modalHeight === 'number' ? props.modalHeight : modalStyle.modalHeight);
+    const horizontalMargin = modalStyle.horizontalContentMargin;
+    /** if footer buttons exist in props */
+    const [showFooter] = React.useState(!!(props.approveTrigger || props.cancelTrigger));
+    const closeButtonPosition = React.useMemo(() => {
+        const closeButtonWidth = typeof modalStyle.closeButton.width === 'number' ? modalStyle.closeButton.width : 20;
+        return {
+            x: typeof modalStyle.closeButton.x === 'number'
+                ? modalStyle.closeButton.x
+                : modalStyle.closeButtonPosition?.position === 'left'
+                    ? modalStyle.closeButtonPosition?.space
+                    : modalStyle.closeButtonPosition?.position === 'right'
+                        ? modalWidth - closeButtonWidth - modalStyle.closeButtonPosition?.space
+                        : 10,
+            y: typeof modalStyle.closeButton.y === 'number'
+                ? modalStyle.closeButton.y
+                : modalStyle.closeButtonPosition?.space
+                    ? modalStyle.closeButtonPosition?.space
+                    : 10,
+        };
+    }, [modalStyle, modalWidth]);
+    const xyPositions = React.useMemo(() => {
+        let xPos = -1000;
+        let yPos = -1000;
+        const horizontalOffset = modalStyle.horizontalOffset ?? 0;
+        const verticalOffset = modalStyle.verticalOffset ?? 0;
+        if (modalStyle.horizontalAlign === DialogsStyleState_1.DialogHorizontalAlign.LEFT) {
+            xPos = 0 + horizontalOffset;
+        }
+        else if (modalStyle.horizontalAlign === DialogsStyleState_1.DialogHorizontalAlign.CENTER) {
+            xPos = Math.round(stylesState.pluginWidth / 2 - modalWidth / 2) + horizontalOffset;
+        }
+        else if (modalStyle.horizontalAlign === DialogsStyleState_1.DialogHorizontalAlign.RIGHT) {
+            xPos = stylesState.pluginWidth - modalWidth + horizontalOffset;
+        }
+        if (modalStyle.verticalAlign === DialogsStyleState_1.DialogVerticalAlign.TOP) {
+            yPos = 0 + verticalOffset;
+        }
+        else if (modalStyle.verticalAlign === DialogsStyleState_1.DialogVerticalAlign.CENTER) {
+            yPos = Math.round(stylesState.pluginHeight / 2 - modalHeight / 2) + verticalOffset;
+        }
+        else if (modalStyle.verticalAlign === DialogsStyleState_1.DialogVerticalAlign.BOTTOM) {
+            yPos = stylesState.pluginHeight - modalHeight + verticalOffset;
+        }
+        const position = {
+            x: typeof props.x === 'number' ? props.x : xPos,
+            y: typeof props.y === 'number' ? props.y : yPos,
+        };
+        return position;
+    }, [modalStyle, modalWidth, modalHeight, props.x, props.y, stylesState]);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ErrorBoundary_1.ErrorBoundary, null,
+            React.createElement("geLabel", { x: 0, y: 0, width: stylesState.pluginWidth, height: stylesState.pluginHeight, interceptsMouseClicks: props.isBlocking ? props.isBlocking : false, backgroundColor: props.isBlocking
+                    ? props.blockingBackgroundColor
+                        ? props.blockingBackgroundColor
+                        : modalStyle.blockingBackgroundColor
+                    : '00ff0000' }, props.isBlockingClosable && props.onCancelTrigger && (React.createElement("geButton", { width: stylesState.pluginWidth, height: stylesState.pluginHeight, onClick: () => {
+                    props.onCancelTrigger?.();
+                } }))),
+            React.createElement("geLabel", { width: modalWidth, height: modalHeight, ...modalStyle.modal, ...xyPositions },
+                React.createElement("geLabel", { x: 0, y: 0, width: modalWidth, height: 50, text: props.title, ...modalStyle.title }),
+                modalStyle.dividerLine && (React.createElement("geLabel", { x: 0, y: modalStyle.headerHeight - 1, width: modalWidth, ...modalStyle.dividerLine })),
+                React.createElement("geLabel", { x: horizontalMargin, y: modalStyle.headerHeight, width: modalWidth - 2 * horizontalMargin, height: modalHeight - modalStyle.headerHeight }, props.children),
+                showFooter && (React.createElement(FooterButtons_1.FooterButtons, { modalWidth: modalWidth, modalHeight: modalHeight, cancelTrigger: props.cancelTrigger, cancelTriggerEnabled: props.cancelTriggerEnabled, cancelTriggerLabel: props.cancelTriggerLabel, onCancelTrigger: () => {
+                        if (props.onCancelTrigger)
+                            props.onCancelTrigger();
+                    }, approveTrigger: props.approveTrigger, approveTriggerEnabled: props.approveTriggerEnabled, approveTriggerLabel: props.approveTriggerLabel, onApproveTrigger: () => {
+                        if (props.onApproveTrigger)
+                            props.onApproveTrigger();
+                    } })),
+                props.closeTrigger && (React.createElement("geButton", { ...modalStyle.closeButton, ...closeButtonPosition, onClick: () => {
+                        if (props.onCancelTrigger)
+                            props.onCancelTrigger();
+                    } }))))));
+}
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9zcmMvbW9kYWxzL2NvbXBvbmVudHMvTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBOENBLHNCQTJLQztBQXpORCw2Q0FBK0I7QUFFL0IsbURBQWdEO0FBQ2hELCtEQU1pQztBQUNqQyxtRUFBZ0U7QUFDaEUsdURBQW9EO0FBbUNwRCxTQUFnQixLQUFLLENBQUMsS0FBaUI7SUFDckMsTUFBTSxXQUFXLEdBQXNCLElBQUEseUNBQXFCLEdBQUUsQ0FBQztJQUUvRCxtRUFBbUU7SUFDbkUsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FDOUIsR0FBRyxFQUFFLENBQUMsS0FBSyxDQUFDLFVBQVUsSUFBSSxXQUFXLENBQUMsS0FBSyxJQUFJLHlDQUFtQixDQUFDLEtBQU0sRUFDekUsQ0FBQyxLQUFLLENBQUMsVUFBVSxFQUFFLFdBQVcsQ0FBQyxLQUFLLENBQUMsQ0FDdEMsQ0FBQztJQUVGLHdFQUF3RTtJQUN4RSxNQUFNLENBQUMsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FDakMsT0FBTyxLQUFLLENBQUMsVUFBVSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLFVBQVUsQ0FDaEYsQ0FBQztJQUNGLHlFQUF5RTtJQUN6RSxNQUFNLENBQUMsV0FBVyxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FDbEMsT0FBTyxLQUFLLENBQUMsV0FBVyxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FDbkYsQ0FBQztJQUVGLE1BQU0sZ0JBQWdCLEdBQVcsVUFBVSxDQUFDLHVCQUF1QixDQUFDO0lBRXBFLHVDQUF1QztJQUN2QyxNQUFNLENB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

package/dist/modals/useModal.d.ts

@@ -0,0 +1,12 @@
+import { DependencyList } from "react";
+import { ModalType } from "./ModalContext";
+/**
+ * Callback types provided for descriptive type-hints
+ */
+type ShowModal = () => void;
+type HideModal = () => void;
+/**
+ * React hook for showing modal windows
+ */
+export declare const useModal: (component: ModalType, inputs?: DependencyList, isBlocking?: boolean, zIndex?: string) => [ShowModal, HideModal];
+export {};

package/dist/modals/useModal.js

@@ -0,0 +1,55 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useModal = void 0;
+const react_1 = require("react");
+const ModalContext_1 = require("./ModalContext");
+/**
+ * Utility function to generate unique number per component instance
+ */
+const generateModalKey = (() => {
+    let count = 0;
+    return () => `${++count}`;
+})();
+/**
+ * Check whether the argument is a stateless component.
+ *
+ * We take advantage of the stateless nature of functional components to be
+ * inline the rendering of the modal component as part of another immutable
+ * component.
+ *
+ * This is necessary for allowing the modal to update based on the inputs passed
+ * as the second argument to useModal without unmounting the previous version of
+ * the modal component.
+ */
+const isFunctionalComponent = (Component) => {
+    const prototype = Component.prototype;
+    return !prototype || !prototype.isReactComponent;
+};
+/**
+ * React hook for showing modal windows
+ */
+const useModal = (component, inputs = [], isBlocking = true, zIndex) => {
+    if (!isFunctionalComponent(component)) {
+        throw new Error("Only stateless components can be used as an argument to useModal. You have probably passed a class component where a function was expected.");
+    }
+    const key = zIndex ? zIndex : (0, react_1.useMemo)(generateModalKey, []);
+    //const key = useMemo(generateModalKey, []);
+    const modal = (0, react_1.useMemo)(() => component, inputs);
+    const context = (0, react_1.useContext)(ModalContext_1.ModalContext);
+    const [isShown, setShown] = (0, react_1.useState)(false);
+    const showModal = (0, react_1.useCallback)(() => setShown(true), []);
+    const hideModal = (0, react_1.useCallback)(() => setShown(false), []);
+    (0, react_1.useEffect)(() => {
+        if (isShown) {
+            context.showModal(key, modal, isBlocking);
+        }
+        else {
+            context.hideModal(key);
+        }
+        // Hide modal when parent component unmounts
+        return () => context.hideModal(key);
+    }, [modal, isShown]);
+    return [showModal, hideModal];
+};
+exports.useModal = useModal;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlTW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi9zcmMvbW9kYWxzL3VzZU1vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLGlDQU9lO0FBQ2YsaURBQXlEO0FBUXpEOztHQUVHO0FBQ0gsTUFBTSxnQkFBZ0IsR0FBRyxDQUFDLEdBQUcsRUFBRTtJQUM3QixJQUFJLEtBQUssR0FBRyxDQUFDLENBQUM7SUFFZCxPQUFPLEdBQUcsRUFBRSxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsQ0FBQztBQUM1QixDQUFDLENBQUMsRUFBRSxDQUFDO0FBRUw7Ozs7Ozs7Ozs7R0FVRztBQUNILE1BQU0scUJBQXFCLEdBQUcsQ0FBQyxTQUFtQixFQUFFLEVBQUU7SUFDcEQsTUFBTSxTQUFTLEdBQUcsU0FBUyxDQUFDLFNBQVMsQ0FBQztJQUN0QyxPQUFPLENBQUMsU0FBUyxJQUFJLENBQUMsU0FBUyxDQUFDLGdCQUFnQixDQUFDO0FBQ25ELENBQUMsQ0FBQztBQUVGOztHQUVHO0FBQ0ksTUFBTSxRQUFRLEdBQUcsQ0FDdEIsU0FBb0IsRUFDcEIsU0FBeUIsRUFBRSxFQUMzQixhQUFzQixJQUFJLEVBQzFCLE1BQWUsRUFDUyxFQUFFO0lBQzFCLElBQUksQ0FBQyxxQkFBcUIsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDO1FBQ3RDLE1BQU0sSUFBSSxLQUFLLENBQ2IsNklBQTZJLENBQzlJLENBQUM7SUFDSixDQUFDO0lBRUQsTUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUEsZUFBTyxFQUFDLGdCQUFnQixFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQzVELDRDQUE0QztJQUM1QyxNQUFNLEtBQUssR0FBRyxJQUFBLGVBQU8sRUFBQyxHQUFHLEVBQUUsQ0FBQyxTQUFTLEVBQUUsTUFBTSxDQUFDLENBQUM7SUFDL0MsTUFBTSxPQUFPLEdBQUcsSUFBQSxrQkFBVSxFQUFDLDJCQUFZLENBQUMsQ0FBQztJQUN6QyxNQUFNLENBQUMsT0FBTyxFQUFFLFFBQVEsQ0FBQyxHQUFHLElBQUEsZ0JBQVEsRUFBVSxLQUFLLENBQUMsQ0FBQztJQUVyRCxNQUFNLFNBQVMsR0FBRyxJQUFBLG1CQUFXLEVBQUMsR0FBRyxFQUFFLENBQUMsUUFBUSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBQ3hELE1BQU0sU0FBUyxHQUFHLElBQUEsbUJBQVcsRUFBQyxHQUFHLEVBQUUsQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFekQsSUFBQSxpQkFBUyxFQUFDLEdBQUcsRUFBRTtRQUNiLElBQUksT0FBTyxFQUFFLENBQUM7WUFDWixPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRSxLQUFLLEVBQUUsVUFBVSxDQUFDLENBQUM7UUFDNUMsQ0FBQzthQUFNLENBQUM7WUFDTixPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3pCLENBQUM7UUFFRCw0Q0FBNEM7UUFDNUMsT0FBTyxHQUFHLEVBQUUsQ0FBQyxPQUFPLENBQUMsU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDO0lBQ3RDLENBQUMsRUFBRSxDQUFDLEtBQUssRUFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDO0lBRXJCLE9BQU8sQ0FBQyxTQUFTLEVBQUUsU0FBUyxDQUFDLENBQUM7QUFDaEMsQ0FBQyxDQUFDO0FBakNXLFFBQUEsUUFBUSxZQWlDbkIifQ==

package/dist/notifications/DefaultNotification.d.ts

@@ -0,0 +1,10 @@
+import * as React from 'react';
+import { NotificationsStyle } from '../DialogsStyleState';
+type DefaultNotificationProps = {
+    message: string;
+    notificationStyle?: NotificationsStyle;
+    x?: number;
+    y?: number;
+};
+declare function DefaultNotification(props: DefaultNotificationProps): React.JSX.Element;
+export default DefaultNotification;

package/dist/notifications/DefaultNotification.js

@@ -0,0 +1,87 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+const React = __importStar(require("react"));
+const ErrorBoundary_1 = require("../ErrorBoundary");
+const DialogsStyleState_1 = require("../DialogsStyleState");
+const dialogsDefaultStyle_1 = require("../dialogsDefaultStyle");
+function DefaultNotification(props) {
+    const stylesState = (0, DialogsStyleState_1.useDialogsStylesState)();
+    const notificationStyle = React.useMemo(() => props.notificationStyle ?? stylesState.notification ?? dialogsDefaultStyle_1.dialogsDefaultStyle.notification, [props.notificationStyle, stylesState.notification]);
+    const getXYPositions = () => {
+        if (props.x && props.y)
+            return { x: props.x, y: props.y };
+        let xPos = -1000;
+        let yPos = -1000;
+        const horizontalOffset = notificationStyle.horizontalOffset ?? 0;
+        const verticalOffset = notificationStyle.verticalOffset ?? 0;
+        const containerWidth = typeof notificationStyle.container.width === 'number'
+            ? notificationStyle.container.width
+            : 300;
+        const containerHeight = typeof notificationStyle.container.height === 'number'
+            ? notificationStyle.container.height
+            : 40;
+        if (notificationStyle.horizontalAlign === DialogsStyleState_1.DialogHorizontalAlign.LEFT) {
+            xPos = 0 + horizontalOffset;
+        }
+        else if (notificationStyle.horizontalAlign === DialogsStyleState_1.DialogHorizontalAlign.CENTER) {
+            xPos = Math.round(stylesState.pluginWidth / 2 - containerWidth / 2);
+        }
+        else if (notificationStyle.horizontalAlign === DialogsStyleState_1.DialogHorizontalAlign.RIGHT) {
+            xPos = stylesState.pluginWidth - containerWidth + horizontalOffset;
+        }
+        if (notificationStyle.verticalAlign === DialogsStyleState_1.DialogVerticalAlign.TOP) {
+            yPos = 0 + verticalOffset;
+        }
+        else if (notificationStyle.verticalAlign === DialogsStyleState_1.DialogVerticalAlign.CENTER) {
+            yPos = Math.round(stylesState.pluginHeight / 2 - containerHeight / 2) + verticalOffset;
+        }
+        else if (notificationStyle.verticalAlign === DialogsStyleState_1.DialogVerticalAlign.BOTTOM) {
+            yPos = stylesState.pluginHeight - containerHeight + verticalOffset;
+        }
+        const position = { x: xPos, y: yPos };
+        return position;
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ErrorBoundary_1.ErrorBoundary, null,
+            React.createElement("geLabel", { ...notificationStyle.container, ...getXYPositions() },
+                React.createElement("geLabel", { width: typeof notificationStyle.container.width === 'number'
+                        ? notificationStyle.container.width
+                        : 300, height: typeof notificationStyle.container.height === 'number'
+                        ? notificationStyle.container.height
+                        : 40, ...notificationStyle.label, text: props.message })))));
+}
+exports.default = DefaultNotification;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGVmYXVsdE5vdGlmaWNhdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ub3RpZmljYXRpb25zL0RlZmF1bHROb3RpZmljYXRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQStCO0FBRy9CLG9EQUFpRDtBQUNqRCw0REFNOEI7QUFDOUIsZ0VBQTZEO0FBUzdELFNBQVMsbUJBQW1CLENBQUMsS0FBK0I7SUFDMUQsTUFBTSxXQUFXLEdBQXNCLElBQUEseUNBQXFCLEdBQUUsQ0FBQztJQUUvRCxNQUFNLGlCQUFpQixHQUFHLEtBQUssQ0FBQyxPQUFPLENBQ3JDLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxpQkFBaUIsSUFBSSxXQUFXLENBQUMsWUFBWSxJQUFJLHlDQUFtQixDQUFDLFlBQWEsRUFDOUYsQ0FBQyxLQUFLLENBQUMsaUJBQWlCLEVBQUUsV0FBVyxDQUFDLFlBQVksQ0FBQyxDQUNwRCxDQUFDO0lBRUYsTUFBTSxjQUFjLEdBQUcsR0FBRyxFQUFFO1FBQzFCLElBQUksS0FBSyxDQUFDLENBQUMsSUFBSSxLQUFLLENBQUMsQ0FBQztZQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDLEVBQUUsS0FBSyxDQUFDLENBQUMsRUFBRSxDQUFDO1FBRTFELElBQUksSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDO1FBQ2pCLElBQUksSUFBSSxHQUFHLENBQUMsSUFBSSxDQUFDO1FBQ2pCLE1BQU0sZ0JBQWdCLEdBQUcsaUJBQWlCLENBQUMsZ0JBQWdCLElBQUksQ0FBQyxDQUFDO1FBQ2pFLE1BQU0sY0FBYyxHQUFHLGlCQUFpQixDQUFDLGNBQWMsSUFBSSxDQUFDLENBQUM7UUFDN0QsTUFBTSxjQUFjLEdBQ2xCLE9BQU8saUJBQWlCLENBQUMsU0FBUyxDQUFDLEtBQUssS0FBSyxRQUFRO1lBQ25ELENBQUMs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

package/dist/notifications/NotificationContext.d.ts

@@ -0,0 +1,18 @@
+import * as React from "react";
+/**
+ * Notifications are represented as react components
+ *
+ * This is what gets passed to useNotification as the first argument.
+ */
+export type NotificationType = React.FunctionComponent<any>;
+/**
+ * The shape of the Notification context
+ */
+export interface NotificationContextType {
+    showNotification(key: string, component: NotificationType): void;
+    hideNotification(key: string): void;
+}
+/**
+ * Notification Context Object
+ */
+export declare const NotificationContext: React.Context<NotificationContextType>;

package/dist/notifications/NotificationContext.js

@@ -0,0 +1,52 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NotificationContext = void 0;
+const React = __importStar(require("react"));
+/**
+ * Throw error when NotificationContext is used outside of context provider
+ */
+const invariantViolation = () => {
+    throw new Error("Attempted to call useNotification outside of Notification context. Make sure your app is rendered inside NotificationProvider.");
+};
+/**
+ * Notification Context Object
+ */
+exports.NotificationContext = React.createContext({
+    showNotification: invariantViolation,
+    hideNotification: invariantViolation,
+});
+exports.NotificationContext.displayName = "NotificationContext";
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTm90aWZpY2F0aW9uQ29udGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9ub3RpZmljYXRpb25zL05vdGlmaWNhdGlvbkNvbnRleHQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQStCO0FBaUIvQjs7R0FFRztBQUNILE1BQU0sa0JBQWtCLEdBQUcsR0FBRyxFQUFFO0lBQzlCLE1BQU0sSUFBSSxLQUFLLENBQ2IsZ0lBQWdJLENBQ2pJLENBQUM7QUFDSixDQUFDLENBQUM7QUFFRjs7R0FFRztBQUNVLFFBQUEsbUJBQW1CLEdBQUcsS0FBSyxDQUFDLGFBQWEsQ0FDcEQ7SUFDRSxnQkFBZ0IsRUFBRSxrQkFBa0I7SUFDcEMsZ0JBQWdCLEVBQUUsa0JBQWtCO0NBQ3JDLENBQ0YsQ0FBQztBQUNGLDJCQUFtQixDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQyJ9

package/dist/notifications/NotificationProvider.d.ts

@@ -0,0 +1,17 @@
+import * as React from "react";
+/**
+ * Notification Provider Props
+ */
+export interface NotificationProviderProps {
+    styleState: any;
+    /**
+     * Subtree that will receive Notification context
+     */
+    children: React.ReactNode;
+}
+/**
+ * Notification Provider
+ *
+ * Provides Notification context and renders NotificationRoot.
+ */
+export declare const NotificationProvider: ({ styleState, children, }: NotificationProviderProps) => React.JSX.Element;