react-dialogger 1.1.47 → 1.1.49

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.
Files changed (76) hide show
  1. package/README.md +2 -1
  2. package/components/Actions.d.ts +7 -0
  3. package/components/Actions.js +17 -0
  4. package/components/DialogActionBase.d.ts +10 -0
  5. package/components/DialogActionBase.js +13 -11
  6. package/components/DialogBase.d.ts +42 -109
  7. package/components/DialogBase.js +103 -767
  8. package/components/DialogContent.d.ts +1 -18
  9. package/components/DialogContent.js +69 -62
  10. package/components/DialogContentBody.d.ts +3 -2
  11. package/components/DialogContentBody.js +36 -5
  12. package/components/DialogContentFooter.d.ts +4 -0
  13. package/components/{DialogContenFooter.js → DialogContentFooter.js} +6 -33
  14. package/components/DialogContentHeader.d.ts +6 -2
  15. package/components/DialogContentHeader.js +73 -19
  16. package/components/DialogWithBackdropWrapper.d.ts +4 -0
  17. package/components/DialogWithBackdropWrapper.js +72 -0
  18. package/components/Features/DialogCloseAction.js +18 -0
  19. package/components/Features/DialogFullscreenAction.js +24 -0
  20. package/components/{Futures → Features}/DialogInfoAction.js +8 -11
  21. package/components/Features/DialogProcessing.js +14 -0
  22. package/components/RippleButton.d.ts +2 -2
  23. package/components/RippleButton.js +1 -3
  24. package/components/index.d.ts +9 -0
  25. package/components/index.js +24 -0
  26. package/components/utils/effects/jumper-animate.d.ts +2 -0
  27. package/components/utils/effects/jumper-animate.js +36 -0
  28. package/context/index.d.ts +3 -0
  29. package/context/index.js +54 -0
  30. package/{models → helpers}/Resizeable.d.ts +2 -2
  31. package/{models → helpers}/Resizeable.js +23 -11
  32. package/helpers/dialogBoundsMemoize.d.ts +5 -5
  33. package/helpers/dialogBoundsMemoize.js +82 -77
  34. package/helpers/dialogRectAuto.d.ts +3 -0
  35. package/helpers/dialogRectAuto.js +21 -0
  36. package/helpers/formInputKeyListeners.d.ts +2 -0
  37. package/helpers/formInputKeyListeners.js +18 -0
  38. package/helpers/hexToRgb.d.ts +2 -0
  39. package/helpers/hexToRgb.js +19 -0
  40. package/helpers/index.d.ts +1 -0
  41. package/helpers/index.js +3 -1
  42. package/helpers/initDialogMemoizeBounds.d.ts +7 -2
  43. package/helpers/initDialogMemoizeBounds.js +19 -14
  44. package/index.d.ts +3 -4
  45. package/index.js +12 -15
  46. package/models/Dialog.d.ts +29 -36
  47. package/models/Dialog.js +108 -99
  48. package/models/DialogAction.d.ts +1 -39
  49. package/models/DialogAction.js +2 -171
  50. package/models/baseDialogOptions.d.ts +5 -0
  51. package/models/baseDialogOptions.js +63 -0
  52. package/models/index.d.ts +3 -0
  53. package/models/index.js +13 -0
  54. package/package.json +1 -1
  55. package/styles/dialog.css +1 -2
  56. package/{helpers → types}/BoundTypes.d.ts +4 -1
  57. package/types/DialogActionTypes.d.ts +14 -6
  58. package/types/DialogTypes.d.ts +82 -31
  59. package/types/SizePosTypes.d.ts +3 -2
  60. package/types/index.d.ts +1 -1
  61. package/types/types.d.ts +1 -0
  62. package/components/DialogContenFooter.d.ts +0 -13
  63. package/components/Futures/DialogCloseAction.js +0 -30
  64. package/components/Futures/DialogFullscreenAction.js +0 -37
  65. package/components/Futures/DialogProcessing.js +0 -18
  66. package/hooks/useDialogOptions.d.ts +0 -3
  67. package/hooks/useDialogOptions.js +0 -82
  68. /package/components/{Futures → Features}/DialogCloseAction.d.ts +0 -0
  69. /package/components/{Futures → Features}/DialogFullscreenAction.d.ts +0 -0
  70. /package/components/{Futures → Features}/DialogHeaderActionsWrapper.d.ts +0 -0
  71. /package/components/{Futures → Features}/DialogHeaderActionsWrapper.js +0 -0
  72. /package/components/{Futures → Features}/DialogInfoAction.d.ts +0 -0
  73. /package/components/{Futures → Features}/DialogProcessing.d.ts +0 -0
  74. /package/components/{Futures → Features}/index.d.ts +0 -0
  75. /package/components/{Futures → Features}/index.js +0 -0
  76. /package/{helpers → types}/BoundTypes.js +0 -0
@@ -1,37 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DialogFullscreenAction = void 0;
7
- var jsx_runtime_1 = require("react/jsx-runtime");
8
- var FullscreenExitIcon_1 = __importDefault(require("../icons/FullscreenExitIcon"));
9
- var FullscreenIcon_1 = __importDefault(require("../icons/FullscreenIcon"));
10
- var react_1 = require("react");
11
- var DialogBase_1 = require("../DialogBase");
12
- // const DialogFullscreenAction = ({dialog}:{dialog: React.RefObject<IDialogRef> | undefined}) => {
13
- var DialogFullscreenAction = function () {
14
- var _a, _b, _c, _d, _e, _f, _g, _h;
15
- var dialogHeaderContext = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext);
16
- var _dialog = dialogHeaderContext.dialog;
17
- return (0, jsx_runtime_1.jsx)("div", { className: 'fullscreen-icon-wrapper', onClick: function (event) {
18
- event.stopPropagation();
19
- _dialog.switchFullScreen();
20
- }, children: _dialog.state.fullscreenMode ?
21
- (0, jsx_runtime_1.jsx)(FullscreenExitIcon_1.default
22
- // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
23
- // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
24
- , {
25
- // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
26
- // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
27
- size: (_b = (_a = _dialog.dialogOptions.base.headerControllerIcons) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 24, color: (_d = (_c = _dialog.dialogOptions.base.headerControllerIcons) === null || _c === void 0 ? void 0 : _c.color) !== null && _d !== void 0 ? _d : null })
28
- :
29
- (0, jsx_runtime_1.jsx)(FullscreenIcon_1.default
30
- // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
31
- // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
32
- , {
33
- // size={apiRef.current.dialogOptions.base.headerControllerIcons?.size ?? 24 }
34
- // color={apiRef.current.dialogOptions.base.headerControllerIcons?.color ?? null }
35
- size: (_f = (_e = _dialog.dialogOptions.base.headerControllerIcons) === null || _e === void 0 ? void 0 : _e.size) !== null && _f !== void 0 ? _f : 24, color: (_h = (_g = _dialog.dialogOptions.base.headerControllerIcons) === null || _g === void 0 ? void 0 : _g.color) !== null && _h !== void 0 ? _h : null }) });
36
- };
37
- exports.DialogFullscreenAction = DialogFullscreenAction;
@@ -1,18 +0,0 @@
1
- "use strict";
2
- var __importDefault = (this && this.__importDefault) || function (mod) {
3
- return (mod && mod.__esModule) ? mod : { "default": mod };
4
- };
5
- Object.defineProperty(exports, "__esModule", { value: true });
6
- exports.DialogProcessing = void 0;
7
- var jsx_runtime_1 = require("react/jsx-runtime");
8
- var CircularProgress_1 = __importDefault(require("../CircularProgress"));
9
- var react_1 = require("react");
10
- var DialogBase_1 = require("../DialogBase");
11
- var DialogProcessing = function () {
12
- var _a, _b, _c;
13
- var dialogHeaderContext = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext);
14
- var _dialog = dialogHeaderContext.dialog;
15
- console.log('_dialog_isInProcess', _dialog.isInProcess());
16
- return (0, jsx_runtime_1.jsx)(CircularProgress_1.default, { size: (_a = _dialog.dialogOptions.progress.size) !== null && _a !== void 0 ? _a : 20, inProcess: _dialog.isInProcess(), color: (_c = (_b = _dialog.dialogOptions.progress) === null || _b === void 0 ? void 0 : _b.color) !== null && _c !== void 0 ? _c : '#399aec' });
17
- };
18
- exports.DialogProcessing = DialogProcessing;
@@ -1,3 +0,0 @@
1
- import { DialogOptionsType } from "../types/DialogTypes";
2
- declare const useDialogOptions: (options: DialogOptionsType) => void;
3
- export { useDialogOptions };
@@ -1,82 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useDialogOptions = void 0;
4
- var initialOptions = {
5
- backdrop: {
6
- backgroundColor: '#282828',
7
- opacity: .6,
8
- hideOnClick: false
9
- },
10
- base: {
11
- style: {
12
- backgroundColor: "white",
13
- boxShadow: '0 0 20px #000000'
14
- },
15
- closeable: false,
16
- initialAnchor: { vertical: "center", horizontal: "center" },
17
- draggable: false
18
- },
19
- progress: {
20
- color: 'red',
21
- size: 30
22
- },
23
- snackbar: {
24
- anchorOrigin: { vertical: "top", horizontal: "center" },
25
- autoHideDuration: 3000,
26
- maxSnack: 3,
27
- busyMessage: 'Please wait...'
28
- },
29
- slot: {
30
- action: null
31
- },
32
- slotProps: {
33
- action: {}
34
- }
35
- };
36
- window["dialogOptions"] = initialOptions;
37
- var useDialogOptions = (function (options) {
38
- var _a, _b;
39
- var _dialogOptions = window["dialogOptions"];
40
- if (options.backdrop) {
41
- Object.keys(options.backdrop).forEach(function (objectKey) {
42
- _dialogOptions.backdrop[objectKey] = options.backdrop[objectKey];
43
- });
44
- }
45
- if (options.base) {
46
- Object.keys(options.base).forEach(function (objectKey) {
47
- _dialogOptions.base[objectKey] = options.base[objectKey];
48
- });
49
- }
50
- if (options.progress) {
51
- Object.keys(options.progress).forEach(function (objectKey) {
52
- _dialogOptions.progress[objectKey] = options.progress[objectKey];
53
- });
54
- }
55
- if (options.snackbar) {
56
- Object.keys(options.snackbar).forEach(function (objectKey) {
57
- _dialogOptions.snackbar[objectKey] = options.snackbar[objectKey];
58
- });
59
- }
60
- if (options.slot) {
61
- Object.keys((_a = options === null || options === void 0 ? void 0 : options.slot) !== null && _a !== void 0 ? _a : {}).forEach(function (objectKey) {
62
- _dialogOptions.slot[objectKey] = options.slot[objectKey];
63
- });
64
- }
65
- if (options.slotProps) {
66
- console.log('options', options);
67
- Object.keys((_b = options === null || options === void 0 ? void 0 : options.slotProps) !== null && _b !== void 0 ? _b : {}).forEach(function (objectKey) {
68
- _dialogOptions.slotProps[objectKey] = options.slotProps[objectKey];
69
- });
70
- }
71
- /*const existsEl = document.querySelector('script#ais_react_dialog_options');
72
- if(existsEl) return;
73
- const scriptElement = document.createElement('script');
74
- scriptElement.id = 'ais_react_dialog_options';
75
- // Set the script source or include the script content
76
- scriptElement.textContent = 'const dialogOptions = ' + JSON.stringify(dialogOptions); // Or set the content: scriptElement.textContent = '...';
77
- // Append the script element to the head of the document
78
- document.head.appendChild(scriptElement);
79
- */
80
- window["dialogOptions"] = _dialogOptions;
81
- });
82
- exports.useDialogOptions = useDialogOptions;
File without changes
File without changes
File without changes