npm - @wix/patterns - Versions diffs - 1.32.0 → 1.33.0 - Mend

@wix/patterns 1.32.0 → 1.33.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (323) hide show

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js CHANGED Viewed

@@ -10,6 +10,8 @@ var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
 var _dndTestEventHandlers = require("../GridDragAndDropDndKit/dndTestEventHandlers");
 var _util = require("@wix/bex-core/util");
+var _minimalRequiredWdsRuntimeCheck = require("../../minimalRequiredWdsRuntimeCheck");
+var _validateNestedTableDragAndDropProps = require("./validateNestedTableDragAndDropProps");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx";
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
@@ -25,6 +27,13 @@ function _NestedTableDragAndDropContext(props) {
     type: Table,
     props: tableProps
   } = children;
+  if (process.env.NODE_ENV !== 'production') {
+    (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
+      required: '^1.109.2',
+      requiredBy: 'WixPatterns/NestedTable'
+    });
+    (0, _validateNestedTableDragAndDropProps.validateNestedTableDragAndDropProps)(nestedState);
+  }
   const state = nestedState.nestedTableDragAndDrop;
   const dragAndDropState = state.dnd;
   (0, _react.useEffect)(() => state.init(), []);
@@ -96,7 +105,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 143,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_dragAndDrop.SortableReactiveContext.Provider, {
@@ -104,7 +113,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 144,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(Table, (0, _extends2.default)({}, tableProps, {
@@ -115,7 +124,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 145,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -124,7 +133,7 @@ function _NestedTableDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 143,
+      lineNumber: 153,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropContext","props","state","nestedState","onSubmit","onCancel","onBulkSubmit","children","type","Table","tableProps","nestedTableDragAndDrop","dragAndDropState","dnd","useEffect","init","dragAndDropContext","useState","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","a11yContainerRef","current","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","eventHandlers","row","testEvents","process","env","NODE_ENV","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","keyboardCodes","sortableReactiveContext","useMemo","dropDisabled","isActiveRectOutsideContainer","createElement","DragAndDropContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","SortableReactiveContext","_extends2","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n DragAndDropBulkSubmit,\n DragAndDropCancel,\n DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { NestedTableNestedModeState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport type { TableProps } from '@wix/design-system';\nimport {\n DragAndDropContext,\n IDragAndDropContext,\n ISortableReactiveContext,\n SortableReactiveContext,\n} from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport {\n dragHandleTestEvents,\n sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\n\nexport interface NestedTableDragAndDropContextProps<\n C extends string,\n T,\n F extends FiltersMap,\n> {\n state: NestedTableNestedModeState<C>;\n onSubmit?: DragAndDropSubmit<T, F>;\n onCancel?: DragAndDropCancel<T, F>;\n onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n children: React.ReactElement<\n TableProps<T>,\n React.ComponentType<TableProps<T>>\n >;\n}\n\nfunction _NestedTableDragAndDropContext<\n C extends string,\n T,\n F extends FiltersMap,\n>(props: NestedTableDragAndDropContextProps<C, T, F>) {\n const {\n state: nestedState,\n onSubmit,\n onCancel,\n onBulkSubmit,\n children,\n } = props;\n const { type: Table, props: tableProps } = children;\n\n const state =\n nestedState.nestedTableDragAndDrop as NestedTableDragAndDropState<C>;\n\n const dragAndDropState = state.dnd;\n\n useEffect(() => state.init(), []);\n\n dragAndDropState.onSubmit = onSubmit;\n dragAndDropState.onCancel = onCancel;\n dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n const [dragAndDropContext] = useState<IDragAndDropContext>(() => ({\n onDragAndDropDisabledRowPointerDown: (id, e) => {\n dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n },\n cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),\n dropAnimation: {\n duration: dragAndDropState.dropAnimation.duration,\n easing: dragAndDropState.dropAnimation.easing,\n },\n announcements: dragAndDropState.nullAnnouncements,\n a11yContainer: dragAndDropState.a11yContainerRef.current,\n onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),\n onDragMove: (event) => dragAndDropState.onDragMove(event),\n restoreFocus: false,\n onDropAnimationEnd: (id, dragHandleRef) => {\n return addEventListener(\n dragAndDropState.events,\n 'dropAnimationEnd',\n () => {\n dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);\n },\n );\n },\n eventHandlers: {\n row: ({ id }) => {\n const testEvents =\n process.env.NODE_ENV === 'test'\n ? sortableItemTestEvents({\n state: dragAndDropState,\n id,\n })\n : undefined;\n\n return {\n ...testEvents,\n onPointerDown: (e) => {\n dragAndDropState.containerEvents.onPointerDown?.(e);\n testEvents?.onPointerDown?.(e);\n },\n };\n },\n handle: ({ id }) => ({\n onPointerDown: (e) => {\n dragAndDropState.handleEvents.onPointerDown?.(e);\n },\n onKeyDown: (e) => {\n dragAndDropState.handleEvents.onKeyDown?.(e);\n },\n ...(process.env.NODE_ENV === 'test' &&\n dragHandleTestEvents({\n state: dragAndDropState,\n id,\n })),\n }),\n keyboardCodes: dragAndDropState.keyboardCodes,\n },\n }));\n\n dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;\n\n const sortableReactiveContext = useMemo<ISortableReactiveContext>(\n () => ({\n dropDisabled: dragAndDropState.isActiveRectOutsideContainer,\n }),\n [dragAndDropState.isActiveRectOutsideContainer],\n );\n\n return (\n <DragAndDropContext.Provider value={dragAndDropContext}>\n <SortableReactiveContext.Provider value={sortableReactiveContext}>\n <Table\n {...tableProps}\n isDragAndDropDisabled={dragAndDropState.isDisabled}\n onDragStart={(event) => dragAndDropState.onDragStart(event)}\n onDragEnd={(event) => dragAndDropState.onDragEnd(event)}\n onDragCancel={() => dragAndDropState.onDragCancel()}\n />\n\n <DragAndDropAnnouncements\n state={dragAndDropState}\n dataHook=\"collection-table-dnd-live-region\"\n />\n </SortableReactiveContext.Provider>\n </DragAndDropContext.Provider>\n );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n _NestedTableDragAndDropContext,\n);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_dragAndDrop","_DragAndDropAnnouncements","_dndTestEventHandlers","_util","_minimalRequiredWdsRuntimeCheck","_validateNestedTableDragAndDropProps","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_NestedTableDragAndDropContext","props","state","nestedState","onSubmit","onCancel","onBulkSubmit","children","type","Table","tableProps","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","validateNestedTableDragAndDropProps","nestedTableDragAndDrop","dragAndDropState","dnd","useEffect","init","dragAndDropContext","useState","onDragAndDropDisabledRowPointerDown","id","attachDisabledDragAttempt","cancelDrop","ev","beforeDrop","dropAnimation","duration","easing","announcements","nullAnnouncements","a11yContainer","a11yContainerRef","current","onDragOver","over","onDragMove","event","restoreFocus","onDropAnimationEnd","dragHandleRef","addEventListener","events","focusDragHandleIfDropped","eventHandlers","row","testEvents","sortableItemTestEvents","undefined","onPointerDown","containerEvents","handle","handleEvents","onKeyDown","dragHandleTestEvents","keyboardCodes","sortableReactiveContext","useMemo","dropDisabled","isActiveRectOutsideContainer","createElement","DragAndDropContext","Provider","value","__self","__source","fileName","lineNumber","columnNumber","SortableReactiveContext","_extends2","isDragAndDropDisabled","isDisabled","onDragStart","onDragEnd","onDragCancel","DragAndDropAnnouncements","dataHook","NestedTableDragAndDropContext","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropContext.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n DragAndDropBulkSubmit,\n DragAndDropCancel,\n DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { NestedTableNestedModeState } from '../../state';\nimport { observer } from 'mobx-react-lite';\nimport type { TableProps } from '@wix/design-system';\nimport {\n DragAndDropContext,\n IDragAndDropContext,\n ISortableReactiveContext,\n SortableReactiveContext,\n} from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport {\n dragHandleTestEvents,\n sortableItemTestEvents,\n} from '../GridDragAndDropDndKit/dndTestEventHandlers';\nimport { addEventListener } from '@wix/bex-core/util';\nimport { NestedTableDragAndDropState } from './NestedTableDragAndDropState';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { validateNestedTableDragAndDropProps } from './validateNestedTableDragAndDropProps';\n\nexport interface NestedTableDragAndDropContextProps<\n C extends string,\n T,\n F extends FiltersMap,\n> {\n state: NestedTableNestedModeState<C>;\n onSubmit?: DragAndDropSubmit<T, F>;\n onCancel?: DragAndDropCancel<T, F>;\n onBulkSubmit?: DragAndDropBulkSubmit<T, F>;\n children: React.ReactElement<\n TableProps<T>,\n React.ComponentType<TableProps<T>>\n >;\n}\n\nfunction _NestedTableDragAndDropContext<\n C extends string,\n T,\n F extends FiltersMap,\n>(props: NestedTableDragAndDropContextProps<C, T, F>) {\n const {\n state: nestedState,\n onSubmit,\n onCancel,\n onBulkSubmit,\n children,\n } = props;\n const { type: Table, props: tableProps } = children;\n\n if (process.env.NODE_ENV !== 'production') {\n minimalRequiredWdsRuntimeCheck({\n required: '^1.109.2',\n requiredBy: 'WixPatterns/NestedTable',\n });\n validateNestedTableDragAndDropProps(nestedState);\n }\n\n const state =\n nestedState.nestedTableDragAndDrop as NestedTableDragAndDropState<C>;\n\n const dragAndDropState = state.dnd;\n\n useEffect(() => state.init(), []);\n\n dragAndDropState.onSubmit = onSubmit;\n dragAndDropState.onCancel = onCancel;\n dragAndDropState.onBulkSubmit = onBulkSubmit;\n\n const [dragAndDropContext] = useState<IDragAndDropContext>(() => ({\n onDragAndDropDisabledRowPointerDown: (id, e) => {\n dragAndDropState.attachDisabledDragAttempt(id as string, e, 'y');\n },\n cancelDrop: (ev) => dragAndDropState.beforeDrop(ev),\n dropAnimation: {\n duration: dragAndDropState.dropAnimation.duration,\n easing: dragAndDropState.dropAnimation.easing,\n },\n announcements: dragAndDropState.nullAnnouncements,\n a11yContainer: dragAndDropState.a11yContainerRef.current,\n onDragOver: ({ over }) => dragAndDropState.onDragOver({ over }),\n onDragMove: (event) => dragAndDropState.onDragMove(event),\n restoreFocus: false,\n onDropAnimationEnd: (id, dragHandleRef) => {\n return addEventListener(\n dragAndDropState.events,\n 'dropAnimationEnd',\n () => {\n dragAndDropState.focusDragHandleIfDropped(id, dragHandleRef.current);\n },\n );\n },\n eventHandlers: {\n row: ({ id }) => {\n const testEvents =\n process.env.NODE_ENV === 'test'\n ? sortableItemTestEvents({\n state: dragAndDropState,\n id,\n })\n : undefined;\n\n return {\n ...testEvents,\n onPointerDown: (e) => {\n dragAndDropState.containerEvents.onPointerDown?.(e);\n testEvents?.onPointerDown?.(e);\n },\n };\n },\n handle: ({ id }) => ({\n onPointerDown: (e) => {\n dragAndDropState.handleEvents.onPointerDown?.(e);\n },\n onKeyDown: (e) => {\n dragAndDropState.handleEvents.onKeyDown?.(e);\n },\n ...(process.env.NODE_ENV === 'test' &&\n dragHandleTestEvents({\n state: dragAndDropState,\n id,\n })),\n }),\n keyboardCodes: dragAndDropState.keyboardCodes,\n },\n }));\n\n dragAndDropContext.a11yContainer = dragAndDropState.a11yContainerRef.current;\n\n const sortableReactiveContext = useMemo<ISortableReactiveContext>(\n () => ({\n dropDisabled: dragAndDropState.isActiveRectOutsideContainer,\n }),\n [dragAndDropState.isActiveRectOutsideContainer],\n );\n\n return (\n <DragAndDropContext.Provider value={dragAndDropContext}>\n <SortableReactiveContext.Provider value={sortableReactiveContext}>\n <Table\n {...tableProps}\n isDragAndDropDisabled={dragAndDropState.isDisabled}\n onDragStart={(event) => dragAndDropState.onDragStart(event)}\n onDragEnd={(event) => dragAndDropState.onDragEnd(event)}\n onDragCancel={() => dragAndDropState.onDragCancel()}\n />\n\n <DragAndDropAnnouncements\n state={dragAndDropState}\n dataHook=\"collection-table-dnd-live-region\"\n />\n </SortableReactiveContext.Provider>\n </DragAndDropContext.Provider>\n );\n}\n\nexport const NestedTableDragAndDropContext = observer(\n _NestedTableDragAndDropContext,\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js CHANGED Viewed

@@ -4,14 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.NestedTableDragAndDropState = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _createOptimisticActionsOrderByModeReaction = require("../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction");
 var _DragAndDrop = require("../DragAndDrop");
 var _mobx = require("mobx");
+var _events = require("events");
 class NestedTableDragAndDropState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "tableState", void 0);
     (0, _defineProperty2.default)(this, "dnd", void 0);
     (0, _defineProperty2.default)(this, "nestedState", void 0);
-    (0, _defineProperty2.default)(this, "_move", () => {});
+    (0, _defineProperty2.default)(this, "_isExpandedBeforeDrag", void 0);
     const {
       nestedState,
       modalsContainerRef
@@ -47,14 +49,130 @@ class NestedTableDragAndDropState {
         }
       }
     });
+    this.dnd.events.on('dragStart', () => {
+      const {
+        activeNode
+      } = this;
+      this._isExpandedBeforeDrag = activeNode == null ? void 0 : activeNode.node._expanded;
+      if (activeNode != null && activeNode.node._expanded) {
+        activeNode.node._toggleExpand();
+      }
+    });
     (0, _mobx.makeObservable)(this, {
       dragEventItems: _mobx.computed,
       dragEventDirectionItems: _mobx.computed,
       dragEventDepth: _mobx.computed,
-      dragEventParentId: _mobx.computed,
-      dragEventParentAndAfter: _mobx.computed
+      activeNode: _mobx.computed,
+      dragEventParentAndAfter: _mobx.computed,
+      _createDragEndEvent: _mobx.action,
+      _move: _mobx.action
     });
   }
+  _createNewParentData(node) {
+    if (!node.parent || !node.parentNode) {
+      return {};
+    }
+    return {
+      parentItem: node.parent.item
+    };
+  }
+  _createDragEndEvent() {
+    var _node$parent;
+    const {
+      dragEventParentAndAfter,
+      dnd,
+      nestedState
+    } = this;
+    const {
+      node,
+      activeItem,
+      after,
+      overItem
+    } = dragEventParentAndAfter;
+    if (!node || !activeItem || !overItem || !activeItem.item.originalKeyedItem) {
+      return null;
+    }
+    const {
+      levelDescriptor
+    } = activeItem.item.state;
+    if (!levelDescriptor.setParent) {
+      if (process.env.NODE_ENV !== 'production') {
+        console.warn('setParent is not defined in levelDescriptor, skipping drag end event creation');
+      }
+      return null;
+    }
+    return {
+      moveId: dnd._moveId,
+      from: {
+        ...activeItem.item.originalKeyedItem,
+        item: levelDescriptor.setParent(activeItem.item.originalKeyedItem.item, (_node$parent = node.parent) == null ? void 0 : _node$parent.id, this._createNewParentData(node))
+      },
+      over: overItem,
+      after,
+      query: nestedState.query.asComputed,
+      filtersKeyHash: nestedState.query.filtersKeyHash,
+      isFromHandle: Boolean(dnd._isHandleActive)
+    };
+  }
+  _move() {
+    var _node$parentNode;
+    const {
+      dragEventParentAndAfter,
+      nestedState,
+      dnd
+    } = this;
+    const {
+      node,
+      activeItem,
+      overItem
+    } = dragEventParentAndAfter;
+    if (!node || !activeItem || !overItem || !activeItem.item.originalKeyedItem) {
+      return;
+    }
+    const dragEndEvent = this._createDragEndEvent();
+    if (!dragEndEvent) {
+      return;
+    }
+    /**
+     * A submit function that will be shared between 3 optimistic actions.
+     * How it works: The `dragAndDropSubmit` function provided by the consumer will be called only inside the `move` action submit function.
+     * Using EventEmitter to resolve the promise only after the `move` action submit function completes.
+     */
+    const submitEvents = new _events.EventEmitter();
+    const submit = () => new Promise(resolve => submitEvents.once('submit', resolve));
+    activeItem.item.state.collection.optimisticActions.updateOne(dragEndEvent.from.item, {
+      submit,
+      keepPosition: true
+    });
+    node.collection.optimisticActions.updateOne(dragEndEvent.from.item, {
+      submit,
+      keepPosition: true
+    });
+    node.collection.optimisticActions.move(dragEndEvent, {
+      submit: async () => {
+        var _node$parent2;
+        const {
+          levelDescriptor
+        } = activeItem.item.state;
+        await (levelDescriptor.dragAndDropSubmit == null ? void 0 : levelDescriptor.dragAndDropSubmit({
+          ...dnd._createSimpleDragEndEvent(dragEndEvent),
+          parentId: (_node$parent2 = node.parent) == null ? void 0 : _node$parent2.id,
+          node
+        }));
+        submitEvents.emit('submit');
+      },
+      collectionSnapshot: nestedState.getCollectionSnapshot()
+    });
+    const nodeAfterMove = node.createNode({
+      parent: activeItem.item.originalKeyedItem
+    });
+    if (nodeAfterMove && this._isExpandedBeforeDrag != null) {
+      nodeAfterMove.node._expanded = this._isExpandedBeforeDrag;
+    }
+    (_node$parentNode = node.parentNode) == null || _node$parentNode._notify();
+  }
   getStickyColumnsCount({
     stickyColumns,
     horizontalScroll
@@ -102,8 +220,8 @@ class NestedTableDragAndDropState {
     } = dragEventItems;
     const activeItemIndex = activeItem.index;
     const overItemIndex = overItem.index;
-    const previousItem = activeItemIndex === overItemIndex ? items[overItemIndex - 1] : activeItemIndex > overItemIndex ? items[overItemIndex - 1] : items[overItemIndex];
-    const nextItem = activeItemIndex === overItemIndex ? items[overItemIndex + 1] : activeItemIndex < overItemIndex ? items[overItemIndex + 1] : items[overItemIndex];
+    const previousItem = activeItemIndex >= overItemIndex ? items[overItemIndex - 1] : items[overItemIndex];
+    const nextItem = activeItemIndex <= overItemIndex ? items[overItemIndex + 1] : items[overItemIndex];
     return {
       nextItem,
       previousItem,
@@ -148,81 +266,92 @@ class NestedTableDragAndDropState {
       overItem
     };
   }
-  get dragEventParentId() {
+  get activeNode() {
+    var _nestedState$getKeyed3;
     const {
-      nestedState: {
-        keyedItems: items
+      dnd: {
+        activeId
       },
-      dragEventDepth
+      nestedState
     } = this;
-    if (!dragEventDepth) {
-      return null;
-    }
-    const {
-      previousItem,
-      depth,
-      overItem
-    } = dragEventDepth;
-    if (depth === 0 || !previousItem) {
+    if (!activeId) {
       return null;
     }
-    if (depth === previousItem.item.state.depth) {
-      var _previousItem$item$st;
-      return (_previousItem$item$st = previousItem.item.state.parent) == null ? void 0 : _previousItem$item$st.id;
-    }
-    if (depth > previousItem.item.state.depth) {
-      return previousItem.id;
-    }
-    for (let i = overItem.index; i >= 0; i--) {
-      const item = items[i];
-      if (item.item.state.depth === depth) {
-        var _item$item$state$pare;
-        return (_item$item$state$pare = item.item.state.parent) == null ? void 0 : _item$item$state$pare.id;
-      }
-    }
-    return null;
+    return (_nestedState$getKeyed3 = nestedState.getKeyedItem(activeId)) == null ? void 0 : _nestedState$getKeyed3.item.state.parentKeyToChildrenMap.get(activeId);
   }
   get dragEventParentAndAfter() {
     const {
-      nestedState: {
-        keyedItems: items
-      },
+      nestedState,
       dragEventDepth
     } = this;
     if (!dragEventDepth) {
-      return null;
+      return {};
     }
+    const {
+      keyedItems: items
+    } = nestedState;
     const {
       previousItem,
       depth,
-      overItem
+      overItem,
+      activeItem
     } = dragEventDepth;
-    if (depth === 0 || !previousItem) {
-      return null;
+    if (previousItem == null) {
+      return {
+        node: nestedState.root,
+        after: null,
+        // before: nestedState.root.keyedItems[0],
+        activeItem,
+        overItem
+      };
+    }
+    if (depth === 0) {
+      return {
+        node: nestedState.root,
+        after: previousItem.item.originalKeyedItem,
+        // before: nextItem,
+        activeItem,
+        overItem
+      };
     }
     if (depth === previousItem.item.state.depth) {
       return {
         node: previousItem.item.state,
-        after: previousItem.item.originalKeyedItem
+        after: previousItem.item.originalKeyedItem,
+        // before: nextItem && nextItem.item.state.depth === depth ? nextItem : null,
+        activeItem,
+        overItem
       };
     }
     if (depth > previousItem.item.state.depth) {
+      const node = previousItem.item.state.parentKeyToChildrenMap.get(previousItem.id);
       return {
-        node: previousItem.item.state.parentNode,
-        after: null
+        node,
+        after: null,
+        // before: node?.keyedItems[0],
+        activeItem,
+        overItem
       };
     }
-    for (let i = overItem.index; i >= 0; i--) {
+    for (let i = previousItem.index; i >= 0; i--) {
       var _items$i;
       const item = (_items$i = items[i]) == null ? void 0 : _items$i.item;
       if (item.state.depth === depth) {
         return {
-          node: item.state.parentNode,
-          after: item.originalKeyedItem
+          node: item.state,
+          after: item.originalKeyedItem,
+          activeItem,
+          overItem
         };
       }
     }
-    return null;
+    return {
+      activeItem,
+      overItem
+    };
+  }
+  initCollection(collection) {
+    return (0, _createOptimisticActionsOrderByModeReaction.createOptimisticActionsOrderByModeReaction)(this.dnd, collection);
   }
   init() {
     return this.dnd.init();

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_DragAndDrop","require","_mobx","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","nestedState","modalsContainerRef","container","tableState","dnd","DragAndDropState","a11yContainerRef","state","wrapper","toolbar","collection","move","_move","announcements","dragHandleLabel","id","_nestedState$getKeyed","_item$originalKeyedIt","translate","t","item","getKeyedItem","itemName","originalKeyedItem","itemDescription","_nestedState$getKeyed2","_item$originalKeyedIt2","makeObservable","dragEventItems","computed","dragEventDirectionItems","dragEventDepth","dragEventParentId","dragEventParentAndAfter","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","activeId","overId","overItem","activeItem","keyedItems","items","activeItemIndex","index","overItemIndex","previousItem","nextItem","_indentationWidth","_moveDelta","dragDepth","Math","round","x","projectedDepth","depth","maxDepth","minDepth","_previousItem$item$st","parent","i","_item$item$state$pare","node","after","parentNode","_items$i","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableKeyedItem, NestedTableNestedModeState } from '../../state';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n readonly nestedState: NestedTableNestedModeState<C>;\n readonly modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n readonly tableState;\n readonly dnd;\n readonly nestedState;\n\n constructor(params: NestedTableDragAndDropStateParams<C>) {\n const { nestedState, modalsContainerRef } = params;\n\n const { container } = nestedState;\n\n this.tableState = nestedState.tableState;\n this.nestedState = nestedState;\n\n this.dnd = new DragAndDropState({\n a11yContainerRef: modalsContainerRef,\n container,\n state: nestedState.wrapper.toolbar,\n collection: nestedState,\n move: () => this._move(),\n announcements: {\n dragHandleLabel: (id) => {\n const { translate: t } = container;\n const item = nestedState.getKeyedItem(id as string)?.item;\n const itemName = item?.state.collection.itemName;\n\n return t('cairo.dragAndDrop.button-role-label.sr', {\n itemName:\n item && itemName ? itemName(item.originalKeyedItem?.item) : '',\n });\n },\n itemDescription: (id) => {\n const item = nestedState.getKeyedItem(id as string)?.item;\n const itemName = item?.state.collection.itemName;\n\n return item && itemName ? itemName(item.originalKeyedItem?.item) : '';\n },\n },\n });\n\n makeObservable(this, {\n dragEventItems: computed,\n dragEventDirectionItems: computed,\n dragEventDepth: computed,\n dragEventParentId: computed,\n dragEventParentAndAfter: computed,\n });\n }\n\n _move = () => {};\n\n getStickyColumnsCount({\n stickyColumns,\n horizontalScroll,\n }: {\n stickyColumns: number;\n showSelection?: boolean;\n horizontalScroll?: boolean;\n }) {\n const { dnd } = this;\n return horizontalScroll && !dnd.isDisabled\n ? stickyColumns + 1\n : stickyColumns;\n }\n\n get dragEventItems() {\n const { dnd } = this;\n const { collection, activeId, overId } = dnd;\n\n if (!overId \|\| !activeId) {\n return null;\n }\n\n const overItem = collection.getKeyedItem(overId) as NestedTableKeyedItem<\n C,\n any,\n any\n >;\n const activeItem = collection.getKeyedItem(\n activeId,\n ) as NestedTableKeyedItem<C, any, any>;\n\n if (activeItem == null \|\| overItem == null) {\n return null;\n }\n\n return {\n overItem,\n activeItem,\n };\n }\n\n get dragEventDirectionItems() {\n const {\n nestedState: { keyedItems: items },\n dragEventItems,\n } = this;\n\n if (!dragEventItems) {\n return null;\n }\n\n const { overItem, activeItem } = dragEventItems;\n\n const activeItemIndex = activeItem.index;\n const overItemIndex = overItem.index;\n\n const previousItem =\n activeItemIndex === overItemIndex\n ? items[overItemIndex - 1]\n : activeItemIndex > overItemIndex\n ? items[overItemIndex - 1]\n : items[overItemIndex];\n\n const nextItem =\n activeItemIndex === overItemIndex\n ? items[overItemIndex + 1]\n : activeItemIndex < overItemIndex\n ? items[overItemIndex + 1]\n : items[overItemIndex];\n\n return { nextItem, previousItem, overItem, activeItem };\n }\n\n get dragEventDepth() {\n const {\n nestedState: { _indentationWidth },\n dragEventDirectionItems,\n dnd: { _moveDelta },\n } = this;\n\n if (!dragEventDirectionItems) {\n return null;\n }\n\n const { nextItem, previousItem, activeItem, overItem } =\n dragEventDirectionItems;\n\n const dragDepth = Math.round(_moveDelta.x / _indentationWidth); // getDragDepth\n const projectedDepth = activeItem.item.state.depth + dragDepth;\n\n const maxDepth = previousItem ? previousItem.item.state.depth + 1 : 0;\n const minDepth = nextItem ? nextItem.item.state.depth : 0;\n\n let depth = projectedDepth;\n\n if (projectedDepth >= maxDepth) {\n depth = maxDepth;\n } else if (projectedDepth < minDepth) {\n depth = minDepth;\n }\n\n return { depth, nextItem, previousItem, activeItem, overItem };\n }\n\n get dragEventParentId() {\n const {\n nestedState: { keyedItems: items },\n dragEventDepth,\n } = this;\n\n if (!dragEventDepth) {\n return null;\n }\n\n const { previousItem, depth, overItem } = dragEventDepth;\n\n if (depth === 0 \|\| !previousItem) {\n return null;\n }\n\n if (depth === previousItem.item.state.depth) {\n return previousItem.item.state.parent?.id;\n }\n\n if (depth > previousItem.item.state.depth) {\n return previousItem.id;\n }\n\n for (let i = overItem.index; i >= 0; i--) {\n const item = items[i];\n\n if (item.item.state.depth === depth) {\n return item.item.state.parent?.id;\n }\n }\n\n return null;\n }\n\n get dragEventParentAndAfter() {\n const {\n nestedState: { keyedItems: items },\n dragEventDepth,\n } = this;\n\n if (!dragEventDepth) {\n return null;\n }\n\n const { previousItem, depth, overItem } = dragEventDepth;\n\n if (depth === 0 \|\| !previousItem) {\n return null;\n }\n\n if (depth === previousItem.item.state.depth) {\n return {\n node: previousItem.item.state,\n after: previousItem.item.originalKeyedItem,\n };\n }\n\n if (depth > previousItem.item.state.depth) {\n return {\n node: previousItem.item.state.parentNode,\n after: null,\n };\n }\n\n for (let i = overItem.index; i >= 0; i--) {\n const item = items[i]?.item;\n\n if (item.state.depth === depth) {\n return {\n node: item.state.parentNode,\n after: item.originalKeyedItem,\n };\n }\n }\n\n return null;\n }\n\n init() {\n return this.dnd.init();\n }\n}\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_createOptimisticActionsOrderByModeReaction","require","_DragAndDrop","_mobx","_events","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","nestedState","modalsContainerRef","container","tableState","dnd","DragAndDropState","a11yContainerRef","state","wrapper","toolbar","collection","move","_move","announcements","dragHandleLabel","id","_nestedState$getKeyed","_item$originalKeyedIt","translate","t","item","getKeyedItem","itemName","originalKeyedItem","itemDescription","_nestedState$getKeyed2","_item$originalKeyedIt2","events","on","activeNode","_isExpandedBeforeDrag","node","_expanded","_toggleExpand","makeObservable","dragEventItems","computed","dragEventDirectionItems","dragEventDepth","dragEventParentAndAfter","_createDragEndEvent","action","_createNewParentData","parent","parentNode","parentItem","_node$parent","activeItem","after","overItem","levelDescriptor","setParent","process","env","NODE_ENV","console","warn","moveId","_moveId","from","over","query","asComputed","filtersKeyHash","isFromHandle","Boolean","_isHandleActive","_node$parentNode","dragEndEvent","submitEvents","EventEmitter","submit","Promise","resolve","once","optimisticActions","updateOne","keepPosition","_node$parent2","dragAndDropSubmit","_createSimpleDragEndEvent","parentId","emit","collectionSnapshot","getCollectionSnapshot","nodeAfterMove","createNode","_notify","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","activeId","overId","keyedItems","items","activeItemIndex","index","overItemIndex","previousItem","nextItem","_indentationWidth","_moveDelta","dragDepth","Math","round","x","projectedDepth","depth","maxDepth","minDepth","_nestedState$getKeyed3","parentKeyToChildrenMap","get","root","i","_items$i","initCollection","createOptimisticActionsOrderByModeReaction","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableKeyedItem, NestedTableNestedModeState } from '../../state';\nimport { NestedTableNodeState } from '../../state/NestedTableState/NestedTableNodeState';\nimport { createOptimisticActionsOrderByModeReaction } from '../../state/DragAndDrop/createOptimisticActionsOrderByModeReaction';\nimport { DragAndDropState, IndexedItem } from '../DragAndDrop';\nimport { action, computed, makeObservable } from 'mobx';\nimport {\n ActionMove,\n CollectionState,\n ComputedQuery,\n FiltersMap,\n TypedEmitter,\n} from '@wix/bex-core';\nimport { EventEmitter } from 'events';\n\nexport interface NestedTableDragAndDropStateParams<C extends string> {\n readonly nestedState: NestedTableNestedModeState<C>;\n readonly modalsContainerRef: {\n current: HTMLElement \| null \| undefined;\n };\n}\n\nexport interface NestedDragEndEvent<C extends string, T, F extends FiltersMap> {\n from: IndexedItem<T>;\n after: IndexedItem<T> \| null;\n over: IndexedItem<T>;\n parentId: string \| undefined;\n filters: ComputedQuery<F>['filters'];\n node: NestedTableNodeState<C, T, F>;\n}\n\nexport class NestedTableDragAndDropState<C extends string> {\n readonly tableState;\n readonly dnd;\n readonly nestedState;\n\n _isExpandedBeforeDrag?: boolean;\n\n constructor(params: NestedTableDragAndDropStateParams<C>) {\n const { nestedState, modalsContainerRef } = params;\n\n const { container } = nestedState;\n\n this.tableState = nestedState.tableState;\n this.nestedState = nestedState;\n\n this.dnd = new DragAndDropState({\n a11yContainerRef: modalsContainerRef,\n container,\n state: nestedState.wrapper.toolbar,\n collection: nestedState,\n move: () => this._move(),\n announcements: {\n dragHandleLabel: (id) => {\n const { translate: t } = container;\n const item = nestedState.getKeyedItem(id as string)?.item;\n const itemName = item?.state.collection.itemName;\n\n return t('cairo.dragAndDrop.button-role-label.sr', {\n itemName:\n item && itemName ? itemName(item.originalKeyedItem?.item) : '',\n });\n },\n itemDescription: (id) => {\n const item = nestedState.getKeyedItem(id as string)?.item;\n const itemName = item?.state.collection.itemName;\n\n return item && itemName ? itemName(item.originalKeyedItem?.item) : '';\n },\n },\n });\n\n this.dnd.events.on('dragStart', () => {\n const { activeNode } = this;\n\n this._isExpandedBeforeDrag = activeNode?.node._expanded;\n if (activeNode?.node._expanded) {\n activeNode.node._toggleExpand();\n }\n });\n\n makeObservable(this, {\n dragEventItems: computed,\n dragEventDirectionItems: computed,\n dragEventDepth: computed,\n activeNode: computed,\n dragEventParentAndAfter: computed,\n _createDragEndEvent: action,\n _move: action,\n });\n }\n\n private _createNewParentData<T, F extends FiltersMap>(\n node: NestedTableNodeState<C, T, F>,\n ) {\n if (!node.parent \|\| !node.parentNode) {\n return {};\n }\n\n return {\n parentItem: node.parent.item as {},\n };\n }\n\n _createDragEndEvent(): ActionMove<any> \| null {\n const { dragEventParentAndAfter, dnd, nestedState } = this;\n\n const { node, activeItem, after, overItem } = dragEventParentAndAfter;\n\n if (\n !node \|\|\n !activeItem \|\|\n !overItem \|\|\n !activeItem.item.originalKeyedItem\n ) {\n return null;\n }\n\n const { levelDescriptor } = activeItem.item.state;\n\n if (!levelDescriptor.setParent) {\n if (process.env.NODE_ENV !== 'production') {\n console.warn(\n 'setParent is not defined in levelDescriptor, skipping drag end event creation',\n );\n }\n return null;\n }\n\n return {\n moveId: dnd._moveId,\n from: {\n ...activeItem.item.originalKeyedItem,\n item: levelDescriptor.setParent(\n activeItem.item.originalKeyedItem.item,\n node.parent?.id,\n this._createNewParentData(node),\n ),\n },\n over: overItem,\n after,\n query: nestedState.query.asComputed,\n filtersKeyHash: nestedState.query.filtersKeyHash,\n isFromHandle: Boolean(dnd._isHandleActive),\n };\n }\n\n _move() {\n const { dragEventParentAndAfter, nestedState, dnd } = this;\n\n const { node, activeItem, overItem } = dragEventParentAndAfter;\n\n if (\n !node \|\|\n !activeItem \|\|\n !overItem \|\|\n !activeItem.item.originalKeyedItem\n ) {\n return;\n }\n const dragEndEvent = this._createDragEndEvent();\n\n if (!dragEndEvent) {\n return;\n }\n\n /*\n A submit function that will be shared between 3 optimistic actions.\n * How it works: The `dragAndDropSubmit` function provided by the consumer will be called only inside the `move` action submit function.\n * Using EventEmitter to resolve the promise only after the `move` action submit function completes.\n */\n\n const submitEvents = new EventEmitter() as TypedEmitter<{\n submit: () => void;\n }>;\n\n const submit = () =>\n new Promise<void>((resolve) => submitEvents.once('submit', resolve));\n\n activeItem.item.state.collection.optimisticActions.updateOne(\n dragEndEvent.from.item,\n {\n submit,\n keepPosition: true,\n },\n );\n\n node.collection.optimisticActions.updateOne(dragEndEvent.from.item, {\n submit,\n keepPosition: true,\n });\n\n node.collection.optimisticActions.move(dragEndEvent, {\n submit: async () => {\n const { levelDescriptor } = activeItem.item.state;\n\n await levelDescriptor.dragAndDropSubmit?.({\n ...dnd._createSimpleDragEndEvent(dragEndEvent),\n parentId: node.parent?.id,\n node,\n });\n\n submitEvents.emit('submit');\n },\n collectionSnapshot: nestedState.getCollectionSnapshot(),\n });\n\n const nodeAfterMove = node.createNode({\n parent: activeItem.item.originalKeyedItem,\n });\n if (nodeAfterMove && this._isExpandedBeforeDrag != null) {\n nodeAfterMove.node._expanded = this._isExpandedBeforeDrag;\n }\n node.parentNode?._notify();\n }\n\n getStickyColumnsCount({\n stickyColumns,\n horizontalScroll,\n }: {\n stickyColumns: number;\n showSelection?: boolean;\n horizontalScroll?: boolean;\n }) {\n const { dnd } = this;\n return horizontalScroll && !dnd.isDisabled\n ? stickyColumns + 1\n : stickyColumns;\n }\n\n get dragEventItems() {\n const { dnd } = this;\n const { collection, activeId, overId } = dnd;\n\n if (!overId \|\| !activeId) {\n return null;\n }\n\n const overItem = collection.getKeyedItem(overId) as NestedTableKeyedItem<\n C,\n any,\n any\n >;\n\n const activeItem = collection.getKeyedItem(\n activeId,\n ) as NestedTableKeyedItem<C, any, any>;\n\n if (activeItem == null \|\| overItem == null) {\n return null;\n }\n\n return {\n overItem,\n activeItem,\n };\n }\n\n get dragEventDirectionItems() {\n const {\n nestedState: { keyedItems: items },\n dragEventItems,\n } = this;\n\n if (!dragEventItems) {\n return null;\n }\n\n const { overItem, activeItem } = dragEventItems;\n\n const activeItemIndex = activeItem.index;\n const overItemIndex = overItem.index;\n\n const previousItem: NestedTableKeyedItem<C, any, any> \| null =\n activeItemIndex >= overItemIndex\n ? items[overItemIndex - 1]\n : items[overItemIndex];\n\n const nextItem: NestedTableKeyedItem<C, any, any> \| null =\n activeItemIndex <= overItemIndex\n ? items[overItemIndex + 1]\n : items[overItemIndex];\n\n return {\n nextItem,\n previousItem,\n overItem,\n activeItem,\n };\n }\n\n get dragEventDepth() {\n const {\n nestedState: { _indentationWidth },\n dragEventDirectionItems,\n dnd: { _moveDelta },\n } = this;\n\n if (!dragEventDirectionItems) {\n return null;\n }\n\n const { nextItem, previousItem, activeItem, overItem } =\n dragEventDirectionItems;\n\n const dragDepth = Math.round(_moveDelta.x / _indentationWidth); // getDragDepth\n const projectedDepth = activeItem.item.state.depth + dragDepth;\n\n const maxDepth = previousItem ? previousItem.item.state.depth + 1 : 0;\n const minDepth = nextItem ? nextItem.item.state.depth : 0;\n\n let depth = projectedDepth;\n\n if (projectedDepth >= maxDepth) {\n depth = maxDepth;\n } else if (projectedDepth < minDepth) {\n depth = minDepth;\n }\n\n return { depth, nextItem, previousItem, activeItem, overItem };\n }\n\n get activeNode() {\n const {\n dnd: { activeId },\n nestedState,\n } = this;\n\n if (!activeId) {\n return null;\n }\n\n return nestedState\n .getKeyedItem(activeId)\n ?.item.state.parentKeyToChildrenMap.get(activeId);\n }\n\n get dragEventParentAndAfter() {\n const { nestedState, dragEventDepth } = this;\n\n if (!dragEventDepth) {\n return {};\n }\n\n const { keyedItems: items } = nestedState;\n const { previousItem, depth, overItem, activeItem } = dragEventDepth;\n\n if (previousItem == null) {\n return {\n node: nestedState.root,\n after: null,\n // before: nestedState.root.keyedItems[0],\n activeItem,\n overItem,\n };\n }\n\n if (depth === 0) {\n return {\n node: nestedState.root,\n after: previousItem.item.originalKeyedItem,\n // before: nextItem,\n activeItem,\n overItem,\n };\n }\n\n if (depth === previousItem.item.state.depth) {\n return {\n node: previousItem.item.state,\n after: previousItem.item.originalKeyedItem,\n // before: nextItem && nextItem.item.state.depth === depth ? nextItem : null,\n activeItem,\n overItem,\n };\n }\n\n if (depth > previousItem.item.state.depth) {\n const node = previousItem.item.state.parentKeyToChildrenMap.get(\n previousItem.id,\n );\n return {\n node,\n after: null,\n // before: node?.keyedItems[0],\n activeItem,\n overItem,\n };\n }\n\n for (let i = previousItem.index; i >= 0; i--) {\n const item = items[i]?.item;\n\n if (item.state.depth === depth) {\n return {\n node: item.state,\n after: item.originalKeyedItem,\n activeItem,\n overItem,\n };\n }\n }\n\n return {\n activeItem,\n overItem,\n };\n }\n\n initCollection<T, F extends FiltersMap>(collection: CollectionState<T, F>) {\n return createOptimisticActionsOrderByModeReaction(this.dnd, collection);\n }\n\n init() {\n return this.dnd.init();\n }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.js CHANGED Viewed

@@ -50,7 +50,7 @@ function _NestedTableGhostIndentationCell(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 38,
       columnNumber: 5
     }
   }));

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_dragAndDrop","_jsxFileName","_NestedTableGhostIndentationCell","props","_nestedTable$nestedTa","_item$originalKeyedIt","item","state","nestedTable","isDragOverlay","useDraggableRowContext","dragDepth","nestedTableDragAndDrop","dragEventDepth","depth","tableDragAndDropState","tableState","activeId","dnd","originalKeyedItem","id","classes","Table","dataTableRowStyle","default","createElement","_extends2","process","env","NODE_ENV","_indentationWidth","_parentCellPaddingStart","style","visibility","paddingInlineStart","paddingInlineEnd","width","className","light","__self","__source","fileName","lineNumber","columnNumber","NestedTableGhostIndentationCell","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.tsx"],"sourcesContent":["import { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Table } from '@wix/design-system';\nimport { useDraggableRowContext } from '@wix/wix-style-react-incubator/drag-and-drop';\n\nexport interface NestedTableGhostIndentationCellProps<\n C extends string,\n T,\n F extends FiltersMap,\n> {\n item: NestedTableDataItem<C, T, F>;\n}\n\nfunction _NestedTableGhostIndentationCell<\n C extends string,\n T,\n F extends FiltersMap,\n>(props: NestedTableGhostIndentationCellProps<C, T, F>) {\n const { item } = props;\n const { state } = item;\n const { nestedTable } = state;\n const { isDragOverlay } = useDraggableRowContext();\n\n const dragDepth = nestedTable.nestedTableDragAndDrop?.dragEventDepth?.depth;\n const { tableDragAndDropState } = nestedTable.tableState;\n\n const activeId = tableDragAndDropState?.dnd.activeId;\n if (activeId !== item.originalKeyedItem?.id \|\| isDragOverlay) {\n return null;\n }\n\n const { classes } = Table.dataTableRowStyle;\n\n return (\n <td\n data-hook=\"ghost-indentation-cell\"\n {...(process.env.NODE_ENV === 'test' && {\n 'data-indentation-width': nestedTable._indentationWidth,\n 'data-parent-cell-padding-start': nestedTable._parentCellPaddingStart,\n })}\n style={{\n visibility: 'visible',\n paddingInlineStart: 0,\n paddingInlineEnd: 0,\n width:\n (dragDepth === 0 ? 0 : nestedTable._parentCellPaddingStart) +\n (dragDepth ?? 0) * nestedTable._indentationWidth,\n }}\n className={classes.light}\n />\n );\n}\n\nexport const NestedTableGhostIndentationCell = observer(\n _NestedTableGhostIndentationCell,\n);\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAsF,IAAAI,YAAA;AAUtF,SAASC,gCAAgCA,CAIvCC,KAAoD,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACtD,MAAM;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACtB,MAAM;IAAEI;EAAM,CAAC,GAAGD,IAAI;EACtB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IAAEE;EAAc,CAAC,GAAG,IAAAC,mCAAsB,EAAC,CAAC;EAElD,MAAMC,SAAS,IAAAP,qBAAA,GAAGI,WAAW,CAACI,sBAAsB,cAAAR,qBAAA,GAAlCA,qBAAA,CAAoCS,cAAc,qBAAlDT,qBAAA,CAAoDU,KAAK;EAC3E,MAAM;IAAEC;EAAsB,CAAC,GAAGP,WAAW,CAACQ,UAAU;EAExD,MAAMC,QAAQ,GAAGF,qBAAqB,oBAArBA,qBAAqB,CAAEG,GAAG,CAACD,QAAQ;~~EACpD~~,IAAIA,QAAQ,OAAAZ,qBAAA,GAAKC,IAAI,CAACa,iBAAiB,qBAAtBd,qBAAA,CAAwBe,EAAE,KAAIX,aAAa,EAAE;IAC5D,OAAO,IAAI;EACb;EAEA,MAAM;IAAEY;EAAQ,CAAC,GAAGC,mBAAK,CAACC,iBAAiB;EAE3C,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,WAAAC,SAAA,CAAAF,OAAA;IACE,aAAU;EAAwB,GAC7BG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI;IACtC,wBAAwB,EAAErB,WAAW,CAACsB,iBAAiB;IACvD,gCAAgC,EAAEtB,WAAW,CAACuB;EAChD,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,SAAS;MACrBC,kBAAkB,EAAE,CAAC;MACrBC,gBAAgB,EAAE,CAAC;MACnBC,KAAK,EACH,CAACzB,SAAS,KAAK,CAAC,GAAG,CAAC,GAAGH,WAAW,CAACuB,uBAAuB,IAC1D,CAACpB,SAAS,IAAI,CAAC,IAAIH,WAAW,CAACsB;IACnC,CAAE;IACFO,SAAS,EAAEhB,OAAO,CAACiB,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CAAC;AAEN;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,uBAAQ,EACrD5C,gCACF,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_designSystem","_dragAndDrop","_jsxFileName","_NestedTableGhostIndentationCell","props","_nestedTable$nestedTa","_item$originalKeyedIt","item","state","nestedTable","isDragOverlay","useDraggableRowContext","dragDepth","nestedTableDragAndDrop","dragEventDepth","depth","tableDragAndDropState","tableState","activeId","dnd","originalKeyedItem","id","classes","Table","dataTableRowStyle","default","createElement","_extends2","process","env","NODE_ENV","_indentationWidth","_parentCellPaddingStart","style","visibility","paddingInlineStart","paddingInlineEnd","width","className","light","__self","__source","fileName","lineNumber","columnNumber","NestedTableGhostIndentationCell","exports","observer"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableGhostIndentationCell.tsx"],"sourcesContent":["import { NestedTableDataItem } from '../../state/NestedTableState/NestedTableNodeState';\nimport { FiltersMap } from '@wix/bex-core';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Table } from '@wix/design-system';\nimport { useDraggableRowContext } from '@wix/wix-style-react-incubator/drag-and-drop';\n\nexport interface NestedTableGhostIndentationCellProps<\n C extends string,\n T,\n F extends FiltersMap,\n> {\n item: NestedTableDataItem<C, T, F>;\n}\n\nfunction _NestedTableGhostIndentationCell<\n C extends string,\n T,\n F extends FiltersMap,\n>(props: NestedTableGhostIndentationCellProps<C, T, F>) {\n const { item } = props;\n const { state } = item;\n const { nestedTable } = state;\n const { isDragOverlay } = useDraggableRowContext();\n\n const dragDepth = nestedTable.nestedTableDragAndDrop?.dragEventDepth?.depth;\n const { tableDragAndDropState } = nestedTable.tableState;\n\n const activeId = tableDragAndDropState?.dnd.activeId;\n\n if (activeId !== item.originalKeyedItem?.id \|\| isDragOverlay) {\n return null;\n }\n\n const { classes } = Table.dataTableRowStyle;\n\n return (\n <td\n data-hook=\"ghost-indentation-cell\"\n {...(process.env.NODE_ENV === 'test' && {\n 'data-indentation-width': nestedTable._indentationWidth,\n 'data-parent-cell-padding-start': nestedTable._parentCellPaddingStart,\n })}\n style={{\n visibility: 'visible',\n paddingInlineStart: 0,\n paddingInlineEnd: 0,\n width:\n (dragDepth === 0 ? 0 : nestedTable._parentCellPaddingStart) +\n (dragDepth ?? 0) * nestedTable._indentationWidth,\n }}\n className={classes.light}\n />\n );\n}\n\nexport const NestedTableGhostIndentationCell = observer(\n _NestedTableGhostIndentationCell,\n);\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,cAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AAAsF,IAAAI,YAAA;AAUtF,SAASC,gCAAgCA,CAIvCC,KAAoD,EAAE;EAAA,IAAAC,qBAAA,EAAAC,qBAAA;EACtD,MAAM;IAAEC;EAAK,CAAC,GAAGH,KAAK;EACtB,MAAM;IAAEI;EAAM,CAAC,GAAGD,IAAI;EACtB,MAAM;IAAEE;EAAY,CAAC,GAAGD,KAAK;EAC7B,MAAM;IAAEE;EAAc,CAAC,GAAG,IAAAC,mCAAsB,EAAC,CAAC;EAElD,MAAMC,SAAS,IAAAP,qBAAA,GAAGI,WAAW,CAACI,sBAAsB,cAAAR,qBAAA,GAAlCA,qBAAA,CAAoCS,cAAc,qBAAlDT,qBAAA,CAAoDU,KAAK;EAC3E,MAAM;IAAEC;EAAsB,CAAC,GAAGP,WAAW,CAACQ,UAAU;EAExD,MAAMC,QAAQ,GAAGF,qBAAqB,oBAArBA,qBAAqB,CAAEG,GAAG,CAACD,QAAQ;EAEpD,IAAIA,QAAQ,OAAAZ,qBAAA,GAAKC,IAAI,CAACa,iBAAiB,qBAAtBd,qBAAA,CAAwBe,EAAE,KAAIX,aAAa,EAAE;IAC5D,OAAO,IAAI;EACb;EAEA,MAAM;IAAEY;EAAQ,CAAC,GAAGC,mBAAK,CAACC,iBAAiB;EAE3C,oBACE5B,MAAA,CAAA6B,OAAA,CAAAC,aAAA,WAAAC,SAAA,CAAAF,OAAA;IACE,aAAU;EAAwB,GAC7BG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAI;IACtC,wBAAwB,EAAErB,WAAW,CAACsB,iBAAiB;IACvD,gCAAgC,EAAEtB,WAAW,CAACuB;EAChD,CAAC;IACDC,KAAK,EAAE;MACLC,UAAU,EAAE,SAAS;MACrBC,kBAAkB,EAAE,CAAC;MACrBC,gBAAgB,EAAE,CAAC;MACnBC,KAAK,EACH,CAACzB,SAAS,KAAK,CAAC,GAAG,CAAC,GAAGH,WAAW,CAACuB,uBAAuB,IAC1D,CAACpB,SAAS,IAAI,CAAC,IAAIH,WAAW,CAACsB;IACnC,CAAE;IACFO,SAAS,EAAEhB,OAAO,CAACiB,KAAM;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,EAC1B,CAAC;AAEN;AAEO,MAAMC,+BAA+B,GAAAC,OAAA,CAAAD,+BAAA,GAAG,IAAAE,uBAAQ,EACrD5C,gCACF,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostRow.uni.driver.js CHANGED Viewed

@@ -3,19 +3,12 @@
 exports.__esModule = true;
 exports.NestedTableGhostRowUniDriver = NestedTableGhostRowUniDriver;
 var _unidriver = require("@wix/wix-ui-test-utils/unidriver");
+var _getUniDriverStyle = require("../../test-utils/getUniDriverStyle");
 function NestedTableGhostRowUniDriver(base, _body) {
-  const getStyle = async el => {
-    const style = await el.attr('style');
-    return (style ?? '').split(';').reduce((acc, prop) => {
-      const [key = '', value = ''] = prop.split(':');
-      acc[key.trim()] = value.trim();
-      return acc;
-    }, {});
-  };
   return {
     ...(0, _unidriver.baseUniDriverFactory)(base),
     getIndentationCellDepth: async () => {
-      const width = Number((await getStyle(base)).width.split('px')[0]);
+      const width = Number((await (0, _getUniDriverStyle.getUniDriverStyle)(base)).width.split('px')[0]);
       const indentationWidth = Number(await base.attr('data-indentation-width'));
       const parentCellPaddingStart = Number(await base.attr('data-parent-cell-padding-start'));
       const widthWithoutPaddingOrZero = Math.max(0, width - parentCellPaddingStart);

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableGhostRow.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","NestedTableGhostRowUniDriver","base","_body","~~getStyle~~","el","~~style~~","~~attr~~","~~split~~","~~reduce~~","~~acc~~","~~prop~~","~~key","value","trim","baseUniDriverFactory","getIndentationCellDepth","width","Number","indentationWidth","~~parentCellPaddingStart","widthWithoutPaddingOrZero","Math","max"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableGhostRow.uni.driver.ts"],"sourcesContent":["import {\n baseUniDriverFactory,\n UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport function NestedTableGhostRowUniDriver(\n base: UniDriver,\n _body: UniDriver,\n) {\n ~~const getStyle = async (el: UniDriver) => {\n const style = await el.attr('style');\n~~ return ~~(style ?? '').split(';').reduce((acc, prop) =>~~ {\n ~~const [key = '', value = ''] = prop.split(':');\n acc[key.trim()] = value.trim();\n return acc;\n~~ ~~}, {} as Record<string, string>);\n };\n\n return {\n~~ ...baseUniDriverFactory(base),\n getIndentationCellDepth: async () => {\n const width = Number((await ~~getStyle~~(base)).width.split('px')[0]);\n const indentationWidth = Number(\n await base.attr('data-indentation-width'),\n );\n const parentCellPaddingStart = Number(\n await base.attr('data-parent-cell-padding-start'),\n );\n const widthWithoutPaddingOrZero = Math.max(\n 0,\n width - parentCellPaddingStart,\n );\n return widthWithoutPaddingOrZero / indentationWidth;\n },\n };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;~~AAKO~~,~~SAASC~~,4BAA4BA,CAC1CC,IAAe,EACfC,KAAgB,EAChB;EACA,~~MAAMC,QAAQ,GAAG,MAAOC,EAAa,IAAK;IACxC,MAAMC,KAAK,GAAG,MAAMD,EAAE,CAACE,IAAI,CAAC,~~OAAO~~,CAAC~~;IACpC,OAAO,CAACD,KAAK,IAAI,EAAE,EAAEE,KAAK,CAAC,GAAG,CAAC,CAACC,MAAM,CAAC,CAACC,GAAG,EAAEC,IAAI,KAAK;MACpD,MAAM,CAACC,GAAG,GAAG,EAAE,EAAEC,KAAK,GAAG,EAAE,CAAC,GAAGF,IAAI,CAACH,KAAK,CAAC,GAAG,CAAC;MAC9CE,GAAG,CAACE,GAAG,CAACE,IAAI,CAAC,CAAC,CAAC,GAAGD,KAAK,CAACC,IAAI,CAAC,CAAC;MAC9B,OAAOJ,GAAG;IACZ,CAAC,EAAE,CAAC,CAA2B,CAAC;EAClC,CAAC;EAED,OAAO;IACL,GAAG,~~IAAAK~~,+BAAoB,~~EAACb~~,IAAI,CAAC;~~IAC7Bc~~,uBAAuB,EAAE,MAAAA,CAAA,KAAY;MACnC,MAAMC,KAAK,GAAGC,MAAM,~~CAAC~~,CAAC,~~MAAMd~~,~~QAAQ~~,~~CAACF~~,IAAI,CAAC,~~EAAEe~~,KAAK,~~CAACT~~,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,~~CAAC~~,CAAC;~~MACjE~~,~~MAAMW~~,gBAAgB,~~GAAGD~~,MAAM,CAC7B,~~MAAMhB~~,IAAI,~~CAACK~~,IAAI,CAAC,wBAAwB,CAC1C,CAAC;MACD,~~MAAMa~~,sBAAsB,~~GAAGF~~,MAAM,CACnC,~~MAAMhB~~,IAAI,~~CAACK~~,IAAI,CAAC,gCAAgC,CAClD,CAAC;MACD,~~MAAMc~~,yBAAyB,GAAGC,IAAI,CAACC,GAAG,CACxC,CAAC,~~EACDN~~,KAAK,~~GAAGG~~,sBACV,CAAC;MACD,OAAOC,yBAAyB,~~GAAGF~~,gBAAgB;IACrD;EACF,CAAC;AACH","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_getUniDriverStyle","NestedTableGhostRowUniDriver","base","_body","baseUniDriverFactory","getIndentationCellDepth","width","Number","getUniDriverStyle","split","indentationWidth","attr","parentCellPaddingStart","widthWithoutPaddingOrZero","Math","max"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableGhostRow.uni.driver.ts"],"sourcesContent":["import {\n baseUniDriverFactory,\n UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\nimport { getUniDriverStyle } from '../../test-utils/getUniDriverStyle';\n\nexport function NestedTableGhostRowUniDriver(\n base: UniDriver,\n _body: UniDriver,\n) {\n return {\n ...baseUniDriverFactory(base),\n getIndentationCellDepth: async () => {\n const width = Number(\n (await getUniDriverStyle(base)).width.split('px')[0],\n );\n const indentationWidth = Number(\n await base.attr('data-indentation-width'),\n );\n const parentCellPaddingStart = Number(\n await base.attr('data-parent-cell-padding-start'),\n );\n const widthWithoutPaddingOrZero = Math.max(\n 0,\n width - parentCellPaddingStart,\n );\n return widthWithoutPaddingOrZero / indentationWidth;\n },\n };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AAIA,IAAAC,kBAAA,GAAAD,OAAA;AAEO,SAASE,4BAA4BA,CAC1CC,IAAe,EACfC,KAAgB,EAChB;EACA,OAAO;IACL,GAAG,IAAAC,+BAAoB,EAACF,IAAI,CAAC;IAC7BG,uBAAuB,EAAE,MAAAA,CAAA,KAAY;MACnC,MAAMC,KAAK,GAAGC,MAAM,CAClB,CAAC,MAAM,IAAAC,oCAAiB,EAACN,IAAI,CAAC,EAAEI,KAAK,CAACG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CACrD,CAAC;MACD,MAAMC,gBAAgB,GAAGH,MAAM,CAC7B,MAAML,IAAI,CAACS,IAAI,CAAC,wBAAwB,CAC1C,CAAC;MACD,MAAMC,sBAAsB,GAAGL,MAAM,CACnC,MAAML,IAAI,CAACS,IAAI,CAAC,gCAAgC,CAClD,CAAC;MACD,MAAME,yBAAyB,GAAGC,IAAI,CAACC,GAAG,CACxC,CAAC,EACDT,KAAK,GAAGM,sBACV,CAAC;MACD,OAAOC,yBAAyB,GAAGH,gBAAgB;IACrD;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/validateNestedTableDragAndDropProps.js ADDED Viewed

@@ -0,0 +1,19 @@
+"use strict";
+exports.__esModule = true;
+exports.validateNestedTableDragAndDropProps = validateNestedTableDragAndDropProps;
+function levelHasRequiredProps(level) {
+  return level.setParent != null;
+}
+function runWarningChecks(level) {
+  if (level.dragAndDropSubmit == null) {
+    console.warn('dragAndDropSubmit is not defined in levelDescriptor, no server side update will be made');
+  }
+}
+function validateNestedTableDragAndDropProps(state) {
+  if (!state.levels.every(levelHasRequiredProps)) {
+    throw new Error(`NestedTableDragAndDrop: All levels must have 'setParent'`);
+  }
+  state.levels.forEach(runWarningChecks);
+}
+//# sourceMappingURL=validateNestedTableDragAndDropProps.js.map

package/dist/cjs/components/NestedTableDragAndDrop/validateNestedTableDragAndDropProps.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"names":["levelHasRequiredProps","level","setParent","runWarningChecks","dragAndDropSubmit","console","warn","validateNestedTableDragAndDropProps","state","levels","every","Error","forEach"],"sources":["../../../../src/components/NestedTableDragAndDrop/validateNestedTableDragAndDropProps.ts"],"sourcesContent":["import { NestedTableNestedModeState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { NestedTableLevelDescriptor } from '../../state/NestedTableState/NestedTableLevelDescriptor';\n\nfunction levelHasRequiredProps<C extends string, T, F extends FiltersMap>(\n level: NestedTableLevelDescriptor<C, T, F>,\n) {\n return level.setParent != null;\n}\n\nfunction runWarningChecks<C extends string, T, F extends FiltersMap>(\n level: NestedTableLevelDescriptor<C, T, F>,\n) {\n if (level.dragAndDropSubmit == null) {\n console.warn(\n 'dragAndDropSubmit is not defined in levelDescriptor, no server side update will be made',\n );\n }\n}\n\nexport function validateNestedTableDragAndDropProps(\n state: NestedTableNestedModeState,\n) {\n if (!state.levels.every(levelHasRequiredProps)) {\n throw new Error(`NestedTableDragAndDrop: All levels must have 'setParent'`);\n }\n\n state.levels.forEach(runWarningChecks);\n}\n"],"mappings":";;;;AAIA,SAASA,qBAAqBA,CAC5BC,KAA0C,EAC1C;EACA,OAAOA,KAAK,CAACC,SAAS,IAAI,IAAI;AAChC;AAEA,SAASC,gBAAgBA,CACvBF,KAA0C,EAC1C;EACA,IAAIA,KAAK,CAACG,iBAAiB,IAAI,IAAI,EAAE;IACnCC,OAAO,CAACC,IAAI,CACV,yFACF,CAAC;EACH;AACF;AAEO,SAASC,mCAAmCA,CACjDC,KAAiC,EACjC;EACA,IAAI,CAACA,KAAK,CAACC,MAAM,CAACC,KAAK,CAACV,qBAAqB,CAAC,EAAE;IAC9C,MAAM,IAAIW,KAAK,CAAC,0DAA0D,CAAC;EAC7E;EAEAH,KAAK,CAACC,MAAM,CAACG,OAAO,CAACT,gBAAgB,CAAC;AACxC","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.st.css.js CHANGED Viewed

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
-var _namespace_ = "PickerContent2439821551";
+var _namespace_ = "PickerContent3966022618";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "PickerContent2439821551__root"
+  "root": "PickerContent3966022618__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~PickerContent2439821551~~\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"~~PickerContent2439821551__root~~\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
1	+ {"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent3966022618\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContent3966022618__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA+B,CAAC;AACtD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}