dry-ux 1.52.0 → 1.53.0

package/dist/dajaxice/DajaxiceProxy.test.d.ts

@@ -1,6 +1,6 @@
 import { DajaxiceFn } from "./Proxy.interface";
 export declare const modules: DajaxiceModules;
-export type DajaxiceModules = {
+export declare type DajaxiceModules = {
     employee?: {
         getDetails: DajaxiceFn<{
             id: number;

package/dist/dajaxice/Proxy.interface.d.ts

@@ -1,4 +1,4 @@
-export type Args<T = void> = {
+export declare type Args<T = void> = {
     args: T;
     /**
      * If true, it will show a loader when a Dajaxice function is called. Defaults to false.
@@ -27,9 +27,9 @@ export type Args<T = void> = {
         loader?: boolean;
     };
 };
-type ArgType<T> = T extends void ? Omit<Args, "args"> | void : Args<T>;
+declare type ArgType<T> = T extends void ? Omit<Args, "args"> | void : Args<T>;
 export declare type DajaxiceFn<TArgs = void> = <TResult = any>(args: ArgType<TArgs>) => Promise<TResult>;
-export type MethodArgs = Partial<Args<any>>;
+export declare type MethodArgs = Partial<Args<any>>;
 export interface IDajaxiceProxy<TModule> {
     modules: TModule;
     authCheck?: {

package/dist/error/ErrorBoundary.d.ts

@@ -15,7 +15,7 @@ export declare class ErrorBoundary extends React.PureComponent<IErrorBoundaryPro
         error: Error;
     };
     componentDidCatch(error: Error, info: React.ErrorInfo): void;
-    render: () => React.JSX.Element;
+    render: () => JSX.Element & React.ReactNode;
     private handleError;
     private resetError;
 }

package/dist/error/ErrorScreen.d.ts

@@ -1,2 +1,2 @@
 import * as React from "react";
-export declare const ErrorScreen: React.MemoExoticComponent<() => React.JSX.Element>;
+export declare const ErrorScreen: React.MemoExoticComponent<() => JSX.Element>;

package/dist/helpers/flat.d.ts

@@ -1,4 +1,4 @@
-type FlattenOptions = {
+declare type FlattenOptions = {
     delimiter?: string;
     maxDepth?: number;
     transformKey?: (key: any) => any;
@@ -12,7 +12,7 @@ type FlattenOptions = {
 export declare function flatten(target: any, opts?: FlattenOptions): {
     [key: string]: any;
 };
-type UnflattenOptions = Pick<FlattenOptions, "delimiter" | "transformKey"> & {
+declare type UnflattenOptions = Pick<FlattenOptions, "delimiter" | "transformKey"> & {
     overwrite?: boolean;
     object?: boolean;
 };

package/dist/helpers/flat.js

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.flatten = flatten;
-exports.unflatten = unflatten;
+exports.unflatten = exports.flatten = void 0;
 function isBuffer(obj) {
     return obj && obj.constructor && typeof obj.constructor.isBuffer === "function" && obj.constructor.isBuffer(obj);
 }
@@ -41,6 +40,7 @@ function flatten(target, opts) {
     step(target, null, null);
     return output;
 }
+exports.flatten = flatten;
 /**
  * Unflattens an object with the paths for keys.
  * @param target The object to unflatten.
@@ -122,3 +122,4 @@ function unflatten(target, opts) {
     });
     return result;
 }
+exports.unflatten = unflatten;

package/dist/helpers/utilities.d.ts

@@ -59,5 +59,5 @@ export declare const tryParseJson: <T = any>(json: string, errorValue?: {}) => {
 export declare const useIsVisible: (ref: React.MutableRefObject<any>) => boolean;
 export declare const usePubSub: <T>() => {
     usePub: () => <TName extends keyof T, TPayload extends T[TName]>(event: TName, data?: TPayload) => void;
-    useSub: <TName extends keyof T, TPayload_1 extends T[TName]>(event: TName, callback: (data: TPayload_1) => void) => () => void;
+    useSub: <TName_1 extends keyof T, TPayload_1 extends T[TName_1]>(event: TName_1, callback: (data: TPayload_1) => void) => () => void;
 };

package/dist/ui-utils/Modal.d.ts

@@ -10,6 +10,7 @@ export interface IModalProps {
         };
         defaultModalStyles?: boolean;
         setBackdropHeight?: boolean;
+        centered?: boolean;
     };
 }
 declare const Modal: React.FC<IModalProps & {

package/dist/ui-utils/Modal.js

@@ -2,7 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const React = require("react");
 const react_bootstrap_1 = require("react-bootstrap");
-const Modal = React.memo(({ handleClose, shown, options: { content, footerContent, cssClass, closeBtn, title, width, onClose, titleCloseBtn = true }, config: { defaultModalStyles = false, styles = {}, setBackdropHeight = true }, }) => {
+const Modal = React.memo(({ handleClose, shown, options: { content, footerContent, cssClass, closeBtn, title, width, onClose, titleCloseBtn = true, centered }, config: { defaultModalStyles = false, styles = {}, setBackdropHeight = true, centered: globalCentered }, }) => {
+    const isCentered = centered !== null && centered !== void 0 ? centered : globalCentered;
     const applyStyles = React.useCallback(() => {
         document.querySelectorAll(".modal-dialog").forEach((el) => {
             el.style.width = typeof width == "number" ? `${width}px` : width;
@@ -12,6 +13,13 @@ const Modal = React.memo(({ handleClose, shown, options: { content, footerConten
                 el.querySelectorAll(".modal-header").forEach((el) => (el.style.display = "block"));
                 el.querySelectorAll(".modal-title").forEach((el) => (el.style.marginTop = "0"));
             }
+            if (isCentered) {
+                el.style.position = "absolute";
+                el.style.transform = "translate(-50%, -50%)";
+                el.style.top = "50%";
+                el.style.left = "50%";
+                el.style.marginTop = "unset";
+            }
         });
         document.querySelectorAll("[role=dialog]").forEach((el) => (el.style.opacity = "1"));
         if (setBackdropHeight) {
@@ -26,24 +34,24 @@ const Modal = React.memo(({ handleClose, shown, options: { content, footerConten
                 });
             });
         });
-    }, [width, defaultModalStyles]);
+    }, [width, defaultModalStyles, isCentered, styles, setBackdropHeight]);
     React.useEffect(() => {
         if (shown) {
             applyStyles();
         }
     }, [shown, width, defaultModalStyles]);
-    const hide = () => {
+    const onHide = () => {
         handleClose();
         onClose && onClose();
     };
     const contentToRender = typeof content == "string" ? React.createElement("div", { dangerouslySetInnerHTML: { __html: content } }) : content;
     const showFooter = closeBtn || footerContent;
-    return (React.createElement(react_bootstrap_1.Modal, { onHide: hide, show: shown, animation: true, autoFocus: true, keyboard: false, className: cssClass, backdropStyle: { zIndex: 1040, opacity: 0.5 }, backdrop: "static" },
-        !!title && (React.createElement(react_bootstrap_1.Modal.Header, { closeButton: titleCloseBtn, onHide: hide },
+    return (React.createElement(react_bootstrap_1.Modal, { onHide: onHide, show: shown, animation: true, autoFocus: true, keyboard: false, className: cssClass, backdropStyle: { zIndex: 1040, opacity: 0.5 }, backdrop: "static" },
+        !!title && (React.createElement(react_bootstrap_1.Modal.Header, { closeButton: titleCloseBtn, onHide: onHide },
             React.createElement(react_bootstrap_1.Modal.Title, null, title))),
         React.createElement(react_bootstrap_1.Modal.Body, null, contentToRender),
         showFooter && (React.createElement(react_bootstrap_1.Modal.Footer, null,
             footerContent,
-            closeBtn && (React.createElement(react_bootstrap_1.Button, { bsClass: "btn btn-danger", onClick: hide }, "Close"))))));
+            closeBtn && (React.createElement(react_bootstrap_1.Button, { bsClass: "btn btn-danger", onClick: onHide }, "Close"))))));
 });
 exports.default = Modal;

package/dist/ui-utils/Spinner.d.ts

@@ -1,2 +1,2 @@
 import * as React from "react";
-export declare const Spinner: React.MemoExoticComponent<() => React.JSX.Element>;
+export declare const Spinner: React.MemoExoticComponent<() => JSX.Element>;

package/dist/ui-utils/UIUtil.interface.d.ts

@@ -1,4 +1,5 @@
-export type PopUp = {
+/// <reference types="react" />
+export declare type PopUp = {
     /**
      * Hides the modal.
      */
@@ -12,7 +13,7 @@ export type PopUp = {
      */
     remove: () => void;
 };
-export type PopUpOptions = {
+export declare type PopUpOptions = {
     /**
      * The content of the modal.
      */
@@ -49,9 +50,13 @@ export type PopUpOptions = {
      * If true, the modal will be destroyed when it is closed.
      */
     destroyOnClose?: boolean;
+    /**
+     * If true, the modal will be centered vertically.
+     */
+    centered?: boolean;
 };
-export type ButtonType = "primary" | "info" | "success" | "warning" | "danger";
-export type PopUpAction = {
+export declare type ButtonType = "primary" | "info" | "success" | "warning" | "danger";
+export declare type PopUpAction = {
     /**
      * The content to display in the modal.
      */
@@ -69,7 +74,7 @@ export type PopUpAction = {
      */
     closeOnClick?: boolean;
 };
-export type UIUtilModal = {
+export declare type UIUtilModal = {
     /**
      * Creates a non-unique modal.
      * @param options The options for the modal.
@@ -128,4 +133,4 @@ export interface IUIUtilLoader {
      */
     hide: () => void;
 }
-export type UIUtilPrompt = Pick<UIUtilModal, "showConfirm" | "showActions" | "instances" | "getCurrent">;
+export declare type UIUtilPrompt = Pick<UIUtilModal, "showConfirm" | "showActions" | "instances" | "getCurrent">;

package/dist/ui-utils/UIUtilProvider.d.ts

@@ -52,5 +52,5 @@ export declare class UIUtilProvider extends React.PureComponent<{}, IUIUtilProvi
     removeModalInstance(id: string): void;
     getCurrentModal(id: string): PopUp;
     createModal(id: string, options: PopUpOptions): PopUp;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }

package/dist/ui-utils/UIUtilRenderer.d.ts

@@ -1,6 +1,6 @@
 import * as React from "react";
 import { IModalProps } from "./Modal";
-export type UIUtilRendererProps = {
+export declare type UIUtilRendererProps = {
     modalConfig?: IModalProps["config"];
 };
 export declare const UIUtilRenderer: React.FC<UIUtilRendererProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dry-ux",
-  "version": "1.52.0",
+  "version": "1.53.0",
   "description": "",
   "main": "dist/index",
   "scripts": {