d2coreui 21.0.33 → 23.0.0

package/components/modal/impl/draggableModalReducer.js

@@ -1,79 +1,78 @@
-import { getWindowSize } from './getWindowSize';
-import { clamp } from './clamp';
-const mapObject = (o, f) => Object.assign({}, ...Object.keys(o).map(k => ({ [k]: f(o[k]) })));
-export const initialModalsState = {
-    maxZIndex: 0,
-    windowSize: getWindowSize(),
-    modals: {},
-};
-export const initialModalState = {
-    x: 0,
-    y: 0,
-    width: 400,
-    height: 400,
-    zIndex: 0,
-    visible: false,
-};
-export const getOrCreateModalState = (state, id, initialWidth, initialHeight) => state.modals[id] || Object.assign({}, initialModalState, {
-    width: initialWidth ? initialWidth : 400,
-    height: initialHeight ? initialHeight : 400
-});
-export const getModalState = (state, id) => state.modals[id] || initialModalState;
-const getNextZIndex = (state, id) => getModalState(state, id).zIndex === state.maxZIndex ? state.maxZIndex : state.maxZIndex + 1;
-const clampDrag = (windowWidth, windowHeight, x, y, width, height) => {
-    const maxX = windowWidth - width;
-    const maxY = windowHeight - height;
-    const clampedX = clamp(0, maxX, x);
-    const clampedY = clamp(0, maxY, y);
-    return { x: clampedX, y: clampedY };
-};
-const clampResize = (windowWidth, windowHeight, x, y, width, height) => {
-    const maxWidth = windowWidth - x;
-    const maxHeight = windowHeight - y;
-    const clampedWidth = clamp(200, maxWidth, width);
-    const clampedHeight = clamp(200, maxHeight, height);
-    return { width: clampedWidth, height: clampedHeight };
-};
-export const draggableModalReducer = (state, action) => {
-    switch (action.type) {
-        case 'resize':
-            const size = clampResize(state.windowSize.width, state.windowSize.height, action.x, action.y, action.width, action.height);
-            return Object.assign(Object.assign({}, state), { maxZIndex: getNextZIndex(state, action.id), modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign(Object.assign({}, state.modals[action.id]), size), { zIndex: getNextZIndex(state, action.id) }) }) });
-        case 'drag':
-            return Object.assign(Object.assign({}, state), { maxZIndex: getNextZIndex(state, action.id), modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign(Object.assign({}, state.modals[action.id]), clampDrag(state.windowSize.width, state.windowSize.height, action.x, action.y, state.modals[action.id].width, state.modals[action.id].height)), { zIndex: getNextZIndex(state, action.id) }) }) });
-        case 'show': {
-            const modalState = state.modals[action.id];
-            const centerX = state.windowSize.width / 2 - modalState.width / 2;
-            const centerY = state.windowSize.height / 2 - modalState.height / 2;
-            const position = clampDrag(state.windowSize.width, state.windowSize.height, centerX, centerY, modalState.width, modalState.height);
-            const size = clampResize(state.windowSize.width, state.windowSize.height, position.x, position.y, modalState.width, modalState.height);
-            return Object.assign(Object.assign({}, state), { maxZIndex: state.maxZIndex + 1, modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign(Object.assign(Object.assign({}, modalState), position), size), { zIndex: state.maxZIndex + 1, visible: true }) }) });
-        }
-        case 'focus':
-            const modalState = state.modals[action.id];
-            return Object.assign(Object.assign({}, state), { maxZIndex: state.maxZIndex + 1, modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign({}, modalState), { zIndex: state.maxZIndex + 1 }) }) });
-        case 'hide': {
-            const modalState = state.modals[action.id];
-            return Object.assign(Object.assign({}, state), { modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign({}, modalState), { visible: false }) }) });
-        }
-        case 'mount':
-            const initialState = Object.assign({}, initialModalState, action.size);
-            return Object.assign(Object.assign({}, state), { maxZIndex: state.maxZIndex + 1, modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign({}, initialState), { x: state.windowSize.width / 2 - initialState.width / 2, y: state.windowSize.height / 2 - initialState.height / 2, zIndex: state.maxZIndex + 1 }) }) });
-        case 'unmount':
-            const modalsClone = Object.assign({}, state.modals);
-            delete modalsClone[action.id];
-            return Object.assign(Object.assign({}, state), { modals: modalsClone });
-        case 'windowResize':
-            return Object.assign(Object.assign({}, state), { windowSize: action.size, modals: mapObject(state.modals, (modalState) => {
-                    if (!modalState.visible) {
-                        return modalState;
-                    }
-                    const position = clampDrag(state.windowSize.width, state.windowSize.height, modalState.x, modalState.y, modalState.width, modalState.height);
-                    const size = clampResize(state.windowSize.width, state.windowSize.height, position.x, position.y, modalState.width, modalState.height);
-                    return Object.assign(Object.assign(Object.assign({}, modalState), position), size);
-                }) });
-        default:
-            throw new Error();
-    }
-};
+import { getWindowSize } from './getWindowSize';
+import { clamp } from './clamp';
+const mapObject = (o, f) => Object.assign({}, ...Object.keys(o).map(k => ({ [k]: f(o[k]) })));
+export const initialModalsState = {
+    maxZIndex: 0,
+    windowSize: getWindowSize(),
+    modals: {},
+};
+export const initialModalState = {
+    x: 0,
+    y: 0,
+    width: 400,
+    height: 400,
+    zIndex: 0,
+    visible: false,
+};
+const getInitialModalState = ({ initialWidth = initialModalState.width, initialHeight = initialModalState.height, }) => {
+    return Object.assign(Object.assign({}, initialModalState), { width: initialWidth, height: initialHeight });
+};
+export const getModalState = ({ state, id, initialWidth, initialHeight, }) => state.modals[id] || getInitialModalState({ initialWidth, initialHeight });
+const getNextZIndex = (state, id) => getModalState({ state, id }).zIndex === state.maxZIndex ? state.maxZIndex : state.maxZIndex + 1;
+const clampDrag = (windowWidth, windowHeight, x, y, width, height) => {
+    const maxX = windowWidth - width;
+    const maxY = windowHeight - height;
+    const clampedX = clamp(0, maxX, x);
+    const clampedY = clamp(0, maxY, y);
+    return { x: clampedX, y: clampedY };
+};
+const clampResize = (windowWidth, windowHeight, x, y, width, height) => {
+    const maxWidth = windowWidth - x;
+    const maxHeight = windowHeight - y;
+    const clampedWidth = clamp(200, maxWidth, width);
+    const clampedHeight = clamp(200, maxHeight, height);
+    return { width: clampedWidth, height: clampedHeight };
+};
+export const draggableModalReducer = (state, action) => {
+    switch (action.type) {
+        case 'resize':
+            const size = clampResize(state.windowSize.width, state.windowSize.height, action.x, action.y, action.width, action.height);
+            return Object.assign(Object.assign({}, state), { maxZIndex: getNextZIndex(state, action.id), modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign(Object.assign({}, state.modals[action.id]), size), { zIndex: getNextZIndex(state, action.id) }) }) });
+        case 'drag':
+            return Object.assign(Object.assign({}, state), { maxZIndex: getNextZIndex(state, action.id), modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign(Object.assign({}, state.modals[action.id]), clampDrag(state.windowSize.width, state.windowSize.height, action.x, action.y, state.modals[action.id].width, state.modals[action.id].height)), { zIndex: getNextZIndex(state, action.id) }) }) });
+        case 'show': {
+            const modalState = state.modals[action.id];
+            const centerX = state.windowSize.width / 2 - modalState.width / 2;
+            const centerY = state.windowSize.height / 2 - modalState.height / 2;
+            const position = clampDrag(state.windowSize.width, state.windowSize.height, centerX, centerY, modalState.width, modalState.height);
+            const size = clampResize(state.windowSize.width, state.windowSize.height, position.x, position.y, modalState.width, modalState.height);
+            return Object.assign(Object.assign({}, state), { maxZIndex: state.maxZIndex + 1, modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign(Object.assign(Object.assign({}, modalState), position), size), { zIndex: state.maxZIndex + 1, visible: true }) }) });
+        }
+        case 'focus':
+            const modalState = state.modals[action.id];
+            return Object.assign(Object.assign({}, state), { maxZIndex: state.maxZIndex + 1, modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign({}, modalState), { zIndex: state.maxZIndex + 1 }) }) });
+        case 'hide': {
+            const modalState = state.modals[action.id];
+            return Object.assign(Object.assign({}, state), { modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign({}, modalState), { visible: false }) }) });
+        }
+        case 'mount':
+            const initialState = getInitialModalState(action.intialState);
+            return Object.assign(Object.assign({}, state), { maxZIndex: state.maxZIndex + 1, modals: Object.assign(Object.assign({}, state.modals), { [action.id]: Object.assign(Object.assign({}, initialState), { x: state.windowSize.width / 2 - initialState.width / 2, y: state.windowSize.height / 2 - initialState.height / 2, zIndex: state.maxZIndex + 1 }) }) });
+        case 'unmount':
+            const modalsClone = Object.assign({}, state.modals);
+            delete modalsClone[action.id];
+            return Object.assign(Object.assign({}, state), { modals: modalsClone });
+        case 'windowResize':
+            return Object.assign(Object.assign({}, state), { windowSize: action.size, modals: mapObject(state.modals, (modalState) => {
+                    if (!modalState.visible) {
+                        return modalState;
+                    }
+                    const position = clampDrag(state.windowSize.width, state.windowSize.height, modalState.x, modalState.y, modalState.width, modalState.height);
+                    const size = clampResize(state.windowSize.width, state.windowSize.height, position.x, position.y, modalState.width, modalState.height);
+                    return Object.assign(Object.assign(Object.assign({}, modalState), position), size);
+                }) });
+        default:
+            throw new Error();
+    }
+};
 //# sourceMappingURL=draggableModalReducer.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"draggableModalReducer.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalReducer.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAA;AAC7C,OAAO,EAAC,KAAK,EAAC,MAAM,SAAS,CAAA;AAE7B,MAAM,SAAS,GAAG,CAAI,CAAuB,EAAE,CAAkB,EAAwB,EAAE,CACvF,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAC,CAAC,CAAC,CAAC,CAAA;AA2BnE,MAAM,CAAC,MAAM,kBAAkB,GAAgB;IAC3C,SAAS,EAAE,CAAC;IACZ,UAAU,EAAE,aAAa,EAAE;IAC3B,MAAM,EAAE,EAAE;CACb,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAe;IACzC,CAAC,EAAE,CAAC;IACJ,CAAC,EAAE,CAAC;IACJ,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,KAAK;CACjB,CAAC;AAmBF,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAkB,EAAE,EAAW,EAAE,YAAgC,EAAE,aAAiC,EAAc,EAAE,CACtJ,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE;IACrD,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,GAAG;IACxC,MAAM,EAAE,aAAa,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,GAAG;CAC9C,CAAC,CAAC;AAEP,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAW,EAAc,EAAE,CACzE,KAAK,CAAC,MAAM,CAAC,EAAE,CAAC,IAAI,iBAAiB,CAAC;AAE1C,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,EAAU,EAAU,EAAE,CAC7D,aAAa,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC;AAEhG,MAAM,SAAS,GAAG,CACd,WAAmB,EACnB,YAAoB,EACpB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACU,EAAE;IAC1B,MAAM,IAAI,GAAG,WAAW,GAAG,KAAK,CAAC;IACjC,MAAM,IAAI,GAAG,YAAY,GAAG,MAAM,CAAC;IACnC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACnC,MAAM,QAAQ,GAAG,KAAK,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IACnC,OAAO,EAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAC,CAAA;AACrC,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,CAChB,WAAmB,EACnB,YAAoB,EACpB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACmB,EAAE;IACnC,MAAM,QAAQ,GAAG,WAAW,GAAG,CAAC,CAAC;IACjC,MAAM,SAAS,GAAG,YAAY,GAAG,CAAC,CAAC;IACnC,MAAM,YAAY,GAAG,KAAK,CAAC,GAAG,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC;IACjD,MAAM,aAAa,GAAG,KAAK,CAAC,GAAG,EAAE,SAAS,EAAE,MAAM,CAAC,CAAC;IACpD,OAAO,EAAC,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,aAAa,EAAC,CAAA;AACvD,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,KAAkB,EAAE,MAAc,EAAe,EAAE;IACrF,QAAQ,MAAM,CAAC,IAAI,EAAE;QACjB,KAAK,QAAQ;YACT,MAAM,IAAI,GAAG,WAAW,CACpB,KAAK,CAAC,UAAU,CAAC,KAAK,EACtB,KAAK,CAAC,UAAU,CAAC,MAAM,EACvB,MAAM,CAAC,CAAC,EACR,MAAM,CAAC,CAAC,EACR,MAAM,CAAC,KAAK,EACZ,MAAM,CAAC,MAAM,CAChB,CAAA;YACD,uCACO,KAAK,KACR,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,EAC1C,MAAM,kCACC,KAAK,CAAC,MAAM,KACf,CAAC,MAAM,CAAC,EAAE,CAAC,gDACJ,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,GACvB,IAAI,KACP,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,UAGlD;QACL,KAAK,MAAM;YACP,uCACO,KAAK,KACR,SAAS,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,EAC1C,MAAM,kCACC,KAAK,CAAC,MAAM,KACf,CAAC,MAAM,CAAC,EAAE,CAAC,gDACJ,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,GACvB,SAAS,CACR,KAAK,CAAC,UAAU,CAAC,KAAK,EACtB,KAAK,CAAC,UAAU,CAAC,MAAM,EACvB,MAAM,CAAC,CAAC,EACR,MAAM,CAAC,CAAC,EACR,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,KAAK,EAC7B,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,MAAM,CACjC,KACD,MAAM,EAAE,aAAa,CAAC,KAAK,EAAE,MAAM,CAAC,EAAE,CAAC,UAGlD;QACL,KAAK,MAAM,CAAC,CAAC;YACT,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;YAC1C,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,GAAG,UAAU,CAAC,KAAK,GAAG,CAAC,CAAA;YACjE,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,UAAU,CAAC,MAAM,GAAG,CAAC,CAAA;YACnE,MAAM,QAAQ,GAAG,SAAS,CACtB,KAAK,CAAC,UAAU,CAAC,KAAK,EACtB,KAAK,CAAC,UAAU,CAAC,MAAM,EACvB,OAAO,EACP,OAAO,EACP,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,MAAM,CACpB,CAAA;YACD,MAAM,IAAI,GAAG,WAAW,CACpB,KAAK,CAAC,UAAU,CAAC,KAAK,EACtB,KAAK,CAAC,UAAU,CAAC,MAAM,EACvB,QAAQ,CAAC,CAAC,EACV,QAAQ,CAAC,CAAC,EACV,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,MAAM,CACpB,CAAA;YACD,uCACO,KAAK,KACR,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,EAC9B,MAAM,kCACC,KAAK,CAAC,MAAM,KACf,CAAC,MAAM,CAAC,EAAE,CAAC,8DACJ,UAAU,GACV,QAAQ,GACR,IAAI,KACP,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,EAC3B,OAAO,EAAE,IAAI,UAGxB;SACJ;QACD,KAAK,OAAO;YACR,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;YAC1C,uCACO,KAAK,KACR,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,EAC9B,MAAM,kCACC,KAAK,CAAC,MAAM,KACf,CAAC,MAAM,CAAC,EAAE,CAAC,kCACJ,UAAU,KACb,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,UAGtC;QACL,KAAK,MAAM,CAAC,CAAC;YACT,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;YAC1C,uCACO,KAAK,KACR,MAAM,kCACC,KAAK,CAAC,MAAM,KACf,CAAC,MAAM,CAAC,EAAE,CAAC,kCACJ,UAAU,KACb,OAAO,EAAE,KAAK,UAGzB;SACJ;QACD,KAAK,OAAO;YACR,MAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,iBAAiB,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC;YACvE,uCACO,KAAK,KACR,SAAS,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,EAC9B,MAAM,kCACC,KAAK,CAAC,MAAM,KACf,CAAC,MAAM,CAAC,EAAE,CAAC,kCACJ,YAAY,KACf,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,GAAG,CAAC,GAAG,YAAY,CAAC,KAAK,GAAG,CAAC,EACtD,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,MAAM,GAAG,CAAC,GAAG,YAAY,CAAC,MAAM,GAAG,CAAC,EACxD,MAAM,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,UAGrC;QACN,KAAK,SAAS;YACV,MAAM,WAAW,qBAAO,KAAK,CAAC,MAAM,CAAC,CAAC;YACtC,OAAO,WAAW,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YAC9B,uCACO,KAAK,KACR,MAAM,EAAE,WAAW,IACrB;QACN,KAAK,cAAc;YACf,uCACO,KAAK,KACR,UAAU,EAAE,MAAM,CAAC,IAAI,EACvB,MAAM,EAAE,SAAS,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,UAAsB,EAAE,EAAE;oBACvD,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;wBACrB,OAAO,UAAU,CAAA;qBACpB;oBACD,MAAM,QAAQ,GAAG,SAAS,CACtB,KAAK,CAAC,UAAU,CAAC,KAAK,EACtB,KAAK,CAAC,UAAU,CAAC,MAAM,EACvB,UAAU,CAAC,CAAC,EACZ,UAAU,CAAC,CAAC,EACZ,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,MAAM,CACpB,CAAA;oBACD,MAAM,IAAI,GAAG,WAAW,CACpB,KAAK,CAAC,UAAU,CAAC,KAAK,EACtB,KAAK,CAAC,UAAU,CAAC,MAAM,EACvB,QAAQ,CAAC,CAAC,EACV,QAAQ,CAAC,CAAC,EACV,UAAU,CAAC,KAAK,EAChB,UAAU,CAAC,MAAM,CACpB,CAAA;oBACD,qDACO,UAAU,GACV,QAAQ,GACR,IAAI,EACV;gBACL,CAAC,CAAC,IACL;QACL;YACI,MAAM,IAAI,KAAK,EAAE,CAAA;KACxB;AACL,CAAC,CAAA","sourcesContent":["import {getWindowSize} from './getWindowSize'\nimport {clamp} from './clamp'\n\nconst mapObject = <T>(o: { [key: string]: T }, f: (value: T) => T): { [key: string]: T } =>\n    Object.assign({}, ...Object.keys(o).map(k => ({[k]: f(o[k])})))\n\n// ID for a specific modal.\nexport type ModalID = string\n\n// State for a specific modal.\nexport interface ModalState {\n    x: number\n    y: number\n    width: number\n    height: number\n    zIndex: number\n    visible: boolean\n}\n\n// State of all modals.\nexport interface ModalsState {\n    maxZIndex: number\n    windowSize: {\n        width: number\n        height: number\n    }\n    modals: {\n        [key: string]: ModalState\n    }\n}\n\nexport const initialModalsState: ModalsState = {\n    maxZIndex: 0,\n    windowSize: getWindowSize(),\n    modals: {},\n};\n\nexport const initialModalState: ModalState = {\n    x: 0,\n    y: 0,\n    width: 400,\n    height: 400,\n    zIndex: 0,\n    visible: false,\n};\n\nexport type Action =\n    | { type: 'show'; id: ModalID }\n    | { type: 'hide'; id: ModalID }\n    | { type: 'focus'; id: ModalID }\n    | { type: 'unmount'; id: ModalID }\n    | { type: 'mount'; id: ModalID, size: { width?: number; height?: number } }\n    | { type: 'windowResize'; size: { width: number; height: number } }\n    | { type: 'drag'; id: ModalID; x: number; y: number }\n    | {\n    type: 'resize'\n    id: ModalID\n    x: number\n    y: number\n    width: number\n    height: number\n}\n\nexport const getOrCreateModalState = (state: ModalsState, id: ModalID, initialWidth: number | undefined, initialHeight: number | undefined): ModalState =>\n    state.modals[id] || Object.assign({}, initialModalState, {\n        width: initialWidth ? initialWidth : 400,\n        height: initialHeight ? initialHeight : 400\n    });\n\nexport const getModalState = (state: ModalsState, id: ModalID): ModalState =>\n    state.modals[id] || initialModalState;\n\nconst getNextZIndex = (state: ModalsState, id: string): number =>\n    getModalState(state, id).zIndex === state.maxZIndex ? state.maxZIndex : state.maxZIndex + 1;\n\nconst clampDrag = (\n    windowWidth: number,\n    windowHeight: number,\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n): { x: number; y: number } => {\n    const maxX = windowWidth - width;\n    const maxY = windowHeight - height;\n    const clampedX = clamp(0, maxX, x);\n    const clampedY = clamp(0, maxY, y);\n    return {x: clampedX, y: clampedY}\n}\n\nconst clampResize = (\n    windowWidth: number,\n    windowHeight: number,\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n): { width: number; height: number } => {\n    const maxWidth = windowWidth - x;\n    const maxHeight = windowHeight - y;\n    const clampedWidth = clamp(200, maxWidth, width);\n    const clampedHeight = clamp(200, maxHeight, height);\n    return {width: clampedWidth, height: clampedHeight}\n}\n\nexport const draggableModalReducer = (state: ModalsState, action: Action): ModalsState => {\n    switch (action.type) {\n        case 'resize':\n            const size = clampResize(\n                state.windowSize.width,\n                state.windowSize.height,\n                action.x,\n                action.y,\n                action.width,\n                action.height,\n            )\n            return {\n                ...state,\n                maxZIndex: getNextZIndex(state, action.id),\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...state.modals[action.id],\n                        ...size,\n                        zIndex: getNextZIndex(state, action.id),\n                    },\n                },\n            }\n        case 'drag':\n            return {\n                ...state,\n                maxZIndex: getNextZIndex(state, action.id),\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...state.modals[action.id],\n                        ...clampDrag(\n                            state.windowSize.width,\n                            state.windowSize.height,\n                            action.x,\n                            action.y,\n                            state.modals[action.id].width,\n                            state.modals[action.id].height,\n                        ),\n                        zIndex: getNextZIndex(state, action.id),\n                    },\n                },\n            }\n        case 'show': {\n            const modalState = state.modals[action.id]\n            const centerX = state.windowSize.width / 2 - modalState.width / 2\n            const centerY = state.windowSize.height / 2 - modalState.height / 2\n            const position = clampDrag(\n                state.windowSize.width,\n                state.windowSize.height,\n                centerX,\n                centerY,\n                modalState.width,\n                modalState.height,\n            )\n            const size = clampResize(\n                state.windowSize.width,\n                state.windowSize.height,\n                position.x,\n                position.y,\n                modalState.width,\n                modalState.height,\n            )\n            return {\n                ...state,\n                maxZIndex: state.maxZIndex + 1,\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...modalState,\n                        ...position,\n                        ...size,\n                        zIndex: state.maxZIndex + 1,\n                        visible: true,\n                    },\n                },\n            }\n        }\n        case 'focus':\n            const modalState = state.modals[action.id]\n            return {\n                ...state,\n                maxZIndex: state.maxZIndex + 1,\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...modalState,\n                        zIndex: state.maxZIndex + 1,\n                    },\n                },\n            }\n        case 'hide': {\n            const modalState = state.modals[action.id]\n            return {\n                ...state,\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...modalState,\n                        visible: false,\n                    },\n                },\n            }\n        }\n        case 'mount':\n            const initialState = Object.assign({}, initialModalState, action.size);\n            return {\n                ...state,\n                maxZIndex: state.maxZIndex + 1,\n                modals: {\n                    ...state.modals,\n                    [action.id]: {\n                        ...initialState,\n                        x: state.windowSize.width / 2 - initialState.width / 2,\n                        y: state.windowSize.height / 2 - initialState.height / 2,\n                        zIndex: state.maxZIndex + 1,\n                    },\n                },\n            };\n        case 'unmount':\n            const modalsClone = {...state.modals};\n            delete modalsClone[action.id];\n            return {\n                ...state,\n                modals: modalsClone,\n            };\n        case 'windowResize':\n            return {\n                ...state,\n                windowSize: action.size,\n                modals: mapObject(state.modals, (modalState: ModalState) => {\n                    if (!modalState.visible) {\n                        return modalState\n                    }\n                    const position = clampDrag(\n                        state.windowSize.width,\n                        state.windowSize.height,\n                        modalState.x,\n                        modalState.y,\n                        modalState.width,\n                        modalState.height,\n                    )\n                    const size = clampResize(\n                        state.windowSize.width,\n                        state.windowSize.height,\n                        position.x,\n                        position.y,\n                        modalState.width,\n                        modalState.height,\n                    )\n                    return {\n                        ...modalState,\n                        ...position,\n                        ...size,\n                    }\n                }),\n            }\n        default:\n            throw new Error()\n    }\n}\n"]}
+{"version":3,"file":"draggableModalReducer.js","sourceRoot":"","sources":["../../../../../components/modal/impl/draggableModalReducer.ts"],"names":[],"mappings":"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","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport {getWindowSize} from './getWindowSize'\r\nimport {clamp} from './clamp'\r\n\r\nconst mapObject = <T>(o: { [key: string]: T }, f: (value: T) => T): { [key: string]: T } =>\r\n    Object.assign({}, ...Object.keys(o).map(k => ({[k]: f(o[k])})))\r\n\r\n// ID for a specific modal.\r\nexport type ModalID = string\r\n\r\n// State for a specific modal.\r\nexport interface ModalState {\r\n    x: number\r\n    y: number\r\n    width: number\r\n    height: number\r\n    zIndex: number\r\n    visible: boolean\r\n}\r\n\r\n// State of all modals.\r\nexport interface ModalsState {\r\n    maxZIndex: number\r\n    windowSize: {\r\n        width: number\r\n        height: number\r\n    }\r\n    modals: {\r\n        [key: string]: ModalState\r\n    }\r\n}\r\n\r\nexport const initialModalsState: ModalsState = {\r\n    maxZIndex: 0,\r\n    windowSize: getWindowSize(),\r\n    modals: {},\r\n};\r\n\r\nexport const initialModalState: ModalState = {\r\n    x: 0,\r\n    y: 0,\r\n    width: 400,\r\n    height: 400,\r\n    zIndex: 0,\r\n    visible: false,\r\n};\r\n\r\nconst getInitialModalState = ({\r\n                                  initialWidth = initialModalState.width,\r\n                                  initialHeight = initialModalState.height,\r\n                              }: {\r\n    initialWidth?: number\r\n    initialHeight?: number\r\n}) => {\r\n    return {\r\n        ...initialModalState,\r\n        width: initialWidth,\r\n        height: initialHeight,\r\n    }\r\n}\r\n\r\nexport type Action =\r\n    | { type: 'show'; id: ModalID }\r\n    | { type: 'hide'; id: ModalID }\r\n    | { type: 'focus'; id: ModalID }\r\n    | { type: 'unmount'; id: ModalID }\r\n    | { type: 'mount'; id: ModalID, intialState: { initialWidth?: number; initialHeight?: number } }\r\n    | { type: 'windowResize'; size: { width: number; height: number } }\r\n    | { type: 'drag'; id: ModalID; x: number; y: number }\r\n    | {\r\n    type: 'resize'\r\n    id: ModalID\r\n    x: number\r\n    y: number\r\n    width: number\r\n    height: number\r\n}\r\n\r\nexport const getModalState = ({\r\n                                  state,\r\n                                  id,\r\n                                  initialWidth,\r\n                                  initialHeight,\r\n                              }: {\r\n    state: ModalsState\r\n    id: ModalID\r\n    initialWidth?: number\r\n    initialHeight?: number\r\n}): ModalState => state.modals[id] || getInitialModalState({ initialWidth, initialHeight })\r\n\r\nconst getNextZIndex = (state: ModalsState, id: string): number =>\r\n    getModalState({state, id}).zIndex === state.maxZIndex ? state.maxZIndex : state.maxZIndex + 1;\r\n\r\nconst clampDrag = (\r\n    windowWidth: number,\r\n    windowHeight: number,\r\n    x: number,\r\n    y: number,\r\n    width: number,\r\n    height: number,\r\n): { x: number; y: number } => {\r\n    const maxX = windowWidth - width;\r\n    const maxY = windowHeight - height;\r\n    const clampedX = clamp(0, maxX, x);\r\n    const clampedY = clamp(0, maxY, y);\r\n    return {x: clampedX, y: clampedY}\r\n}\r\n\r\nconst clampResize = (\r\n    windowWidth: number,\r\n    windowHeight: number,\r\n    x: number,\r\n    y: number,\r\n    width: number,\r\n    height: number,\r\n): { width: number; height: number } => {\r\n    const maxWidth = windowWidth - x;\r\n    const maxHeight = windowHeight - y;\r\n    const clampedWidth = clamp(200, maxWidth, width);\r\n    const clampedHeight = clamp(200, maxHeight, height);\r\n    return {width: clampedWidth, height: clampedHeight}\r\n}\r\n\r\nexport const draggableModalReducer = (state: ModalsState, action: Action): ModalsState => {\r\n    switch (action.type) {\r\n        case 'resize':\r\n            const size = clampResize(\r\n                state.windowSize.width,\r\n                state.windowSize.height,\r\n                action.x,\r\n                action.y,\r\n                action.width,\r\n                action.height,\r\n            )\r\n            return {\r\n                ...state,\r\n                maxZIndex: getNextZIndex(state, action.id),\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...state.modals[action.id],\r\n                        ...size,\r\n                        zIndex: getNextZIndex(state, action.id),\r\n                    },\r\n                },\r\n            }\r\n        case 'drag':\r\n            return {\r\n                ...state,\r\n                maxZIndex: getNextZIndex(state, action.id),\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...state.modals[action.id],\r\n                        ...clampDrag(\r\n                            state.windowSize.width,\r\n                            state.windowSize.height,\r\n                            action.x,\r\n                            action.y,\r\n                            state.modals[action.id].width,\r\n                            state.modals[action.id].height,\r\n                        ),\r\n                        zIndex: getNextZIndex(state, action.id),\r\n                    },\r\n                },\r\n            }\r\n        case 'show': {\r\n            const modalState = state.modals[action.id]\r\n            const centerX = state.windowSize.width / 2 - modalState.width / 2\r\n            const centerY = state.windowSize.height / 2 - modalState.height / 2\r\n            const position = clampDrag(\r\n                state.windowSize.width,\r\n                state.windowSize.height,\r\n                centerX,\r\n                centerY,\r\n                modalState.width,\r\n                modalState.height,\r\n            )\r\n            const size = clampResize(\r\n                state.windowSize.width,\r\n                state.windowSize.height,\r\n                position.x,\r\n                position.y,\r\n                modalState.width,\r\n                modalState.height,\r\n            )\r\n            return {\r\n                ...state,\r\n                maxZIndex: state.maxZIndex + 1,\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...modalState,\r\n                        ...position,\r\n                        ...size,\r\n                        zIndex: state.maxZIndex + 1,\r\n                        visible: true,\r\n                    },\r\n                },\r\n            }\r\n        }\r\n        case 'focus':\r\n            const modalState = state.modals[action.id]\r\n            return {\r\n                ...state,\r\n                maxZIndex: state.maxZIndex + 1,\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...modalState,\r\n                        zIndex: state.maxZIndex + 1,\r\n                    },\r\n                },\r\n            }\r\n        case 'hide': {\r\n            const modalState = state.modals[action.id]\r\n            return {\r\n                ...state,\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...modalState,\r\n                        visible: false,\r\n                    },\r\n                },\r\n            }\r\n        }\r\n        case 'mount':\r\n            const initialState = getInitialModalState(action.intialState);\r\n            return {\r\n                ...state,\r\n                maxZIndex: state.maxZIndex + 1,\r\n                modals: {\r\n                    ...state.modals,\r\n                    [action.id]: {\r\n                        ...initialState,\r\n                        x: state.windowSize.width / 2 - initialState.width / 2,\r\n                        y: state.windowSize.height / 2 - initialState.height / 2,\r\n                        zIndex: state.maxZIndex + 1,\r\n                    },\r\n                },\r\n            };\r\n        case 'unmount':\r\n            const modalsClone = {...state.modals};\r\n            delete modalsClone[action.id];\r\n            return {\r\n                ...state,\r\n                modals: modalsClone,\r\n            };\r\n        case 'windowResize':\r\n            return {\r\n                ...state,\r\n                windowSize: action.size,\r\n                modals: mapObject(state.modals, (modalState: ModalState) => {\r\n                    if (!modalState.visible) {\r\n                        return modalState\r\n                    }\r\n                    const position = clampDrag(\r\n                        state.windowSize.width,\r\n                        state.windowSize.height,\r\n                        modalState.x,\r\n                        modalState.y,\r\n                        modalState.width,\r\n                        modalState.height,\r\n                    )\r\n                    const size = clampResize(\r\n                        state.windowSize.width,\r\n                        state.windowSize.height,\r\n                        position.x,\r\n                        position.y,\r\n                        modalState.width,\r\n                        modalState.height,\r\n                    )\r\n                    return {\r\n                        ...modalState,\r\n                        ...position,\r\n                        ...size,\r\n                    }\r\n                }),\r\n            }\r\n        default:\r\n            throw new Error()\r\n    }\r\n}\r\n"]}

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

@@ -1,4 +1,4 @@
-export declare const getWindowSize: () => {
-    width: number;
-    height: number;
-};
+export declare const getWindowSize: () => {
+    width: number;
+    height: number;
+};

package/components/modal/impl/getWindowSize.js

@@ -1,5 +1,5 @@
-export const getWindowSize = () => ({
-    width: window.innerWidth || 0,
-    height: window.innerHeight || 0,
-});
+export const getWindowSize = () => ({
+    width: window.innerWidth || 0,
+    height: window.innerHeight || 0,
+});
 //# sourceMappingURL=getWindowSize.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"getWindowSize.js","sourceRoot":"","sources":["../../../../../components/modal/impl/getWindowSize.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,aAAa,GAAG,GAAsC,EAAE,CAAC,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC;CAClC,CAAC,CAAA","sourcesContent":["export const getWindowSize = (): { width: number; height: number } => ({\n    width: window.innerWidth || 0,\n    height: window.innerHeight || 0,\n})\n"]}
+{"version":3,"file":"getWindowSize.js","sourceRoot":"","sources":["../../../../../components/modal/impl/getWindowSize.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,aAAa,GAAG,GAAsC,EAAE,CAAC,CAAC;IACnE,KAAK,EAAE,MAAM,CAAC,UAAU,IAAI,CAAC;IAC7B,MAAM,EAAE,MAAM,CAAC,WAAW,IAAI,CAAC;CAClC,CAAC,CAAA","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nexport const getWindowSize = (): { width: number; height: number } => ({\r\n    width: window.innerWidth || 0,\r\n    height: window.innerHeight || 0,\r\n})\r\n"]}

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

@@ -1,3 +1,3 @@
-export * from './draggableModal';
-export * from './draggableModalContext';
-export * from '../draggableModalProvider';
+export * from './draggableModal';
+export * from './draggableModalContext';
+export * from '../draggableModalProvider';

package/components/modal/impl/index.js

@@ -1,4 +1,4 @@
-export * from './draggableModal';
-export * from './draggableModalContext';
-export * from '../draggableModalProvider';
+export * from './draggableModal';
+export * from './draggableModalContext';
+export * from '../draggableModalProvider';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/modal/impl/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA","sourcesContent":["export * from './draggableModal'\nexport * from './draggableModalContext'\nexport * from '../draggableModalProvider'\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../components/modal/impl/index.ts"],"names":[],"mappings":"AAEA,cAAc,kBAAkB,CAAA;AAChC,cAAc,yBAAyB,CAAA;AACvC,cAAc,2BAA2B,CAAA","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nexport * from './draggableModal'\r\nexport * from './draggableModalContext'\r\nexport * from '../draggableModalProvider'\r\n"]}

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
-import '../../../style/modal/ResizeHandle.css';
-export declare const ResizeHandle: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.ReactElement;
+import * as React from 'react';
+import '../../../style/modal/ResizeHandle.css';
+export declare const ResizeHandle: (props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => React.ReactElement;

package/components/modal/impl/resizeHandle.js

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import '../../../style/modal/ResizeHandle.css';
-export const ResizeHandle = (props) => (React.createElement("div", Object.assign({ className: "ant-design-draggable-modal-resize-handle" }, props),
-    React.createElement("div", { className: "ant-design-draggable-modal-resize-handle-inner" })));
+import * as React from 'react';
+import '../../../style/modal/ResizeHandle.css';
+export const ResizeHandle = (props) => (React.createElement("div", Object.assign({ className: "ant-design-draggable-modal-resize-handle" }, props),
+    React.createElement("div", { className: "ant-design-draggable-modal-resize-handle-inner" })));
 //# sourceMappingURL=resizeHandle.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"resizeHandle.js","sourceRoot":"","sources":["../../../../../components/modal/impl/resizeHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,uCAAuC,CAAA;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CACxB,KAAoF,EAClE,EAAE,CAAC,CACrB,2CAAK,SAAS,EAAC,0CAA0C,IAAK,KAAK;IAC/D,6BAAK,SAAS,EAAC,gDAAgD,GAAG,CAChE,CACT,CAAA","sourcesContent":["import * as React from 'react'\nimport '../../../style/modal/ResizeHandle.css'\n\nexport const ResizeHandle = (\n    props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,\n): React.ReactElement => (\n    <div className=\"ant-design-draggable-modal-resize-handle\" {...props}>\n        <div className=\"ant-design-draggable-modal-resize-handle-inner\" />\n    </div>\n)\n"]}
+{"version":3,"file":"resizeHandle.js","sourceRoot":"","sources":["../../../../../components/modal/impl/resizeHandle.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,uCAAuC,CAAA;AAE9C,MAAM,CAAC,MAAM,YAAY,GAAG,CACxB,KAAoF,EAClE,EAAE,CAAC,CACrB,2CAAK,SAAS,EAAC,0CAA0C,IAAK,KAAK;IAC/D,6BAAK,SAAS,EAAC,gDAAgD,GAAG,CAChE,CACT,CAAA","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport * as React from 'react'\r\nimport '../../../style/modal/ResizeHandle.css'\r\n\r\nexport const ResizeHandle = (\r\n    props: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>,\r\n): React.ReactElement => (\r\n    <div className=\"ant-design-draggable-modal-resize-handle\" {...props}>\r\n        <div className=\"ant-design-draggable-modal-resize-handle-inner\" />\r\n    </div>\r\n)\r\n"]}

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

@@ -1,5 +1,5 @@
-import * as React from 'react';
-export declare const useDrag: (x: number, y: number, onDrag: (args: {
-    x: number;
-    y: number;
-}) => void) => (e: React.MouseEvent) => void;
+import * as React from 'react';
+export declare const useDrag: (x: number, y: number, onDrag: (args: {
+    x: number;
+    y: number;
+}) => void) => ((e: React.MouseEvent) => void);

package/components/modal/impl/useDrag.js

@@ -1,43 +1,43 @@
-import { useCallback, useEffect, useState } from 'react';
-export const useDrag = (x, y, onDrag) => {
-    const [dragging, setDragging] = useState(false);
-    const [initialDragState, setInitialDragState] = useState({
-        initX: 0,
-        initY: 0,
-        mouseDownX: 0,
-        mouseDownY: 0,
-    });
-    const onMouseDown = useCallback((e) => {
-        e.preventDefault();
-        setInitialDragState({
-            initX: x,
-            initY: y,
-            mouseDownX: e.clientX,
-            mouseDownY: e.clientY,
-        });
-        setDragging(true);
-    }, [x, y, setDragging, setInitialDragState]);
-    useEffect(() => {
-        const onMouseMove = (e) => {
-            if (dragging) {
-                const { initX, mouseDownX, initY, mouseDownY } = initialDragState;
-                let dx = e.clientX - mouseDownX;
-                let dy = e.clientY - mouseDownY;
-                const x = initX + dx;
-                const y = initY + dy;
-                onDrag({ x, y });
-            }
-        };
-        window.addEventListener('mousemove', onMouseMove, { passive: true });
-        return () => window.removeEventListener('mousemove', onMouseMove);
-    }, [initialDragState, dragging, onDrag]);
-    useEffect(() => {
-        const onMouseUp = () => {
-            setDragging(false);
-        };
-        window.addEventListener('mouseup', onMouseUp);
-        return () => window.removeEventListener('mouseup', onMouseUp);
-    }, [setDragging]);
-    return onMouseDown;
-};
+import { useCallback, useEffect, useState } from 'react';
+export const useDrag = (x, y, onDrag) => {
+    const [dragging, setDragging] = useState(false);
+    const [initialDragState, setInitialDragState] = useState({
+        initX: 0,
+        initY: 0,
+        mouseDownX: 0,
+        mouseDownY: 0,
+    });
+    const onMouseDown = useCallback((e) => {
+        e.preventDefault();
+        setInitialDragState({
+            initX: x,
+            initY: y,
+            mouseDownX: e.clientX,
+            mouseDownY: e.clientY,
+        });
+        setDragging(true);
+    }, [x, y, setDragging, setInitialDragState]);
+    useEffect(() => {
+        const onMouseMove = (e) => {
+            if (dragging) {
+                const { initX, mouseDownX, initY, mouseDownY } = initialDragState;
+                let dx = e.clientX - mouseDownX;
+                let dy = e.clientY - mouseDownY;
+                const x = initX + dx;
+                const y = initY + dy;
+                onDrag({ x, y });
+            }
+        };
+        window.addEventListener('mousemove', onMouseMove, { passive: true });
+        return () => window.removeEventListener('mousemove', onMouseMove);
+    }, [initialDragState, dragging, onDrag]);
+    useEffect(() => {
+        const onMouseUp = () => {
+            setDragging(false);
+        };
+        window.addEventListener('mouseup', onMouseUp);
+        return () => window.removeEventListener('mouseup', onMouseUp);
+    }, [setDragging]);
+    return onMouseDown;
+};
 //# sourceMappingURL=useDrag.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDrag.js","sourceRoot":"","sources":["../../../../../components/modal/impl/useDrag.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAC,MAAM,OAAO,GAAG,CACnB,CAAS,EACT,CAAS,EACT,MAAgD,EACjB,EAAE;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC;QACrD,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,mBAAmB,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC,CAAC,OAAO;YACrB,UAAU,EAAE,CAAC,CAAC,OAAO;SACxB,CAAC,CAAA;QACF,WAAW,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAC3C,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;YACxC,IAAI,QAAQ,EAAE;gBACV,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAA;gBACjE,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;gBACpB,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;gBACpB,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;aACnB;QACL,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,GAAS,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,WAAW,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {useCallback, useEffect, useState} from 'react'\n\nexport const useDrag = (\n    x: number,\n    y: number,\n    onDrag: (args: { x: number; y: number }) => void,\n): ((e: React.MouseEvent) => void) => {\n    const [dragging, setDragging] = useState(false)\n    const [initialDragState, setInitialDragState] = useState({\n        initX: 0,\n        initY: 0,\n        mouseDownX: 0,\n        mouseDownY: 0,\n    })\n\n    const onMouseDown = useCallback(\n        (e: React.MouseEvent) => {\n            e.preventDefault()\n            setInitialDragState({\n                initX: x,\n                initY: y,\n                mouseDownX: e.clientX,\n                mouseDownY: e.clientY,\n            })\n            setDragging(true)\n        },\n        [x, y, setDragging, setInitialDragState],\n    )\n\n    useEffect(() => {\n        const onMouseMove = (e: MouseEvent): void => {\n            if (dragging) {\n                const { initX, mouseDownX, initY, mouseDownY } = initialDragState\n                let dx = e.clientX - mouseDownX\n                let dy = e.clientY - mouseDownY\n                const x = initX + dx\n                const y = initY + dy\n                onDrag({ x, y })\n            }\n        }\n        window.addEventListener('mousemove', onMouseMove, { passive: true })\n        return () => window.removeEventListener('mousemove', onMouseMove)\n    }, [initialDragState, dragging, onDrag])\n\n    useEffect(() => {\n        const onMouseUp = (): void => {\n            setDragging(false)\n        }\n        window.addEventListener('mouseup', onMouseUp)\n        return () => window.removeEventListener('mouseup', onMouseUp)\n    }, [setDragging])\n\n    return onMouseDown\n}\n"]}
+{"version":3,"file":"useDrag.js","sourceRoot":"","sources":["../../../../../components/modal/impl/useDrag.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAEtD,MAAM,CAAC,MAAM,OAAO,GAAG,CACnB,CAAS,EACT,CAAS,EACT,MAAgD,EACjB,EAAE;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAC;QACrD,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,mBAAmB,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,UAAU,EAAE,CAAC,CAAC,OAAO;YACrB,UAAU,EAAE,CAAC,CAAC,OAAO;SACxB,CAAC,CAAA;QACF,WAAW,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,mBAAmB,CAAC,CAC3C,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;YACxC,IAAI,QAAQ,EAAE,CAAC;gBACX,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,gBAAgB,CAAA;gBACjE,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;gBACpB,MAAM,CAAC,GAAG,KAAK,GAAG,EAAE,CAAA;gBACpB,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAA;YACpB,CAAC;QACL,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,MAAM,CAAC,CAAC,CAAA;IAExC,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,GAAS,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAC7C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,WAAW,CAAA;AACtB,CAAC,CAAA","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport * as React from 'react'\r\nimport {useCallback, useEffect, useState} from 'react'\r\n\r\nexport const useDrag = (\r\n    x: number,\r\n    y: number,\r\n    onDrag: (args: { x: number; y: number }) => void,\r\n): ((e: React.MouseEvent) => void) => {\r\n    const [dragging, setDragging] = useState(false)\r\n    const [initialDragState, setInitialDragState] = useState({\r\n        initX: 0,\r\n        initY: 0,\r\n        mouseDownX: 0,\r\n        mouseDownY: 0,\r\n    })\r\n\r\n    const onMouseDown = useCallback(\r\n        (e: React.MouseEvent) => {\r\n            e.preventDefault()\r\n            setInitialDragState({\r\n                initX: x,\r\n                initY: y,\r\n                mouseDownX: e.clientX,\r\n                mouseDownY: e.clientY,\r\n            })\r\n            setDragging(true)\r\n        },\r\n        [x, y, setDragging, setInitialDragState],\r\n    )\r\n\r\n    useEffect(() => {\r\n        const onMouseMove = (e: MouseEvent): void => {\r\n            if (dragging) {\r\n                const { initX, mouseDownX, initY, mouseDownY } = initialDragState\r\n                let dx = e.clientX - mouseDownX\r\n                let dy = e.clientY - mouseDownY\r\n                const x = initX + dx\r\n                const y = initY + dy\r\n                onDrag({ x, y })\r\n            }\r\n        }\r\n        window.addEventListener('mousemove', onMouseMove, { passive: true })\r\n        return () => window.removeEventListener('mousemove', onMouseMove)\r\n    }, [initialDragState, dragging, onDrag])\r\n\r\n    useEffect(() => {\r\n        const onMouseUp = (): void => {\r\n            setDragging(false)\r\n        }\r\n        window.addEventListener('mouseup', onMouseUp)\r\n        return () => window.removeEventListener('mouseup', onMouseUp)\r\n    }, [setDragging])\r\n\r\n    return onMouseDown\r\n}\r\n"]}

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

@@ -1 +1 @@
-export declare const usePrevious: <T>(value: T) => T | null;
+export declare const usePrevious: <T>(value: T) => T;

package/components/modal/impl/usePrevious.js

@@ -1,9 +1,9 @@
-import { useEffect, useRef } from 'react';
-export const usePrevious = (value) => {
-    const ref = useRef(null);
-    useEffect(() => {
-        ref.current = value;
-    });
-    return ref.current;
-};
+import { useEffect, useRef } from 'react';
+export const usePrevious = (value) => {
+    const ref = useRef(value);
+    useEffect(() => {
+        ref.current = value;
+    }, [value]);
+    return ref.current;
+};
 //# sourceMappingURL=usePrevious.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../../../../components/modal/impl/usePrevious.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAY,EAAE;IACjD,MAAM,GAAG,GAAG,MAAM,CAAI,IAAI,CAAC,CAAA;IAC3B,SAAS,CAAC,GAAG,EAAE;QAEX,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACvB,CAAC,CAAC,CAAA;IACF,OAAO,GAAG,CAAC,OAAO,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import {useEffect, useRef} from 'react'\n\nexport const usePrevious = <T>(value: T): T | null => {\n    const ref = useRef<T>(null)\n    useEffect(() => {\n        // @ts-ignore\n        ref.current = value\n    })\n    return ref.current\n}\n"]}
+{"version":3,"file":"usePrevious.js","sourceRoot":"","sources":["../../../../../components/modal/impl/usePrevious.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,SAAS,EAAE,MAAM,EAAC,MAAM,OAAO,CAAA;AAEvC,MAAM,CAAC,MAAM,WAAW,GAAG,CAAI,KAAQ,EAAK,EAAE;IAC1C,MAAM,GAAG,GAAG,MAAM,CAAI,KAAK,CAAC,CAAA;IAC5B,SAAS,CAAC,GAAG,EAAE;QACX,GAAG,CAAC,OAAO,GAAG,KAAK,CAAA;IACvB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IACX,OAAO,GAAG,CAAC,OAAO,CAAA;AACtB,CAAC,CAAA","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport {useEffect, useRef} from 'react'\r\n\r\nexport const usePrevious = <T>(value: T): T => {\r\n    const ref = useRef<T>(value)\r\n    useEffect(() => {\r\n        ref.current = value\r\n    }, [value])\r\n    return ref.current\r\n}\r\n"]}

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

@@ -1,7 +1,7 @@
-import * as React from 'react';
-export declare const useResize: (x: number, y: number, width: number, height: number, onResize: (args: {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-}) => void) => (e: React.MouseEvent) => void;
+import * as React from 'react';
+export declare const useResize: (x: number, y: number, width: number, height: number, onResize: (args: {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}) => void) => ((e: React.MouseEvent) => void);

package/components/modal/impl/useResize.js

@@ -1,47 +1,47 @@
-import { useCallback, useEffect, useState } from 'react';
-export const useResize = (x, y, width, height, onResize) => {
-    const [dragging, setDragging] = useState(false);
-    const [initialDragState, setInitialDragState] = useState({
-        initX: 0,
-        initY: 0,
-        initWidth: 0,
-        initHeight: 0,
-        mouseDownX: 0,
-        mouseDownY: 0,
-    });
-    const onMouseDown = useCallback((e) => {
-        e.preventDefault();
-        setInitialDragState({
-            initX: x,
-            initY: y,
-            initWidth: width,
-            initHeight: height,
-            mouseDownX: e.clientX,
-            mouseDownY: e.clientY,
-        });
-        setDragging(true);
-    }, [width, height, setDragging, setInitialDragState, x, y]);
-    useEffect(() => {
-        const onMouseMove = (e) => {
-            if (dragging) {
-                const { initX, initY, initWidth, mouseDownX, initHeight, mouseDownY, } = initialDragState;
-                let dx = e.clientX - mouseDownX;
-                let dy = e.clientY - mouseDownY;
-                const width = initWidth + dx;
-                const height = initHeight + dy;
-                return onResize({ x: initX, y: initY, width, height });
-            }
-        };
-        window.addEventListener('mousemove', onMouseMove, { passive: true });
-        return () => window.removeEventListener('mousemove', onMouseMove);
-    }, [initialDragState, dragging, onResize]);
-    useEffect(() => {
-        const onMouseUp = () => {
-            setDragging(false);
-        };
-        window.addEventListener('mouseup', onMouseUp);
-        return () => window.removeEventListener('mouseup', onMouseUp);
-    }, [setDragging]);
-    return onMouseDown;
-};
+import { useCallback, useEffect, useState } from 'react';
+export const useResize = (x, y, width, height, onResize) => {
+    const [dragging, setDragging] = useState(false);
+    const [initialDragState, setInitialDragState] = useState({
+        initX: 0,
+        initY: 0,
+        initWidth: 0,
+        initHeight: 0,
+        mouseDownX: 0,
+        mouseDownY: 0,
+    });
+    const onMouseDown = useCallback((e) => {
+        e.preventDefault();
+        setInitialDragState({
+            initX: x,
+            initY: y,
+            initWidth: width,
+            initHeight: height,
+            mouseDownX: e.clientX,
+            mouseDownY: e.clientY,
+        });
+        setDragging(true);
+    }, [width, height, setDragging, setInitialDragState, x, y]);
+    useEffect(() => {
+        const onMouseMove = (e) => {
+            if (dragging) {
+                const { initX, initY, initWidth, mouseDownX, initHeight, mouseDownY, } = initialDragState;
+                let dx = e.clientX - mouseDownX;
+                let dy = e.clientY - mouseDownY;
+                const width = initWidth + dx;
+                const height = initHeight + dy;
+                return onResize({ x: initX, y: initY, width, height });
+            }
+        };
+        window.addEventListener('mousemove', onMouseMove, { passive: true });
+        return () => window.removeEventListener('mousemove', onMouseMove);
+    }, [initialDragState, dragging, onResize]);
+    useEffect(() => {
+        const onMouseUp = () => {
+            setDragging(false);
+        };
+        window.addEventListener('mouseup', onMouseUp);
+        return () => window.removeEventListener('mouseup', onMouseUp);
+    }, [setDragging]);
+    return onMouseDown;
+};
 //# sourceMappingURL=useResize.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../components/modal/impl/useResize.ts"],"names":[],"mappings":"AACA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAWtD,MAAM,CAAC,MAAM,SAAS,GAAG,CACrB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,QAAiF,EAClD,EAAE;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAe;QACnE,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,mBAAmB,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,CAAC,CAAC,OAAO;YACrB,UAAU,EAAE,CAAC,CAAC,OAAO;SACxB,CAAC,CAAA;QACF,WAAW,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,CAC1D,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;YACxC,IAAI,QAAQ,EAAE;gBACV,MAAM,EACF,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,GACb,GAAG,gBAAgB,CAAA;gBACpB,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,MAAM,KAAK,GAAG,SAAS,GAAG,EAAE,CAAC;gBAC7B,MAAM,MAAM,GAAG,UAAU,GAAG,EAAE,CAAC;gBAC/B,OAAO,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;aACzD;QACL,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,GAAS,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,WAAW,CAAA;AACtB,CAAC,CAAA","sourcesContent":["import * as React from 'react'\nimport {useCallback, useEffect, useState} from 'react'\n\ninterface InitialState {\n    initX: number\n    initY: number\n    initWidth: number\n    initHeight: number\n    mouseDownX: number\n    mouseDownY: number\n}\n\nexport const useResize = (\n    x: number,\n    y: number,\n    width: number,\n    height: number,\n    onResize: (args: { x: number; y: number; width: number; height: number }) => void,\n): ((e: React.MouseEvent) => void) => {\n    const [dragging, setDragging] = useState(false);\n    const [initialDragState, setInitialDragState] = useState<InitialState>({\n        initX: 0,\n        initY: 0,\n        initWidth: 0,\n        initHeight: 0,\n        mouseDownX: 0,\n        mouseDownY: 0,\n    })\n\n    const onMouseDown = useCallback(\n        (e: React.MouseEvent) => {\n            e.preventDefault()\n            setInitialDragState({\n                initX: x,\n                initY: y,\n                initWidth: width,\n                initHeight: height,\n                mouseDownX: e.clientX,\n                mouseDownY: e.clientY,\n            })\n            setDragging(true)\n        },\n        [width, height, setDragging, setInitialDragState, x, y],\n    )\n\n    useEffect(() => {\n        const onMouseMove = (e: MouseEvent): void => {\n            if (dragging) {\n                const {\n                    initX,\n                    initY,\n                    initWidth,\n                    mouseDownX,\n                    initHeight,\n                    mouseDownY,\n                } = initialDragState\n                let dx = e.clientX - mouseDownX\n                let dy = e.clientY - mouseDownY\n                const width = initWidth + dx;\n                const height = initHeight + dy;\n                return onResize({ x: initX, y: initY, width, height })\n            }\n        }\n        window.addEventListener('mousemove', onMouseMove, { passive: true })\n        return () => window.removeEventListener('mousemove', onMouseMove)\n    }, [initialDragState, dragging, onResize])\n\n    useEffect(() => {\n        const onMouseUp = (): void => {\n            setDragging(false)\n        }\n        window.addEventListener('mouseup', onMouseUp);\n        return () => window.removeEventListener('mouseup', onMouseUp)\n    }, [setDragging])\n\n    return onMouseDown\n}\n"]}
+{"version":3,"file":"useResize.js","sourceRoot":"","sources":["../../../../../components/modal/impl/useResize.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAA;AAWtD,MAAM,CAAC,MAAM,SAAS,GAAG,CACrB,CAAS,EACT,CAAS,EACT,KAAa,EACb,MAAc,EACd,QAAiF,EAClD,EAAE;IACjC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAChD,MAAM,CAAC,gBAAgB,EAAE,mBAAmB,CAAC,GAAG,QAAQ,CAAe;QACnE,KAAK,EAAE,CAAC;QACR,KAAK,EAAE,CAAC;QACR,SAAS,EAAE,CAAC;QACZ,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;QACb,UAAU,EAAE,CAAC;KAChB,CAAC,CAAA;IAEF,MAAM,WAAW,GAAG,WAAW,CAC3B,CAAC,CAAmB,EAAE,EAAE;QACpB,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,mBAAmB,CAAC;YAChB,KAAK,EAAE,CAAC;YACR,KAAK,EAAE,CAAC;YACR,SAAS,EAAE,KAAK;YAChB,UAAU,EAAE,MAAM;YAClB,UAAU,EAAE,CAAC,CAAC,OAAO;YACrB,UAAU,EAAE,CAAC,CAAC,OAAO;SACxB,CAAC,CAAA;QACF,WAAW,CAAC,IAAI,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,KAAK,EAAE,MAAM,EAAE,WAAW,EAAE,mBAAmB,EAAE,CAAC,EAAE,CAAC,CAAC,CAC1D,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,WAAW,GAAG,CAAC,CAAa,EAAQ,EAAE;YACxC,IAAI,QAAQ,EAAE,CAAC;gBACX,MAAM,EACF,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,UAAU,GACb,GAAG,gBAAgB,CAAA;gBACpB,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,IAAI,EAAE,GAAG,CAAC,CAAC,OAAO,GAAG,UAAU,CAAA;gBAC/B,MAAM,KAAK,GAAG,SAAS,GAAG,EAAE,CAAC;gBAC7B,MAAM,MAAM,GAAG,UAAU,GAAG,EAAE,CAAC;gBAC/B,OAAO,QAAQ,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAA;YAC1D,CAAC;QACL,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,WAAW,EAAE,WAAW,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpE,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,WAAW,EAAE,WAAW,CAAC,CAAA;IACrE,CAAC,EAAE,CAAC,gBAAgB,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAA;IAE1C,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,GAAS,EAAE;YACzB,WAAW,CAAC,KAAK,CAAC,CAAA;QACtB,CAAC,CAAA;QACD,MAAM,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAC;QAC9C,OAAO,GAAG,EAAE,CAAC,MAAM,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;IACjE,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAA;IAEjB,OAAO,WAAW,CAAA;AACtB,CAAC,CAAA","sourcesContent":["// https://github.com/CUBETIQ/antd-modal/\r\n\r\nimport * as React from 'react'\r\nimport {useCallback, useEffect, useState} from 'react'\r\n\r\ninterface InitialState {\r\n    initX: number\r\n    initY: number\r\n    initWidth: number\r\n    initHeight: number\r\n    mouseDownX: number\r\n    mouseDownY: number\r\n}\r\n\r\nexport const useResize = (\r\n    x: number,\r\n    y: number,\r\n    width: number,\r\n    height: number,\r\n    onResize: (args: { x: number; y: number; width: number; height: number }) => void,\r\n): ((e: React.MouseEvent) => void) => {\r\n    const [dragging, setDragging] = useState(false);\r\n    const [initialDragState, setInitialDragState] = useState<InitialState>({\r\n        initX: 0,\r\n        initY: 0,\r\n        initWidth: 0,\r\n        initHeight: 0,\r\n        mouseDownX: 0,\r\n        mouseDownY: 0,\r\n    })\r\n\r\n    const onMouseDown = useCallback(\r\n        (e: React.MouseEvent) => {\r\n            e.preventDefault()\r\n            setInitialDragState({\r\n                initX: x,\r\n                initY: y,\r\n                initWidth: width,\r\n                initHeight: height,\r\n                mouseDownX: e.clientX,\r\n                mouseDownY: e.clientY,\r\n            })\r\n            setDragging(true)\r\n        },\r\n        [width, height, setDragging, setInitialDragState, x, y],\r\n    )\r\n\r\n    useEffect(() => {\r\n        const onMouseMove = (e: MouseEvent): void => {\r\n            if (dragging) {\r\n                const {\r\n                    initX,\r\n                    initY,\r\n                    initWidth,\r\n                    mouseDownX,\r\n                    initHeight,\r\n                    mouseDownY,\r\n                } = initialDragState\r\n                let dx = e.clientX - mouseDownX\r\n                let dy = e.clientY - mouseDownY\r\n                const width = initWidth + dx;\r\n                const height = initHeight + dy;\r\n                return onResize({ x: initX, y: initY, width, height })\r\n            }\r\n        }\r\n        window.addEventListener('mousemove', onMouseMove, { passive: true })\r\n        return () => window.removeEventListener('mousemove', onMouseMove)\r\n    }, [initialDragState, dragging, onResize])\r\n\r\n    useEffect(() => {\r\n        const onMouseUp = (): void => {\r\n            setDragging(false)\r\n        }\r\n        window.addEventListener('mouseup', onMouseUp);\r\n        return () => window.removeEventListener('mouseup', onMouseUp)\r\n    }, [setDragging])\r\n\r\n    return onMouseDown\r\n}\r\n"]}