@gravity-ui/dashkit 10.4.4 → 10.5.1

package/README.md

@@ -487,7 +487,7 @@ interface DashKitDnDWrapperProps {
 }
 ```
 
-- **dragImageSrc**: Drag image preview, by default used transparent 1px png base64
+- **dragImageSrc**: Optional custom drag image. By default, the dragged ActionPanel item is shown as the preview.
 - **onDragStart**: Callback called when element is dragged from ActionPanel
 - **onDragEnd**: Callback called when element dropped or drag canceled
 
@@ -550,7 +550,9 @@ const onDrop = (dropProps: ItemDropProps) => {
 | `--dashkit-action-panel-item-color`            | Backgroud color       |
 | `--dashkit-action-panel-item-text-color`       | Text color            |
 | `--dashkit-action-panel-item-color-hover`      | Hover backgroud color |
+| `--dashkit-action-panel-item-color-dragging`   | Drag background color |
 | `--dashkit-action-panel-item-text-color-hover` | Hover text color      |
+| `--dashkit-action-panel-item-text-color-dragging` | Drag text color     |
 | Overlay variables                              |                       |
 | `--dashkit-overlay-border-color`               | Border color          |
 | `--dashkit-overlay-color`                      | Background color      |

package/build/cjs/components/ActionPanel/ActionPanel.css

@@ -1,20 +1,25 @@
 .dashkit-action-panel {
-  --_--dashkit-action-panel-color: var(--dashkit-action-panel-color, var(--g-color-base-float));
-  --_--dashkit-action-panel-border-color: var(
-      --dashkit-action-panel-border-color,
-      var(--g-color-base-brand)
+  --_--dashkit-action-panel-color: var(
+      --dashkit-action-panel-color,
+      var(--g-color-base-float-heavy)
   );
+  --_--dashkit-action-panel-border-color: var(--dashkit-action-panel-border-color, transparent);
   --_--dashkit-action-panel-border-radius: var(
       --dashkit-action-panel-border-radius,
-      var(--g-border-radius-xl)
+      var(--g-border-radius-2xl, 16px)
   );
   background-color: var(--_--dashkit-action-panel-color);
+  backdrop-filter: blur(18px);
   position: fixed;
   bottom: 20px;
   display: flex;
+  width: max-content;
+  max-width: calc(100vw - 40px);
+  overflow-x: auto;
   border-radius: var(--_--dashkit-action-panel-border-radius);
-  border: 2px solid var(--_--dashkit-action-panel-border-color);
-  padding: 8px;
+  outline: 2px solid var(--_--dashkit-action-panel-border-color);
+  outline-offset: -2px;
+  padding: 6px;
   gap: 0;
   left: 50%;
   transform: translateX(-50%) translateY(0);
@@ -40,46 +45,70 @@
   --_--dashkit-action-panel-item-color: var(--dashkit-action-panel-item-color, transparent);
   --_--dashkit-action-panel-item-text-color: var(
       --dashkit-action-panel-item-text-color,
-      var(--g-color-text-primary)
+      var(--g-color-text-light-primary)
   );
   --_--dashkit-action-panel-item-color-hover: var(
       --dashkit-action-panel-item-color-hover,
-      var(--g-color-base-simple-hover)
+      var(--g-color-base-light-simple-hover)
+  );
+  --_--dashkit-action-panel-item-color-dragging: var(
+      --dashkit-action-panel-item-color-dragging,
+      var(--g-color-base-float-heavy)
   );
   --_--dashkit-action-panel-item-text-color-hover: var(
       --dashkit-action-panel-item-text-color-hover,
-      var(--g-color-text-primary)
+      var(--g-color-text-light-primary)
   );
-  height: 68px;
-  width: 98px;
+  min-height: 40px;
+  max-width: 200px;
+  flex: 0 0 auto;
   display: flex;
-  flex-direction: column;
+  gap: 4px;
   justify-content: center;
   align-items: center;
-  transition: 300ms color ease-in-out, 300ms background-color ease-in-out;
-  border-radius: 6px;
-  padding: 0 12px;
+  border-radius: var(--g-border-radius-xl);
+  padding: 0 16px;
   box-sizing: border-box;
   white-space: nowrap;
-  overflow: hidden;
   background-color: var(--_--dashkit-action-panel-item-color);
   color: var(--_--dashkit-action-panel-item-text-color);
-  will-change: color, backgroung-color;
-}
-.dashkit-action-panel__item:hover {
   cursor: pointer;
+}
+.dashkit-action-panel__item:hover, .dashkit-action-panel__item:focus-visible {
   background-color: var(--_--dashkit-action-panel-item-color-hover);
   color: var(--_--dashkit-action-panel-item-text-color-hover);
 }
+.dashkit-action-panel__item_draggable {
+  transform: translate(0, 0);
+  cursor: grab;
+}
+.dashkit-action-panel__item_draggable:hover, .dashkit-action-panel__item_draggable:active {
+  transform: translateY(-2px);
+  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.15);
+}
+.dashkit-action-panel__item_draggable:active {
+  cursor: grabbing;
+}
+.dashkit-action-panel__item_dragging, .dashkit-action-panel__item_dragging:hover {
+  transform: translate(0, 0);
+  background-color: var(--_--dashkit-action-panel-item-color-dragging);
+  color: var(--dashkit-action-panel-item-text-color-dragging, var(--g-color-text-light-primary));
+}
+.dashkit-action-panel__item_dragging-source-disabled, .dashkit-action-panel__item_dragging-source-disabled:hover {
+  opacity: 0.5;
+  box-shadow: none;
+}
 .dashkit-action-panel__icon {
-  margin-bottom: 4px;
+  display: flex;
+  flex: 0 0 auto;
+  align-items: center;
+  justify-content: center;
 }
 .dashkit-action-panel__title {
-  font-size: 13px;
+  min-width: 0;
+  font-size: 12px;
   font-weight: 400;
   line-height: 16px;
-  max-width: 100%;
-  white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
 }

package/build/cjs/components/ActionPanel/ActionPanel.js

@@ -10,7 +10,33 @@ require("./ActionPanel.css");
 const b = (0, cn_1.cn)('dashkit-action-panel');
 const ActionPanelItemContainer = ({ item }) => {
     const dndProps = (0, useDnDItemProps_1.useDnDItemProps)(item);
-    return (react_1.default.createElement("div", Object.assign({ role: "button", className: b('item', { draggable: Boolean(dndProps) }, item.className), onClick: item.onClick, "data-qa": item.qa }, dndProps),
+    const draggingClassName = `${b('item')}_dragging`;
+    const disabledSourceClassName = `${b('item')}_dragging-source-disabled`;
+    const disableSourceTimer = react_1.default.useRef(null);
+    react_1.default.useEffect(() => () => {
+        if (disableSourceTimer.current !== null) {
+            clearTimeout(disableSourceTimer.current);
+        }
+    }, []);
+    const onDragStart = (event) => {
+        const source = event.currentTarget;
+        source.classList.add(draggingClassName);
+        dndProps === null || dndProps === void 0 ? void 0 : dndProps.onDragStart(event);
+        // The native drag image captures the solid item before the panel source is disabled.
+        disableSourceTimer.current = setTimeout(() => {
+            source.classList.add(disabledSourceClassName);
+            disableSourceTimer.current = null;
+        }, 0);
+    };
+    const onDragEnd = (event) => {
+        if (disableSourceTimer.current !== null) {
+            clearTimeout(disableSourceTimer.current);
+            disableSourceTimer.current = null;
+        }
+        event.currentTarget.classList.remove(draggingClassName, disabledSourceClassName);
+        dndProps === null || dndProps === void 0 ? void 0 : dndProps.onDragEnd(event);
+    };
+    return (react_1.default.createElement("div", Object.assign({ role: "button", className: b('item', { draggable: Boolean(dndProps) }, item.className), onClick: item.onClick, "data-qa": item.qa }, dndProps, { onDragStart: dndProps ? onDragStart : undefined, onDragEnd: dndProps ? onDragEnd : undefined }),
         react_1.default.createElement("div", { className: b('icon') }, item.icon),
         react_1.default.createElement("div", { className: b('title'), title: item.title }, item.title)));
 };

package/build/cjs/components/ActionPanel/ActionPanel.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionPanel.js","sourceRoot":"../../../../src","sources":["components/ActionPanel/ActionPanel.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,mEAAqD;AAErD,oEAA4D;AAC5D,0CAAkC;AAIlC,6BAA4B;AAE5B,MAAM,CAAC,GAAG,IAAA,OAAE,EAAC,sBAAsB,CAAC,CAAC;AAE9B,MAAM,wBAAwB,GAAG,CAAC,EAAC,IAAI,EAA0B,EAAE,EAAE;IACxE,MAAM,QAAQ,GAAG,IAAA,iCAAe,EAAC,IAAI,CAAC,CAAC;IAEvC,OAAO,CACH,qDACI,IAAI,EAAC,QAAQ,EACb,SAAS,EAAE,CAAC,CAAC,MAAM,EAAE,EAAC,SAAS,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAC,EAAE,IAAI,CAAC,SAAS,CAAC,EACpE,OAAO,EAAE,IAAI,CAAC,OAAO,aACZ,IAAI,CAAC,EAAE,IACZ,QAAQ;QAEZ,uCAAK,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,IAAG,IAAI,CAAC,IAAI,CAAO;QAC5C,uCAAK,SAAS,EAAE,CAAC,CAAC,OAAO,CAAC,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,IACxC,IAAI,CAAC,KAAK,CACT,CACJ,CACT,CAAC;AACN,CAAC,CAAC;AAjBW,QAAA,wBAAwB,4BAiBnC;AAEK,MAAM,WAAW,GAAG,CAAC,KAAuB,EAAE,EAAE;;IACnD,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,OAAO,mCAAI,KAAK,CAAC;IAC1C,MAAM,UAAU,GAAG,MAAA,KAAK,CAAC,eAAe,mCAAI,KAAK,CAAC;IAClD,MAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAwB,IAAI,CAAC,CAAC;IAE1D,MAAM,OAAO,GAAG,CACZ,uCAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,IACjD,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,EAAiB,EAAE,EAAE;YAArB,EAAC,MAAM,OAAU,EAAL,IAAI,sBAAhB,UAAiB,CAAD;QAC9B,MAAM,GAAG,GAAG,mBAAmB,IAAI,CAAC,EAAE,EAAE,CAAC;QACzC,MAAM,QAAQ,GAAG,8BAAC,gCAAwB,IAAC,GAAG,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,GAAI,CAAC;QAEpE,OAAO,MAAM,CAAC,CAAC,CAAC,MAAM,iCAAK,IAAI,KAAE,GAAG,EAAE,QAAQ,IAAE,CAAC,CAAC,CAAC,QAAQ,CAAC;IAChE,CAAC,CAAC,CACA,CACT,CAAC;IAEF,IAAI,UAAU,EAAE,CAAC;QACb,OAAO,CACH,8BAAC,sCAAa,IACV,EAAE,EAAE,CAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,CAAC,CAAC,IAAI,CAAC,EACnB,OAAO,EAAE,GAAG,EACZ,aAAa,UAEZ,OAAO,CACI,CACnB,CAAC;IACN,CAAC;SAAM,CAAC;QACJ,OAAO,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,CAAC;IACvC,CAAC;AACL,CAAC,CAAC;AA/BW,QAAA,WAAW,eA+BtB","sourcesContent":["import React from 'react';\n\nimport {CSSTransition} from 'react-transition-group';\n\nimport {useDnDItemProps} from '../../hooks/useDnDItemProps';\nimport {cn} from '../../utils/cn';\n\nimport {ActionPanelItem, ActionPanelProps} from './types';\n\nimport './ActionPanel.scss';\n\nconst b = cn('dashkit-action-panel');\n\nexport const ActionPanelItemContainer = ({item}: {item: ActionPanelItem}) => {\n    const dndProps = useDnDItemProps(item);\n\n    return (\n        <div\n            role=\"button\"\n            className={b('item', {draggable: Boolean(dndProps)}, item.className)}\n            onClick={item.onClick}\n            data-qa={item.qa}\n            {...dndProps}\n        >\n            <div className={b('icon')}>{item.icon}</div>\n            <div className={b('title')} title={item.title}>\n                {item.title}\n            </div>\n        </div>\n    );\n};\n\nexport const ActionPanel = (props: ActionPanelProps) => {\n    const isDisabled = props.disable ?? false;\n    const isAnimated = props.toggleAnimation ?? false;\n    const nodeRef = React.useRef<HTMLDivElement | null>(null);\n\n    const content = (\n        <div ref={nodeRef} className={b(null, props.className)}>\n            {props.items.map(({wrapTo, ...item}) => {\n                const key = `dk-action-panel-${item.id}`;\n                const children = <ActionPanelItemContainer key={key} item={item} />;\n\n                return wrapTo ? wrapTo({...item, key, children}) : children;\n            })}\n        </div>\n    );\n\n    if (isAnimated) {\n        return (\n            <CSSTransition\n                in={!isDisabled}\n                nodeRef={nodeRef}\n                classNames={b(null)}\n                timeout={300}\n                unmountOnExit\n            >\n                {content}\n            </CSSTransition>\n        );\n    } else {\n        return isDisabled ? null : content;\n    }\n};\n"]}
+{"version":3,"file":"ActionPanel.js","sourceRoot":"../../../../src","sources":["components/ActionPanel/ActionPanel.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport {CSSTransition} from 'react-transition-group';\n\nimport {useDnDItemProps} from '../../hooks/useDnDItemProps';\nimport {cn} from '../../utils/cn';\n\nimport {ActionPanelItem, ActionPanelProps} from './types';\n\nimport './ActionPanel.scss';\n\nconst b = cn('dashkit-action-panel');\n\nexport const ActionPanelItemContainer = ({item}: {item: ActionPanelItem}) => {\n    const dndProps = useDnDItemProps(item);\n    const draggingClassName = `${b('item')}_dragging`;\n    const disabledSourceClassName = `${b('item')}_dragging-source-disabled`;\n    const disableSourceTimer = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    React.useEffect(\n        () => () => {\n            if (disableSourceTimer.current !== null) {\n                clearTimeout(disableSourceTimer.current);\n            }\n        },\n        [],\n    );\n\n    const onDragStart = (event: React.DragEvent<HTMLDivElement>) => {\n        const source = event.currentTarget;\n        source.classList.add(draggingClassName);\n        dndProps?.onDragStart(event);\n        // The native drag image captures the solid item before the panel source is disabled.\n        disableSourceTimer.current = setTimeout(() => {\n            source.classList.add(disabledSourceClassName);\n            disableSourceTimer.current = null;\n        }, 0);\n    };\n\n    const onDragEnd = (event: React.DragEvent<HTMLDivElement>) => {\n        if (disableSourceTimer.current !== null) {\n            clearTimeout(disableSourceTimer.current);\n            disableSourceTimer.current = null;\n        }\n        event.currentTarget.classList.remove(draggingClassName, disabledSourceClassName);\n        dndProps?.onDragEnd(event);\n    };\n\n    return (\n        <div\n            role=\"button\"\n            className={b('item', {draggable: Boolean(dndProps)}, item.className)}\n            onClick={item.onClick}\n            data-qa={item.qa}\n            {...dndProps}\n            onDragStart={dndProps ? onDragStart : undefined}\n            onDragEnd={dndProps ? onDragEnd : undefined}\n        >\n            <div className={b('icon')}>{item.icon}</div>\n            <div className={b('title')} title={item.title}>\n                {item.title}\n            </div>\n        </div>\n    );\n};\n\nexport const ActionPanel = (props: ActionPanelProps) => {\n    const isDisabled = props.disable ?? false;\n    const isAnimated = props.toggleAnimation ?? false;\n    const nodeRef = React.useRef<HTMLDivElement | null>(null);\n\n    const content = (\n        <div ref={nodeRef} className={b(null, props.className)}>\n            {props.items.map(({wrapTo, ...item}) => {\n                const key = `dk-action-panel-${item.id}`;\n                const children = <ActionPanelItemContainer key={key} item={item} />;\n\n                return wrapTo ? wrapTo({...item, key, children}) : children;\n            })}\n        </div>\n    );\n\n    if (isAnimated) {\n        return (\n            <CSSTransition\n                in={!isDisabled}\n                nodeRef={nodeRef}\n                classNames={b(null)}\n                timeout={300}\n                unmountOnExit\n            >\n                {content}\n            </CSSTransition>\n        );\n    } else {\n        return isDisabled ? null : content;\n    }\n};\n"]}

package/build/cjs/components/DashKitDnDWrapper/DashKitDnDWrapper.js

@@ -4,12 +4,14 @@ exports.DashKitDnDWrapper = void 0;
 const tslib_1 = require("tslib");
 const react_1 = tslib_1.__importDefault(require("react"));
 const context_1 = require("../../context/index.js");
-const defaultImageSrc = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';
 const DashKitDnDWrapper = (props) => {
     const [dragProps, setDragProps] = react_1.default.useState(null);
     const dragImagePreview = react_1.default.useMemo(() => {
+        if (!props.dragImageSrc) {
+            return null;
+        }
         const img = new Image();
-        img.src = props.dragImageSrc || defaultImageSrc;
+        img.src = props.dragImageSrc;
         return img;
     }, [props.dragImageSrc]);
     const onDragStartProp = props.onDragStart;

package/build/cjs/components/DashKitDnDWrapper/DashKitDnDWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashKitDnDWrapper.js","sourceRoot":"../../../../src","sources":["components/DashKitDnDWrapper/DashKitDnDWrapper.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,oDAAgD;AAchD,MAAM,eAAe,GACjB,oHAAoH,CAAC;AAElH,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAuB,IAAI,CAAC,CAAC;IAE7E,MAAM,gBAAgB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,YAAY,IAAI,eAAe,CAAC;QAChD,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC;IAC1C,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CACjC,CAAC,CAA2B,EAAE,aAA4B,EAAE,EAAE;QAC1D,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,aAAa,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,YAAY,EAAE,eAAe,CAAC,CAClC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,MAAM,SAAS,GAAG,eAAK,CAAC,WAAW,CAC/B,CAAC,CAA2B,EAAE,EAAE;QAC5B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;IACtB,CAAC,EACD,CAAC,YAAY,EAAE,aAAa,CAAC,CAChC,CAAC;IAEF,MAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO;YACH,SAAS;YACT,gBAAgB;YAChB,WAAW;YACX,SAAS;YACT,cAAc,EAAE,KAAK,CAAC,cAAc;SACvC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAEhF,OAAO,CACH,8BAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAC1C,KAAK,CAAC,QAAQ,CACU,CAChC,CAAC;AACN,CAAC,CAAC;AA1CW,QAAA,iBAAiB,qBA0C5B","sourcesContent":["import React from 'react';\n\nimport {DashKitDnDContext} from '../../context';\nimport type {DraggedOverItem, ItemDragProps} from '../../shared';\n\ntype DashKitDnDWrapperProps = {\n    dragImageSrc?: string;\n    onDropDragOver?: (\n        draggedItem: DraggedOverItem,\n        sharedItem: DraggedOverItem | null,\n    ) => void | boolean;\n    onDragStart?: (dragProps: ItemDragProps) => void;\n    onDragEnd?: () => void;\n    children: React.ReactElement;\n};\n\nconst defaultImageSrc =\n    'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=';\n\nexport const DashKitDnDWrapper: React.FC<DashKitDnDWrapperProps> = (props) => {\n    const [dragProps, setDragProps] = React.useState<ItemDragProps | null>(null);\n\n    const dragImagePreview = React.useMemo(() => {\n        const img = new Image();\n        img.src = props.dragImageSrc || defaultImageSrc;\n        return img;\n    }, [props.dragImageSrc]);\n\n    const onDragStartProp = props.onDragStart;\n    const onDragStart = React.useCallback(\n        (_: React.DragEvent<Element>, itemDragProps: ItemDragProps) => {\n            setDragProps(itemDragProps);\n            onDragStartProp?.(itemDragProps);\n        },\n        [setDragProps, onDragStartProp],\n    );\n\n    const onDragEndProp = props.onDragEnd;\n    const onDragEnd = React.useCallback(\n        (_: React.DragEvent<Element>) => {\n            setDragProps(null);\n            onDragEndProp?.();\n        },\n        [setDragProps, onDragEndProp],\n    );\n\n    const contextValue = React.useMemo(() => {\n        return {\n            dragProps,\n            dragImagePreview,\n            onDragStart,\n            onDragEnd,\n            onDropDragOver: props.onDropDragOver,\n        };\n    }, [dragProps, dragImagePreview, onDragStart, onDragEnd, props.onDropDragOver]);\n\n    return (\n        <DashKitDnDContext.Provider value={contextValue}>\n            {props.children}\n        </DashKitDnDContext.Provider>\n    );\n};\n"]}
+{"version":3,"file":"DashKitDnDWrapper.js","sourceRoot":"../../../../src","sources":["components/DashKitDnDWrapper/DashKitDnDWrapper.tsx"],"names":[],"mappings":";;;;AAAA,0DAA0B;AAE1B,oDAAgD;AAczC,MAAM,iBAAiB,GAAqC,CAAC,KAAK,EAAE,EAAE;IACzE,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,eAAK,CAAC,QAAQ,CAAuB,IAAI,CAAC,CAAC;IAE7E,MAAM,gBAAgB,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,YAAY,EAAE,CAAC;YACtB,OAAO,IAAI,CAAC;QAChB,CAAC;QAED,MAAM,GAAG,GAAG,IAAI,KAAK,EAAE,CAAC;QACxB,GAAG,CAAC,GAAG,GAAG,KAAK,CAAC,YAAY,CAAC;QAC7B,OAAO,GAAG,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC,CAAC;IAEzB,MAAM,eAAe,GAAG,KAAK,CAAC,WAAW,CAAC;IAC1C,MAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CACjC,CAAC,CAA2B,EAAE,aAA4B,EAAE,EAAE;QAC1D,YAAY,CAAC,aAAa,CAAC,CAAC;QAC5B,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,aAAa,CAAC,CAAC;IACrC,CAAC,EACD,CAAC,YAAY,EAAE,eAAe,CAAC,CAClC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK,CAAC,SAAS,CAAC;IACtC,MAAM,SAAS,GAAG,eAAK,CAAC,WAAW,CAC/B,CAAC,CAA2B,EAAE,EAAE;QAC5B,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CAAC;IACtB,CAAC,EACD,CAAC,YAAY,EAAE,aAAa,CAAC,CAChC,CAAC;IAEF,MAAM,YAAY,GAAG,eAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QACpC,OAAO;YACH,SAAS;YACT,gBAAgB;YAChB,WAAW;YACX,SAAS;YACT,cAAc,EAAE,KAAK,CAAC,cAAc;SACvC,CAAC;IACN,CAAC,EAAE,CAAC,SAAS,EAAE,gBAAgB,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC;IAEhF,OAAO,CACH,8BAAC,2BAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,YAAY,IAC1C,KAAK,CAAC,QAAQ,CACU,CAChC,CAAC;AACN,CAAC,CAAC;AA9CW,QAAA,iBAAiB,qBA8C5B","sourcesContent":["import React from 'react';\n\nimport {DashKitDnDContext} from '../../context';\nimport type {DraggedOverItem, ItemDragProps} from '../../shared';\n\ntype DashKitDnDWrapperProps = {\n    dragImageSrc?: string;\n    onDropDragOver?: (\n        draggedItem: DraggedOverItem,\n        sharedItem: DraggedOverItem | null,\n    ) => void | boolean;\n    onDragStart?: (dragProps: ItemDragProps) => void;\n    onDragEnd?: () => void;\n    children: React.ReactElement;\n};\n\nexport const DashKitDnDWrapper: React.FC<DashKitDnDWrapperProps> = (props) => {\n    const [dragProps, setDragProps] = React.useState<ItemDragProps | null>(null);\n\n    const dragImagePreview = React.useMemo(() => {\n        if (!props.dragImageSrc) {\n            return null;\n        }\n\n        const img = new Image();\n        img.src = props.dragImageSrc;\n        return img;\n    }, [props.dragImageSrc]);\n\n    const onDragStartProp = props.onDragStart;\n    const onDragStart = React.useCallback(\n        (_: React.DragEvent<Element>, itemDragProps: ItemDragProps) => {\n            setDragProps(itemDragProps);\n            onDragStartProp?.(itemDragProps);\n        },\n        [setDragProps, onDragStartProp],\n    );\n\n    const onDragEndProp = props.onDragEnd;\n    const onDragEnd = React.useCallback(\n        (_: React.DragEvent<Element>) => {\n            setDragProps(null);\n            onDragEndProp?.();\n        },\n        [setDragProps, onDragEndProp],\n    );\n\n    const contextValue = React.useMemo(() => {\n        return {\n            dragProps,\n            dragImagePreview,\n            onDragStart,\n            onDragEnd,\n            onDropDragOver: props.onDropDragOver,\n        };\n    }, [dragProps, dragImagePreview, onDragStart, onDragEnd, props.onDropDragOver]);\n\n    return (\n        <DashKitDnDContext.Provider value={contextValue}>\n            {props.children}\n        </DashKitDnDContext.Provider>\n    );\n};\n"]}

package/build/cjs/components/GridItem/GridItem.css

@@ -45,6 +45,7 @@
 }
 
 .react-grid-item.dropping {
+  opacity: 0;
   user-select: none;
   pointer-events: none;
   touch-action: none;
@@ -79,9 +80,10 @@
 }
 
 .react-grid-item.react-grid-placeholder {
-  --_-dashkit-placeholder-color: var(--dashkit-placeholder-color, #fc0);
-  --_-dashkit-placeholder-opacity: var(--dashkit-placeholder-opacity, 0.2);
+  --_-dashkit-placeholder-color: var(--dashkit-placeholder-color, var(--g-color-base-brand));
+  --_-dashkit-placeholder-opacity: var(--dashkit-placeholder-opacity, 0.1);
   background: var(--_-dashkit-placeholder-color);
+  border-radius: var(--dashkit-grid-item-border-radius, 3px);
   opacity: var(--_-dashkit-placeholder-opacity);
   transition-duration: 100ms;
   z-index: 2;

package/build/cjs/components/GridLayout/GridLayout.d.ts

@@ -40,7 +40,7 @@ export default class GridLayout extends React.PureComponent<GridLayoutProps, Gri
     mergeGroupsLayout(group: string, newLayout: ConfigLayout[], temporaryItem?: ConfigLayout): ConfigLayout[];
     reloadItems(options?: ReloadItemsOptions): void;
     prepareDefaultArguments(group: string, layout: ConfigLayout[], oldItem: ConfigLayout, newItem: ConfigLayout, placeholder: ConfigLayout, e: MouseEvent, element: HTMLElement): ManipulationCallbackArgs;
-    updateDraggingElementState(group: string, layoutItem: ConfigLayout, e: MouseEvent): void;
+    updateDraggingElementState(group: string, layoutItem: ConfigLayout, e: MouseEvent, element: HTMLElement): void;
     _initDragCoordinatesWatcher(element: HTMLElement): void;
     _forceCursorCapture(parentElement: HTMLElement, position: {
         top: number;

package/build/cjs/components/GridLayout/GridLayout.js

@@ -7,6 +7,7 @@ const context_1 = require("../../context/index.js");
 const utils_1 = require("../../utils/index.js");
 const GridItem_1 = tslib_1.__importDefault(require("../GridItem/GridItem.js"));
 const GroupLayout_1 = require("./GroupLayout.js");
+const utils_2 = require("./utils.js");
 const hasPluginId = (value) => {
     return (value !== null &&
         'props' in value &&
@@ -326,7 +327,7 @@ class GridLayout extends react_1.default.PureComponent {
             element,
         };
     }
-    updateDraggingElementState(group, layoutItem, e) {
+    updateDraggingElementState(group, layoutItem, e, element) {
         let currentDraggingElement = this.state.currentDraggingElement;
         if (!currentDraggingElement) {
             const { temporaryLayout } = this.context;
@@ -339,10 +340,14 @@ class GridLayout extends react_1.default.PureComponent {
             }
             let { offsetX, offsetY } = e.nativeEvent || {};
             if (offsetX === undefined || offsetY === undefined) {
-                const target = e.currentTarget;
-                const gridRect = target === null || target === void 0 ? void 0 : target.getBoundingClientRect();
-                offsetX = e.clientX - ((gridRect === null || gridRect === void 0 ? void 0 : gridRect.left) || 0);
-                offsetY = e.clientY - ((gridRect === null || gridRect === void 0 ? void 0 : gridRect.top) || 0);
+                const gridRect = element.getBoundingClientRect();
+                const position = (0, utils_2.getEventPosition)(e, this._sharedDragRef.current.touchIdentifier);
+                if (!position) {
+                    return;
+                }
+                const { clientX, clientY } = position;
+                offsetX = clientX - gridRect.left;
+                offsetY = clientY - gridRect.top;
             }
             currentDraggingElement = {
                 group,
@@ -386,7 +391,11 @@ class GridLayout extends react_1.default.PureComponent {
             return;
         }
         const parentRect = parent.getBoundingClientRect();
-        const { clientX, clientY } = e;
+        const position = (0, utils_2.getEventPosition)(e, this._sharedDragRef.current.touchIdentifier);
+        if (!position) {
+            return;
+        }
+        const { clientX, clientY } = position;
         let isDraggedOut = this.state.isDraggedOut;
         if (clientX < parentRect.left ||
             clientX > parentRect.right ||
@@ -419,10 +428,18 @@ class GridLayout extends react_1.default.PureComponent {
         }
         else {
             if (!this._sharedDragRef.current.isDragging) {
-                this._sharedDragRef.current = { isDragging: true, sourceGroup: group };
+                const position = (0, utils_2.getEventPosition)(e);
+                if (!position) {
+                    return;
+                }
+                this._sharedDragRef.current = {
+                    isDragging: true,
+                    sourceGroup: group,
+                    touchIdentifier: 'identifier' in position ? position.identifier : undefined,
+                };
             }
             this._initDragCoordinatesWatcher(element);
-            this.updateDraggingElementState(group, layoutItem, e);
+            this.updateDraggingElementState(group, layoutItem, e, element);
             this.setState({ isDragging: true });
         }
     }

package/build/cjs/components/GridLayout/GridLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"GridLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/GridLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DragOverEvent} from 'react-grid-layout';\n\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from 'src/typings';\n\nimport {COMPACT_TYPE_HORIZONTAL_NOWRAP, DEFAULT_GROUP, TEMPORARY_ITEM_ID} from '../../constants';\nimport type {DashKitCtxShape} from '../../context';\nimport {DashKitContext} from '../../context';\nimport type {ConfigItem, ConfigLayout, DraggedOverItem} from '../../shared';\nimport {resolveLayoutGroup} from '../../utils';\nimport GridItem from '../GridItem/GridItem';\n\nimport {GroupLayout} from './GroupLayout';\nimport type {\n    CurrentDraggingElement,\n    GridLayoutProps,\n    GridLayoutState,\n    GroupCallbacks,\n    LayoutAndPropsByGroup,\n    ManipulationCallbackArgs,\n    MemoGroupLayout,\n    ReloadItemsOptions,\n} from './types';\n\nconst hasPluginId = (value: PluginRef): value is {props: {id: string}} => {\n    return (\n        value !== null &&\n        'props' in value &&\n        typeof value.props === 'object' &&\n        value.props !== null &&\n        'id' in value.props &&\n        typeof value.props.id === 'string'\n    );\n};\n\nexport default class GridLayout extends React.PureComponent<GridLayoutProps, GridLayoutState> {\n    static contextType = DashKitContext;\n    context!: DashKitCtxShape;\n\n    pluginsRefs: Array<PluginRef>;\n\n    private _memoForwardedPluginRef: Array<(pluginRef: PluginRef) => void> = [];\n    private _memoGroupsProps: Record<string, Partial<ReactGridLayoutProps>> = {};\n    private _memoGroupsLayouts: Record<string, MemoGroupLayout> = {};\n    private _memoCallbacksForGroups: Record<string, GroupCallbacks> = {};\n    private _memoGroupsItems: Record<string, ConfigItem[]> = {};\n\n    private _sharedDragRef: React.MutableRefObject<{\n        isDragging: boolean;\n        sourceGroup: string | null;\n    }> = {current: {isDragging: false, sourceGroup: null}};\n    private _sharedDragPositionRef: React.MutableRefObject<{\n        offsetX: number;\n        offsetY: number;\n    } | null> = {current: null};\n    private _groupResetRegistryRef: React.MutableRefObject<Map<string, () => void>> = {\n        current: new Map(),\n    };\n\n    private _timeout?: NodeJS.Timeout;\n    private _lastReloadAt?: number;\n    private _parendDragNode: HTMLElement | null = null;\n\n    constructor(props: GridLayoutProps, context: DashKitCtxShape) {\n        super(props, context);\n        this.pluginsRefs = [];\n        this.state = {\n            isDragging: false,\n            isDraggedOut: false,\n            isPageHidden: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        };\n    }\n\n    componentDidMount() {\n        this.reloadItems();\n        document.addEventListener('visibilitychange', this.onVisibilityChange);\n    }\n\n    componentDidUpdate() {\n        clearTimeout(this._timeout);\n        this.reloadItems();\n    }\n\n    componentWillUnmount() {\n        clearTimeout(this._timeout);\n        document.removeEventListener('visibilitychange', this.onVisibilityChange);\n\n        this._memoCallbacksForGroups = {};\n        this._memoGroupsProps = {};\n        this._memoGroupsLayouts = {};\n        this._memoGroupsItems = {};\n        this._memoForwardedPluginRef = [];\n    }\n\n    onVisibilityChange = () => {\n        this.setState({\n            isPageHidden: document.hidden,\n        });\n    };\n\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'] = ({\n        widgetId,\n        needSetDefault,\n        adjustedWidgetLayout,\n    }) => {\n        const {layout, memorizeOriginalLayout, revertToOriginalLayout} = this.context;\n\n        if (needSetDefault) {\n            revertToOriginalLayout(widgetId);\n            return;\n        }\n\n        if (!adjustedWidgetLayout) {\n            return;\n        }\n\n        const correspondedLayoutItemIndex = layout.findIndex(\n            (layoutItem) => layoutItem.i === widgetId,\n        );\n\n        memorizeOriginalLayout(\n            widgetId,\n            {...layout[correspondedLayoutItemIndex]},\n            adjustedWidgetLayout,\n        );\n    };\n\n    getItemsMeta = () => {\n        const {getItemsMeta} = this.context;\n        return getItemsMeta(this.pluginsRefs);\n    };\n\n    getActiveLayout(): ConfigLayout[] {\n        const {layout, temporaryLayout} = this.context;\n\n        return temporaryLayout?.data || layout;\n    }\n\n    getMemoGroupLayout(group: string, layout: ConfigLayout[]): MemoGroupLayout {\n        // fastest possible way to match json\n        const key = JSON.stringify(layout);\n\n        if (this._memoGroupsLayouts[group]) {\n            if (this._memoGroupsLayouts[group].key === key) {\n                return this._memoGroupsLayouts[group];\n            } else {\n                this._memoGroupsLayouts[group].key = key;\n                this._memoGroupsLayouts[group].layout = layout;\n            }\n        } else {\n            this._memoGroupsLayouts[group] = {\n                key,\n                layout,\n            };\n        }\n\n        return this._memoGroupsLayouts[group];\n    }\n\n    getMemoGroupCallbacks(group: string): GroupCallbacks {\n        if (!this._memoCallbacksForGroups[group]) {\n            const onDragStart = this._onDragStart.bind(this, group);\n            const onDrag = this._onDrag.bind(this, group);\n            const onDragStop = this._onDragStop.bind(this, group);\n\n            const onResizeStart = this._onResizeStart.bind(this, group);\n            const onResize = this._onResize.bind(this, group);\n            const onResizeStop = this._onResizeStop.bind(this, group);\n\n            const onDrop = this._onDrop.bind(this, group);\n            const onDropDragOver = this._onDropDragOver.bind(this, group);\n            const onDragTargetRestore = this._onTargetRestore.bind(this);\n\n            this._memoCallbacksForGroups[group] = {\n                onDragStart,\n                onDrag,\n                onDragStop,\n                onResizeStart,\n                onResize,\n                onResizeStop,\n                onDrop,\n                onDropDragOver,\n                onDragTargetRestore,\n            };\n        }\n\n        return this._memoCallbacksForGroups[group];\n    }\n\n    getMemoGroupItems(group: string, nextItems: ConfigItem[]): ConfigItem[] {\n        const prev = this._memoGroupsItems[group];\n        if (\n            prev &&\n            prev.length === nextItems.length &&\n            prev.every((item, i) => item === nextItems[i])\n        ) {\n            return prev;\n        }\n        this._memoGroupsItems[group] = nextItems;\n        return nextItems;\n    }\n\n    getMemoGroupProps = (\n        group: string,\n        renderLayout: ConfigLayout[],\n        nextProperties: Partial<ReactGridLayoutProps>,\n    ) => {\n        // Return stable ref to prevent useMemo invalidation when properties are shallowly equal.\n        const prevProperties = this._memoGroupsProps[group];\n        const keysNext = Object.keys(nextProperties) as Array<keyof ReactGridLayoutProps>;\n        const stableProperties =\n            prevProperties &&\n            Object.keys(prevProperties).length === keysNext.length &&\n            keysNext.every((k) => prevProperties[k] === nextProperties[k])\n                ? prevProperties\n                : nextProperties;\n\n        // Needed for _onDropDragOver\n        this._memoGroupsProps[group] = stableProperties;\n\n        return {\n            layout: this.getMemoGroupLayout(group, renderLayout).layout,\n            callbacks: this.getMemoGroupCallbacks(group),\n            stableProperties,\n        };\n    };\n\n    getLayoutAndPropsByGroup = (group: string): LayoutAndPropsByGroup => {\n        return {\n            properties: this._memoGroupsProps[group],\n            layout: this._memoGroupsLayouts[group].layout,\n        };\n    };\n\n    getMemoForwardRefCallback = (refIndex: number) => {\n        if (!this._memoForwardedPluginRef[refIndex]) {\n            this._memoForwardedPluginRef[refIndex] = (pluginRef: PluginRef) => {\n                this.pluginsRefs[refIndex] = pluginRef;\n            };\n        }\n\n        return this._memoForwardedPluginRef[refIndex];\n    };\n\n    mergeGroupsLayout(\n        group: string,\n        newLayout: ConfigLayout[],\n        temporaryItem?: ConfigLayout,\n    ): ConfigLayout[] {\n        const renderLayout = this.getActiveLayout();\n        const itemsByGroup = renderLayout.reduce<Record<string, ConfigLayout>>(\n            (memo, item) => {\n                memo[item.i] = item;\n                return memo;\n            },\n            temporaryItem ? {[temporaryItem.i]: temporaryItem} : {},\n        );\n\n        const newItemsLayoutById = newLayout.reduce<Record<string, ConfigLayout>>((memo, item) => {\n            const parent = itemsByGroup[item.i]?.parent;\n            memo[item.i] = {...item};\n\n            if (parent) {\n                memo[item.i].parent = parent;\n            }\n            return memo;\n        }, {});\n\n        return renderLayout.map((currentItem) => {\n            const itemParent = resolveLayoutGroup(itemsByGroup[currentItem.i]);\n\n            if (itemParent === group) {\n                return newItemsLayoutById[currentItem.i];\n            }\n\n            return currentItem;\n        });\n    }\n\n    reloadItems(options?: ReloadItemsOptions) {\n        const {targetIds, force} = options || {};\n\n        const {\n            editMode,\n            settings: {autoupdateInterval, silentLoading} = {},\n            reloadItems,\n        } = this.context;\n\n        const {isPageHidden} = this.state;\n\n        const autoupdateIntervalMs = Number(autoupdateInterval) * 1000;\n\n        const targetPlugins = targetIds\n            ? this.pluginsRefs.filter(\n                  (plugin) => hasPluginId(plugin) && targetIds.includes(plugin.props.id),\n              )\n            : this.pluginsRefs;\n\n        if (autoupdateIntervalMs) {\n            const timeSinceLastReload = new Date().getTime() - (this._lastReloadAt || 0);\n            const reloadIntervalRemains = autoupdateIntervalMs - timeSinceLastReload;\n\n            if (force || (!isPageHidden && !editMode && reloadIntervalRemains <= 0)) {\n                this._lastReloadAt = new Date().getTime();\n                reloadItems(targetPlugins, {silentLoading: Boolean(silentLoading), noVeil: true});\n            }\n\n            this._timeout = setTimeout(\n                () => this.reloadItems(),\n                reloadIntervalRemains <= 0 ? autoupdateIntervalMs : reloadIntervalRemains,\n            );\n        } else if (force) {\n            reloadItems(targetPlugins, {silentLoading: Boolean(silentLoading), noVeil: true});\n        }\n    }\n\n    prepareDefaultArguments(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ): ManipulationCallbackArgs {\n        return {\n            group,\n            layout,\n            oldItem,\n            newItem,\n            placeholder,\n            e,\n            element,\n        };\n    }\n\n    updateDraggingElementState(group: string, layoutItem: ConfigLayout, e: MouseEvent) {\n        let currentDraggingElement: CurrentDraggingElement | null =\n            this.state.currentDraggingElement;\n\n        if (!currentDraggingElement) {\n            const {temporaryLayout} = this.context;\n            const layoutId = layoutItem.i;\n\n            const item = temporaryLayout\n                ? temporaryLayout.dragProps\n                : this.context.configItems.find(({id}) => id === layoutId);\n\n            if (!item) {\n                return;\n            }\n\n            let {offsetX, offsetY} =\n                (e as MouseEvent & {nativeEvent?: MouseEvent}).nativeEvent || {};\n            if (offsetX === undefined || offsetY === undefined) {\n                const target = e.currentTarget as HTMLElement;\n                const gridRect = target?.getBoundingClientRect();\n\n                offsetX = e.clientX - (gridRect?.left || 0);\n                offsetY = e.clientY - (gridRect?.top || 0);\n            }\n\n            currentDraggingElement = {\n                group,\n                layoutItem,\n                item,\n                cursorPosition: {offsetX, offsetY},\n            };\n\n            // Update imperatively so DragOverLayout reads fresh cursor offset without re-render.\n            this._sharedDragPositionRef.current = {offsetX, offsetY};\n        }\n\n        this.setState({currentDraggingElement, draggedOverGroup: group});\n    }\n\n    _initDragCoordinatesWatcher(element: HTMLElement) {\n        if (!this._parendDragNode) {\n            this._parendDragNode = element.parentElement;\n            this.setState({isDraggedOut: false});\n        }\n    }\n\n    // When element is going back and prointer-event: none is removed mouse enter event is not fired\n    // So to trigger it we are forcing this event by adding transparent block under the mouse\n    _forceCursorCapture(\n        parentElement: HTMLElement,\n        position: {top: number; left: number},\n        parentRect: DOMRect,\n    ) {\n        const block = document.createElement('div');\n        block.classList.add('react-grid-focus-capture');\n\n        const blockSize = 44;\n        const offset = blockSize / 2;\n\n        // Keeping elemnt inside current grid\n        const top = Math.min(Math.max(position.top - offset, 0), parentRect.height - blockSize);\n        const left = Math.min(Math.max(position.left - offset, 0), parentRect.width - blockSize);\n\n        block.style.width = `${blockSize}px`;\n        block.style.height = `${blockSize}px`;\n        block.style.top = `${top}px`;\n        block.style.left = `${left}px`;\n\n        parentElement.appendChild(block);\n\n        setTimeout(() => {\n            block.remove();\n        }, 100);\n    }\n\n    _updateDragCoordinates(e: MouseEvent) {\n        const parent = this._parendDragNode;\n\n        if (!parent) {\n            return;\n        }\n\n        const parentRect = parent.getBoundingClientRect();\n        const {clientX, clientY} = e;\n\n        let isDraggedOut = this.state.isDraggedOut;\n        if (\n            clientX < parentRect.left ||\n            clientX > parentRect.right ||\n            clientY < parentRect.top ||\n            clientY > parentRect.bottom\n        ) {\n            isDraggedOut = true;\n        } else {\n            isDraggedOut = false;\n        }\n\n        if (isDraggedOut !== this.state.isDraggedOut) {\n            this.setState({isDraggedOut});\n\n            if (!isDraggedOut) {\n                this._forceCursorCapture(\n                    parent,\n                    {\n                        top: clientY - parentRect.top,\n                        left: clientX - parentRect.left,\n                    },\n                    parentRect,\n                );\n            }\n        }\n    }\n\n    _resetDragWatcher() {\n        this._parendDragNode = null;\n        this.setState({isDraggedOut: false});\n    }\n\n    _onDragStart(\n        group: string,\n        _newLayout: ConfigLayout[],\n        layoutItem: ConfigLayout,\n        _newItem: ConfigLayout,\n        _placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.context.onDragStart?.call(\n            this,\n            this.prepareDefaultArguments(\n                group,\n                _newLayout,\n                layoutItem,\n                _newItem,\n                _placeholder,\n                e,\n                element,\n            ),\n        );\n\n        if (this.context.dragOverPlugin) {\n            this.setState({isDragging: true});\n        } else {\n            if (!this._sharedDragRef.current.isDragging) {\n                this._sharedDragRef.current = {isDragging: true, sourceGroup: group};\n            }\n            this._initDragCoordinatesWatcher(element);\n            this.updateDraggingElementState(group, layoutItem, e);\n            this.setState({isDragging: true});\n        }\n    }\n\n    _onDrag(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        if (!this.context.dragOverPlugin) {\n            this._updateDragCoordinates(e);\n        }\n\n        this.context.onDrag?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onDragStop(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this._resetDragWatcher();\n\n        this._onStop(group, layout);\n\n        this.context.onDragStop?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResizeStart(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.setState({\n            isDragging: true,\n        });\n\n        this.context.onResizeStart?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResize(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.context.onResize?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResizeStop(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this._onStop(group, layout);\n\n        this.context.onResizeStop?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onTargetRestore() {\n        if (this.context.temporaryLayout) {\n            return;\n        }\n\n        const {currentDraggingElement} = this.state;\n\n        if (currentDraggingElement) {\n            this.setState({\n                draggedOverGroup: currentDraggingElement.group,\n            });\n        }\n    }\n\n    _onStop = (group: string, newLayout: ConfigLayout[]) => {\n        const {layoutChange, onDrop, temporaryLayout} = this.context;\n        const {draggedOverGroup, currentDraggingElement} = this.state;\n\n        if (\n            currentDraggingElement &&\n            draggedOverGroup !== null &&\n            draggedOverGroup !== currentDraggingElement.group\n        ) {\n            // Skipping layout update when change event called for source grid\n            // and waiting _onDrop\n            return;\n        }\n\n        const groupedLayout = this.mergeGroupsLayout(group, newLayout);\n\n        this._clearSharedDragState();\n        this.setState({\n            isDragging: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        });\n\n        if (temporaryLayout) {\n            const temporaryItem = groupedLayout.find(({i}) => i === TEMPORARY_ITEM_ID);\n            if (onDrop && temporaryItem) {\n                onDrop(groupedLayout, temporaryItem);\n            }\n        } else {\n            layoutChange(groupedLayout);\n        }\n    };\n\n    _onSharedDrop = (targetGroup: string, newLayout: ConfigLayout[], tempItem: ConfigLayout) => {\n        const {currentDraggingElement} = this.state;\n        const {layoutChange} = this.context;\n\n        if (!currentDraggingElement) {\n            return;\n        }\n\n        const sourceLayoutItem = currentDraggingElement.layoutItem;\n\n        const groupedLayout = this.mergeGroupsLayout(targetGroup, newLayout, tempItem).map(\n            (item) => {\n                if (item.i === sourceLayoutItem.i) {\n                    const copy = {...tempItem};\n\n                    delete copy.parent;\n                    if (targetGroup !== DEFAULT_GROUP) {\n                        copy.parent = targetGroup;\n                    }\n                    copy.i = sourceLayoutItem.i;\n\n                    return copy;\n                }\n\n                return item;\n            },\n        );\n\n        this._clearSharedDragState();\n        this.setState({\n            isDragging: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        });\n\n        // TODO temporaryLayout\n        layoutChange(groupedLayout);\n    };\n\n    _onExternalDrop = (\n        group: string,\n        newLayout: ConfigLayout[],\n        item: ConfigLayout,\n        e: MouseEvent,\n    ) => {\n        const {onDrop} = this.context;\n\n        if (group !== DEFAULT_GROUP) {\n            item.parent = group;\n        }\n\n        const groupedLayout = this.mergeGroupsLayout(group, newLayout, item);\n        this._sharedDragRef.current = {isDragging: false, sourceGroup: null};\n        this.setState({isDragging: false});\n\n        onDrop?.(groupedLayout, item, e);\n    };\n\n    _onDrop = (\n        group: string,\n        newLayout: ConfigLayout[],\n        item: ConfigLayout | undefined,\n        e: MouseEvent,\n    ): void | false => {\n        if (!item || !this.context.editMode) {\n            return false;\n        }\n\n        const {draggedOverGroup, currentDraggingElement} = this.state;\n        if (currentDraggingElement && draggedOverGroup === group) {\n            this._onSharedDrop(group, newLayout, item);\n        } else {\n            this._onExternalDrop(group, newLayout, item, e);\n        }\n    };\n\n    _onDropDragOver = (\n        group: string,\n        e: DragOverEvent,\n    ): {w?: number; h?: number} | false | undefined => {\n        const {editMode, dragOverPlugin, onDropDragOver, temporaryLayout} = this.context;\n        const {currentDraggingElement} = this.state;\n\n        // TODO If temporary item is trying to change group\n        if (temporaryLayout && currentDraggingElement) {\n            return false;\n        }\n\n        if (!editMode || (!dragOverPlugin && !currentDraggingElement)) {\n            return false;\n        }\n\n        const {properties, layout} = this.getLayoutAndPropsByGroup(group);\n\n        if (currentDraggingElement) {\n            const {h, w, i} = currentDraggingElement.layoutItem;\n            const {type} = currentDraggingElement.item;\n            const sharedItem: DraggedOverItem = {\n                h,\n                w,\n                i,\n                type,\n                parent: currentDraggingElement.group,\n            };\n\n            return onDropDragOver(e, group, properties, layout, sharedItem);\n        }\n\n        if (dragOverPlugin) {\n            return onDropDragOver(e, group, properties, layout);\n        }\n\n        return false;\n    };\n\n    _clearSharedDragState() {\n        this._sharedDragRef.current = {isDragging: false, sourceGroup: null};\n        this._sharedDragPositionRef.current = null;\n\n        // Reset all group placeholders — covers the case where mouseup happens\n        // in a gap between groups and no individual group's mouseUpHandler fires.\n        this._groupResetRegistryRef.current.forEach((reset) => reset());\n    }\n\n    renderTemporaryPlaceholder(gridLayout: Partial<ReactGridLayoutProps>) {\n        const {temporaryLayout, noOverlay, draggableHandleClassName} = this.context;\n\n        if (!temporaryLayout || !temporaryLayout.dragProps) {\n            return null;\n        }\n\n        const id = TEMPORARY_ITEM_ID;\n        const {type} = temporaryLayout.dragProps;\n\n        return (\n            <GridItem\n                key={id}\n                id={id}\n                item={{id, type, data: {}} as ConfigItem}\n                layout={temporaryLayout.data}\n                adjustWidgetLayout={this.adjustWidgetLayout}\n                isDragging={this.state.isDragging}\n                isPlaceholder={true}\n                noOverlay={noOverlay}\n                withCustomHandle={Boolean(draggableHandleClassName)}\n                gridLayout={gridLayout}\n            />\n        );\n    }\n\n    renderGroup(\n        group: string,\n        renderLayout: ConfigLayout[],\n        renderItems: ConfigItem[],\n        offset = 0,\n        groupGridProperties?: (props: ReactGridLayoutProps) => ReactGridLayoutProps,\n    ) {\n        const {registerManager} = this.context;\n        const {currentDraggingElement, draggedOverGroup, isDragging, isDraggedOut} = this.state;\n\n        const hasOwnGroupProperties = typeof groupGridProperties === 'function';\n        const properties = hasOwnGroupProperties\n            ? groupGridProperties({...registerManager.gridLayout})\n            : registerManager.gridLayout;\n\n        const {callbacks, layout, stableProperties} = this.getMemoGroupProps(\n            group,\n            renderLayout,\n            properties,\n        );\n\n        const compactType: 'vertical' | 'horizontal' | null | undefined =\n            stableProperties.compactType === COMPACT_TYPE_HORIZONTAL_NOWRAP\n                ? 'horizontal'\n                : stableProperties.compactType;\n\n        const isDragCaptured = Boolean(\n            currentDraggingElement &&\n                group === currentDraggingElement.group &&\n                draggedOverGroup !== null &&\n                draggedOverGroup !== group,\n        );\n        const currentDraggingItemId =\n            currentDraggingElement && 'id' in currentDraggingElement.item\n                ? currentDraggingElement.item.id\n                : null;\n\n        // Non-source groups get stable false/null — memo skips re-render on drag move.\n        const isSourceGroup = Boolean(currentDraggingElement?.group === group);\n        const groupIsAnyDragging = isDragging && isSourceGroup;\n        const groupCurrentDraggingItemId = isSourceGroup ? currentDraggingItemId : null;\n        const groupIsAnyDraggedOut = isSourceGroup ? isDraggedOut : false;\n\n        return (\n            <GroupLayout\n                key={`group_${group}`}\n                group={group}\n                renderItems={renderItems}\n                offset={offset}\n                properties={stableProperties}\n                compactType={compactType}\n                callbacks={callbacks}\n                layout={layout}\n                temporaryPlaceholder={this.renderTemporaryPlaceholder(stableProperties)}\n                dragStateRef={this._sharedDragRef}\n                sharedDragPositionRef={this._sharedDragPositionRef}\n                groupResetRegistryRef={this._groupResetRegistryRef}\n                isDragCaptured={isDragCaptured}\n                isAnyDragging={groupIsAnyDragging}\n                currentDraggingItemId={groupCurrentDraggingItemId}\n                isAnyDraggedOut={groupIsAnyDraggedOut}\n                adjustWidgetLayout={this.adjustWidgetLayout}\n                getMemoForwardRefCallback={this.getMemoForwardRefCallback}\n            />\n        );\n    }\n\n    render() {\n        const {config, groups, editMode, context} = this.context;\n\n        this.pluginsRefs.length = this.context.configItems.length;\n\n        const defaultRenderLayout: ConfigLayout[] = [];\n        const defaultRenderItems: ConfigItem[] = [];\n        const layoutMap: Record<string, string> = {};\n\n        const groupedLayout = this.getActiveLayout().reduce<Record<string, ConfigLayout[]>>(\n            (memo, item) => {\n                if (item.parent) {\n                    if (!memo[item.parent]) {\n                        memo[item.parent] = [];\n                    }\n\n                    memo[item.parent].push(item);\n                    layoutMap[item.i] = item.parent;\n                } else {\n                    defaultRenderLayout.push(item);\n                }\n\n                return memo;\n            },\n            {},\n        );\n\n        const itemsByGroup = this.context.configItems.reduce<Record<string, ConfigItem[]>>(\n            (memo, item) => {\n                const group = layoutMap[item.id];\n                if (group) {\n                    if (!memo[group]) {\n                        memo[group] = [];\n                    }\n                    memo[group].push(item);\n                } else {\n                    defaultRenderItems.push(item);\n                }\n\n                return memo;\n            },\n            {},\n        );\n\n        let offset = 0;\n\n        if (groups) {\n            return groups.map((group) => {\n                const id = group.id || DEFAULT_GROUP;\n\n                let layout, items;\n\n                if (id === DEFAULT_GROUP) {\n                    layout = defaultRenderLayout;\n                    items = defaultRenderItems;\n                } else {\n                    layout = groupedLayout[id] || [];\n                    items = itemsByGroup[id] || [];\n                }\n\n                const stableItems = this.getMemoGroupItems(id, items);\n                const element = this.renderGroup(\n                    id,\n                    layout,\n                    stableItems,\n                    offset,\n                    group.gridProperties,\n                );\n                offset += stableItems.length;\n\n                if (group.render) {\n                    const groupContext = {\n                        isMobile: false,\n                        config,\n                        editMode,\n                        items,\n                        layout,\n                        context,\n                    };\n                    return group.render(id, element, groupContext);\n                }\n\n                return element;\n            });\n        } else {\n            const stableDefaultItems = this.getMemoGroupItems(DEFAULT_GROUP, defaultRenderItems);\n            return this.renderGroup(DEFAULT_GROUP, defaultRenderLayout, stableDefaultItems, offset);\n        }\n    }\n}\n"]}
+{"version":3,"file":"GridLayout.js","sourceRoot":"../../../../src","sources":["components/GridLayout/GridLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\n\nimport type {DragOverEvent} from 'react-grid-layout';\n\nimport type {PluginRef, PluginWidgetProps, ReactGridLayoutProps} from 'src/typings';\n\nimport {COMPACT_TYPE_HORIZONTAL_NOWRAP, DEFAULT_GROUP, TEMPORARY_ITEM_ID} from '../../constants';\nimport type {DashKitCtxShape} from '../../context';\nimport {DashKitContext} from '../../context';\nimport type {ConfigItem, ConfigLayout, DraggedOverItem} from '../../shared';\nimport {resolveLayoutGroup} from '../../utils';\nimport GridItem from '../GridItem/GridItem';\n\nimport {GroupLayout} from './GroupLayout';\nimport type {\n    CurrentDraggingElement,\n    GridLayoutProps,\n    GridLayoutState,\n    GroupCallbacks,\n    LayoutAndPropsByGroup,\n    ManipulationCallbackArgs,\n    MemoGroupLayout,\n    ReloadItemsOptions,\n} from './types';\nimport {getEventPosition} from './utils';\n\nconst hasPluginId = (value: PluginRef): value is {props: {id: string}} => {\n    return (\n        value !== null &&\n        'props' in value &&\n        typeof value.props === 'object' &&\n        value.props !== null &&\n        'id' in value.props &&\n        typeof value.props.id === 'string'\n    );\n};\n\nexport default class GridLayout extends React.PureComponent<GridLayoutProps, GridLayoutState> {\n    static contextType = DashKitContext;\n    context!: DashKitCtxShape;\n\n    pluginsRefs: Array<PluginRef>;\n\n    private _memoForwardedPluginRef: Array<(pluginRef: PluginRef) => void> = [];\n    private _memoGroupsProps: Record<string, Partial<ReactGridLayoutProps>> = {};\n    private _memoGroupsLayouts: Record<string, MemoGroupLayout> = {};\n    private _memoCallbacksForGroups: Record<string, GroupCallbacks> = {};\n    private _memoGroupsItems: Record<string, ConfigItem[]> = {};\n\n    private _sharedDragRef: React.MutableRefObject<{\n        isDragging: boolean;\n        sourceGroup: string | null;\n        touchIdentifier?: number;\n    }> = {current: {isDragging: false, sourceGroup: null}};\n    private _sharedDragPositionRef: React.MutableRefObject<{\n        offsetX: number;\n        offsetY: number;\n    } | null> = {current: null};\n    private _groupResetRegistryRef: React.MutableRefObject<Map<string, () => void>> = {\n        current: new Map(),\n    };\n\n    private _timeout?: NodeJS.Timeout;\n    private _lastReloadAt?: number;\n    private _parendDragNode: HTMLElement | null = null;\n\n    constructor(props: GridLayoutProps, context: DashKitCtxShape) {\n        super(props, context);\n        this.pluginsRefs = [];\n        this.state = {\n            isDragging: false,\n            isDraggedOut: false,\n            isPageHidden: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        };\n    }\n\n    componentDidMount() {\n        this.reloadItems();\n        document.addEventListener('visibilitychange', this.onVisibilityChange);\n    }\n\n    componentDidUpdate() {\n        clearTimeout(this._timeout);\n        this.reloadItems();\n    }\n\n    componentWillUnmount() {\n        clearTimeout(this._timeout);\n        document.removeEventListener('visibilitychange', this.onVisibilityChange);\n\n        this._memoCallbacksForGroups = {};\n        this._memoGroupsProps = {};\n        this._memoGroupsLayouts = {};\n        this._memoGroupsItems = {};\n        this._memoForwardedPluginRef = [];\n    }\n\n    onVisibilityChange = () => {\n        this.setState({\n            isPageHidden: document.hidden,\n        });\n    };\n\n    adjustWidgetLayout: PluginWidgetProps['adjustWidgetLayout'] = ({\n        widgetId,\n        needSetDefault,\n        adjustedWidgetLayout,\n    }) => {\n        const {layout, memorizeOriginalLayout, revertToOriginalLayout} = this.context;\n\n        if (needSetDefault) {\n            revertToOriginalLayout(widgetId);\n            return;\n        }\n\n        if (!adjustedWidgetLayout) {\n            return;\n        }\n\n        const correspondedLayoutItemIndex = layout.findIndex(\n            (layoutItem) => layoutItem.i === widgetId,\n        );\n\n        memorizeOriginalLayout(\n            widgetId,\n            {...layout[correspondedLayoutItemIndex]},\n            adjustedWidgetLayout,\n        );\n    };\n\n    getItemsMeta = () => {\n        const {getItemsMeta} = this.context;\n        return getItemsMeta(this.pluginsRefs);\n    };\n\n    getActiveLayout(): ConfigLayout[] {\n        const {layout, temporaryLayout} = this.context;\n\n        return temporaryLayout?.data || layout;\n    }\n\n    getMemoGroupLayout(group: string, layout: ConfigLayout[]): MemoGroupLayout {\n        // fastest possible way to match json\n        const key = JSON.stringify(layout);\n\n        if (this._memoGroupsLayouts[group]) {\n            if (this._memoGroupsLayouts[group].key === key) {\n                return this._memoGroupsLayouts[group];\n            } else {\n                this._memoGroupsLayouts[group].key = key;\n                this._memoGroupsLayouts[group].layout = layout;\n            }\n        } else {\n            this._memoGroupsLayouts[group] = {\n                key,\n                layout,\n            };\n        }\n\n        return this._memoGroupsLayouts[group];\n    }\n\n    getMemoGroupCallbacks(group: string): GroupCallbacks {\n        if (!this._memoCallbacksForGroups[group]) {\n            const onDragStart = this._onDragStart.bind(this, group);\n            const onDrag = this._onDrag.bind(this, group);\n            const onDragStop = this._onDragStop.bind(this, group);\n\n            const onResizeStart = this._onResizeStart.bind(this, group);\n            const onResize = this._onResize.bind(this, group);\n            const onResizeStop = this._onResizeStop.bind(this, group);\n\n            const onDrop = this._onDrop.bind(this, group);\n            const onDropDragOver = this._onDropDragOver.bind(this, group);\n            const onDragTargetRestore = this._onTargetRestore.bind(this);\n\n            this._memoCallbacksForGroups[group] = {\n                onDragStart,\n                onDrag,\n                onDragStop,\n                onResizeStart,\n                onResize,\n                onResizeStop,\n                onDrop,\n                onDropDragOver,\n                onDragTargetRestore,\n            };\n        }\n\n        return this._memoCallbacksForGroups[group];\n    }\n\n    getMemoGroupItems(group: string, nextItems: ConfigItem[]): ConfigItem[] {\n        const prev = this._memoGroupsItems[group];\n        if (\n            prev &&\n            prev.length === nextItems.length &&\n            prev.every((item, i) => item === nextItems[i])\n        ) {\n            return prev;\n        }\n        this._memoGroupsItems[group] = nextItems;\n        return nextItems;\n    }\n\n    getMemoGroupProps = (\n        group: string,\n        renderLayout: ConfigLayout[],\n        nextProperties: Partial<ReactGridLayoutProps>,\n    ) => {\n        // Return stable ref to prevent useMemo invalidation when properties are shallowly equal.\n        const prevProperties = this._memoGroupsProps[group];\n        const keysNext = Object.keys(nextProperties) as Array<keyof ReactGridLayoutProps>;\n        const stableProperties =\n            prevProperties &&\n            Object.keys(prevProperties).length === keysNext.length &&\n            keysNext.every((k) => prevProperties[k] === nextProperties[k])\n                ? prevProperties\n                : nextProperties;\n\n        // Needed for _onDropDragOver\n        this._memoGroupsProps[group] = stableProperties;\n\n        return {\n            layout: this.getMemoGroupLayout(group, renderLayout).layout,\n            callbacks: this.getMemoGroupCallbacks(group),\n            stableProperties,\n        };\n    };\n\n    getLayoutAndPropsByGroup = (group: string): LayoutAndPropsByGroup => {\n        return {\n            properties: this._memoGroupsProps[group],\n            layout: this._memoGroupsLayouts[group].layout,\n        };\n    };\n\n    getMemoForwardRefCallback = (refIndex: number) => {\n        if (!this._memoForwardedPluginRef[refIndex]) {\n            this._memoForwardedPluginRef[refIndex] = (pluginRef: PluginRef) => {\n                this.pluginsRefs[refIndex] = pluginRef;\n            };\n        }\n\n        return this._memoForwardedPluginRef[refIndex];\n    };\n\n    mergeGroupsLayout(\n        group: string,\n        newLayout: ConfigLayout[],\n        temporaryItem?: ConfigLayout,\n    ): ConfigLayout[] {\n        const renderLayout = this.getActiveLayout();\n        const itemsByGroup = renderLayout.reduce<Record<string, ConfigLayout>>(\n            (memo, item) => {\n                memo[item.i] = item;\n                return memo;\n            },\n            temporaryItem ? {[temporaryItem.i]: temporaryItem} : {},\n        );\n\n        const newItemsLayoutById = newLayout.reduce<Record<string, ConfigLayout>>((memo, item) => {\n            const parent = itemsByGroup[item.i]?.parent;\n            memo[item.i] = {...item};\n\n            if (parent) {\n                memo[item.i].parent = parent;\n            }\n            return memo;\n        }, {});\n\n        return renderLayout.map((currentItem) => {\n            const itemParent = resolveLayoutGroup(itemsByGroup[currentItem.i]);\n\n            if (itemParent === group) {\n                return newItemsLayoutById[currentItem.i];\n            }\n\n            return currentItem;\n        });\n    }\n\n    reloadItems(options?: ReloadItemsOptions) {\n        const {targetIds, force} = options || {};\n\n        const {\n            editMode,\n            settings: {autoupdateInterval, silentLoading} = {},\n            reloadItems,\n        } = this.context;\n\n        const {isPageHidden} = this.state;\n\n        const autoupdateIntervalMs = Number(autoupdateInterval) * 1000;\n\n        const targetPlugins = targetIds\n            ? this.pluginsRefs.filter(\n                  (plugin) => hasPluginId(plugin) && targetIds.includes(plugin.props.id),\n              )\n            : this.pluginsRefs;\n\n        if (autoupdateIntervalMs) {\n            const timeSinceLastReload = new Date().getTime() - (this._lastReloadAt || 0);\n            const reloadIntervalRemains = autoupdateIntervalMs - timeSinceLastReload;\n\n            if (force || (!isPageHidden && !editMode && reloadIntervalRemains <= 0)) {\n                this._lastReloadAt = new Date().getTime();\n                reloadItems(targetPlugins, {silentLoading: Boolean(silentLoading), noVeil: true});\n            }\n\n            this._timeout = setTimeout(\n                () => this.reloadItems(),\n                reloadIntervalRemains <= 0 ? autoupdateIntervalMs : reloadIntervalRemains,\n            );\n        } else if (force) {\n            reloadItems(targetPlugins, {silentLoading: Boolean(silentLoading), noVeil: true});\n        }\n    }\n\n    prepareDefaultArguments(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ): ManipulationCallbackArgs {\n        return {\n            group,\n            layout,\n            oldItem,\n            newItem,\n            placeholder,\n            e,\n            element,\n        };\n    }\n\n    updateDraggingElementState(\n        group: string,\n        layoutItem: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        let currentDraggingElement: CurrentDraggingElement | null =\n            this.state.currentDraggingElement;\n\n        if (!currentDraggingElement) {\n            const {temporaryLayout} = this.context;\n            const layoutId = layoutItem.i;\n\n            const item = temporaryLayout\n                ? temporaryLayout.dragProps\n                : this.context.configItems.find(({id}) => id === layoutId);\n\n            if (!item) {\n                return;\n            }\n\n            let {offsetX, offsetY} =\n                (e as MouseEvent & {nativeEvent?: MouseEvent}).nativeEvent || {};\n            if (offsetX === undefined || offsetY === undefined) {\n                const gridRect = element.getBoundingClientRect();\n                const position = getEventPosition(e, this._sharedDragRef.current.touchIdentifier);\n                if (!position) {\n                    return;\n                }\n                const {clientX, clientY} = position;\n\n                offsetX = clientX - gridRect.left;\n                offsetY = clientY - gridRect.top;\n            }\n\n            currentDraggingElement = {\n                group,\n                layoutItem,\n                item,\n                cursorPosition: {offsetX, offsetY},\n            };\n\n            // Update imperatively so DragOverLayout reads fresh cursor offset without re-render.\n            this._sharedDragPositionRef.current = {offsetX, offsetY};\n        }\n\n        this.setState({currentDraggingElement, draggedOverGroup: group});\n    }\n\n    _initDragCoordinatesWatcher(element: HTMLElement) {\n        if (!this._parendDragNode) {\n            this._parendDragNode = element.parentElement;\n            this.setState({isDraggedOut: false});\n        }\n    }\n\n    // When element is going back and prointer-event: none is removed mouse enter event is not fired\n    // So to trigger it we are forcing this event by adding transparent block under the mouse\n    _forceCursorCapture(\n        parentElement: HTMLElement,\n        position: {top: number; left: number},\n        parentRect: DOMRect,\n    ) {\n        const block = document.createElement('div');\n        block.classList.add('react-grid-focus-capture');\n\n        const blockSize = 44;\n        const offset = blockSize / 2;\n\n        // Keeping elemnt inside current grid\n        const top = Math.min(Math.max(position.top - offset, 0), parentRect.height - blockSize);\n        const left = Math.min(Math.max(position.left - offset, 0), parentRect.width - blockSize);\n\n        block.style.width = `${blockSize}px`;\n        block.style.height = `${blockSize}px`;\n        block.style.top = `${top}px`;\n        block.style.left = `${left}px`;\n\n        parentElement.appendChild(block);\n\n        setTimeout(() => {\n            block.remove();\n        }, 100);\n    }\n\n    _updateDragCoordinates(e: MouseEvent) {\n        const parent = this._parendDragNode;\n\n        if (!parent) {\n            return;\n        }\n\n        const parentRect = parent.getBoundingClientRect();\n        const position = getEventPosition(e, this._sharedDragRef.current.touchIdentifier);\n        if (!position) {\n            return;\n        }\n        const {clientX, clientY} = position;\n\n        let isDraggedOut = this.state.isDraggedOut;\n        if (\n            clientX < parentRect.left ||\n            clientX > parentRect.right ||\n            clientY < parentRect.top ||\n            clientY > parentRect.bottom\n        ) {\n            isDraggedOut = true;\n        } else {\n            isDraggedOut = false;\n        }\n\n        if (isDraggedOut !== this.state.isDraggedOut) {\n            this.setState({isDraggedOut});\n\n            if (!isDraggedOut) {\n                this._forceCursorCapture(\n                    parent,\n                    {\n                        top: clientY - parentRect.top,\n                        left: clientX - parentRect.left,\n                    },\n                    parentRect,\n                );\n            }\n        }\n    }\n\n    _resetDragWatcher() {\n        this._parendDragNode = null;\n        this.setState({isDraggedOut: false});\n    }\n\n    _onDragStart(\n        group: string,\n        _newLayout: ConfigLayout[],\n        layoutItem: ConfigLayout,\n        _newItem: ConfigLayout,\n        _placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.context.onDragStart?.call(\n            this,\n            this.prepareDefaultArguments(\n                group,\n                _newLayout,\n                layoutItem,\n                _newItem,\n                _placeholder,\n                e,\n                element,\n            ),\n        );\n\n        if (this.context.dragOverPlugin) {\n            this.setState({isDragging: true});\n        } else {\n            if (!this._sharedDragRef.current.isDragging) {\n                const position = getEventPosition(e);\n                if (!position) {\n                    return;\n                }\n                this._sharedDragRef.current = {\n                    isDragging: true,\n                    sourceGroup: group,\n                    touchIdentifier: 'identifier' in position ? position.identifier : undefined,\n                };\n            }\n            this._initDragCoordinatesWatcher(element);\n            this.updateDraggingElementState(group, layoutItem, e, element);\n            this.setState({isDragging: true});\n        }\n    }\n\n    _onDrag(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        if (!this.context.dragOverPlugin) {\n            this._updateDragCoordinates(e);\n        }\n\n        this.context.onDrag?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onDragStop(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this._resetDragWatcher();\n\n        this._onStop(group, layout);\n\n        this.context.onDragStop?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResizeStart(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.setState({\n            isDragging: true,\n        });\n\n        this.context.onResizeStart?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResize(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this.context.onResize?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onResizeStop(\n        group: string,\n        layout: ConfigLayout[],\n        oldItem: ConfigLayout,\n        newItem: ConfigLayout,\n        placeholder: ConfigLayout,\n        e: MouseEvent,\n        element: HTMLElement,\n    ) {\n        this._onStop(group, layout);\n\n        this.context.onResizeStop?.call(\n            this,\n            this.prepareDefaultArguments(group, layout, oldItem, newItem, placeholder, e, element),\n        );\n    }\n\n    _onTargetRestore() {\n        if (this.context.temporaryLayout) {\n            return;\n        }\n\n        const {currentDraggingElement} = this.state;\n\n        if (currentDraggingElement) {\n            this.setState({\n                draggedOverGroup: currentDraggingElement.group,\n            });\n        }\n    }\n\n    _onStop = (group: string, newLayout: ConfigLayout[]) => {\n        const {layoutChange, onDrop, temporaryLayout} = this.context;\n        const {draggedOverGroup, currentDraggingElement} = this.state;\n\n        if (\n            currentDraggingElement &&\n            draggedOverGroup !== null &&\n            draggedOverGroup !== currentDraggingElement.group\n        ) {\n            // Skipping layout update when change event called for source grid\n            // and waiting _onDrop\n            return;\n        }\n\n        const groupedLayout = this.mergeGroupsLayout(group, newLayout);\n\n        this._clearSharedDragState();\n        this.setState({\n            isDragging: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        });\n\n        if (temporaryLayout) {\n            const temporaryItem = groupedLayout.find(({i}) => i === TEMPORARY_ITEM_ID);\n            if (onDrop && temporaryItem) {\n                onDrop(groupedLayout, temporaryItem);\n            }\n        } else {\n            layoutChange(groupedLayout);\n        }\n    };\n\n    _onSharedDrop = (targetGroup: string, newLayout: ConfigLayout[], tempItem: ConfigLayout) => {\n        const {currentDraggingElement} = this.state;\n        const {layoutChange} = this.context;\n\n        if (!currentDraggingElement) {\n            return;\n        }\n\n        const sourceLayoutItem = currentDraggingElement.layoutItem;\n\n        const groupedLayout = this.mergeGroupsLayout(targetGroup, newLayout, tempItem).map(\n            (item) => {\n                if (item.i === sourceLayoutItem.i) {\n                    const copy = {...tempItem};\n\n                    delete copy.parent;\n                    if (targetGroup !== DEFAULT_GROUP) {\n                        copy.parent = targetGroup;\n                    }\n                    copy.i = sourceLayoutItem.i;\n\n                    return copy;\n                }\n\n                return item;\n            },\n        );\n\n        this._clearSharedDragState();\n        this.setState({\n            isDragging: false,\n            currentDraggingElement: null,\n            draggedOverGroup: null,\n        });\n\n        // TODO temporaryLayout\n        layoutChange(groupedLayout);\n    };\n\n    _onExternalDrop = (\n        group: string,\n        newLayout: ConfigLayout[],\n        item: ConfigLayout,\n        e: MouseEvent,\n    ) => {\n        const {onDrop} = this.context;\n\n        if (group !== DEFAULT_GROUP) {\n            item.parent = group;\n        }\n\n        const groupedLayout = this.mergeGroupsLayout(group, newLayout, item);\n        this._sharedDragRef.current = {isDragging: false, sourceGroup: null};\n        this.setState({isDragging: false});\n\n        onDrop?.(groupedLayout, item, e);\n    };\n\n    _onDrop = (\n        group: string,\n        newLayout: ConfigLayout[],\n        item: ConfigLayout | undefined,\n        e: MouseEvent,\n    ): void | false => {\n        if (!item || !this.context.editMode) {\n            return false;\n        }\n\n        const {draggedOverGroup, currentDraggingElement} = this.state;\n        if (currentDraggingElement && draggedOverGroup === group) {\n            this._onSharedDrop(group, newLayout, item);\n        } else {\n            this._onExternalDrop(group, newLayout, item, e);\n        }\n    };\n\n    _onDropDragOver = (\n        group: string,\n        e: DragOverEvent,\n    ): {w?: number; h?: number} | false | undefined => {\n        const {editMode, dragOverPlugin, onDropDragOver, temporaryLayout} = this.context;\n        const {currentDraggingElement} = this.state;\n\n        // TODO If temporary item is trying to change group\n        if (temporaryLayout && currentDraggingElement) {\n            return false;\n        }\n\n        if (!editMode || (!dragOverPlugin && !currentDraggingElement)) {\n            return false;\n        }\n\n        const {properties, layout} = this.getLayoutAndPropsByGroup(group);\n\n        if (currentDraggingElement) {\n            const {h, w, i} = currentDraggingElement.layoutItem;\n            const {type} = currentDraggingElement.item;\n            const sharedItem: DraggedOverItem = {\n                h,\n                w,\n                i,\n                type,\n                parent: currentDraggingElement.group,\n            };\n\n            return onDropDragOver(e, group, properties, layout, sharedItem);\n        }\n\n        if (dragOverPlugin) {\n            return onDropDragOver(e, group, properties, layout);\n        }\n\n        return false;\n    };\n\n    _clearSharedDragState() {\n        this._sharedDragRef.current = {isDragging: false, sourceGroup: null};\n        this._sharedDragPositionRef.current = null;\n\n        // Reset all group placeholders — covers the case where mouseup happens\n        // in a gap between groups and no individual group's mouseUpHandler fires.\n        this._groupResetRegistryRef.current.forEach((reset) => reset());\n    }\n\n    renderTemporaryPlaceholder(gridLayout: Partial<ReactGridLayoutProps>) {\n        const {temporaryLayout, noOverlay, draggableHandleClassName} = this.context;\n\n        if (!temporaryLayout || !temporaryLayout.dragProps) {\n            return null;\n        }\n\n        const id = TEMPORARY_ITEM_ID;\n        const {type} = temporaryLayout.dragProps;\n\n        return (\n            <GridItem\n                key={id}\n                id={id}\n                item={{id, type, data: {}} as ConfigItem}\n                layout={temporaryLayout.data}\n                adjustWidgetLayout={this.adjustWidgetLayout}\n                isDragging={this.state.isDragging}\n                isPlaceholder={true}\n                noOverlay={noOverlay}\n                withCustomHandle={Boolean(draggableHandleClassName)}\n                gridLayout={gridLayout}\n            />\n        );\n    }\n\n    renderGroup(\n        group: string,\n        renderLayout: ConfigLayout[],\n        renderItems: ConfigItem[],\n        offset = 0,\n        groupGridProperties?: (props: ReactGridLayoutProps) => ReactGridLayoutProps,\n    ) {\n        const {registerManager} = this.context;\n        const {currentDraggingElement, draggedOverGroup, isDragging, isDraggedOut} = this.state;\n\n        const hasOwnGroupProperties = typeof groupGridProperties === 'function';\n        const properties = hasOwnGroupProperties\n            ? groupGridProperties({...registerManager.gridLayout})\n            : registerManager.gridLayout;\n\n        const {callbacks, layout, stableProperties} = this.getMemoGroupProps(\n            group,\n            renderLayout,\n            properties,\n        );\n\n        const compactType: 'vertical' | 'horizontal' | null | undefined =\n            stableProperties.compactType === COMPACT_TYPE_HORIZONTAL_NOWRAP\n                ? 'horizontal'\n                : stableProperties.compactType;\n\n        const isDragCaptured = Boolean(\n            currentDraggingElement &&\n                group === currentDraggingElement.group &&\n                draggedOverGroup !== null &&\n                draggedOverGroup !== group,\n        );\n        const currentDraggingItemId =\n            currentDraggingElement && 'id' in currentDraggingElement.item\n                ? currentDraggingElement.item.id\n                : null;\n\n        // Non-source groups get stable false/null — memo skips re-render on drag move.\n        const isSourceGroup = Boolean(currentDraggingElement?.group === group);\n        const groupIsAnyDragging = isDragging && isSourceGroup;\n        const groupCurrentDraggingItemId = isSourceGroup ? currentDraggingItemId : null;\n        const groupIsAnyDraggedOut = isSourceGroup ? isDraggedOut : false;\n\n        return (\n            <GroupLayout\n                key={`group_${group}`}\n                group={group}\n                renderItems={renderItems}\n                offset={offset}\n                properties={stableProperties}\n                compactType={compactType}\n                callbacks={callbacks}\n                layout={layout}\n                temporaryPlaceholder={this.renderTemporaryPlaceholder(stableProperties)}\n                dragStateRef={this._sharedDragRef}\n                sharedDragPositionRef={this._sharedDragPositionRef}\n                groupResetRegistryRef={this._groupResetRegistryRef}\n                isDragCaptured={isDragCaptured}\n                isAnyDragging={groupIsAnyDragging}\n                currentDraggingItemId={groupCurrentDraggingItemId}\n                isAnyDraggedOut={groupIsAnyDraggedOut}\n                adjustWidgetLayout={this.adjustWidgetLayout}\n                getMemoForwardRefCallback={this.getMemoForwardRefCallback}\n            />\n        );\n    }\n\n    render() {\n        const {config, groups, editMode, context} = this.context;\n\n        this.pluginsRefs.length = this.context.configItems.length;\n\n        const defaultRenderLayout: ConfigLayout[] = [];\n        const defaultRenderItems: ConfigItem[] = [];\n        const layoutMap: Record<string, string> = {};\n\n        const groupedLayout = this.getActiveLayout().reduce<Record<string, ConfigLayout[]>>(\n            (memo, item) => {\n                if (item.parent) {\n                    if (!memo[item.parent]) {\n                        memo[item.parent] = [];\n                    }\n\n                    memo[item.parent].push(item);\n                    layoutMap[item.i] = item.parent;\n                } else {\n                    defaultRenderLayout.push(item);\n                }\n\n                return memo;\n            },\n            {},\n        );\n\n        const itemsByGroup = this.context.configItems.reduce<Record<string, ConfigItem[]>>(\n            (memo, item) => {\n                const group = layoutMap[item.id];\n                if (group) {\n                    if (!memo[group]) {\n                        memo[group] = [];\n                    }\n                    memo[group].push(item);\n                } else {\n                    defaultRenderItems.push(item);\n                }\n\n                return memo;\n            },\n            {},\n        );\n\n        let offset = 0;\n\n        if (groups) {\n            return groups.map((group) => {\n                const id = group.id || DEFAULT_GROUP;\n\n                let layout, items;\n\n                if (id === DEFAULT_GROUP) {\n                    layout = defaultRenderLayout;\n                    items = defaultRenderItems;\n                } else {\n                    layout = groupedLayout[id] || [];\n                    items = itemsByGroup[id] || [];\n                }\n\n                const stableItems = this.getMemoGroupItems(id, items);\n                const element = this.renderGroup(\n                    id,\n                    layout,\n                    stableItems,\n                    offset,\n                    group.gridProperties,\n                );\n                offset += stableItems.length;\n\n                if (group.render) {\n                    const groupContext = {\n                        isMobile: false,\n                        config,\n                        editMode,\n                        items,\n                        layout,\n                        context,\n                    };\n                    return group.render(id, element, groupContext);\n                }\n\n                return element;\n            });\n        } else {\n            const stableDefaultItems = this.getMemoGroupItems(DEFAULT_GROUP, defaultRenderItems);\n            return this.renderGroup(DEFAULT_GROUP, defaultRenderLayout, stableDefaultItems, offset);\n        }\n    }\n}\n"]}

package/build/cjs/components/GridLayout/ReactGridLayout.d.ts

@@ -10,6 +10,7 @@ type DragOverLayoutProps = ReactGridLayout.ReactGridLayoutProps & {
     dragStateRef?: React.MutableRefObject<{
         isDragging: boolean;
         sourceGroup: string | null;
+        touchIdentifier?: number;
     }>;
     sharedDragPositionRef?: React.MutableRefObject<SharedDragPosition | null>;
     group?: string;