d2coreui 21.0.33 → 23.0.0

package/components/modal/draggableModalProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModalProvider.js","sourceRoot":"","sources":["../../../../components/modal/draggableModalProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,sDAAsD,CAAA;AAC1F,OAAO,EAAC,aAAa,EAAC,MAAM,8CAA8C,CAAA;AAC1E,OAAO,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,sDAAsD,CAAA;AAE9G,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,GAGX,EAAsB,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAA;IAE/E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE;YAE5B,OAAO;SACV;QACD,MAAM,QAAQ,GAAG,GAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,CAAA;QACtF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,QAAQ,EAAE,CAAA;QACV,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC/D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACH,oBAAC,qBAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,KAAK;YACL,QAAQ;SACX,IAEA,QAAQ,CACoB,CACpC,CAAA;AACL,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {useEffect, useReducer} from 'react'\nimport {DraggableModalContext} from 'd2coreui/components/modal/impl/draggableModalContext'\nimport {getWindowSize} from 'd2coreui/components/modal/impl/getWindowSize'\nimport {draggableModalReducer, initialModalsState} from 'd2coreui/components/modal/impl/draggableModalReducer'\n\nexport const DraggableModalProvider = ({\n    children,\n}: {\n    children: React.ReactNode\n}): React.ReactElement => {\n    const [state, dispatch] = useReducer(draggableModalReducer, initialModalsState)\n\n    useEffect(() => {\n        if (typeof window !== 'object') {\n            // @ts-ignore\n            return;\n        }\n        const onResize = (): void => dispatch({ type: 'windowResize', size: getWindowSize() })\n        window.addEventListener('resize', onResize)\n        onResize()\n        return () => window.removeEventListener('resize', onResize)\n    }, [dispatch])\n\n    return (\n        <DraggableModalContext.Provider\n            value={{\n                state,\n                dispatch,\n            }}\n        >\n            {children}\n        </DraggableModalContext.Provider>\n    )\n}\n"]}
+{"version":3,"file":"draggableModalProvider.js","sourceRoot":"","sources":["../../../../components/modal/draggableModalProvider.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,SAAS,EAAE,UAAU,EAAC,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAC,qBAAqB,EAAC,MAAM,sDAAsD,CAAA;AAC1F,OAAO,EAAC,aAAa,EAAC,MAAM,8CAA8C,CAAA;AAC1E,OAAO,EAAC,qBAAqB,EAAE,kBAAkB,EAAC,MAAM,sDAAsD,CAAA;AAE9G,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACnC,QAAQ,GAGX,EAAsB,EAAE;IACrB,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,UAAU,CAAC,qBAAqB,EAAE,kBAAkB,CAAC,CAAA;IAE/E,SAAS,CAAC,GAAG,EAAE;QACX,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;YAE7B,OAAO;QACX,CAAC;QACD,MAAM,QAAQ,GAAG,GAAS,EAAE,CAAC,QAAQ,CAAC,EAAE,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,aAAa,EAAE,EAAE,CAAC,CAAA;QACtF,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;QAC3C,QAAQ,EAAE,CAAA;QACV,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAA;IAC/D,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,OAAO,CACH,oBAAC,qBAAqB,CAAC,QAAQ,IAC3B,KAAK,EAAE;YACH,KAAK;YACL,QAAQ;SACX,IAEA,QAAQ,CACoB,CACpC,CAAA;AACL,CAAC,CAAA","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport * as React from 'react'\r\nimport {useEffect, useReducer} from 'react'\r\nimport {DraggableModalContext} from 'd2coreui/components/modal/impl/draggableModalContext'\r\nimport {getWindowSize} from 'd2coreui/components/modal/impl/getWindowSize'\r\nimport {draggableModalReducer, initialModalsState} from 'd2coreui/components/modal/impl/draggableModalReducer'\r\n\r\nexport const DraggableModalProvider = ({\r\n    children,\r\n}: {\r\n    children: React.ReactNode\r\n}): React.ReactElement => {\r\n    const [state, dispatch] = useReducer(draggableModalReducer, initialModalsState)\r\n\r\n    useEffect(() => {\r\n        if (typeof window !== 'object') {\r\n            // @ts-ignore\r\n            return;\r\n        }\r\n        const onResize = (): void => dispatch({ type: 'windowResize', size: getWindowSize() })\r\n        window.addEventListener('resize', onResize)\r\n        onResize()\r\n        return () => window.removeEventListener('resize', onResize)\r\n    }, [dispatch])\r\n\r\n    return (\r\n        <DraggableModalContext.Provider\r\n            value={{\r\n                state,\r\n                dispatch,\r\n            }}\r\n        >\r\n            {children}\r\n        </DraggableModalContext.Provider>\r\n    )\r\n}\r\n"]}

package/components/modal/impl/clamp.d.ts

@@ -1 +1 @@
-export declare const clamp: (min: number, max: number, value: number) => number;
+export declare const clamp: (min: number, max: number, value: number) => number;

package/components/modal/impl/clamp.js

@@ -1,2 +1,2 @@
-export const clamp = (min, max, value) => Math.max(min, Math.min(max, value));
+export const clamp = (min, max, value) => Math.max(min, Math.min(max, value));
 //# sourceMappingURL=clamp.js.map

package/components/modal/impl/clamp.js.map

@@ -1 +1 @@
-{"version":3,"file":"clamp.js","sourceRoot":"","sources":["../../../../../components/modal/impl/clamp.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa,EAAU,EAAE,CACrE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC","sourcesContent":["export const clamp = (min: number, max: number, value: number): number =>\n    Math.max(min, Math.min(max, value));\n"]}
+{"version":3,"file":"clamp.js","sourceRoot":"","sources":["../../../../../components/modal/impl/clamp.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,KAAa,EAAU,EAAE,CACrE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nexport const clamp = (min: number, max: number, value: number): number =>\r\n    Math.max(min, Math.min(max, value));\r\n"]}

package/components/modal/impl/draggableModal.d.ts

@@ -1,12 +1,12 @@
-import * as React from 'react';
-import { ModalProps } from 'antd/lib/modal';
-import '../../../style/modal/DraggableModal.css';
-export interface DraggableModalProps extends Omit<ModalProps, "width"> {
-    initialWidth?: number;
-    initialHeight?: number;
-    onResize?(size: {
-        width: number;
-        height: number;
-    }): void;
-}
-export declare const DraggableModal: (props: DraggableModalProps) => React.ReactElement;
+import { FunctionComponent } from 'react';
+import { ModalProps } from 'antd/lib/modal';
+import '../../../style/modal/DraggableModal.css';
+export interface DraggableModalProps extends Omit<ModalProps, "width"> {
+    initialWidth?: number;
+    initialHeight?: number;
+    onResize?(size: {
+        width: number;
+        height: number;
+    }): void;
+}
+export declare const DraggableModal: FunctionComponent<DraggableModalProps>;

package/components/modal/impl/draggableModal.js

@@ -1,18 +1,18 @@
-import * as React from 'react';
-import { useContext } from 'react';
-import { useUID } from 'react-uid';
-import { DraggableModalContext } from './draggableModalContext';
-import { DraggableModalInner } from './draggableModalInner';
-import { getOrCreateModalState } from './draggableModalReducer';
-import '../../../style/modal/DraggableModal.css';
-export const DraggableModal = (props) => {
-    const id = useUID();
-    const modalProvider = useContext(DraggableModalContext);
-    if (!modalProvider) {
-        throw new Error('No Provider');
-    }
-    const { dispatch, state } = modalProvider;
-    const modalState = getOrCreateModalState(state, id, props.initialWidth, props.initialHeight);
-    return React.createElement(DraggableModalInner, Object.assign({ id: id, dispatch: dispatch, modalState: modalState }, props));
-};
+import * as React from 'react';
+import { useContext } from 'react';
+import { useUID } from 'react-uid';
+import { DraggableModalContext } from './draggableModalContext';
+import { DraggableModalInner } from './draggableModalInner';
+import { getModalState } from './draggableModalReducer';
+import '../../../style/modal/DraggableModal.css';
+export const DraggableModal = (props) => {
+    const id = useUID();
+    const modalProvider = useContext(DraggableModalContext);
+    if (!modalProvider) {
+        throw new Error('No Provider');
+    }
+    const { dispatch, state } = modalProvider;
+    const modalState = getModalState({ state, id, initialWidth: props.initialWidth, initialHeight: props.initialHeight });
+    return React.createElement(DraggableModalInner, Object.assign({ id: id, dispatch: dispatch, modalState: modalState }, props));
+};
 //# sourceMappingURL=draggableModal.js.map

package/components/modal/impl/draggableModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModal.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAC,UAAU,EAAC,MAAM,OAAO,CAAA;AAChC,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAChC,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAA;AAE7D,OAAO,yCAAyC,CAAA;AAShD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,KAA0B,EAAsB,EAAE;IAE7E,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAGpB,MAAM,aAAa,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACxD,IAAI,CAAC,aAAa,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,CAAA;KACjC;IAED,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAC,GAAG,aAAa,CAAC;IACxC,MAAM,UAAU,GAAG,qBAAqB,CAAC,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,YAAY,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC;IAK7F,OAAO,oBAAC,mBAAmB,kBAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AACjG,CAAC,CAAC","sourcesContent":["import * as React from 'react'\nimport {useContext} from 'react'\nimport {useUID} from 'react-uid'\nimport {DraggableModalContext} from './draggableModalContext'\nimport {DraggableModalInner} from './draggableModalInner'\nimport {getOrCreateModalState} from './draggableModalReducer'\nimport {ModalProps} from 'antd/lib/modal'\nimport '../../../style/modal/DraggableModal.css'\n\nexport interface DraggableModalProps extends Omit<ModalProps, \"width\"> {\n    initialWidth?: number,\n    initialHeight?: number\n    // resize dialog handler\n    onResize?(size: { width: number, height: number }): void\n}\n\nexport const DraggableModal = (props: DraggableModalProps): React.ReactElement => {\n    // Get the unique ID of this modal.\n    const id = useUID();\n\n    // Get modal provider.\n    const modalProvider = useContext(DraggableModalContext);\n    if (!modalProvider) {\n        throw new Error('No Provider')\n    }\n\n    const {dispatch, state} = modalProvider;\n    const modalState = getOrCreateModalState(state, id, props.initialWidth, props.initialHeight);\n\n    // We do this so that we don't re-render all modals for every state change.\n    // DraggableModalInner uses React.memo, so it only re-renders if\n    // if props change (e.g. modalState).\n    return <DraggableModalInner id={id} dispatch={dispatch} modalState={modalState} {...props} />\n};\n"]}
+{"version":3,"file":"draggableModal.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAoB,UAAU,EAAC,MAAM,OAAO,CAAA;AACnD,OAAO,EAAC,MAAM,EAAC,MAAM,WAAW,CAAA;AAChC,OAAO,EAAC,qBAAqB,EAAC,MAAM,yBAAyB,CAAA;AAC7D,OAAO,EAAC,mBAAmB,EAAC,MAAM,uBAAuB,CAAA;AACzD,OAAO,EAAC,aAAa,EAAC,MAAM,yBAAyB,CAAA;AAErD,OAAO,yCAAyC,CAAA;AAShD,MAAM,CAAC,MAAM,cAAc,GAA2C,CAAC,KAA0B,EAAsB,EAAE;IAErH,MAAM,EAAE,GAAG,MAAM,EAAE,CAAC;IAGpB,MAAM,aAAa,GAAG,UAAU,CAAC,qBAAqB,CAAC,CAAC;IACxD,IAAI,CAAC,aAAa,EAAE,CAAC;QACjB,MAAM,IAAI,KAAK,CAAC,aAAa,CAAC,CAAA;IAClC,CAAC;IAED,MAAM,EAAC,QAAQ,EAAE,KAAK,EAAC,GAAG,aAAa,CAAC;IACxC,MAAM,UAAU,GAAG,aAAa,CAAC,EAAC,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,CAAC,YAAY,EAAE,aAAa,EAAE,KAAK,CAAC,aAAa,EAAC,CAAC,CAAC;IAKpH,OAAO,oBAAC,mBAAmB,kBAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,IAAM,KAAK,EAAI,CAAA;AACjG,CAAC,CAAC","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport * as React from 'react'\r\nimport {FunctionComponent, useContext} from 'react'\r\nimport {useUID} from 'react-uid'\r\nimport {DraggableModalContext} from './draggableModalContext'\r\nimport {DraggableModalInner} from './draggableModalInner'\r\nimport {getModalState} from './draggableModalReducer'\r\nimport {ModalProps} from 'antd/lib/modal'\r\nimport '../../../style/modal/DraggableModal.css'\r\n\r\nexport interface DraggableModalProps extends Omit<ModalProps, \"width\"> {\r\n    initialWidth?: number,\r\n    initialHeight?: number\r\n    // resize dialog handler\r\n    onResize?(size: { width: number, height: number }): void\r\n}\r\n\r\nexport const DraggableModal: FunctionComponent<DraggableModalProps> = (props: DraggableModalProps): React.ReactElement => {\r\n    // Get the unique ID of this modal.\r\n    const id = useUID();\r\n\r\n    // Get modal provider.\r\n    const modalProvider = useContext(DraggableModalContext);\r\n    if (!modalProvider) {\r\n        throw new Error('No Provider')\r\n    }\r\n\r\n    const {dispatch, state} = modalProvider;\r\n    const modalState = getModalState({state, id, initialWidth: props.initialWidth, initialHeight: props.initialHeight});\r\n\r\n    // We do this so that we don't re-render all modals for every state change.\r\n    // DraggableModalInner uses React.memo, so it only re-renders if\r\n    // if props change (e.g. modalState).\r\n    return <DraggableModalInner id={id} dispatch={dispatch} modalState={modalState} {...props} />\r\n};\r\n"]}

package/components/modal/impl/draggableModalContext.d.ts

@@ -1,9 +1,9 @@
-import * as React from 'react';
-import { Action, ModalsState } from './draggableModalReducer';
-export interface DraggableModalContextMethods {
-    dispatch: (action: Action) => void;
-}
-export interface DraggableModalContextValue extends DraggableModalContextMethods {
-    state: ModalsState;
-}
-export declare const DraggableModalContext: React.Context<DraggableModalContextValue | null>;
+import * as React from 'react';
+import { Action, ModalsState } from './draggableModalReducer';
+export interface DraggableModalContextMethods {
+    dispatch: (action: Action) => void;
+}
+export interface DraggableModalContextValue extends DraggableModalContextMethods {
+    state: ModalsState;
+}
+export declare const DraggableModalContext: React.Context<DraggableModalContextValue | null>;

package/components/modal/impl/draggableModalContext.js

@@ -1,3 +1,3 @@
-import * as React from 'react';
-export const DraggableModalContext = React.createContext(null);
+import * as React from 'react';
+export const DraggableModalContext = React.createContext(null);
 //# sourceMappingURL=draggableModalContext.js.map

package/components/modal/impl/draggableModalContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModalContext.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalContext.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAoC,IAAI,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {Action, ModalsState} from './draggableModalReducer'\n\nexport interface DraggableModalContextMethods {\n    dispatch: (action: Action) => void\n}\n\nexport interface DraggableModalContextValue extends DraggableModalContextMethods {\n    state: ModalsState\n}\n\nexport const DraggableModalContext = React.createContext<DraggableModalContextValue | null>(null)\n"]}
+{"version":3,"file":"draggableModalContext.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAW9B,MAAM,CAAC,MAAM,qBAAqB,GAAG,KAAK,CAAC,aAAa,CAAoC,IAAI,CAAC,CAAA","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport * as React from 'react'\r\nimport {Action, ModalsState} from './draggableModalReducer'\r\n\r\nexport interface DraggableModalContextMethods {\r\n    dispatch: (action: Action) => void\r\n}\r\n\r\nexport interface DraggableModalContextValue extends DraggableModalContextMethods {\r\n    state: ModalsState\r\n}\r\n\r\nexport const DraggableModalContext = React.createContext<DraggableModalContextValue | null>(null)\r\n"]}

package/components/modal/impl/draggableModalInner.d.ts

@@ -1,13 +1,15 @@
-import * as React from 'react';
-import { DraggableModalContextMethods } from './draggableModalContext';
-import { ModalID, ModalState } from './draggableModalReducer';
-import { DraggableModalProps } from "./draggableModal";
-interface ContextProps extends DraggableModalContextMethods {
-    id: ModalID;
-    modalState: ModalState;
-}
-export interface DraggableModalInnerProps extends DraggableModalProps, ContextProps {
-    children?: React.ReactNode;
-}
-export declare const DraggableModalInner: React.MemoExoticComponent<({ id, modalState, dispatch, open, children, title, onResize, ...otherProps }: DraggableModalInnerProps) => JSX.Element>;
-export {};
+import * as React from 'react';
+import { DraggableModalContextMethods } from './draggableModalContext';
+import { ModalID, ModalState } from './draggableModalReducer';
+import { DraggableModalProps } from "./draggableModal";
+interface ContextProps extends DraggableModalContextMethods {
+    id: ModalID;
+    modalState: ModalState;
+    initialWidth?: number;
+    initialHeight?: number;
+}
+export interface DraggableModalInnerProps extends DraggableModalProps, ContextProps {
+    children?: React.ReactNode;
+}
+export declare const DraggableModalInner: React.MemoExoticComponent<({ id, modalState, dispatch, open, children, title, initialWidth, initialHeight, onResize, ...otherProps }: DraggableModalInnerProps) => React.JSX.Element>;
+export {};

package/components/modal/impl/draggableModalInner.js

@@ -1,56 +1,58 @@
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import * as React from 'react';
-import { memo, useCallback, useEffect, useMemo } from 'react';
-import { Modal } from 'antd';
-import { ResizeHandle } from './resizeHandle';
-import { useDrag } from './useDrag';
-import { usePrevious } from './usePrevious';
-import { useResize } from './useResize';
-const modalStyle = { margin: 0, paddingBottom: 0, pointerEvents: 'auto' };
-export const DraggableModalInner = memo((_a) => {
-    var { id, modalState, dispatch, open, children, title, onResize } = _a, otherProps = __rest(_a, ["id", "modalState", "dispatch", "open", "children", "title", "onResize"]);
-    useEffect(() => {
-        dispatch({ type: 'mount', id, size: { width: otherProps.initialWidth, height: otherProps.initialHeight } });
-        return () => dispatch({ type: 'unmount', id });
-    }, [dispatch, id]);
-    const visiblePrevious = usePrevious(open);
-    useEffect(() => {
-        if (open !== visiblePrevious) {
-            if (open) {
-                dispatch({ type: 'show', id });
-            }
-            else {
-                dispatch({ type: 'hide', id });
-            }
-        }
-    }, [open, visiblePrevious, id, dispatch]);
-    const { zIndex, x, y, width, height } = modalState;
-    const style = useMemo(() => (Object.assign(Object.assign({}, modalStyle), { top: y, left: x, height })), [y, x, height]);
-    const onFocus = useCallback(() => dispatch({ type: 'focus', id }), [id, dispatch]);
-    const onDragWithID = useCallback(args => dispatch(Object.assign({ type: 'drag', id }, args)), [
-        dispatch,
-        id,
-    ]);
-    const onResizeWithID = useCallback((args) => {
-        onResize === null || onResize === void 0 ? void 0 : onResize({ width: args.width, height: args.height });
-        return dispatch(Object.assign({ type: 'resize', id }, args));
-    }, [dispatch, id,]);
-    const onMouseDrag = useDrag(x, y, onDragWithID);
-    const onMouseResize = useResize(x, y, width, height, onResizeWithID);
-    const titleElement = useMemo(() => (React.createElement("div", { className: "ant-design-draggable-modal-title", onMouseDown: onMouseDrag, onClick: onFocus }, title)), [onMouseDrag, onFocus, title]);
-    return (React.createElement(Modal, Object.assign({ wrapClassName: "ant-design-draggable-modal", style: style, destroyOnClose: true, width: width, zIndex: zIndex, title: titleElement, open: open }, otherProps),
-        children,
-        React.createElement(ResizeHandle, { onMouseDown: onMouseResize })));
-});
-DraggableModalInner.displayName = 'DraggableModalInner';
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import * as React from 'react';
+import { memo, useCallback, useEffect, useMemo } from 'react';
+import { Modal } from 'antd';
+import { ResizeHandle } from './resizeHandle';
+import { useDrag } from './useDrag';
+import { usePrevious } from './usePrevious';
+import { useResize } from './useResize';
+const modalStyle = { margin: 0, paddingBottom: 0, pointerEvents: 'auto' };
+export const DraggableModalInner = memo((_a) => {
+    var { id, modalState, dispatch, open, children, title, initialWidth, initialHeight, onResize } = _a, otherProps = __rest(_a, ["id", "modalState", "dispatch", "open", "children", "title", "initialWidth", "initialHeight", "onResize"]);
+    useEffect(() => {
+        dispatch({ type: 'mount', id, intialState: { initialWidth, initialHeight } });
+        return () => dispatch({ type: 'unmount', id });
+    }, [dispatch, id, initialWidth, initialHeight]);
+    const visiblePrevious = usePrevious(open);
+    useEffect(() => {
+        if (open !== visiblePrevious) {
+            if (open) {
+                dispatch({ type: 'show', id });
+            }
+            else {
+                dispatch({ type: 'hide', id });
+            }
+        }
+    }, [open, visiblePrevious, id, dispatch]);
+    const { zIndex, x, y, width, height } = modalState;
+    const style = useMemo(() => (Object.assign(Object.assign({}, modalStyle), { top: y, left: x, height })), [y, x, height]);
+    const onFocus = useCallback(() => dispatch({ type: 'focus', id }), [id, dispatch]);
+    const onDragWithID = useCallback((args) => dispatch(Object.assign({ type: 'drag', id }, args)), [
+        dispatch,
+        id,
+    ]);
+    const onResizeWithID = useCallback((args) => {
+        onResize === null || onResize === void 0 ? void 0 : onResize({ width: args.width, height: args.height });
+        return dispatch(Object.assign({ type: 'resize', id }, args));
+    }, [dispatch, id,]);
+    const onMouseDrag = useDrag(x, y, onDragWithID);
+    const onMouseResize = useResize(x, y, width, height, onResizeWithID);
+    const titleElement = useMemo(() => (React.createElement("div", { className: "ant-design-draggable-modal-title", onMouseDown: onMouseDrag, onClick: onFocus }, title)), [onMouseDrag, onFocus, title]);
+    return (React.createElement(Modal, Object.assign({ wrapClassName: "ant-design-draggable-modal", style: style, destroyOnClose: true, mask: false, maskClosable: false, width: width, zIndex: zIndex, title: titleElement, open: open }, otherProps),
+        children,
+        React.createElement(ResizeHandle, { onMouseDown: onMouseResize })));
+});
+if (process.env.NODE_ENV !== 'production') {
+    DraggableModalInner.displayName = 'DraggableModalInner';
+}
 //# sourceMappingURL=draggableModalInner.js.map

package/components/modal/impl/draggableModalInner.js.map

@@ -1 +1 @@
-{"version":3,"file":"draggableModalInner.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalInner.tsx"],"names":[],"mappings":"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","sourcesContent":["import * as React from 'react'\nimport {memo, useCallback, useEffect, useMemo} from 'react'\nimport {Modal} from 'antd'\nimport {ResizeHandle} from './resizeHandle'\nimport {useDrag} from './useDrag'\nimport {DraggableModalContextMethods} from './draggableModalContext'\nimport {usePrevious} from './usePrevious'\nimport {ModalID, ModalState} from './draggableModalReducer'\nimport {useResize} from './useResize'\nimport {DraggableModalProps} from \"./draggableModal\";\n\nconst modalStyle: React.CSSProperties = {margin: 0, paddingBottom: 0, pointerEvents: 'auto'}\n\ninterface ContextProps extends DraggableModalContextMethods {\n    id: ModalID\n    modalState: ModalState\n}\n\n//export type DraggableModalInnerProps = ModalProps & { children?: React.ReactNode } & ContextProps\nexport interface DraggableModalInnerProps extends DraggableModalProps, ContextProps {\n    children?: React.ReactNode\n}\n\nexport const DraggableModalInner = memo(\n    ({\n         id,\n         modalState,\n         dispatch,\n         open,\n         children,\n         title,\n         onResize,\n         ...otherProps\n     }: DraggableModalInnerProps) => {\n        // Call on mount and unmount.\n        useEffect(() => {\n            dispatch({type: 'mount', id, size: {width: otherProps.initialWidth, height: otherProps.initialHeight}});\n            return () => dispatch({type: 'unmount', id})\n        }, [dispatch, id]);\n\n        // Bring this to the front if it's been opened with props.\n        const visiblePrevious = usePrevious(open);\n        useEffect(() => {\n            if (open !== visiblePrevious) {\n                if (open) {\n                    dispatch({type: 'show', id})\n                } else {\n                    dispatch({type: 'hide', id})\n                }\n            }\n        }, [open, visiblePrevious, id, dispatch]);\n\n        const {zIndex, x, y, width, height} = modalState;\n\n        const style: React.CSSProperties = useMemo(\n            () => ({...modalStyle, top: y, left: x, height}),\n            [y, x, height],\n        );\n\n        const onFocus = useCallback(() => dispatch({type: 'focus', id}), [id, dispatch])\n\n        const onDragWithID = useCallback(args => dispatch({type: 'drag', id, ...args}), [\n            dispatch,\n            id,\n        ]);\n\n        const onResizeWithID = useCallback((args) => {\n            onResize?.({width: args.width, height: args.height});\n            return dispatch({type: 'resize', id, ...args});\n        }, [dispatch, id,]);\n\n        const onMouseDrag = useDrag(x, y, onDragWithID);\n        const onMouseResize = useResize(x, y, width, height, onResizeWithID);\n\n        const titleElement = useMemo(\n            () => (\n                <div\n                    className=\"ant-design-draggable-modal-title\"\n                    onMouseDown={onMouseDrag}\n                    onClick={onFocus}\n                >\n                    {title}\n                </div>\n            ),\n            [onMouseDrag, onFocus, title],\n        );\n\n        return (\n            <Modal\n                wrapClassName=\"ant-design-draggable-modal\"\n                style={style}\n                destroyOnClose={true}\n                width={width}\n                zIndex={zIndex}\n                title={titleElement}\n                open={open}\n                {...otherProps}\n            >\n                {children}\n                <ResizeHandle onMouseDown={onMouseResize}/>\n            </Modal>\n        )\n    },\n);\n\nDraggableModalInner.displayName = 'DraggableModalInner';\n"]}
+{"version":3,"file":"draggableModalInner.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalInner.tsx"],"names":[],"mappings":"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","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport * as React from 'react'\r\nimport {memo, useCallback, useEffect, useMemo} from 'react'\r\nimport {Modal} from 'antd'\r\nimport {ResizeHandle} from './resizeHandle'\r\nimport {useDrag} from './useDrag'\r\nimport {DraggableModalContextMethods} from './draggableModalContext'\r\nimport {usePrevious} from './usePrevious'\r\nimport {ModalID, ModalState} from './draggableModalReducer'\r\nimport {useResize} from './useResize'\r\nimport {DraggableModalProps} from \"./draggableModal\";\r\n\r\nconst modalStyle: React.CSSProperties = {margin: 0, paddingBottom: 0, pointerEvents: 'auto'}\r\n\r\ninterface ContextProps extends DraggableModalContextMethods {\r\n    id: ModalID\r\n    modalState: ModalState\r\n    initialWidth?: number\r\n    initialHeight?: number\r\n}\r\n\r\n//export type DraggableModalInnerProps = ModalProps & { children?: React.ReactNode } & ContextProps\r\nexport interface DraggableModalInnerProps extends DraggableModalProps, ContextProps {\r\n    children?: React.ReactNode\r\n}\r\n\r\nexport const DraggableModalInner = memo(\r\n    ({\r\n         id,\r\n         modalState,\r\n         dispatch,\r\n         open,\r\n         children,\r\n         title,\r\n         initialWidth,\r\n         initialHeight,\r\n         onResize,\r\n         ...otherProps\r\n     }: DraggableModalInnerProps) => {\r\n        // Call on mount and unmount.\r\n        useEffect(() => {\r\n            dispatch({type: 'mount', id, intialState: {initialWidth, initialHeight}});\r\n            return () => dispatch({type: 'unmount', id})\r\n        }, [dispatch, id, initialWidth, initialHeight]);\r\n\r\n        // Bring this to the front if it's been opened with props.\r\n        const visiblePrevious = usePrevious(open);\r\n        useEffect(() => {\r\n            if (open !== visiblePrevious) {\r\n                if (open) {\r\n                    dispatch({type: 'show', id})\r\n                } else {\r\n                    dispatch({type: 'hide', id})\r\n                }\r\n            }\r\n        }, [open, visiblePrevious, id, dispatch]);\r\n\r\n        const {zIndex, x, y, width, height} = modalState;\r\n\r\n        const style: React.CSSProperties = useMemo(\r\n            () => ({...modalStyle, top: y, left: x, height}),\r\n            [y, x, height],\r\n        );\r\n\r\n        const onFocus = useCallback(() => dispatch({type: 'focus', id}), [id, dispatch])\r\n\r\n        const onDragWithID = useCallback((args: any) => dispatch({type: 'drag', id, ...args}), [\r\n            dispatch,\r\n            id,\r\n        ]);\r\n\r\n        const onResizeWithID = useCallback((args: any) => {\r\n            onResize?.({width: args.width, height: args.height});\r\n            return dispatch({type: 'resize', id, ...args})\r\n        }, [dispatch, id,]);\r\n\r\n        const onMouseDrag = useDrag(x, y, onDragWithID);\r\n        const onMouseResize = useResize(x, y, width, height, onResizeWithID);\r\n\r\n        const titleElement = useMemo(\r\n            () => (\r\n                <div\r\n                    className=\"ant-design-draggable-modal-title\"\r\n                    onMouseDown={onMouseDrag}\r\n                    onClick={onFocus}\r\n                >\r\n                    {title}\r\n                </div>\r\n            ),\r\n            [onMouseDrag, onFocus, title],\r\n        );\r\n\r\n        return (\r\n            <Modal\r\n                wrapClassName=\"ant-design-draggable-modal\"\r\n                style={style}\r\n                destroyOnClose={true}\r\n                mask={false}\r\n                maskClosable={false}\r\n                width={width}\r\n                zIndex={zIndex}\r\n                title={titleElement}\r\n                open={open}\r\n                {...otherProps}\r\n            >\r\n                {children}\r\n                <ResizeHandle onMouseDown={onMouseResize}/>\r\n            </Modal>\r\n        )\r\n    }\r\n);\r\n\r\nif (process.env.NODE_ENV !== 'production') {\r\n    DraggableModalInner.displayName = 'DraggableModalInner'\r\n}\r\n"]}

package/components/modal/impl/draggableModalReducer.d.ts

@@ -1,62 +1,66 @@
-export declare type ModalID = string;
-export interface ModalState {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-    zIndex: number;
-    visible: boolean;
-}
-export interface ModalsState {
-    maxZIndex: number;
-    windowSize: {
-        width: number;
-        height: number;
-    };
-    modals: {
-        [key: string]: ModalState;
-    };
-}
-export declare const initialModalsState: ModalsState;
-export declare const initialModalState: ModalState;
-export declare type Action = {
-    type: 'show';
-    id: ModalID;
-} | {
-    type: 'hide';
-    id: ModalID;
-} | {
-    type: 'focus';
-    id: ModalID;
-} | {
-    type: 'unmount';
-    id: ModalID;
-} | {
-    type: 'mount';
-    id: ModalID;
-    size: {
-        width?: number;
-        height?: number;
-    };
-} | {
-    type: 'windowResize';
-    size: {
-        width: number;
-        height: number;
-    };
-} | {
-    type: 'drag';
-    id: ModalID;
-    x: number;
-    y: number;
-} | {
-    type: 'resize';
-    id: ModalID;
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export declare const getOrCreateModalState: (state: ModalsState, id: ModalID, initialWidth: number | undefined, initialHeight: number | undefined) => ModalState;
-export declare const getModalState: (state: ModalsState, id: ModalID) => ModalState;
-export declare const draggableModalReducer: (state: ModalsState, action: Action) => ModalsState;
+export type ModalID = string;
+export interface ModalState {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+    zIndex: number;
+    visible: boolean;
+}
+export interface ModalsState {
+    maxZIndex: number;
+    windowSize: {
+        width: number;
+        height: number;
+    };
+    modals: {
+        [key: string]: ModalState;
+    };
+}
+export declare const initialModalsState: ModalsState;
+export declare const initialModalState: ModalState;
+export type Action = {
+    type: 'show';
+    id: ModalID;
+} | {
+    type: 'hide';
+    id: ModalID;
+} | {
+    type: 'focus';
+    id: ModalID;
+} | {
+    type: 'unmount';
+    id: ModalID;
+} | {
+    type: 'mount';
+    id: ModalID;
+    intialState: {
+        initialWidth?: number;
+        initialHeight?: number;
+    };
+} | {
+    type: 'windowResize';
+    size: {
+        width: number;
+        height: number;
+    };
+} | {
+    type: 'drag';
+    id: ModalID;
+    x: number;
+    y: number;
+} | {
+    type: 'resize';
+    id: ModalID;
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+export declare const getModalState: ({ state, id, initialWidth, initialHeight, }: {
+    state: ModalsState;
+    id: ModalID;
+    initialWidth?: number;
+    initialHeight?: number;
+}) => ModalState;
+export declare const draggableModalReducer: (state: ModalsState, action: Action) => ModalsState;