@gorilla-engine-sdk/ge-dialogs-lib 0.5.7
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/LICENSE.md +64 -0
- package/README.md +376 -0
- package/dist/Dialogs.d.ts +8 -0
- package/dist/Dialogs.js +51 -0
- package/dist/DialogsStyleState.d.ts +127 -0
- package/dist/DialogsStyleState.js +97 -0
- package/dist/ErrorBoundary.d.ts +13 -0
- package/dist/ErrorBoundary.js +58 -0
- package/dist/dialogsDefaultStyle.d.ts +2 -0
- package/dist/dialogsDefaultStyle.js +87 -0
- package/dist/index.d.ts +13 -0
- package/dist/index.js +32 -0
- package/dist/modals/MessageModal.d.ts +7 -0
- package/dist/modals/MessageModal.js +55 -0
- package/dist/modals/ModalContext.d.ts +18 -0
- package/dist/modals/ModalContext.js +52 -0
- package/dist/modals/ModalProvider.d.ts +25 -0
- package/dist/modals/ModalProvider.js +75 -0
- package/dist/modals/ModalRoot.d.ts +30 -0
- package/dist/modals/ModalRoot.js +64 -0
- package/dist/modals/components/FooterButtons.d.ts +15 -0
- package/dist/modals/components/FooterButtons.js +59 -0
- package/dist/modals/components/Modal.d.ts +27 -0
- package/dist/modals/components/Modal.js +124 -0
- package/dist/modals/useModal.d.ts +12 -0
- package/dist/modals/useModal.js +55 -0
- package/dist/notifications/DefaultNotification.d.ts +10 -0
- package/dist/notifications/DefaultNotification.js +87 -0
- package/dist/notifications/NotificationContext.d.ts +18 -0
- package/dist/notifications/NotificationContext.js +52 -0
- package/dist/notifications/NotificationProvider.d.ts +17 -0
- package/dist/notifications/NotificationProvider.js +73 -0
- package/dist/notifications/NotificationRoot.d.ts +30 -0
- package/dist/notifications/NotificationRoot.js +71 -0
- package/dist/notifications/useNotification.d.ts +19 -0
- package/dist/notifications/useNotification.js +98 -0
- package/dist/tooltips/DefaultToolTip.d.ts +9 -0
- package/dist/tooltips/DefaultToolTip.js +119 -0
- package/dist/tooltips/ToolTipContext.d.ts +18 -0
- package/dist/tooltips/ToolTipContext.js +52 -0
- package/dist/tooltips/ToolTipProvider.d.ts +25 -0
- package/dist/tooltips/ToolTipProvider.js +92 -0
- package/dist/tooltips/ToolTipRoot.d.ts +30 -0
- package/dist/tooltips/ToolTipRoot.js +61 -0
- package/dist/tooltips/useToolTip.d.ts +14 -0
- package/dist/tooltips/useToolTip.js +102 -0
- package/package.json +44 -0
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.DialogsStylesProvider = exports.DialogsStylesDispatchContext = exports.DialogsStylesContext = exports.dialogsStylesReducer = exports.DialogsStylesDispatchTypes = exports.DialogVerticalAlign = exports.DialogHorizontalAlign = void 0;
|
|
37
|
+
exports.useDialogsStylesState = useDialogsStylesState;
|
|
38
|
+
exports.useDialogsStylesStateDispatch = useDialogsStylesStateDispatch;
|
|
39
|
+
const React = __importStar(require("react"));
|
|
40
|
+
const react_1 = require("react");
|
|
41
|
+
const _1 = require(".");
|
|
42
|
+
var DialogHorizontalAlign;
|
|
43
|
+
(function (DialogHorizontalAlign) {
|
|
44
|
+
DialogHorizontalAlign["LEFT"] = "LEFT";
|
|
45
|
+
DialogHorizontalAlign["RIGHT"] = "RIGHT";
|
|
46
|
+
DialogHorizontalAlign["CENTER"] = "CENTER";
|
|
47
|
+
})(DialogHorizontalAlign || (exports.DialogHorizontalAlign = DialogHorizontalAlign = {}));
|
|
48
|
+
var DialogVerticalAlign;
|
|
49
|
+
(function (DialogVerticalAlign) {
|
|
50
|
+
DialogVerticalAlign["TOP"] = "top";
|
|
51
|
+
DialogVerticalAlign["BOTTOM"] = "bottom";
|
|
52
|
+
DialogVerticalAlign["CENTER"] = "center";
|
|
53
|
+
})(DialogVerticalAlign || (exports.DialogVerticalAlign = DialogVerticalAlign = {}));
|
|
54
|
+
/**
|
|
55
|
+
*
|
|
56
|
+
*/
|
|
57
|
+
var DialogsStylesDispatchTypes;
|
|
58
|
+
(function (DialogsStylesDispatchTypes) {
|
|
59
|
+
DialogsStylesDispatchTypes["changePluginSize"] = "changePluginSize";
|
|
60
|
+
})(DialogsStylesDispatchTypes || (exports.DialogsStylesDispatchTypes = DialogsStylesDispatchTypes = {}));
|
|
61
|
+
const dialogsStylesReducer = (state, action) => {
|
|
62
|
+
console.debug(`${_1.GE_DIALOGS_LIB} dialogsStylesReducer ${action.type}`);
|
|
63
|
+
switch (action.type) {
|
|
64
|
+
case DialogsStylesDispatchTypes.changePluginSize:
|
|
65
|
+
return {
|
|
66
|
+
...state,
|
|
67
|
+
pluginWidth: action.payload.width,
|
|
68
|
+
pluginHeight: action.payload.height,
|
|
69
|
+
};
|
|
70
|
+
default:
|
|
71
|
+
return state;
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
exports.dialogsStylesReducer = dialogsStylesReducer;
|
|
75
|
+
exports.DialogsStylesContext = (0, react_1.createContext)(undefined);
|
|
76
|
+
exports.DialogsStylesDispatchContext = (0, react_1.createContext)(undefined);
|
|
77
|
+
const DialogsStylesProvider = (props) => {
|
|
78
|
+
const [content, dispatch] = (0, react_1.useReducer)(exports.dialogsStylesReducer, props.state);
|
|
79
|
+
return (React.createElement(exports.DialogsStylesContext.Provider, { value: content },
|
|
80
|
+
React.createElement(exports.DialogsStylesDispatchContext.Provider, { value: dispatch }, props.children)));
|
|
81
|
+
};
|
|
82
|
+
exports.DialogsStylesProvider = DialogsStylesProvider;
|
|
83
|
+
function useDialogsStylesState() {
|
|
84
|
+
const context = (0, react_1.useContext)(exports.DialogsStylesContext);
|
|
85
|
+
if (!context) {
|
|
86
|
+
throw new Error(`${_1.GE_DIALOGS_LIB} useDialogsStylesState must be used within DialogsStylesProvider`);
|
|
87
|
+
}
|
|
88
|
+
return context;
|
|
89
|
+
}
|
|
90
|
+
function useDialogsStylesStateDispatch() {
|
|
91
|
+
const context = (0, react_1.useContext)(exports.DialogsStylesDispatchContext);
|
|
92
|
+
if (!context) {
|
|
93
|
+
throw new Error(`${_1.GE_DIALOGS_LIB} useDialogsStylesStateDispatch must be used within DialogsStylesProvider`);
|
|
94
|
+
}
|
|
95
|
+
return context;
|
|
96
|
+
}
|
|
97
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGlhbG9nc1N0eWxlU3RhdGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvRGlhbG9nc1N0eWxlU3RhdGUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQW1LQSxzREFRQztBQUVELHNFQVFDO0FBckxELDZDQUErQjtBQUcvQixpQ0FBOEQ7QUFDOUQsd0JBQW1DO0FBK0ZuQyxJQUFZLHFCQUlYO0FBSkQsV0FBWSxxQkFBcUI7SUFDL0Isc0NBQWEsQ0FBQTtJQUNiLHdDQUFlLENBQUE7SUFDZiwwQ0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSlcscUJBQXFCLHFDQUFyQixxQkFBcUIsUUFJaEM7QUFDRCxJQUFZLG1CQUlYO0FBSkQsV0FBWSxtQkFBbUI7SUFDN0Isa0NBQVcsQ0FBQTtJQUNYLHdDQUFpQixDQUFBO0lBQ2pCLHdDQUFpQixDQUFBO0FBQ25CLENBQUMsRUFKVyxtQkFBbUIsbUNBQW5CLG1CQUFtQixRQUk5QjtBQUVEOztHQUVHO0FBQ0gsSUFBWSwwQkFFWDtBQUZELFdBQVksMEJBQTBCO0lBQ3BDLG1FQUFxQyxDQUFBO0FBQ3ZDLENBQUMsRUFGVywwQkFBMEIsMENBQTFCLDBCQUEwQixRQUVyQztBQVdNLE1BQU0sb0JBQW9CLEdBQUcsQ0FBQyxLQUF3QixFQUFFLE1BQTRCLEVBQUUsRUFBRTtJQUM3RixPQUFPLENBQUMsS0FBSyxDQUFDLEdBQUcsaUJBQWMseUJBQXlCLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQyxDQUFDO0lBRXZFLFFBQVEsTUFBTSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ3BCLEtBQUssMEJBQTBCLENBQUMsZ0JBQWdCO1lBQzlDLE9BQU87Z0JBQ0wsR0FBRyxLQUFLO2dCQUNSLFdBQVcsRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLEtBQUs7Z0JBQ2pDLFlBQVksRUFBRSxNQUFNLENBQUMsT0FBTyxDQUFDLE1BQU07YUFDcEMsQ0FBQztRQUNKO1lBQ0UsT0FBTyxLQUFLLENBQUM7SUFDakIsQ0FBQztBQUNILENBQUMsQ0FBQztBQWJXLFFBQUEsb0JBQW9CLHdCQWEvQjtBQUVXLFFBQUEsb0JBQW9CLEdBQUcsSUFBQSxxQkFBYSxFQUFnQyxTQUFTLENBQUMsQ0FBQztBQUMvRSxRQUFBLDRCQUE0QixHQUFHLElBQUEscUJBQWEsRUFFdkQsU0FBUyxDQUFDLENBQUM7QUFPTixNQUFNLHFCQUFxQixHQUF5QyxDQUFDLEtBQUssRUFBRSxFQUFFO0lBQ25GLE1BQU0sQ0FBQyxPQUFPLEVBQUUsUUFBUSxDQUFDLEdBQUcsSUFBQSxrQkFBVSxFQUFDLDRCQUFvQixFQUFFLEtBQUssQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUUxRSxPQUFPLENBQ0wsb0JBQUMsNEJBQW9CLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxPQUFPO1FBQzNDLG9CQUFDLG9DQUE0QixDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsUUFBUSxJQUNuRCxLQUFLLENBQUMsUUFBUSxDQUN1QixDQUNWLENBQ2pDLENBQUM7QUFDSixDQUFDLENBQUM7QUFWVyxRQUFBLHFCQUFxQix5QkFVaEM7QUFFRixTQUFnQixxQkFBcUI7SUFDbkMsTUFBTSxPQUFPLEdBQUcsSUFBQSxrQkFBVSxFQUFDLDRCQUFvQixDQUFDLENBQUM7SUFDakQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2IsTUFBTSxJQUFJLEtBQUssQ0FDYixHQUFHLGlCQUFjLGtFQUFrRSxDQUNwRixDQUFDO0lBQ0osQ0FBQztJQUNELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUM7QUFFRCxTQUFnQiw2QkFBNkI7SUFDM0MsTUFBTSxPQUFPLEdBQUcsSUFBQSxrQkFBVSxFQUFDLG9DQUE0QixDQUFDLENBQUM7SUFDekQsSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1FBQ2IsTUFBTSxJQUFJLEtBQUssQ0FDYixHQUFHLGlCQUFjLDBFQUEwRSxDQUM1RixDQUFDO0lBQ0osQ0FBQztJQUNELE9BQU8sT0FBTyxDQUFDO0FBQ2pCLENBQUMifQ==
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
export declare class ErrorBoundary extends React.Component {
|
|
3
|
+
state: {
|
|
4
|
+
hasError: boolean;
|
|
5
|
+
error: string;
|
|
6
|
+
};
|
|
7
|
+
constructor(props: any);
|
|
8
|
+
static getDerivedStateFromError(error: any): {
|
|
9
|
+
hasError: boolean;
|
|
10
|
+
};
|
|
11
|
+
componentDidCatch(error: any, errorInfo: any): void;
|
|
12
|
+
render(): any;
|
|
13
|
+
}
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.ErrorBoundary = void 0;
|
|
37
|
+
const React = __importStar(require("react"));
|
|
38
|
+
class ErrorBoundary extends React.Component {
|
|
39
|
+
constructor(props) {
|
|
40
|
+
super(props);
|
|
41
|
+
this.state = { hasError: false, error: '' };
|
|
42
|
+
}
|
|
43
|
+
static getDerivedStateFromError(error) {
|
|
44
|
+
return { hasError: true };
|
|
45
|
+
}
|
|
46
|
+
componentDidCatch(error, errorInfo) {
|
|
47
|
+
console.error(error);
|
|
48
|
+
this.setState({ error: JSON.stringify(errorInfo) });
|
|
49
|
+
}
|
|
50
|
+
render() {
|
|
51
|
+
if (this.state.hasError) {
|
|
52
|
+
return (React.createElement("geLabel", { x: 0, y: 0, width: 600, height: 400, text: this.state.error || `something went wrong` }));
|
|
53
|
+
}
|
|
54
|
+
return this.props.children;
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
exports.ErrorBoundary = ErrorBoundary;
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRXJyb3JCb3VuZGFyeS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9FcnJvckJvdW5kYXJ5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQSw2Q0FBK0I7QUFFL0IsTUFBYSxhQUFjLFNBQVEsS0FBSyxDQUFDLFNBQVM7SUFFaEQsWUFBWSxLQUFLO1FBQ2YsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ2IsSUFBSSxDQUFDLEtBQUssR0FBRyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLEVBQUUsRUFBRSxDQUFDO0lBQzlDLENBQUM7SUFFRCxNQUFNLENBQUMsd0JBQXdCLENBQUMsS0FBSztRQUNuQyxPQUFPLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxDQUFDO0lBQzVCLENBQUM7SUFFRCxpQkFBaUIsQ0FBQyxLQUFLLEVBQUUsU0FBUztRQUNoQyxPQUFPLENBQUMsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxRQUFRLENBQUMsRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxTQUFTLENBQUMsRUFBRSxDQUFDLENBQUM7SUFDdEQsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDeEIsT0FBTyxDQUNMLGlDQUNFLENBQUMsRUFBRSxDQUFDLEVBQ0osQ0FBQyxFQUFFLENBQUMsRUFDSixLQUFLLEVBQUUsR0FBRyxFQUNWLE1BQU0sRUFBRSxHQUFHLEVBQ1gsSUFBSSxFQUFFLElBQUksQ0FBQyxLQUFLLENBQUMsS0FBSyxJQUFJLHNCQUFzQixHQUNoRCxDQUNILENBQUM7UUFDSixDQUFDO1FBRUQsT0FBUSxJQUFJLENBQUMsS0FBYSxDQUFDLFFBQVEsQ0FBQztJQUN0QyxDQUFDO0NBQ0Y7QUEvQkQsc0NBK0JDIn0=
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.dialogsDefaultStyle = void 0;
|
|
4
|
+
const DialogsStyleState_1 = require("./DialogsStyleState");
|
|
5
|
+
exports.dialogsDefaultStyle = {
|
|
6
|
+
pluginWidth: 1024,
|
|
7
|
+
pluginHeight: 768,
|
|
8
|
+
modal: {
|
|
9
|
+
horizontalAlign: DialogsStyleState_1.DialogHorizontalAlign.CENTER,
|
|
10
|
+
horizontalOffset: 0,
|
|
11
|
+
headerHeight: 80,
|
|
12
|
+
horizontalContentMargin: 40,
|
|
13
|
+
verticalAlign: DialogsStyleState_1.DialogVerticalAlign.CENTER,
|
|
14
|
+
verticalOffset: 0,
|
|
15
|
+
blockingBackgroundColor: "33000000",
|
|
16
|
+
modalWidth: 400,
|
|
17
|
+
modalHeight: 220,
|
|
18
|
+
modal: {
|
|
19
|
+
cornerRadius: 4,
|
|
20
|
+
border: {
|
|
21
|
+
width: 1,
|
|
22
|
+
color: "333333",
|
|
23
|
+
},
|
|
24
|
+
backgroundColor: "666666",
|
|
25
|
+
},
|
|
26
|
+
title: {
|
|
27
|
+
fontSize: 20,
|
|
28
|
+
textColor: "ffffff",
|
|
29
|
+
textAlign: "center",
|
|
30
|
+
},
|
|
31
|
+
dividerLine: {
|
|
32
|
+
height: 1,
|
|
33
|
+
backgroundColor: "FFFFFF",
|
|
34
|
+
},
|
|
35
|
+
message: {
|
|
36
|
+
fontSize: 14,
|
|
37
|
+
textColor: "ffffff",
|
|
38
|
+
textAlign: "top left",
|
|
39
|
+
//backgroundColor: 'ff0000',
|
|
40
|
+
multiLine: true,
|
|
41
|
+
},
|
|
42
|
+
cancelButton: {
|
|
43
|
+
backgroundColor: "333333",
|
|
44
|
+
cornerRadius: 4,
|
|
45
|
+
},
|
|
46
|
+
approveButton: {
|
|
47
|
+
backgroundColor: "999999",
|
|
48
|
+
cornerRadius: 4,
|
|
49
|
+
},
|
|
50
|
+
closeButton: {
|
|
51
|
+
width: 20,
|
|
52
|
+
height: 20,
|
|
53
|
+
backgroundColor: "333333",
|
|
54
|
+
cornerRadius: 10,
|
|
55
|
+
text: "X",
|
|
56
|
+
},
|
|
57
|
+
closeButtonPosition: {
|
|
58
|
+
position: "right",
|
|
59
|
+
space: 15,
|
|
60
|
+
},
|
|
61
|
+
},
|
|
62
|
+
notification: {
|
|
63
|
+
horizontalAlign: DialogsStyleState_1.DialogHorizontalAlign.RIGHT,
|
|
64
|
+
horizontalOffset: -30,
|
|
65
|
+
verticalAlign: DialogsStyleState_1.DialogVerticalAlign.BOTTOM,
|
|
66
|
+
verticalOffset: -30,
|
|
67
|
+
container: {
|
|
68
|
+
width: 300,
|
|
69
|
+
height: 40,
|
|
70
|
+
cornerRadius: 5,
|
|
71
|
+
backgroundColor: "333333",
|
|
72
|
+
},
|
|
73
|
+
label: {
|
|
74
|
+
//font: defaultFontMedium,
|
|
75
|
+
},
|
|
76
|
+
},
|
|
77
|
+
toolTip: {
|
|
78
|
+
showDelay: 400,
|
|
79
|
+
container: { backgroundColor: "000000", cornerRadius: 5, height: 35 },
|
|
80
|
+
label: {
|
|
81
|
+
//font: defaultFontMedium,
|
|
82
|
+
fontSize: 13,
|
|
83
|
+
textAlign: "center",
|
|
84
|
+
},
|
|
85
|
+
},
|
|
86
|
+
};
|
|
87
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nc0RlZmF1bHRTdHlsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3NyYy9kaWFsb2dzRGVmYXVsdFN0eWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLDJEQUk2QjtBQUVoQixRQUFBLG1CQUFtQixHQUFzQjtJQUNwRCxXQUFXLEVBQUUsSUFBSTtJQUNqQixZQUFZLEVBQUUsR0FBRztJQUVqQixLQUFLLEVBQUU7UUFDTCxlQUFlLEVBQUUseUNBQXFCLENBQUMsTUFBTTtRQUM3QyxnQkFBZ0IsRUFBRSxDQUFDO1FBRW5CLFlBQVksRUFBRSxFQUFFO1FBQ2hCLHVCQUF1QixFQUFFLEVBQUU7UUFFM0IsYUFBYSxFQUFFLHVDQUFtQixDQUFDLE1BQU07UUFDekMsY0FBYyxFQUFFLENBQUM7UUFFakIsdUJBQXVCLEVBQUUsVUFBVTtRQUVuQyxVQUFVLEVBQUUsR0FBRztRQUNmLFdBQVcsRUFBRSxHQUFHO1FBRWhCLEtBQUssRUFBRTtZQUNMLFlBQVksRUFBRSxDQUFDO1lBQ2YsTUFBTSxFQUFFO2dCQUNOLEtBQUssRUFBRSxDQUFDO2dCQUNSLEtBQUssRUFBRSxRQUFRO2FBQ2hCO1lBQ0QsZUFBZSxFQUFFLFFBQVE7U0FDMUI7UUFFRCxLQUFLLEVBQUU7WUFDTCxRQUFRLEVBQUUsRUFBRTtZQUNaLFNBQVMsRUFBRSxRQUFRO1lBQ25CLFNBQVMsRUFBRSxRQUFRO1NBQ3BCO1FBRUQsV0FBVyxFQUFFO1lBQ1gsTUFBTSxFQUFFLENBQUM7WUFDVCxlQUFlLEVBQUUsUUFBUTtTQUMxQjtRQUVELE9BQU8sRUFBRTtZQUNQLFFBQVEsRUFBRSxFQUFFO1lBQ1osU0FBUyxFQUFFLFFBQVE7WUFDbkIsU0FBUyxFQUFFLFVBQVU7WUFDckIsNEJBQTRCO1lBQzVCLFNBQVMsRUFBRSxJQUFJO1NBQ2hCO1FBRUQsWUFBWSxFQUFFO1lBQ1osZUFBZSxFQUFFLFFBQVE7WUFDekIsWUFBWSxFQUFFLENBQUM7U0FDaEI7UUFDRCxhQUFhLEVBQUU7WUFDYixlQUFlLEVBQUUsUUFBUTtZQUN6QixZQUFZLEVBQUUsQ0FBQztTQUNoQjtRQUVELFdBQVcsRUFBRTtZQUNYLEtBQUssRUFBRSxFQUFFO1lBQ1QsTUFBTSxFQUFFLEVBQUU7WUFDVixlQUFlLEVBQUUsUUFBUTtZQUN6QixZQUFZLEVBQUUsRUFBRTtZQUNoQixJQUFJLEVBQUUsR0FBRztTQUNWO1FBQ0QsbUJBQW1CLEVBQUU7WUFDbkIsUUFBUSxFQUFFLE9BQU87WUFDakIsS0FBSyxFQUFFLEVBQUU7U0FDVjtLQUNGO0lBRUQsWUFBWSxFQUFFO1FBQ1osZUFBZSxFQUFFLHlDQUFxQixDQUFDLEtBQUs7UUFDNUMsZ0JBQWdCLEVBQUUsQ0FBQyxFQUFFO1FBQ3JCLGFBQWEsRUFBRSx1Q0FBbUIsQ0FBQyxNQUFNO1FBQ3pDLGNBQWMsRUFBRSxDQUFDLEVBQUU7UUFDbkIsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLEdBQUc7WUFDVixNQUFNLEVBQUUsRUFBRTtZQUNWLFlBQVksRUFBRSxDQUFDO1lBQ2YsZUFBZSxFQUFFLFFBQVE7U0FDMUI7UUFDRCxLQUFLLEVBQUU7UUFDTCwwQkFBMEI7U0FDM0I7S0FDRjtJQUVELE9BQU8sRUFBRTtRQUNQLFNBQVMsRUFBRSxHQUFHO1FBQ2QsU0FBUyxFQUFFLEVBQUUsZUFBZSxFQUFFLFFBQVEsRUFBRSxZQUFZLEVBQUUsQ0FBQyxFQUFFLE1BQU0sRUFBRSxFQUFFLEVBQUU7UUFDckUsS0FBSyxFQUFFO1lBQ0wsMEJBQTBCO1lBQzFCLFFBQVEsRUFBRSxFQUFFO1lBQ1osU0FBUyxFQUFFLFFBQVE7U0FDcEI7S0FDRjtDQUNGLENBQUMifQ==
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import MessageModal, { MessageModalProps } from "./modals/MessageModal";
|
|
2
|
+
import { useModal } from "./modals/useModal";
|
|
3
|
+
import { Modal, ModalProps } from "./modals/components/Modal";
|
|
4
|
+
import { ModalProvider, ModalProviderProps } from "./modals/ModalProvider";
|
|
5
|
+
import { DialogsStyleState, DialogsStylesDispatchTypes, useDialogsStylesState, useDialogsStylesStateDispatch } from "./DialogsStyleState";
|
|
6
|
+
import { dialogsDefaultStyle } from "./dialogsDefaultStyle";
|
|
7
|
+
import DefaultToolTip from "./tooltips/DefaultToolTip";
|
|
8
|
+
import { useToolTip } from "./tooltips/useToolTip";
|
|
9
|
+
import { useNotification } from "./notifications/useNotification";
|
|
10
|
+
import { Dialogs } from "./Dialogs";
|
|
11
|
+
import { ErrorBoundary } from "./ErrorBoundary";
|
|
12
|
+
export declare const GE_DIALOGS_LIB = "[ge-dialogs-lib]";
|
|
13
|
+
export { ErrorBoundary, MessageModal as DefaultModal, MessageModalProps as DefaultModalProps, useModal, Modal, ModalProps, ModalProvider, ModalProviderProps, DialogsStyleState as DialogsStylesState, DialogsStylesDispatchTypes, useDialogsStylesState, useDialogsStylesStateDispatch, DefaultToolTip, useToolTip, useNotification, Dialogs, dialogsDefaultStyle, };
|
package/dist/index.js
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
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.dialogsDefaultStyle = exports.Dialogs = exports.useNotification = exports.useToolTip = exports.DefaultToolTip = exports.useDialogsStylesStateDispatch = exports.useDialogsStylesState = exports.DialogsStylesDispatchTypes = exports.ModalProvider = exports.Modal = exports.useModal = exports.DefaultModal = exports.ErrorBoundary = exports.GE_DIALOGS_LIB = void 0;
|
|
7
|
+
const MessageModal_1 = __importDefault(require("./modals/MessageModal"));
|
|
8
|
+
exports.DefaultModal = MessageModal_1.default;
|
|
9
|
+
const useModal_1 = require("./modals/useModal");
|
|
10
|
+
Object.defineProperty(exports, "useModal", { enumerable: true, get: function () { return useModal_1.useModal; } });
|
|
11
|
+
const Modal_1 = require("./modals/components/Modal");
|
|
12
|
+
Object.defineProperty(exports, "Modal", { enumerable: true, get: function () { return Modal_1.Modal; } });
|
|
13
|
+
const ModalProvider_1 = require("./modals/ModalProvider");
|
|
14
|
+
Object.defineProperty(exports, "ModalProvider", { enumerable: true, get: function () { return ModalProvider_1.ModalProvider; } });
|
|
15
|
+
const DialogsStyleState_1 = require("./DialogsStyleState");
|
|
16
|
+
Object.defineProperty(exports, "DialogsStylesDispatchTypes", { enumerable: true, get: function () { return DialogsStyleState_1.DialogsStylesDispatchTypes; } });
|
|
17
|
+
Object.defineProperty(exports, "useDialogsStylesState", { enumerable: true, get: function () { return DialogsStyleState_1.useDialogsStylesState; } });
|
|
18
|
+
Object.defineProperty(exports, "useDialogsStylesStateDispatch", { enumerable: true, get: function () { return DialogsStyleState_1.useDialogsStylesStateDispatch; } });
|
|
19
|
+
const dialogsDefaultStyle_1 = require("./dialogsDefaultStyle");
|
|
20
|
+
Object.defineProperty(exports, "dialogsDefaultStyle", { enumerable: true, get: function () { return dialogsDefaultStyle_1.dialogsDefaultStyle; } });
|
|
21
|
+
const DefaultToolTip_1 = __importDefault(require("./tooltips/DefaultToolTip"));
|
|
22
|
+
exports.DefaultToolTip = DefaultToolTip_1.default;
|
|
23
|
+
const useToolTip_1 = require("./tooltips/useToolTip");
|
|
24
|
+
Object.defineProperty(exports, "useToolTip", { enumerable: true, get: function () { return useToolTip_1.useToolTip; } });
|
|
25
|
+
const useNotification_1 = require("./notifications/useNotification");
|
|
26
|
+
Object.defineProperty(exports, "useNotification", { enumerable: true, get: function () { return useNotification_1.useNotification; } });
|
|
27
|
+
const Dialogs_1 = require("./Dialogs");
|
|
28
|
+
Object.defineProperty(exports, "Dialogs", { enumerable: true, get: function () { return Dialogs_1.Dialogs; } });
|
|
29
|
+
const ErrorBoundary_1 = require("./ErrorBoundary");
|
|
30
|
+
Object.defineProperty(exports, "ErrorBoundary", { enumerable: true, get: function () { return ErrorBoundary_1.ErrorBoundary; } });
|
|
31
|
+
exports.GE_DIALOGS_LIB = "[ge-dialogs-lib]";
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi9zcmMvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBRUEseUVBQXdFO0FBdUJ0RCx1QkF2Qlgsc0JBQVksQ0F1Qlc7QUF0QjlCLGdEQUE2QztBQXdCM0MseUZBeEJPLG1CQUFRLE9Bd0JQO0FBdkJWLHFEQUE4RDtBQXdCNUQsc0ZBeEJPLGFBQUssT0F3QlA7QUF2QlAsMERBQTJFO0FBeUJ6RSw4RkF6Qk8sNkJBQWEsT0F5QlA7QUF4QmYsMkRBSzZCO0FBc0IzQiwyR0F6QkEsOENBQTBCLE9BeUJBO0FBQzFCLHNHQXpCQSx5Q0FBcUIsT0F5QkE7QUFDckIsOEdBekJBLGlEQUE2QixPQXlCQTtBQXZCL0IsK0RBQTREO0FBNEIxRCxvR0E1Qk8seUNBQW1CLE9BNEJQO0FBMUJyQiwrRUFBdUQ7QUFzQnJELHlCQXRCSyx3QkFBYyxDQXNCTDtBQXJCaEIsc0RBQW1EO0FBc0JqRCwyRkF0Qk8sdUJBQVUsT0FzQlA7QUFyQloscUVBQWtFO0FBc0JoRSxnR0F0Qk8saUNBQWUsT0FzQlA7QUFwQmpCLHVDQUFvQztBQXFCbEMsd0ZBckJPLGlCQUFPLE9BcUJQO0FBcEJULG1EQUFnRDtBQUs5Qyw4RkFMTyw2QkFBYSxPQUtQO0FBSEYsUUFBQSxjQUFjLEdBQUcsa0JBQWtCLENBQUMifQ==
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
const React = __importStar(require("react"));
|
|
37
|
+
const ErrorBoundary_1 = require("../ErrorBoundary");
|
|
38
|
+
const Modal_1 = require("./components/Modal");
|
|
39
|
+
const DialogsStyleState_1 = require("../DialogsStyleState");
|
|
40
|
+
const dialogsDefaultStyle_1 = require("../dialogsDefaultStyle");
|
|
41
|
+
function MessageModal(props) {
|
|
42
|
+
const stylesState = (0, DialogsStyleState_1.useDialogsStylesState)();
|
|
43
|
+
const modalStyle = React.useMemo(() => props.modalStyle ?? stylesState.modal ?? dialogsDefaultStyle_1.dialogsDefaultStyle.modal, [props.modalStyle, stylesState.modal]);
|
|
44
|
+
const [modalWidth] = React.useState(props.modalWidth ? props.modalWidth : modalStyle.modalWidth);
|
|
45
|
+
const [modalHeight] = React.useState(props.modalHeight ? props.modalHeight : modalStyle.modalHeight);
|
|
46
|
+
const [cancelTriggerLabel] = React.useState(props.cancelTriggerLabel ? props.cancelTriggerLabel : 'Cancel');
|
|
47
|
+
const [approveTriggerLabel] = React.useState(props.approveTriggerLabel ? props.approveTriggerLabel : 'OK');
|
|
48
|
+
const space = 20;
|
|
49
|
+
return (React.createElement(React.Fragment, null,
|
|
50
|
+
React.createElement(ErrorBoundary_1.ErrorBoundary, null,
|
|
51
|
+
React.createElement(Modal_1.Modal, { modalStyle: modalStyle, isBlocking: props.isBlocking, isBlockingClosable: props.isBlockingClosable, blockingBackgroundColor: props.blockingBackgroundColor, x: props.x, y: props.y, modalWidth: modalWidth, modalHeight: modalHeight, title: props.title, closeTrigger: props.closeTrigger, cancelTrigger: props.cancelTrigger, cancelTriggerLabel: cancelTriggerLabel, onCancelTrigger: props.onCancelTrigger, approveTrigger: props.approveTrigger, approveTriggerLabel: approveTriggerLabel, onApproveTrigger: props.onApproveTrigger },
|
|
52
|
+
React.createElement("geLabel", { y: 0, width: modalWidth - 2 * space, height: modalHeight - 150, text: props.message, ...modalStyle.message })))));
|
|
53
|
+
}
|
|
54
|
+
exports.default = MessageModal;
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTWVzc2FnZU1vZGFsLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21vZGFscy9NZXNzYWdlTW9kYWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQStCO0FBRS9CLG9EQUFpRDtBQUNqRCw4Q0FBdUQ7QUFDdkQsNERBQTZGO0FBQzdGLGdFQUE2RDtBQU03RCxTQUFTLFlBQVksQ0FBQyxLQUF3QjtJQUM1QyxNQUFNLFdBQVcsR0FBc0IsSUFBQSx5Q0FBcUIsR0FBRSxDQUFDO0lBQy9ELE1BQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxPQUFPLENBQzlCLEdBQUcsRUFBRSxDQUFDLEtBQUssQ0FBQyxVQUFVLElBQUksV0FBVyxDQUFDLEtBQUssSUFBSSx5Q0FBbUIsQ0FBQyxLQUFNLEVBQ3pFLENBQUMsS0FBSyxDQUFDLFVBQVUsRUFBRSxXQUFXLENBQUMsS0FBSyxDQUFDLENBQ3RDLENBQUM7SUFFRixNQUFNLENBQUMsVUFBVSxDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDLENBQUM7SUFDakcsTUFBTSxDQUFDLFdBQVcsQ0FBQyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQ2xDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQy9ELENBQUM7SUFFRixNQUFNLENBQUMsa0JBQWtCLENBQUMsR0FBRyxLQUFLLENBQUMsUUFBUSxDQUN6QyxLQUFLLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUMvRCxDQUFDO0lBQ0YsTUFBTSxDQUFDLG1CQUFtQixDQUFDLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FDMUMsS0FBSyxDQUFDLG1CQUFtQixDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FDN0QsQ0FBQztJQUVGLE1BQU0sS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUV6QixPQUFPLENBQ0w7UUFDRSxvQkFBQyw2QkFBYTtZQUNaLG9CQUFDLGFBQUssSUFDSixVQUFVLEVBQUUsVUFBVSxFQUN0QixVQUFVLEVBQUUsS0FBSyxDQUFDLFVBQVUsRUFDNUIsa0JBQWtCLEVBQUUsS0FBSyxDQUFDLGtCQUFrQixFQUM1Qyx1QkFBdUIsRUFBRSxLQUFLLENBQUMsdUJBQXVCLEVBQ3RELENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxFQUNWLENBQUMsRUFBRSxLQUFLLENBQUMsQ0FBQyxFQUNWLFVBQVUsRUFBRSxVQUFVLEVBQ3RCLFdBQVcsRUFBRSxXQUFXLEVBQ3hCLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSyxFQUNsQixZQUFZLEVBQUUsS0FBSyxDQUFDLFlBQVksRUFDaEMsYUFBYSxFQUFFLEtBQUssQ0FBQyxhQUFhLEVBQ2xDLGtCQUFrQixFQUFFLGtCQUFrQixFQUN0QyxlQUFlLEVBQUUsS0FBSyxDQUFDLGVBQWUsRUFDdEMsY0FBYyxFQUFFLEtBQUssQ0FBQyxjQUFjLEVBQ3BDLG1CQUFtQixFQUFFLG1CQUFtQixFQUN4QyxnQkFBZ0IsRUFBRSxLQUFLLENBQUMsZ0JBQWdCO2dCQUV4QyxpQ0FDRSxDQUFDLEVBQUUsQ0FBQyxFQUNKLEtBQUssRUFBRSxVQUFVLEdBQUcsQ0FBQyxHQUFHLEtBQUssRUFDN0IsTUFBTSxFQUFFLFdBQVcsR0FBRyxHQUFHLEVBQ3pCLElBQUksRUFBRSxLQUFLLENBQUMsT0FBTyxLQUNmLFVBQVUsQ0FBQyxPQUFPLEdBQ3RCLENBQ0ksQ0FDTSxDQUNmLENBQ0osQ0FBQztBQUNKLENBQUM7QUFFRCxrQkFBZSxZQUFZLENBQUMifQ==
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
/**
|
|
3
|
+
* Modals are represented as react components
|
|
4
|
+
*
|
|
5
|
+
* This is what gets passed to useModal as the first argument.
|
|
6
|
+
*/
|
|
7
|
+
export type ModalType = React.FunctionComponent<any>;
|
|
8
|
+
/**
|
|
9
|
+
* The shape of the modal context
|
|
10
|
+
*/
|
|
11
|
+
export interface ModalContextType {
|
|
12
|
+
showModal(key: string, component: ModalType, blocking: boolean): void;
|
|
13
|
+
hideModal(key: string): void;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Modal Context Object
|
|
17
|
+
*/
|
|
18
|
+
export declare const ModalContext: React.Context<ModalContextType>;
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.ModalContext = void 0;
|
|
37
|
+
const React = __importStar(require("react"));
|
|
38
|
+
/**
|
|
39
|
+
* Throw error when ModalContext is used outside of context provider
|
|
40
|
+
*/
|
|
41
|
+
const invariantViolation = () => {
|
|
42
|
+
throw new Error('Attempted to call useModal outside of modal context. Make sure your app is rendered inside ModalProvider.');
|
|
43
|
+
};
|
|
44
|
+
/**
|
|
45
|
+
* Modal Context Object
|
|
46
|
+
*/
|
|
47
|
+
exports.ModalContext = React.createContext({
|
|
48
|
+
showModal: invariantViolation,
|
|
49
|
+
hideModal: invariantViolation,
|
|
50
|
+
});
|
|
51
|
+
exports.ModalContext.displayName = 'ModalContext';
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxDb250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vc3JjL21vZGFscy9Nb2RhbENvbnRleHQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQThCO0FBaUI5Qjs7R0FFRztBQUNILE1BQU0sa0JBQWtCLEdBQUcsR0FBRyxFQUFFO0lBQzlCLE1BQU0sSUFBSSxLQUFLLENBQ2IsMkdBQTJHLENBQzVHLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRDs7R0FFRztBQUNVLFFBQUEsWUFBWSxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQW1CO0lBQ2hFLFNBQVMsRUFBRSxrQkFBa0I7SUFDN0IsU0FBUyxFQUFFLGtCQUFrQjtDQUM5QixDQUFDLENBQUE7QUFDRixvQkFBWSxDQUFDLFdBQVcsR0FBRyxjQUFjLENBQUEifQ==
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
/**
|
|
3
|
+
* Modal Provider Props
|
|
4
|
+
*/
|
|
5
|
+
export interface ModalProviderProps {
|
|
6
|
+
styleState: any;
|
|
7
|
+
/**
|
|
8
|
+
* Specifies the root element to render modals into
|
|
9
|
+
*/
|
|
10
|
+
container?: Element;
|
|
11
|
+
/**
|
|
12
|
+
* Container component for modal nodes
|
|
13
|
+
*/
|
|
14
|
+
rootComponent?: React.ComponentType<any>;
|
|
15
|
+
/**
|
|
16
|
+
* Subtree that will receive modal context
|
|
17
|
+
*/
|
|
18
|
+
children: React.ReactNode;
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Modal Provider
|
|
22
|
+
*
|
|
23
|
+
* Provides modal context and renders ModalRoot.
|
|
24
|
+
*/
|
|
25
|
+
export declare const ModalProvider: ({ styleState, container, rootComponent, children, }: ModalProviderProps) => React.JSX.Element;
|
|
@@ -0,0 +1,75 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || (function () {
|
|
19
|
+
var ownKeys = function(o) {
|
|
20
|
+
ownKeys = Object.getOwnPropertyNames || function (o) {
|
|
21
|
+
var ar = [];
|
|
22
|
+
for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
|
|
23
|
+
return ar;
|
|
24
|
+
};
|
|
25
|
+
return ownKeys(o);
|
|
26
|
+
};
|
|
27
|
+
return function (mod) {
|
|
28
|
+
if (mod && mod.__esModule) return mod;
|
|
29
|
+
var result = {};
|
|
30
|
+
if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
|
|
31
|
+
__setModuleDefault(result, mod);
|
|
32
|
+
return result;
|
|
33
|
+
};
|
|
34
|
+
})();
|
|
35
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
36
|
+
exports.ModalProvider = void 0;
|
|
37
|
+
const React = __importStar(require("react"));
|
|
38
|
+
const react_1 = require("react");
|
|
39
|
+
const ModalContext_1 = require("./ModalContext");
|
|
40
|
+
const ModalRoot_1 = require("./ModalRoot");
|
|
41
|
+
const __1 = require("..");
|
|
42
|
+
/**
|
|
43
|
+
* Modal Provider
|
|
44
|
+
*
|
|
45
|
+
* Provides modal context and renders ModalRoot.
|
|
46
|
+
*/
|
|
47
|
+
const ModalProvider = ({ styleState, container, rootComponent, children, }) => {
|
|
48
|
+
if (container && !(container instanceof HTMLElement)) {
|
|
49
|
+
throw new Error(`Container must specify DOM element to mount modal root into.
|
|
50
|
+
This behavior has changed in 3.0.0. Please use \`rootComponent\` prop instead.
|
|
51
|
+
See: https://github.com/mpontus/react-modal-hook/issues/18`);
|
|
52
|
+
}
|
|
53
|
+
const [modals, setModals] = (0, react_1.useState)({});
|
|
54
|
+
const showModal = (0, react_1.useCallback)((key, modal) => setModals((modals) => ({
|
|
55
|
+
...modals,
|
|
56
|
+
[key]: modal,
|
|
57
|
+
})), []);
|
|
58
|
+
const hideModal = (0, react_1.useCallback)((key) => setModals((modals) => {
|
|
59
|
+
if (!modals[key]) {
|
|
60
|
+
return modals;
|
|
61
|
+
}
|
|
62
|
+
const newModals = { ...modals };
|
|
63
|
+
delete newModals[key];
|
|
64
|
+
return newModals;
|
|
65
|
+
}), []);
|
|
66
|
+
const contextValue = (0, react_1.useMemo)(() => ({ showModal, hideModal, styleState }), []);
|
|
67
|
+
React.useEffect(() => {
|
|
68
|
+
console.debug(`${__1.GE_DIALOGS_LIB} ModalProvider: useEffect []`);
|
|
69
|
+
}, []);
|
|
70
|
+
return (React.createElement(ModalContext_1.ModalContext.Provider, { value: contextValue },
|
|
71
|
+
children,
|
|
72
|
+
React.createElement(ModalRoot_1.ModalRoot, { modals: modals, component: rootComponent, container: container })));
|
|
73
|
+
};
|
|
74
|
+
exports.ModalProvider = ModalProvider;
|
|
75
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTW9kYWxQcm92aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9tb2RhbHMvTW9kYWxQcm92aWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0FBQUEsNkNBQStCO0FBRS9CLGlDQUF1RDtBQUV2RCxpREFBeUQ7QUFDekQsMkNBQXdDO0FBQ3hDLDBCQUFvQztBQXVCcEM7Ozs7R0FJRztBQUNJLE1BQU0sYUFBYSxHQUFHLENBQUMsRUFDNUIsVUFBVSxFQUNWLFNBQVMsRUFDVCxhQUFhLEVBQ2IsUUFBUSxHQUNXLEVBQUUsRUFBRTtJQUN2QixJQUFJLFNBQVMsSUFBSSxDQUFDLENBQUMsU0FBUyxZQUFZLFdBQVcsQ0FBQyxFQUFFLENBQUM7UUFDckQsTUFBTSxJQUFJLEtBQUssQ0FBQzs7K0RBRTJDLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBQ0QsTUFBTSxDQUFDLE1BQU0sRUFBRSxTQUFTLENBQUMsR0FBRyxJQUFBLGdCQUFRLEVBQTRCLEVBQUUsQ0FBQyxDQUFDO0lBRXBFLE1BQU0sU0FBUyxHQUFHLElBQUEsbUJBQVcsRUFDM0IsQ0FBQyxHQUFXLEVBQUUsS0FBZ0IsRUFBRSxFQUFFLENBQ2hDLFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUMsQ0FBQztRQUNyQixHQUFHLE1BQU07UUFDVCxDQUFDLEdBQUcsQ0FBQyxFQUFFLEtBQUs7S0FDYixDQUFDLENBQUMsRUFDTCxFQUFFLENBQ0gsQ0FBQztJQUVGLE1BQU0sU0FBUyxHQUFHLElBQUEsbUJBQVcsRUFDM0IsQ0FBQyxHQUFXLEVBQUUsRUFBRSxDQUNkLFNBQVMsQ0FBQyxDQUFDLE1BQU0sRUFBRSxFQUFFO1FBQ25CLElBQUksQ0FBQyxNQUFNLENBQUMsR0FBRyxDQUFDLEVBQUUsQ0FBQztZQUNqQixPQUFPLE1BQU0sQ0FBQztRQUNoQixDQUFDO1FBQ0QsTUFBTSxTQUFTLEdBQUcsRUFBRSxHQUFHLE1BQU0sRUFBRSxDQUFDO1FBQ2hDLE9BQU8sU0FBUyxDQUFDLEdBQUcsQ0FBQyxDQUFDO1FBQ3RCLE9BQU8sU0FBUyxDQUFDO0lBQ25CLENBQUMsQ0FBQyxFQUNKLEVBQUUsQ0FDSCxDQUFDO0lBRUYsTUFBTSxZQUFZLEdBQUcsSUFBQSxlQUFPLEVBQzFCLEdBQUcsRUFBRSxDQUFDLENBQUMsRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxDQUFDLEVBQzVDLEVBQUUsQ0FDSCxDQUFDO0lBRUYsS0FBSyxDQUFDLFNBQVMsQ0FBQyxHQUFHLEVBQUU7UUFDbkIsT0FBTyxDQUFDLEtBQUssQ0FBQyxHQUFHLGtCQUFjLDhCQUE4QixDQUFDLENBQUM7SUFDakUsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDO0lBRVAsT0FBTyxDQUNMLG9CQUFDLDJCQUFZLENBQUMsUUFBUSxJQUFDLEtBQUssRUFBRSxZQUFZO1FBQ3ZDLFFBQVE7UUFDVCxvQkFBQyxxQkFBUyxJQUNSLE1BQU0sRUFBRSxNQUFNLEVBQ2QsU0FBUyxFQUFFLGFBQWEsRUFDeEIsU0FBUyxFQUFFLFNBQVMsR0FDcEIsQ0FDb0IsQ0FDekIsQ0FBQztBQUNKLENBQUMsQ0FBQztBQXREVyxRQUFBLGFBQWEsaUJBc0R4QiJ9
|
|
@@ -0,0 +1,30 @@
|
|
|
1
|
+
import * as React from "react";
|
|
2
|
+
import { ModalType } from "./ModalContext";
|
|
3
|
+
/**
|
|
4
|
+
* Modal Root Props
|
|
5
|
+
*/
|
|
6
|
+
interface ModalRootProps {
|
|
7
|
+
/**
|
|
8
|
+
* Map of modal instances associated by unique ids
|
|
9
|
+
*/
|
|
10
|
+
modals: Record<string, ModalType>;
|
|
11
|
+
/**
|
|
12
|
+
* Container component for modals
|
|
13
|
+
*
|
|
14
|
+
* Modals will be rendered as children of this component. React.Fragment is
|
|
15
|
+
* used by defualt, specifying a different component can change the way modals
|
|
16
|
+
* are rendered across the whole application.
|
|
17
|
+
*/
|
|
18
|
+
component?: React.ComponentType<any>;
|
|
19
|
+
/**
|
|
20
|
+
* Specifies the root element to render modals into
|
|
21
|
+
*/
|
|
22
|
+
container?: Element;
|
|
23
|
+
}
|
|
24
|
+
/**
|
|
25
|
+
* Modal Root
|
|
26
|
+
*
|
|
27
|
+
* Renders modals using react portal.
|
|
28
|
+
*/
|
|
29
|
+
export declare const ModalRoot: React.MemoExoticComponent<({ modals, container, component: RootComponent, }: ModalRootProps) => React.JSX.Element>;
|
|
30
|
+
export {};
|