@wix/patterns 0.8.0

package/dist/esm/components/Grid/GridItem.js

@@ -0,0 +1,25 @@
+import { observer } from 'mobx-react-lite';
+import { GridCardItem } from './GridCardItem';
+import React from 'react';
+function _GridItem(props) {
+    const { state, preset, index, rowIndex, columnIndex, renderItem, renderAddItem, actionCell, dragAndDrop, isOverlay, } = props;
+    const renderType = state.getItemRenderTypeAt(index);
+    const { collection: { query: { hasNonPersistentActiveFilters }, }, } = state;
+    if (renderType === null) {
+        return null;
+    }
+    if (renderType === 'trailing') {
+        if (hasNonPersistentActiveFilters) {
+            return null;
+        }
+        return (React.createElement("div", { key: "add-item", "data-hook": "grid-add-item-container", style: { height: '100%' }, onClick: () => state.onAddItemClick() }, renderAddItem === null || renderAddItem === void 0 ? void 0 : renderAddItem()));
+    }
+    let child = (React.createElement(GridCardItem, { state: state, index: index, rowIndex: rowIndex, columnIndex: columnIndex, keyedItem: renderType, renderItem: renderItem, actionCell: actionCell, preset: preset }));
+    if (dragAndDrop) {
+        const { DraggableCard } = dragAndDrop;
+        child = (React.createElement(DraggableCard, { id: renderType.key, index: renderType.index, state: state, isOverlay: isOverlay }, child));
+    }
+    return child;
+}
+export const GridItem = observer(_GridItem);
+//# sourceMappingURL=GridItem.js.map

package/dist/esm/components/Grid/GridItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItem.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,KAAuB,MAAM,OAAO,CAAC;AA2B5C,SAAS,SAAS,CAA0B,KAA0B;IACpE,MAAM,EACJ,KAAK,EACL,MAAM,EACN,KAAK,EACL,QAAQ,EACR,WAAW,EACX,UAAU,EACV,aAAa,EACb,UAAU,EACV,WAAW,EACX,SAAS,GACV,GAAG,KAAK,CAAC;IACV,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEpD,MAAM,EACJ,UAAU,EAAE,EACV,KAAK,EAAE,EAAE,6BAA6B,EAAE,GACzC,GACF,GAAG,KAAK,CAAC;IAEV,IAAI,UAAU,KAAK,IAAI,EAAE;QACvB,OAAO,IAAI,CAAC;KACb;IAED,IAAI,UAAU,KAAK,UAAU,EAAE;QAC7B,IAAI,6BAA6B,EAAE;YACjC,OAAO,IAAI,CAAC;SACb;QAED,OAAO,CACL,6BACE,GAAG,EAAC,UAAU,eACJ,yBAAyB,EACnC,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,EACzB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,EAAE,IAEpC,aAAa,aAAb,aAAa,uBAAb,aAAa,EAAI,CACd,CACP,CAAC;KACH;IAED,IAAI,KAAK,GAAG,CACV,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,UAAU,EACrB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,GACd,CACH,CAAC;IAEF,IAAI,WAAW,EAAE;QACf,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC;QACtC,KAAK,GAAG,CACN,oBAAC,aAAa,IACZ,EAAE,EAAE,UAAU,CAAC,GAAG,EAClB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,IAEnB,KAAK,CACQ,CACjB,CAAC;KACH;IAED,OAAO,KAAK,CAAC;AACf,CAAC;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAC"}

package/dist/esm/components/Grid/GridItemBaseProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GridItemBaseProps.js.map

package/dist/esm/components/Grid/GridItemBaseProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridItemBaseProps.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridItemBaseProps.ts"],"names":[],"mappings":""}

package/dist/esm/components/Grid/GridLayout.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=GridLayout.js.map

package/dist/esm/components/Grid/GridLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridLayout.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridLayout.tsx"],"names":[],"mappings":""}

package/dist/esm/components/Grid/GridPlaceholderStates.js

@@ -0,0 +1,20 @@
+import React from 'react';
+import { observer } from 'mobx-react-lite';
+import { PlaceholderStatesBase } from '../PlaceholderStates/PlaceholderStatesBase';
+function _GridPlaceholderStates(props) {
+    const { state, renderEmptyState, renderError, topNotification, children } = props;
+    const { collection } = state;
+    return (React.createElement(PlaceholderStatesBase, { state: state.toolbar.multi, topNotification: typeof topNotification === 'function'
+            ? () => topNotification({ query: collection.result.originQuery })
+            : topNotification, renderEmptyState: renderEmptyState
+            ? () => {
+                const { result: { originQuery, hasAvailableItems }, } = collection;
+                return renderEmptyState({
+                    hasAvailableItems,
+                    query: originQuery,
+                });
+            }
+            : undefined, renderError: renderError, loadingState: null }, children));
+}
+export const GridPlaceholderStates = observer(_GridPlaceholderStates);
+//# sourceMappingURL=GridPlaceholderStates.js.map

package/dist/esm/components/Grid/GridPlaceholderStates.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridPlaceholderStates.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridPlaceholderStates.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AAUnF,SAAS,sBAAsB,CAC7B,KAAuC;IAEvC,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,eAAe,EAAE,QAAQ,EAAE,GACvE,KAAK,CAAC;IACR,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAC7B,OAAO,CACL,oBAAC,qBAAqB,IACpB,KAAK,EAAE,KAAK,CAAC,OAAO,CAAC,KAAK,EAC1B,eAAe,EACb,OAAO,eAAe,KAAK,UAAU;YACnC,CAAC,CAAC,GAAG,EAAE,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,MAAM,CAAC,WAAW,EAAE,CAAC;YACjE,CAAC,CAAC,eAAe,EAErB,gBAAgB,EACd,gBAAgB;YACd,CAAC,CAAC,GAAG,EAAE;gBACH,MAAM,EACJ,MAAM,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE,GAC3C,GAAG,UAAU,CAAC;gBACf,OAAO,gBAAgB,CAAC;oBACtB,iBAAiB;oBACjB,KAAK,EAAE,WAAW;iBACnB,CAAC,CAAC;YACL,CAAC;YACH,CAAC,CAAC,SAAS,EAEf,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,IAAI,IAEjB,QAAQ,CACa,CACzB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,sBAAsB,CAAC,CAAC"}

package/dist/esm/components/Grid/GridSectionHeader.js

@@ -0,0 +1,17 @@
+import React, { useMemo } from 'react';
+import { Box, Text } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+function _GridSectionHeader({ sectionTitle, suffix, state, }) {
+    const { minimizedHeaderHeight, toolbarRect: { rect: { height: toolbarHeight }, }, internalScroll, } = state;
+    const top = useMemo(() => {
+        if (toolbarHeight == null || internalScroll) {
+            return 0;
+        }
+        return toolbarHeight + minimizedHeaderHeight;
+    }, [minimizedHeaderHeight, toolbarHeight, internalScroll]);
+    return (React.createElement(Box, { dataHook: "section-header", height: "42px", verticalAlign: "middle", align: "space-between", background: "linear-gradient(0deg, rgba(22, 45, 61, 0.03), rgba(22, 45, 61, 0.03)), #FFFFFF", paddingRight: "30px", paddingLeft: "30px", top: top, position: "sticky", zIndex: 2 },
+        React.createElement(Text, null, sectionTitle),
+        suffix));
+}
+export const GridSectionHeader = observer(_GridSectionHeader);
+//# sourceMappingURL=GridSectionHeader.js.map

package/dist/esm/components/Grid/GridSectionHeader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSectionHeader.js","sourceRoot":"","sources":["../../../../src/components/Grid/GridSectionHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAa,OAAO,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAG/C,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAQ3C,SAAS,kBAAkB,CAA0B,EACnD,YAAY,EACZ,MAAM,EACN,KAAK,GACwB;IAC7B,MAAM,EACJ,qBAAqB,EACrB,WAAW,EAAE,EACX,IAAI,EAAE,EAAE,MAAM,EAAE,aAAa,EAAE,GAChC,EACD,cAAc,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE;QACvB,IAAI,aAAa,IAAI,IAAI,IAAI,cAAc,EAAE;YAC3C,OAAO,CAAC,CAAC;SACV;QAED,OAAO,aAAa,GAAG,qBAAqB,CAAC;IAC/C,CAAC,EAAE,CAAC,qBAAqB,EAAE,aAAa,EAAE,cAAc,CAAC,CAAC,CAAC;IAE3D,OAAO,CACL,oBAAC,GAAG,IACF,QAAQ,EAAC,gBAAgB,EACzB,MAAM,EAAC,MAAM,EACb,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAC,eAAe,EACrB,UAAU,EAAC,gFAAgF,EAC3F,YAAY,EAAC,MAAM,EACnB,WAAW,EAAC,MAAM,EAClB,GAAG,EAAE,GAAG,EACR,QAAQ,EAAC,QAAQ,EACjB,MAAM,EAAE,CAAC;QAET,oBAAC,IAAI,QAAE,YAAY,CAAQ;QAC1B,MAAM,CACH,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

package/dist/esm/components/Grid/RenderItem.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=RenderItem.js.map

package/dist/esm/components/Grid/RenderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RenderItem.js","sourceRoot":"","sources":["../../../../src/components/Grid/RenderItem.ts"],"names":[],"mappings":""}

package/dist/esm/components/Grid/SkeletonGrid.uni.driver.js

@@ -0,0 +1,6 @@
+import { baseUniDriverFactory } from '../../unidriver';
+export function SkeletonGridUniDriver(base, _body) {
+    return Object.assign(Object.assign({}, baseUniDriverFactory(base)), { skeletonItemsCount: () => base.$$('[data-hook="skeleton-grid"] > *').count() });
+}
+export default SkeletonGridUniDriver;
+//# sourceMappingURL=SkeletonGrid.uni.driver.js.map

package/dist/esm/components/Grid/SkeletonGrid.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonGrid.uni.driver.js","sourceRoot":"","sources":["../../../../src/components/Grid/SkeletonGrid.uni.driver.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAEvD,MAAM,UAAU,qBAAqB,CAAC,IAAe,EAAE,KAAgB;IACrE,uCACK,oBAAoB,CAAC,IAAI,CAAC,KAC7B,kBAAkB,EAAE,GAAG,EAAE,CACvB,IAAI,CAAC,EAAE,CAAC,iCAAiC,CAAC,CAAC,KAAK,EAAE,IACpD;AACJ,CAAC;AAED,eAAe,qBAAqB,CAAC"}

package/dist/esm/components/Grid/SupportedCardGalleryItemProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=SupportedCardGalleryItemProps.js.map

package/dist/esm/components/Grid/SupportedCardGalleryItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SupportedCardGalleryItemProps.js","sourceRoot":"","sources":["../../../../src/components/Grid/SupportedCardGalleryItemProps.ts"],"names":[],"mappings":""}

package/dist/esm/components/Grid/index.js

@@ -0,0 +1,2 @@
+export * from './Grid';
+//# sourceMappingURL=index.js.map

package/dist/esm/components/Grid/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/Grid/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC"}

package/dist/esm/components/Grid/renderFolderItem.js

@@ -0,0 +1,22 @@
+import React, { useCallback } from 'react';
+import { GridCardItem } from './GridCardItem';
+import { FolderIcon } from '../FolderIcon';
+export function useRenderFolderItem(params) {
+    const { state, folderPreset = 'title', renderFolderItem, dragAndDrop, folderActionCell, } = params;
+    return useCallback((index, { itemKey: _itemKey, index2d } = {}) => {
+        const renderType = state.getItemRenderTypeAt(index);
+        if (renderType === null) {
+            return null;
+        }
+        if (renderType === 'trailing') {
+            return null;
+        }
+        let child = (React.createElement(GridCardItem, { state: state, index: index, rowIndex: index2d === null || index2d === void 0 ? void 0 : index2d.rowIndex, columnIndex: index2d === null || index2d === void 0 ? void 0 : index2d.columnIndex, keyedItem: renderType, renderItem: (item, index) => (Object.assign({ backgroundImageNode: React.createElement(FolderIcon, null), imagePlacement: 'side' }, renderFolderItem === null || renderFolderItem === void 0 ? void 0 : renderFolderItem(item, index))), preset: folderPreset, actionCell: folderActionCell }));
+        if (dragAndDrop) {
+            const { DraggableCard } = dragAndDrop;
+            child = (React.createElement(DraggableCard, { id: renderType.key, index: renderType.index, state: state }, child));
+        }
+        return child;
+    }, [dragAndDrop === null || dragAndDrop === void 0 ? void 0 : dragAndDrop.DraggableCard]);
+}
+//# sourceMappingURL=renderFolderItem.js.map

package/dist/esm/components/Grid/renderFolderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderFolderItem.js","sourceRoot":"","sources":["../../../../src/components/Grid/renderFolderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAO9C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAmB3C,MAAM,UAAU,mBAAmB,CACjC,MAAuC;IAEvC,MAAM,EACJ,KAAK,EACL,YAAY,GAAG,OAAO,EACtB,gBAAgB,EAChB,WAAW,EACX,gBAAgB,GACjB,GAAG,MAAM,CAAC;IAEX,OAAO,WAAW,CAChB,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE;QAC7C,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,KAAK,CAAC,CAAC;QAEpD,IAAI,UAAU,KAAK,IAAI,EAAE;YACvB,OAAO,IAAI,CAAC;SACb;QAED,IAAI,UAAU,KAAK,UAAU,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,GAAG,CACV,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAC3B,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EACjC,SAAS,EAAE,UAAU,EACrB,UAAU,EAAE,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,iBAC3B,mBAAmB,EAAE,oBAAC,UAAU,OAAG,EACnC,cAAc,EAAE,MAAM,IACnB,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAG,IAAI,EAAE,KAAK,CAAC,EAClC,EACF,MAAM,EAAE,YAAY,EACpB,UAAU,EAAE,gBAAgB,GAC5B,CACH,CAAC;QAEF,IAAI,WAAW,EAAE;YACf,MAAM,EAAE,aAAa,EAAE,GAAG,WAAW,CAAC;YACtC,KAAK,GAAG,CACN,oBAAC,aAAa,IACZ,EAAE,EAAE,UAAU,CAAC,GAAG,EAClB,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,KAAK,EAAE,KAAK,IAEX,KAAK,CACQ,CACjB,CAAC;SACH;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EACD,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,aAAa,CAAC,CAC7B,CAAC;AACJ,CAAC"}

package/dist/esm/components/Grid/toGridItemActions.js

@@ -0,0 +1,64 @@
+import { __rest } from "tslib";
+import React from 'react';
+import { IconButton, PopoverMenu, } from '@wix/design-system';
+import { More } from '@wix/wix-ui-icons-common';
+import { createPrimaryActionCellPropsWithBI, createSecondaryActionCellPropWithBi, reportOnPopoverMenuShow, } from '../CollectionItemActions/CollectionItemActionsHelper';
+import { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';
+export function evaluateActionCell({ actionCell, item, index, gridState, keyedItem, itemActionsState, }) {
+    if (!actionCell) {
+        return {};
+    }
+    if (typeof actionCell === 'function') {
+        return actionCell(item, index, {
+            openConfirmDeleteModal: itemActionsState.openConfirmDeleteModal,
+            openConfirmModal: itemActionsState.openConfirmModal,
+            collection: gridState.collection,
+            keyedItem,
+        });
+    }
+    return actionCell;
+}
+export function toGridItemActions(actionCell) {
+    var _a, _b;
+    const actions = evaluateActionCell(actionCell);
+    let settingsMenu = null;
+    let primaryAction = null;
+    const extensionMenuItems = (_b = (_a = actionCell.gridState.toolbar.extensionMenuItems) === null || _a === void 0 ? void 0 : _a.useExtensionMenuItems) === null || _b === void 0 ? void 0 : _b.call(_a, {
+        containerId: actions.containerId,
+    });
+    const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({
+        toolbarBIReporter: actionCell.gridState.toolbar.toolbarBIReporter,
+        actionCellProps: actions,
+        keyedItem: actionCell.keyedItem,
+        extensionMenuItems,
+    });
+    const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(actionCell.gridState.toolbar.toolbarBIReporter, actions, actionCell.keyedItem);
+    if (primaryActionCellPropsWithBI) {
+        primaryAction = {
+            label: primaryActionCellPropsWithBI.text,
+            onClick: primaryActionCellPropsWithBI.onClick,
+            disabled: primaryActionCellPropsWithBI.disabled,
+            disabledMessage: primaryActionCellPropsWithBI.disabledMessage,
+        };
+    }
+    if (secondaryActionCellPropsWithBI &&
+        secondaryActionCellPropsWithBI.length > 0) {
+        settingsMenu = (React.createElement(PopoverMenu, Object.assign({}, actions.popoverMenuProps, getDefaultActionCellProps(), { dataHook: "popover", triggerElement: ({ toggle, close }) => (React.createElement(IconButton, { dataHook: "popover-trigger", onClick: (e) => {
+                    e.stopPropagation();
+                    toggle();
+                    reportOnPopoverMenuShow(actionCell.gridState.toolbar.toolbarBIReporter, actions, actionCell.keyedItem);
+                }, onPointerDown: actionCell.gridState._dnd ? (e) => e.stopPropagation() : undefined, onMouseLeave: close, skin: actionCell.imagePlacement === 'top' ? 'light' : 'standard', size: "small", priority: "secondary" },
+                React.createElement(More, null))), children: secondaryActionCellPropsWithBI.map((action, index) => {
+                if (action.divider) {
+                    return React.createElement(PopoverMenu.Divider, { key: index });
+                }
+                const { icon: prefixIcon } = action, rest = __rest(action, ["icon"]);
+                return (React.createElement(PopoverMenu.MenuItem, Object.assign({ key: index, prefixIcon: prefixIcon }, rest)));
+            }) })));
+    }
+    return {
+        primaryAction,
+        settingsMenu,
+    };
+}
+//# sourceMappingURL=toGridItemActions.js.map

package/dist/esm/components/Grid/toGridItemActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toGridItemActions.js","sourceRoot":"","sources":["../../../../src/components/Grid/toGridItemActions.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/Grid/useGridSyncProps.js

@@ -0,0 +1,44 @@
+import { useEffect } from 'react';
+import { runInAction } from 'mobx';
+import { useToolbarCollectionSyncProps } from '../ToolbarCollection/useToolbarCollectionSyncProps';
+import { gridSizePresets } from '../../state';
+import { useScrollableContentContext } from '../../providers';
+export function useGridSyncProps(props) {
+    const { state, renderAddItem, preset, dragAndDrop, isUsingFolders } = props;
+    const { scrollableContentRef } = useScrollableContentContext();
+    useToolbarCollectionSyncProps(Object.assign(Object.assign({}, props), { state: state.toolbar, isUsingDragAndDrop: !!props.dragAndDrop, isUsingBulkActionsToolbar: false, isUsingHorizontalScroll: false, isUsingFolders: isUsingFolders !== null && isUsingFolders !== void 0 ? isUsingFolders : false, isUsingTableVirtualization: false }));
+    useEffect(() => {
+        const { collection } = state;
+        const scrollableContent = scrollableContentRef === null || scrollableContentRef === void 0 ? void 0 : scrollableContentRef.current;
+        if (scrollableContent) {
+            collection.scrollableContent = scrollableContent;
+        }
+        return () => {
+            collection.scrollableContent = null;
+        };
+    }, []);
+    useEffect(() => {
+        runInAction(() => {
+            state.trailingItemsCount = [renderAddItem].filter(Boolean).length;
+        });
+    }, [renderAddItem]);
+    useEffect(() => {
+        runInAction(() => {
+            state.preset = preset !== null && preset !== void 0 ? preset : 'title';
+        });
+    }, [preset]);
+    useEffect(() => {
+        runInAction(() => {
+            state._draggable = dragAndDrop ? 'draggable' : 'none';
+        });
+    }, [dragAndDrop]);
+    useEffect(() => {
+        runInAction(() => {
+            if (!props.imagePlacement || !gridSizePresets[props.imagePlacement]) {
+                return;
+            }
+            state.sizePreset = gridSizePresets[props.imagePlacement];
+        });
+    }, []);
+}
+//# sourceMappingURL=useGridSyncProps.js.map

package/dist/esm/components/Grid/useGridSyncProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useGridSyncProps.js","sourceRoot":"","sources":["../../../../src/components/Grid/useGridSyncProps.ts"],"names":[],"mappings":"AAAA,OAAO,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,WAAW,EAAE,MAAM,MAAM,CAAC;AACnC,OAAO,EAAE,6BAA6B,EAAE,MAAM,oDAAoD,CAAC;AAGnG,OAAO,EAAiB,eAAe,EAAE,MAAM,aAAa,CAAC;AAG7D,OAAO,EAAE,2BAA2B,EAAE,MAAM,iBAAiB,CAAC;AAsB9D,MAAM,UAAU,gBAAgB,CAC9B,KAAmC;IAEnC,MAAM,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,KAAK,CAAC;IAC5E,MAAM,EAAE,oBAAoB,EAAE,GAAG,2BAA2B,EAAE,CAAC;IAE/D,6BAA6B,iCACxB,KAAK,KACR,KAAK,EAAE,KAAK,CAAC,OAAO,EACpB,kBAAkB,EAAE,CAAC,CAAC,KAAK,CAAC,WAAW,EACvC,yBAAyB,EAAE,KAAK,EAChC,uBAAuB,EAAE,KAAK,EAC9B,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,KAAK,EACvC,0BAA0B,EAAE,KAAK,IACjC,CAAC;IAEH,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;QAE7B,MAAM,iBAAiB,GAAG,oBAAoB,aAApB,oBAAoB,uBAApB,oBAAoB,CAAE,OAAO,CAAC;QAExD,IAAI,iBAAiB,EAAE;YACrB,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;SAClD;QAED,OAAO,GAAG,EAAE;YACV,UAAU,CAAC,iBAAiB,GAAG,IAAI,CAAC;QACtC,CAAC,CAAC;IACJ,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,KAAK,CAAC,kBAAkB,GAAG,CAAC,aAAa,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC;QACpE,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,KAAK,CAAC,MAAM,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,OAAO,CAAC;QACnC,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,KAAK,CAAC,UAAU,GAAG,WAAW,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC;QACxD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,GAAG,EAAE;YACf,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,EAAE;gBACnE,OAAO;aACR;YACD,KAAK,CAAC,UAAU,GAAG,eAAe,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QAC3D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;AACT,CAAC"}

package/dist/esm/components/Grid/useRenderItem.js

@@ -0,0 +1,7 @@
+import React, { useCallback } from 'react';
+import { GridItem } from './GridItem';
+export function useRenderItem(params) {
+    const { renderItem, state, renderAddItem, dragAndDrop, actionCell, preset = 'title', } = params;
+    return useCallback((index, { itemKey: _itemKey, index2d } = {}) => (React.createElement(GridItem, { state: state, index: index, rowIndex: index2d === null || index2d === void 0 ? void 0 : index2d.rowIndex, columnIndex: index2d === null || index2d === void 0 ? void 0 : index2d.columnIndex, renderItem: renderItem, actionCell: actionCell, renderAddItem: renderAddItem, dragAndDrop: dragAndDrop, preset: preset })), [renderItem, actionCell, renderAddItem, dragAndDrop, preset]);
+}
+//# sourceMappingURL=useRenderItem.js.map

package/dist/esm/components/Grid/useRenderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRenderItem.js","sourceRoot":"","sources":["../../../../src/components/Grid/useRenderItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAC;AAQzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAqBtC,MAAM,UAAU,aAAa,CAC3B,MAAiC;IAEjC,MAAM,EACJ,UAAU,EACV,KAAK,EACL,aAAa,EACb,WAAW,EACX,UAAU,EACV,MAAM,GAAG,OAAO,GACjB,GAAG,MAAM,CAAC;IAEX,OAAO,WAAW,CAChB,CAAC,KAAK,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,CAAC,CAC9C,oBAAC,QAAQ,IACP,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,EAC3B,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,EACjC,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,MAAM,GACd,CACH,EACD,CAAC,UAAU,EAAE,UAAU,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,CAAC,CAC7D,CAAC;AACJ,CAAC"}

package/dist/esm/components/GridDragAndDropDndKit/DraggableCardOverlay.js

@@ -0,0 +1,18 @@
+import React, { forwardRef } from 'react';
+import { DragOverlay } from '@wix/wix-style-react-incubator/dnd-kit/core';
+import { createPortal } from 'react-dom';
+import { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';
+import { GridDragOverlayCardItem } from './GridDragOverlayCardItem';
+import { observer } from 'mobx-react-lite';
+import { usePageContext } from '@wix/bex-core/react';
+const DraggableCardOverlayWrapper = forwardRef((props, ref) => (React.createElement("div", Object.assign({ "data-hook": "draggable-card-overlay", ref: ref }, props))));
+function _DraggableCardOverlay(props) {
+    var _a;
+    const { state, renderItem } = props;
+    const { _dnd } = state;
+    const { modalsContainerRef } = usePageContext();
+    return createPortal(React.createElement(DragOverlay, Object.assign({ dropAnimation: _dnd === null || _dnd === void 0 ? void 0 : _dnd.dropAnimation, modifiers: [restrictToWindowEdges] }, { wrapperElement: DraggableCardOverlayWrapper }),
+        React.createElement(GridDragOverlayCardItem, { renderItem: renderItem, state: state })), (_a = modalsContainerRef === null || modalsContainerRef === void 0 ? void 0 : modalsContainerRef.current) !== null && _a !== void 0 ? _a : document.body);
+}
+export const DraggableCardOverlay = observer(_DraggableCardOverlay);
+//# sourceMappingURL=DraggableCardOverlay.js.map

package/dist/esm/components/GridDragAndDropDndKit/DraggableCardOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraggableCardOverlay.js","sourceRoot":"","sources":["../../../../src/components/GridDragAndDropDndKit/DraggableCardOverlay.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAkB,UAAU,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,6CAA6C,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,WAAW,CAAC;AACzC,OAAO,EAAE,qBAAqB,EAAE,MAAM,kDAAkD,CAAC;AAEzF,OAAO,EAAE,uBAAuB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAErD,MAAM,2BAA2B,GAAG,UAAU,CAG5C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE,CAAC,CAChB,wDAAe,wBAAwB,EAAC,GAAG,EAAE,GAAG,IAAM,KAAK,EAAI,CAChE,CAAC,CAAC;AAEH,SAAS,qBAAqB,CAC5B,KAAsC;;IAEtC,MAAM,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEpC,MAAM,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAEvB,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,EAAE,CAAC;IAEhD,OAAO,YAAY,CACjB,oBAAC,WAAW,kBACV,aAAa,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,EAClC,SAAS,EAAE,CAAC,qBAAqB,CAAC,IAC7B,EAAE,cAAc,EAAE,2BAA2B,EAAS;QAE3D,oBAAC,uBAAuB,IAAC,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,KAAK,GAAI,CACrD,EACd,MAAA,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,OAAO,mCAAI,QAAQ,CAAC,IAAI,CAC7C,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/components/GridDragAndDropDndKit/GridDragAndDrop.js

@@ -0,0 +1,9 @@
+import { GridSortableContext } from './GridSortableContext';
+import { GridDraggableCardItem } from './GridDraggableCardItem';
+import { DraggableCardOverlay } from './DraggableCardOverlay';
+export const GridDragAndDrop = {
+    SortableContext: GridSortableContext,
+    DraggableCard: GridDraggableCardItem,
+    DraggableCardOverlay,
+};
+//# sourceMappingURL=GridDragAndDrop.js.map

package/dist/esm/components/GridDragAndDropDndKit/GridDragAndDrop.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/GridDragAndDropDndKit/GridDragAndDrop.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAI9D,MAAM,CAAC,MAAM,eAAe,GAAgB;IAC1C,eAAe,EAAE,mBAAmB;IACpC,aAAa,EAAE,qBAAqB;IACpC,oBAAoB;CACrB,CAAC"}

package/dist/esm/components/GridDragAndDropDndKit/GridDragOverlayCardItem.js

@@ -0,0 +1,13 @@
+import { observer } from 'mobx-react-lite';
+import { cloneElement } from 'react';
+function _GridDragOverlayCardItem(props) {
+    const { state: { _dnd }, renderItem, } = props;
+    const el = _dnd && _dnd.activeIndex != null ? renderItem(_dnd.activeIndex) : undefined;
+    return el
+        ? cloneElement(el, {
+            isOverlay: true,
+        })
+        : null;
+}
+export const GridDragOverlayCardItem = observer(_GridDragOverlayCardItem);
+//# sourceMappingURL=GridDragOverlayCardItem.js.map

package/dist/esm/components/GridDragAndDropDndKit/GridDragOverlayCardItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridDragOverlayCardItem.js","sourceRoot":"","sources":["../../../../src/components/GridDragAndDropDndKit/GridDragOverlayCardItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAGrC,SAAS,wBAAwB,CAC/B,KAAsC;IAEtC,MAAM,EACJ,KAAK,EAAE,EAAE,IAAI,EAAE,EACf,UAAU,GACX,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,GACN,IAAI,IAAI,IAAI,CAAC,WAAW,IAAI,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9E,OAAO,EAAE;QACP,CAAC,CAAC,YAAY,CAAC,EAAE,EAAE;YACf,SAAS,EAAE,IAAI;SAChB,CAAC;QACJ,CAAC,CAAC,IAAI,CAAC;AACX,CAAC;AAED,MAAM,CAAC,MAAM,uBAAuB,GAAG,QAAQ,CAAC,wBAAwB,CAAC,CAAC"}

package/dist/esm/components/GridDragAndDropDndKit/GridDraggableCardItem.js

@@ -0,0 +1,89 @@
+import { useSortable } from '@wix/wix-style-react-incubator/dnd-kit/sortable';
+import React, { useEffect, useRef } from 'react';
+import { CSS } from '@wix/wix-style-react-incubator/dnd-kit/utilities';
+import { Box } from '@wix/design-system';
+import { observer } from 'mobx-react-lite';
+import { runInAction } from 'mobx';
+import { dragHandleTestEvents, sortableItemTestEvents, } from './dndTestEventHandlers';
+import { addEventListener } from '@wix/bex-core/util';
+function _GridDraggableCardItem(props) {
+    var _a, _b, _c, _d, _e;
+    const { children, id, isOverlay, state } = props;
+    const { type: CardItem, props: forwardCardItemProps } = children;
+    const { rowIndex, columnIndex } = forwardCardItemProps;
+    const { _dnd } = state;
+    const isDropping = (_dnd === null || _dnd === void 0 ? void 0 : _dnd.droppingId) === id;
+    const dragHandleRef = useRef();
+    useEffect(() => {
+        if (_dnd) {
+            return addEventListener(_dnd.events, 'dropAnimationEnd', () => {
+                _dnd.focusDragHandleIfDropped(id, dragHandleRef.current);
+            });
+        }
+        return;
+    }, [id, _dnd]);
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging, setActivatorNodeRef, } = useSortable({
+        id,
+        transition: _dnd === null || _dnd === void 0 ? void 0 : _dnd.sortableAnimation,
+        disabled: {
+            draggable: false,
+            droppable: _dnd === null || _dnd === void 0 ? void 0 : _dnd.isActiveRectOutsideContainer,
+        },
+    });
+    const showMask = (isDragging || isDropping) && !isOverlay;
+    const ariaDescribedBy = `draggable-card-item-description-${id}`;
+    const dragHandleProps = isOverlay
+        ? {}
+        : Object.assign(Object.assign({ tabIndex: 0, domRef: (e) => {
+                setActivatorNodeRef(e);
+                dragHandleRef.current = e;
+                _dnd === null || _dnd === void 0 ? void 0 : _dnd.focusDragHandleIfDropped(id, dragHandleRef.current);
+            }, role: 'button', 'aria-label': (_b = (_a = _dnd === null || _dnd === void 0 ? void 0 : _dnd.nullAnnouncements) === null || _a === void 0 ? void 0 : _a.dragHandleLabel) === null || _b === void 0 ? void 0 : _b.call(_a, id), 'aria-describedby': ariaDescribedBy, onClick: (e) => e.stopPropagation() }, _dnd === null || _dnd === void 0 ? void 0 : _dnd.handleEvents), (process.env.NODE_ENV === 'test' &&
+            state._dnd &&
+            dragHandleTestEvents({ id, state: state._dnd })));
+    const cardItemProps = Object.assign(Object.assign({}, forwardCardItemProps), ((_dnd === null || _dnd === void 0 ? void 0 : _dnd.isDisabled)
+        ? {}
+        : {
+            draggable: true,
+            droppable: _dnd === null || _dnd === void 0 ? void 0 : _dnd.isActive,
+            dragging: isOverlay,
+            dragHandleProps,
+        }));
+    useEffect(() => {
+        if (!_dnd || isOverlay) {
+            return;
+        }
+        runInAction(function forceRenderIndexes() {
+            if (_dnd.activeId === id && rowIndex != null && columnIndex != null) {
+                const { forceRenderIndexes: indexes } = state;
+                const includes = indexes === null || indexes === void 0 ? void 0 : indexes.some((index2d) => rowIndex === index2d.rowIndex &&
+                    columnIndex === index2d.columnIndex);
+                if (!includes) {
+                    state.forceRenderIndexes = [{ rowIndex, columnIndex }];
+                }
+            }
+        });
+    }, [rowIndex, columnIndex, isOverlay, _dnd === null || _dnd === void 0 ? void 0 : _dnd.activeId]);
+    const style = Object.assign({ position: 'relative', height: '100%', width: '100%', transform: CSS.Transform.toString(transform), transition }, ((_dnd === null || _dnd === void 0 ? void 0 : _dnd.isDropping) && { transition: undefined }));
+    const testEvents = process.env.NODE_ENV === 'test' && state._dnd
+        ? sortableItemTestEvents({ id, state: state._dnd })
+        : undefined;
+    const dndAttrs = (_dnd === null || _dnd === void 0 ? void 0 : _dnd.isDisabled)
+        ? {
+            onPointerDown: (e) => {
+                _dnd === null || _dnd === void 0 ? void 0 : _dnd.attachDisabledDragAttempt(id, e.nativeEvent, 'all');
+            },
+        }
+        : Object.assign(Object.assign(Object.assign(Object.assign({}, attributes), listeners), testEvents), { onPointerDown: (e) => {
+                var _a, _b, _c, _d, _e;
+                (_c = (_a = state._dnd) === null || _a === void 0 ? void 0 : (_b = _a.containerEvents).onPointerDown) === null || _c === void 0 ? void 0 : _c.call(_b, e);
+                (_d = listeners === null || listeners === void 0 ? void 0 : listeners.onPointerDown) === null || _d === void 0 ? void 0 : _d.call(listeners, e);
+                (_e = testEvents === null || testEvents === void 0 ? void 0 : testEvents.onPointerDown) === null || _e === void 0 ? void 0 : _e.call(testEvents, e);
+            } });
+    return (React.createElement("div", Object.assign({ ref: setNodeRef, style: style }, dndAttrs, { tabIndex: undefined, "data-hook": "grid-card-item-events" }),
+        React.createElement("div", { id: ariaDescribedBy, style: { display: 'none' } }, (_e = (_d = (_c = state._dnd) === null || _c === void 0 ? void 0 : _c.nullAnnouncements) === null || _d === void 0 ? void 0 : _d.itemDescription) === null || _e === void 0 ? void 0 : _e.call(_d, id)),
+        !showMask && React.createElement(CardItem, Object.assign({}, cardItemProps)),
+        showMask && (React.createElement(Box, { borderRadius: 8, height: "100%", width: "100%", backgroundColor: "D60" }))));
+}
+export const GridDraggableCardItem = observer(_GridDraggableCardItem);
+//# sourceMappingURL=GridDraggableCardItem.js.map

package/dist/esm/components/GridDragAndDropDndKit/GridDraggableCardItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridDraggableCardItem.js","sourceRoot":"","sources":["../../../../src/components/GridDragAndDropDndKit/GridDraggableCardItem.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/GridDragAndDropDndKit/GridSortableContext.js

@@ -0,0 +1,68 @@
+import React, { useEffect, useState } from 'react';
+import { AutoScrollActivator, closestCenter, DndContext, KeyboardSensor, PointerSensor, useSensor, useSensors, } from '@wix/wix-style-react-incubator/dnd-kit/core';
+import { rectSortingStrategy, SortableContext, } from '@wix/wix-style-react-incubator/dnd-kit/sortable';
+import { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';
+import { useCollectionContext } from '../CollectionContext';
+import { observer } from 'mobx-react-lite';
+import { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';
+import { CollectionDragAndDropState, } from '../DragAndDrop';
+import { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';
+import { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';
+function _GridSortableContext(props) {
+    const { state: grid, children, onSubmit, onCancel } = props;
+    const container = useWixPatternsContainer();
+    const { modalsContainerRef } = usePageContext();
+    const collection = useCollectionContext();
+    const { result: { keyedItems }, } = collection;
+    const [state] = useState(() => new CollectionDragAndDropState({
+        state: grid,
+        container,
+        a11yContainer: modalsContainerRef === null || modalsContainerRef === void 0 ? void 0 : modalsContainerRef.current,
+    }));
+    const pointerSensor = useSensor(PointerSensor, {
+        activationConstraint: state.dnd.activationConstraint,
+    });
+    const [coordinateGetter] = useState(() => sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }));
+    const keyboardSensor = useSensor(KeyboardSensor, {
+        keyboardCodes: state.dnd.keyboardCodes,
+        coordinateGetter,
+    });
+    // in jsdom we mock drag-and-drop by setting a custom events to draggable elements
+    const sensors = useSensors(...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]));
+    useEffect(() => state.init({
+        a11yContainer: modalsContainerRef === null || modalsContainerRef === void 0 ? void 0 : modalsContainerRef.current,
+    }), []);
+    state.dnd.onSubmit = onSubmit;
+    state.dnd.onCancel = onCancel;
+    return (React.createElement(DndContext, { sensors: sensors, autoScroll: {
+            activator: AutoScrollActivator.DraggableRect,
+            freeze: true,
+            acceleration: 4,
+            threshold: {
+                y: 0.01,
+                x: 0.2,
+            },
+        }, accessibility: {
+            container: state.dnd.a11yContainer,
+            announcements: state.dnd.nullAnnouncements,
+            screenReaderInstructions: {
+                draggable: '',
+            },
+            restoreFocus: false,
+        }, collisionDetection: closestCenter, modifiers: [restrictToWindowEdges], cancelDrop: (ev) => state.dnd.beforeDrop(ev), onDragStart: (ev) => {
+            state.dnd.onDragStart(ev);
+        }, onDragMove: (ev) => {
+            state.dnd.onDragMove(ev);
+        }, onDragEnd: (ev) => {
+            state.dnd.onDragEnd(ev);
+        }, onDragCancel: () => {
+            state.dnd.onDragCancel();
+        }, onDragOver: (ev) => {
+            state.dnd.onDragOver(ev);
+        } },
+        React.createElement(SortableContext, { items: keyedItems, strategy: rectSortingStrategy },
+            children,
+            React.createElement(DragAndDropAnnouncements, { state: state.dnd, dataHook: "grid-dnd-live-region" }))));
+}
+export const GridSortableContext = observer(_GridSortableContext);
+//# sourceMappingURL=GridSortableContext.js.map

package/dist/esm/components/GridDragAndDropDndKit/GridSortableContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GridSortableContext.js","sourceRoot":"","sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"names":[],"mappings":"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"}

package/dist/esm/components/GridDragAndDropDndKit/dndTestEventHandlers.js

@@ -0,0 +1,75 @@
+import { action } from 'mobx';
+export const sortableItemTestEvents = ({ id, disabled, state, }) => {
+    return {
+        onPointerDown: () => {
+            if (disabled === null || disabled === void 0 ? void 0 : disabled.draggable) {
+                return;
+            }
+            state.onDragStart({ active: { id } });
+        },
+        onPointerUp: () => {
+            if ((disabled === null || disabled === void 0 ? void 0 : disabled.droppable) || state.activeId == null) {
+                return;
+            }
+            const isCancelled = state.beforeDrop({
+                active: {
+                    id: state.activeId,
+                },
+                over: {
+                    id,
+                },
+            });
+            if (isCancelled) {
+                return;
+            }
+            state.onDragEnd({
+                over: {
+                    id,
+                },
+            });
+        },
+        onKeyDown: (e) => {
+            const keyboardCodes = state.keyboardCodes;
+            if (state.status === 'start' &&
+                keyboardCodes.move.includes(e.nativeEvent.code)) {
+                state.onDragOver({
+                    over: {
+                        id,
+                    },
+                });
+                return;
+            }
+        },
+    };
+};
+export const dragHandleTestEvents = ({ id, state, }) => {
+    return {
+        onKeyDown: action((e) => {
+            var _a, _b;
+            (_b = (_a = state.handleEvents) === null || _a === void 0 ? void 0 : _a.onKeyDown) === null || _b === void 0 ? void 0 : _b.call(_a, e);
+            const keyboardCodes = state.keyboardCodes;
+            if (state.status === 'start' || state.status === 'over') {
+                if (keyboardCodes.end.includes(e.nativeEvent.code)) {
+                    if (state.activeId == null) {
+                        return;
+                    }
+                    state.beforeDrop({
+                        active: { id: state.activeId },
+                        over: { id },
+                    });
+                    state.onDragEnd({ over: { id } });
+                    return;
+                }
+                if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {
+                    state.onDragCancel();
+                    return;
+                }
+            }
+            if (keyboardCodes.start.includes(e.nativeEvent.code)) {
+                state.onDragStart({ active: { id } });
+                return;
+            }
+        }),
+    };
+};
+//# sourceMappingURL=dndTestEventHandlers.js.map