react-dialogger 1.1.5 → 1.1.8

package/components/DialogBase.d.ts

@@ -116,12 +116,12 @@ declare class DialogBase extends Component<BaseDialogProps, BaseDialogState> {
         }) => void;
         close: (key?: string) => void;
     };
+    getSize: () => IDialogSize;
     private baseZoomEffect;
     private withBackdrop;
     switchFullScreen: () => void;
     private Placeholder;
     private Header;
-    getSize: () => IDialogSize;
     private Body;
     private Footer;
     private Actions;

package/components/DialogBase.js

@@ -289,6 +289,9 @@ var DialogBase = /** @class */ (function (_super) {
         _this.getDom = function () {
             return _this.props.dom;
         };
+        _this.getSize = function () {
+            return _this._dialogSize;
+        };
         _this.baseZoomEffect = function () {
             var _a = _this._dialogTranslate, lastX = _a.lastX, lastY = _a.lastY;
             _this._dialogRef.current.animate([
@@ -386,9 +389,6 @@ var DialogBase = /** @class */ (function (_super) {
             }
             return React.createElement("div", { style: (_g = (_f = _this._dialogOptions.base) === null || _f === void 0 ? void 0 : _f.header) === null || _g === void 0 ? void 0 : _g.style, className: 'drag-handle dialog-header' }, header);
         };
-        _this.getSize = function () {
-            return _this._dialogSize;
-        };
         _this.Body = function (body) {
             if (body instanceof Function) {
                 return React.createElement("div", { ref: _this._dialogBodyRef, className: 'dialog-body', style: { height: '100%' } },
@@ -419,7 +419,7 @@ var DialogBase = /** @class */ (function (_super) {
                     inProcess: _this.isInProcess()
                 });
             }
-            console.log('FooterSlot_props_Y', footerProps, staticProps);
+            console.log('FooterSlot_props_Y', footerProps, staticProps, 'V6 ya hazirlik');
             return React.createElement("div", { className: 'dialog-footer', style: (_c = (_b = _this._dialogOptions.base) === null || _b === void 0 ? void 0 : _b.footer) === null || _c === void 0 ? void 0 : _c.style },
                 React.createElement("div", null,
                     React.createElement(WithHeaderFooterContext, __assign({}, staticProps, { dialog: _this }), _this._dialogOptions.slot.footer ?

package/components/Futures/DialogInfoAction.d.ts

@@ -0,0 +1,3 @@
+import * as React from "react";
+declare const DialogInfoAction: () => React.JSX.Element;
+export { DialogInfoAction };

package/components/Futures/DialogInfoAction.js

@@ -0,0 +1,93 @@
+"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 (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogInfoAction = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var DialogBase_1 = require("../DialogBase");
+var InfoIcon_1 = __importDefault(require("../icons/InfoIcon"));
+var package_json_1 = __importDefault(require("../../../package.json"));
+var __1 = __importStar(require("../../"));
+// const DialogFullscreenAction = ({dialog}:{dialog: React.RefObject<IDialogRef> | undefined}) => {
+var DialogInfoAction = function () {
+    var _a, _b, _c, _d;
+    var dialogHeaderContext = (0, react_1.useContext)(DialogBase_1.DialogHeaderFooterContext);
+    var _dialog = dialogHeaderContext.dialog;
+    return React.createElement("div", { className: 'info-icon-wrapper', onClick: function (event) {
+            var closeAction = new __1.DialogAction('closeAction', {
+                label: 'Close',
+                variant: 'text',
+                color: 'default'
+            });
+            closeAction.onClick(function (button, dialog1) {
+                dialog1.close();
+            });
+            var dialog = new __1.default(null, {
+                base: {
+                    resizeable: false,
+                    draggable: false,
+                    closeable: true,
+                    size: {
+                        width: 'xs',
+                        height: 'initial'
+                    },
+                    initialAnchor: _dialog.dialogOptions.base.initialAnchor,
+                    footer: {
+                        style: {
+                            borderTop: 'none'
+                        }
+                    },
+                    header: {
+                        style: {
+                            borderBottom: 'none'
+                        }
+                    }
+                }
+            });
+            dialog
+                .setHeader(function (dialog1) { return 'Info'; })
+                .setBody(function (dialog1) { return React.createElement("table", null,
+                React.createElement("tbody", null,
+                    React.createElement("tr", null,
+                        React.createElement("td", null, "Name"),
+                        React.createElement("td", null, package_json_1.default.name)),
+                    React.createElement("tr", null,
+                        React.createElement("td", null, "Varsion"),
+                        React.createElement("td", null, package_json_1.default.version)),
+                    React.createElement("tr", null,
+                        React.createElement("td", null, "Author"),
+                        React.createElement("td", null, package_json_1.default.author)))); })
+                .addActions([
+                closeAction
+            ])
+                .initialState({})
+                .show();
+        } },
+        React.createElement(InfoIcon_1.default, { 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 }));
+};
+exports.DialogInfoAction = DialogInfoAction;

package/components/Futures/index.d.ts

@@ -1,4 +1,5 @@
 export { DialogCloseAction } from "./DialogCloseAction";
+export { DialogInfoAction } from "./DialogInfoAction";
 export { DialogProcessing } from "./DialogProcessing";
 export { DialogFullscreenAction } from "./DialogFullscreenAction";
 export { DialogHeaderActionsWrapper } from "./DialogHeaderActionsWrapper";

package/components/Futures/index.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogHeaderActionsWrapper = exports.DialogFullscreenAction = exports.DialogProcessing = exports.DialogCloseAction = void 0;
+exports.DialogHeaderActionsWrapper = exports.DialogFullscreenAction = exports.DialogProcessing = exports.DialogInfoAction = exports.DialogCloseAction = void 0;
 var DialogCloseAction_1 = require("./DialogCloseAction");
 Object.defineProperty(exports, "DialogCloseAction", { enumerable: true, get: function () { return DialogCloseAction_1.DialogCloseAction; } });
+var DialogInfoAction_1 = require("./DialogInfoAction");
+Object.defineProperty(exports, "DialogInfoAction", { enumerable: true, get: function () { return DialogInfoAction_1.DialogInfoAction; } });
 var DialogProcessing_1 = require("./DialogProcessing");
 Object.defineProperty(exports, "DialogProcessing", { enumerable: true, get: function () { return DialogProcessing_1.DialogProcessing; } });
 var DialogFullscreenAction_1 = require("./DialogFullscreenAction");

package/components/icons/InfoIcon.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+declare const _default: ({ size, color }: {
+    size?: number;
+    color?: string;
+}) => React.JSX.Element;
+export default _default;

package/components/icons/InfoIcon.js

@@ -0,0 +1,23 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importDefault(require("react"));
+exports.default = (function (_a) {
+    var size = _a.size, color = _a.color;
+    return react_1.default.createElement("div", { className: 'info-icon', style: __assign({ fill: color }, size ? { width: size } : null) },
+        react_1.default.createElement("svg", { focusable: "false", "aria-hidden": "true", viewBox: "0 0 24 24", "data-testid": "InfoIcon" },
+            react_1.default.createElement("path", { d: "M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z" })));
+});

package/index.d.ts

@@ -3,6 +3,6 @@ import './styles/dialog.action.scss';
 import './styles/circular-progress.scss';
 export { default as Dialog } from "./models/Dialog";
 export { default } from "./models/Dialog";
-export { DialogProcessing, DialogCloseAction, DialogFullscreenAction, DialogHeaderActionsWrapper } from "./components/Futures";
+export { DialogProcessing, DialogCloseAction, DialogFullscreenAction, DialogHeaderActionsWrapper, DialogInfoAction } from "./components/Futures";
 export { DialogAction, ActionProgress } from "./models/DialogAction";
 export { useDialogOptions } from "./hooks/useDialogOptions";

package/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDialogOptions = exports.ActionProgress = exports.DialogAction = exports.DialogHeaderActionsWrapper = exports.DialogFullscreenAction = exports.DialogCloseAction = exports.DialogProcessing = exports.default = exports.Dialog = void 0;
+exports.useDialogOptions = exports.ActionProgress = exports.DialogAction = exports.DialogInfoAction = exports.DialogHeaderActionsWrapper = exports.DialogFullscreenAction = exports.DialogCloseAction = exports.DialogProcessing = exports.default = exports.Dialog = void 0;
 require("./styles/dialog.css");
 require("./styles/dialog.action.css");
 require("./styles/circular-progress.css");
@@ -17,6 +17,7 @@ Object.defineProperty(exports, "DialogProcessing", { enumerable: true, get: func
 Object.defineProperty(exports, "DialogCloseAction", { enumerable: true, get: function () { return Futures_1.DialogCloseAction; } });
 Object.defineProperty(exports, "DialogFullscreenAction", { enumerable: true, get: function () { return Futures_1.DialogFullscreenAction; } });
 Object.defineProperty(exports, "DialogHeaderActionsWrapper", { enumerable: true, get: function () { return Futures_1.DialogHeaderActionsWrapper; } });
+Object.defineProperty(exports, "DialogInfoAction", { enumerable: true, get: function () { return Futures_1.DialogInfoAction; } });
 var DialogAction_1 = require("./models/DialogAction");
 Object.defineProperty(exports, "DialogAction", { enumerable: true, get: function () { return DialogAction_1.DialogAction; } });
 Object.defineProperty(exports, "ActionProgress", { enumerable: true, get: function () { return DialogAction_1.ActionProgress; } });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-dialogger",
-  "version": "1.1.5",
+  "version": "1.1.8",
   "description": "This package is a continuation of the react-araci package. Due to an error, react-araci was removed, and it has been decided to continue under the new package name react-dialogger",
   "main": "index.js",
   "author": "Sueleyman Topaloglu",
@@ -20,6 +20,9 @@
       "email": "developer@appinsource.eu"
     }
   ],
+  "scripts": {
+    "pb": "npm version patch && npm publish"
+  },
   "keywords": [
     "react",
     "dialog",
@@ -28,4 +31,4 @@
     "ui",
     "react-component"
   ]
-}
+}

package/styles/dialog.css

@@ -213,7 +213,7 @@
   min-height: 64px;
   padding: 10px 20px 10px 20px;
   display: flex;
-  flex: 1;
+  flex: 0;
   justify-content: space-between;
   align-items: center;
   border-bottom: 0.5px solid rgba(0, 0, 0, 0.2);
@@ -222,6 +222,16 @@
   display: flex;
   flex-direction: row;
 }
+.dialog-main .dialog-header .info-icon-wrapper {
+  cursor: help !important;
+}
+.dialog-main .dialog-header .info-icon-wrapper .close-icon {
+  fill: #666666;
+  width: 30px;
+}
+.dialog-main .dialog-header .info-icon-wrapper *:hover {
+  color: #CCCCCC;
+}
 .dialog-main .dialog-header .close-icon-wrapper {
   cursor: pointer !important;
 }
@@ -244,6 +254,7 @@
 }
 .dialog-main .dialog-body {
   display: flex;
+  flex: 1;
   position: relative;
   padding: 10px 20px 10px 20px;
   overflow: auto;
@@ -270,6 +281,7 @@
   column-gap: 10px;
   align-items: center;
   justify-content: space-between;
+  flex: 0;
 }
 .dialog-main .resizable-handle {
   position: absolute;