@wix/patterns 1.13.0 → 1.15.0

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

@@ -0,0 +1,85 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+exports.__esModule = true;
+exports.NestedTableDragAndDropState = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _DragAndDrop = require("../DragAndDrop");
+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", ev => {
+      var _nestedState$getKeyed, _ev$over;
+      const {
+        nestedState
+      } = this;
+      const item = (_nestedState$getKeyed = nestedState.getKeyedItem((_ev$over = ev.over) == null ? void 0 : _ev$over.id)) == null ? void 0 : _nestedState$getKeyed.item;
+      if (!item) {
+        return;
+      }
+      const itemCollection = item == null ? void 0 : item.state.collection;
+      const {
+        optimisticActions
+      } = itemCollection;
+      if (optimisticActions == null) {
+        return;
+      }
+      optimisticActions._orderByMode = 'moves';
+      const dragEndEvent = this.dnd._createDragEndEvent(ev);
+      if (dragEndEvent == null) {
+        return;
+      }
+    });
+    const {
+      nestedState: _nestedState,
+      modalsContainerRef
+    } = params;
+    const {
+      container
+    } = _nestedState;
+    this.tableState = _nestedState.tableState;
+    this.nestedState = _nestedState;
+    this.dnd = new _DragAndDrop.DragAndDropState({
+      a11yContainerRef: modalsContainerRef,
+      container,
+      state: _nestedState.wrapper.toolbar,
+      collection: _nestedState,
+      move: this._move,
+      announcements: {
+        dragHandleLabel: id => {
+          var _nestedState$getKeyed2, _item$originalKeyedIt;
+          const {
+            translate: t
+          } = container;
+          const item = (_nestedState$getKeyed2 = _nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed2.item;
+          const itemName = item == null ? void 0 : item.state.collection.itemName;
+          return t('cairo.dragAndDrop.button-role-label.sr', {
+            itemName: item && itemName ? itemName((_item$originalKeyedIt = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt.item) : ''
+          });
+        },
+        itemDescription: id => {
+          var _nestedState$getKeyed3, _item$originalKeyedIt2;
+          const item = (_nestedState$getKeyed3 = _nestedState.getKeyedItem(id)) == null ? void 0 : _nestedState$getKeyed3.item;
+          const itemName = item == null ? void 0 : item.state.collection.itemName;
+          return item && itemName ? itemName((_item$originalKeyedIt2 = item.originalKeyedItem) == null ? void 0 : _item$originalKeyedIt2.item) : '';
+        }
+      }
+    });
+  }
+  getStickyColumnsCount({
+    stickyColumns,
+    horizontalScroll
+  }) {
+    const {
+      dnd
+    } = this;
+    return horizontalScroll && !dnd.isDisabled ? stickyColumns + 1 : stickyColumns;
+  }
+  init() {
+    return this.dnd.init();
+  }
+}
+exports.NestedTableDragAndDropState = NestedTableDragAndDropState;
+//# sourceMappingURL=NestedTableDragAndDropState.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_DragAndDrop","require","NestedTableDragAndDropState","constructor","params","_defineProperty2","default","ev","_nestedState$getKeyed","_ev$over","nestedState","item","getKeyedItem","over","id","itemCollection","state","collection","optimisticActions","_orderByMode","dragEndEvent","dnd","_createDragEndEvent","modalsContainerRef","container","tableState","DragAndDropState","a11yContainerRef","wrapper","toolbar","move","_move","announcements","dragHandleLabel","_nestedState$getKeyed2","_item$originalKeyedIt","translate","t","itemName","originalKeyedItem","itemDescription","_nestedState$getKeyed3","_item$originalKeyedIt2","getStickyColumnsCount","stickyColumns","horizontalScroll","isDisabled","init","exports"],"sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropState.ts"],"sourcesContent":["import { NestedTableNestedModeState } from '../../state';\nimport { DragAndDropState, DragItemOver } from '../DragAndDrop';\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\n  _move = (ev: { over: DragItemOver | null }) => {\n    const { nestedState } = this;\n\n    const item = nestedState.getKeyedItem(ev.over?.id as string)?.item;\n\n    if (!item) {\n      return;\n    }\n\n    const itemCollection = item?.state.collection;\n    const { optimisticActions } = itemCollection;\n\n    if (optimisticActions == null) {\n      return;\n    }\n\n    optimisticActions._orderByMode = 'moves';\n\n    const dragEndEvent = this.dnd._createDragEndEvent(ev);\n\n    if (dragEndEvent == null) {\n      return;\n    }\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  init() {\n    return this.dnd.init();\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PageWrapper/PageWrapperBase.js

@@ -6,6 +6,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _react2 = require("@wix/bex-utils/react");
 var _react3 = require("@wix/bex-core/react");
 var _bexCore = require("@wix/bex-core");
+var _mobx = require("mobx");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/PageWrapper/PageWrapperBase.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; }
@@ -45,7 +46,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 52,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -59,7 +60,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 53,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -67,18 +68,20 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 61,
+      lineNumber: 62,
       columnNumber: 9
     }
   }, children), /*#__PURE__*/_react.default.createElement("div", {
     ref: el => {
-      modalsContainerRef.current = el;
+      (0, _mobx.runInAction)(() => {
+        modalsContainerRef.current = el;
+      });
     },
     style: modalsContainerStyle,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 62,
+      lineNumber: 63,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/PageWrapper/PageWrapperBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_react3","_bexCore","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PageWrapperBase","props","pageState","children","state","useState","PageState","modalsContainerRef","stackingRootRef","_sidePanelOpen","sidePanelOpen","useReactive","environment","useWixPatternsContainer","pageAndModalsRootStyle","useMemo","position","width","SidePanelWidth","height","transition","zIndex","rootStyle","modalsContainerStyle","createElement","PageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","style","ref","el","current","lang","language"],"sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\nimport { useReactive } from '@wix/bex-utils/react';\nimport {\n  PageContextProvider,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { PageState, SidePanelWidth } from '@wix/bex-core';\n\nexport interface PageWrapperBaseProps {\n  pageState?: PageState;\n  children?: ReactNode;\n}\n\nexport function PageWrapperBase(props: PageWrapperBaseProps) {\n  const { pageState, children } = props;\n\n  const [state] = useState(() => pageState ?? new PageState());\n  const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;\n  const sidePanelOpen = useReactive(_sidePanelOpen);\n  const { environment } = useWixPatternsContainer();\n\n  const pageAndModalsRootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: sidePanelOpen ? `calc(100% - ${SidePanelWidth}px)` : '100%',\n      height: '100%',\n      transition: 'width 0.4s ease 0s',\n      zIndex: 1,\n    }),\n    [sidePanelOpen],\n  );\n\n  const rootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: '100%',\n      height: '100%',\n    }),\n    [],\n  );\n\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'absolute' as const,\n      zIndex: 1,\n    }),\n    [],\n  );\n\n  return (\n    <PageContextProvider value={state}>\n      <div\n        data-wix-patterns\n        style={rootStyle}\n        data-hook=\"cairo-root-stacking\"\n        ref={(el) => {\n          stackingRootRef.current = el;\n        }}\n        lang={environment.language}\n      >\n        <div style={pageAndModalsRootStyle}>{children}</div>\n        <div\n          ref={(el) => {\n            modalsContainerRef.current = el;\n          }}\n          style={modalsContainerStyle}\n        />\n      </div>\n    </PageContextProvider>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAIA,IAAAG,QAAA,GAAAH,OAAA;AAA0D,IAAAI,YAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAOnD,SAASW,eAAeA,CAACC,KAA2B,EAAE;EAC3D,MAAM;IAAEC,SAAS;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAErC,MAAM,CAACG,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,MAAMH,SAAS,IAAI,IAAII,kBAAS,CAAC,CAAC,CAAC;EAC5D,MAAM;IAAEC,kBAAkB;IAAEC,eAAe;IAAEC;EAAe,CAAC,GAAGL,KAAK;EACrE,MAAMM,aAAa,GAAG,IAAAC,mBAAW,EAACF,cAAc,CAAC;EACjD,MAAM;IAAEG;EAAY,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAEjD,MAAMC,sBAAsB,GAAG,IAAAC,cAAO,EACpC,OAAO;IACLC,QAAQ,EAAE,UAAmB;IAC7BC,KAAK,EAAEP,aAAa,GAAI,eAAcQ,uBAAe,KAAI,GAAG,MAAM;IAClEC,MAAM,EAAE,MAAM;IACdC,UAAU,EAAE,oBAAoB;IAChCC,MAAM,EAAE;EACV,CAAC,CAAC,EACF,CAACX,aAAa,CAChB,CAAC;EAED,MAAMY,SAAS,GAAG,IAAAP,cAAO,EACvB,OAAO;IACLC,QAAQ,EAAE,UAAmB;IAC7BC,KAAK,EAAE,MAAM;IACbE,MAAM,EAAE;EACV,CAAC,CAAC,EACF,EACF,CAAC;EAED,MAAMI,oBAAoB,GAAG,IAAAR,cAAO,EAClC,OAAO;IACLC,QAAQ,EAAE,UAAmB;IAC7BK,MAAM,EAAE;EACV,CAAC,CAAC,EACF,EACF,CAAC;EAED,oBACEhD,MAAA,CAAAa,OAAA,CAAAsC,aAAA,CAAC/C,OAAA,CAAAgD,mBAAmB;IAACC,KAAK,EAAEtB,KAAM;IAAAuB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAChC1D,MAAA,CAAAa,OAAA,CAAAsC,aAAA;IACE,yBAAiB;IACjBQ,KAAK,EAAEV,SAAU;IACjB,aAAU,qBAAqB;IAC/BW,GAAG,EAAGC,EAAE,IAAK;MACX1B,eAAe,CAAC2B,OAAO,GAAGD,EAAE;IAC9B,CAAE;IACFE,IAAI,EAAExB,WAAW,CAACyB,QAAS;IAAAV,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE3B1D,MAAA,CAAAa,OAAA,CAAAsC,aAAA;IAAKQ,KAAK,EAAElB,sBAAuB;IAAAa,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAE5B,QAAc,CAAC,eACpD9B,MAAA,CAAAa,OAAA,CAAAsC,aAAA;IACES,GAAG,EAAGC,EAAE,IAAK;MACX3B,kBAAkB,CAAC4B,OAAO,GAAGD,EAAE;IACjC,CAAE;IACFF,KAAK,EAAET,oBAAqB;IAAAI,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC7B,CACE,CACc,CAAC;AAE1B","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_react3","_bexCore","_mobx","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PageWrapperBase","props","pageState","children","state","useState","PageState","modalsContainerRef","stackingRootRef","_sidePanelOpen","sidePanelOpen","useReactive","environment","useWixPatternsContainer","pageAndModalsRootStyle","useMemo","position","width","SidePanelWidth","height","transition","zIndex","rootStyle","modalsContainerStyle","createElement","PageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","style","ref","el","current","lang","language","runInAction"],"sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\nimport { useReactive } from '@wix/bex-utils/react';\nimport {\n  PageContextProvider,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { PageState, SidePanelWidth } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\n\nexport interface PageWrapperBaseProps {\n  pageState?: PageState;\n  children?: ReactNode;\n}\n\nexport function PageWrapperBase(props: PageWrapperBaseProps) {\n  const { pageState, children } = props;\n\n  const [state] = useState(() => pageState ?? new PageState());\n  const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;\n  const sidePanelOpen = useReactive(_sidePanelOpen);\n  const { environment } = useWixPatternsContainer();\n\n  const pageAndModalsRootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: sidePanelOpen ? `calc(100% - ${SidePanelWidth}px)` : '100%',\n      height: '100%',\n      transition: 'width 0.4s ease 0s',\n      zIndex: 1,\n    }),\n    [sidePanelOpen],\n  );\n\n  const rootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: '100%',\n      height: '100%',\n    }),\n    [],\n  );\n\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'absolute' as const,\n      zIndex: 1,\n    }),\n    [],\n  );\n\n  return (\n    <PageContextProvider value={state}>\n      <div\n        data-wix-patterns\n        style={rootStyle}\n        data-hook=\"cairo-root-stacking\"\n        ref={(el) => {\n          stackingRootRef.current = el;\n        }}\n        lang={environment.language}\n      >\n        <div style={pageAndModalsRootStyle}>{children}</div>\n        <div\n          ref={(el) => {\n            runInAction(() => {\n              modalsContainerRef.current = el;\n            });\n          }}\n          style={modalsContainerStyle}\n        />\n      </div>\n    </PageContextProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

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

@@ -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_ = "PickerContent878918120";
+var _namespace_ = "PickerContent3083623105";
 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": "PickerContent878918120__root"
+  "root": "PickerContent3083623105__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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

@@ -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_ = \"PickerContent878918120\";\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\":\"PickerContent878918120__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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":[]}
+{"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_ = \"PickerContent3083623105\";\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\":\"PickerContent3083623105__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":[]}

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "PickerContentAdditionalStep3636567022";
+var _namespace_ = "PickerContentAdditionalStep944884005";
 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": "PickerContentAdditionalStep3636567022__root",
-  "titles": "PickerContentAdditionalStep3636567022__titles",
-  "suffix": "PickerContentAdditionalStep3636567022__suffix"
+  "root": "PickerContentAdditionalStep944884005__root",
+  "titles": "PickerContentAdditionalStep944884005__titles",
+  "suffix": "PickerContentAdditionalStep944884005__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map

@@ -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/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep3636567022\";\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\":\"PickerContentAdditionalStep3636567022__root\",\"titles\":\"PickerContentAdditionalStep3636567022__titles\",\"suffix\":\"PickerContentAdditionalStep3636567022__suffix\"};\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,uCAAuC;AACzD,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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":[]}
+{"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/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep944884005\";\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\":\"PickerContentAdditionalStep944884005__root\",\"titles\":\"PickerContentAdditionalStep944884005__titles\",\"suffix\":\"PickerContentAdditionalStep944884005__suffix\"};\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,sCAAsC;AACxD,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,4CAA4C;EAAC,QAAQ,EAAC,8CAA8C;EAAC,QAAQ,EAAC;AAA8C,CAAC;AACnL,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":[]}

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js

@@ -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_ = "PickerTableListItem2676600034";
+var _namespace_ = "PickerTableListItem2476455269";
 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": "PickerTableListItem2676600034__root"
+  "root": "PickerTableListItem2476455269__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map

@@ -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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2676600034\";\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\":\"PickerTableListItem2676600034__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem2476455269\";\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\":\"PickerTableListItem2476455269__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,+BAA+B;AACjD,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;AAAqC,CAAC;AAC5D,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":[]}

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js

@@ -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_ = "ScrollableContent2308707359";
+var _namespace_ = "ScrollableContent455116980";
 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": "ScrollableContent2308707359__root"
+  "root": "ScrollableContent455116980__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map

@@ -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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent2308707359\";\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\":\"ScrollableContent2308707359__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,6BAA6B;AAC/C,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;AAAmC,CAAC;AAC1D,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent455116980\";\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\":\"ScrollableContent455116980__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,4BAA4B;AAC9C,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;AAAkC,CAAC;AACzD,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":[]}

package/dist/cjs/components/SingleSelectFilterBase/SingleSelectFilterBase.js

@@ -45,6 +45,7 @@ function _SingleSelectFilterBase(props) {
     },
     selectedId: (_selectedValues$ = selectedValues[0]) == null ? void 0 : _selectedValues$.key,
     valueParser: option => option.label,
+    textOverflow: "ellipsis",
     placeholder: placeholder ?? t('cairo.selectPlaceholder'),
     onSelect: option => {
       const keyedItem = option == null ? void 0 : option.keyedItem;

package/dist/cjs/components/SingleSelectFilterBase/SingleSelectFilterBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_jsxFileName","_SingleSelectFilterBase","props","_selectedValues$","filter","dropdownSelect","placeholder","onSelect","renderItem","renderSection","clearButton","disabled","options","popoverProps","rest","select","selectedValues","container","translate","t","windowFlipPopoverProps","useWindowFlipPopoverProps","default","createElement","Dropdown","_extends2","dataHook","name","border","closeOnSelect","onClear","clear","undefined","onClose","close","selectedId","key","valueParser","option","label","keyedItem","setSingle","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilterBase","exports","observer"],"sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"sourcesContent":["import {\n  Dropdown,\n  DropdownLayoutValueOption,\n  DropdownPropsControlled,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { BuildSectionOptionsArgs, ListItem } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface SingleSelectFilterBaseProps<V>\n  extends Omit<Partial<DropdownPropsControlled>, 'onClear'>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  renderItem?: (item: V, index: number) => ListItem;\n  renderSection?: BuildSectionOptionsArgs['renderSection'];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _SingleSelectFilterBase<V>(props: SingleSelectFilterBaseProps<V>) {\n  const {\n    filter,\n    dropdownSelect,\n    placeholder,\n    onSelect,\n    renderItem,\n    renderSection,\n    clearButton,\n    disabled,\n    options = [],\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);\n\n  return (\n    <Dropdown\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      closeOnSelect\n      options={options}\n      clearButton={clearButton}\n      onClear={clearButton ? dropdownSelect.clear : undefined}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      selectedId={selectedValues[0]?.key}\n      valueParser={(option) => option.label}\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option) => {\n        const keyedItem = (option as KeyedItemOption<V>)?.keyedItem;\n        if (keyedItem) {\n          dropdownSelect.setSingle(keyedItem);\n        }\n        onSelect?.(option, false);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const SingleSelectFilterBase = observer(_SingleSelectFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAJ,OAAA;AAAkF,IAAAK,YAAA;AAgBlF,SAASC,uBAAuBA,CAAIC,KAAqC,EAAE;EAAA,IAAAC,gBAAA;EACzE,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,QAAQ;IACRC,OAAO,GAAG,EAAE;IACZC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGd,cAAc;EAElB,MAAMe,sBAAsB,GAAG,IAAAC,oDAAyB,EAACR,YAAY,CAAC;EAEtE,oBACEjB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IACPI,QAAQ,EAAG,qBAAoBtB,MAAM,CAACuB,IAAK,EAAE;IAC7CC,MAAM,EAAC,OAAO;IACdC,aAAa;IACbjB,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBoB,OAAO,EAAEpB,WAAW,GAAGL,cAAc,CAAC0B,KAAK,GAAGC,SAAU;IACxDC,OAAO,EAAEA,CAAA,KAAM;MACb5B,cAAc,CAAC6B,KAAK,CAAC,CAAC;IACxB,CAAE;IACFC,UAAU,GAAAhC,gBAAA,GAAEa,cAAc,CAAC,CAAC,CAAC,qBAAjBb,gBAAA,CAAmBiC,GAAI;IACnCC,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACC,KAAM;IACtCjC,WAAW,EAAEA,WAAW,IAAIa,CAAC,CAAC,yBAAyB,CAAE;IACzDZ,QAAQ,EAAG+B,MAAM,IAAK;MACpB,MAAME,SAAS,GAAIF,MAAM,oBAANA,MAAM,CAAyBE,SAAS;MAC3D,IAAIA,SAAS,EAAE;QACbnC,cAAc,CAACoC,SAAS,CAACD,SAAS,CAAC;MACrC;MACAjC,QAAQ,YAARA,QAAQ,CAAG+B,MAAM,EAAE,KAAK,CAAC;IAC3B,CAAE;IACFzB,YAAY,EAAEO;EAAuB,GACjCN,IAAI;IAAA4B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA5C,YAAA;MAAA6C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAAChD,uBAAuB,CAAC","ignoreList":[]}
+{"version":3,"names":["_designSystem","require","_react","_interopRequireDefault","_mobxReactLite","_useWindowFlipPopoverProps","_jsxFileName","_SingleSelectFilterBase","props","_selectedValues$","filter","dropdownSelect","placeholder","onSelect","renderItem","renderSection","clearButton","disabled","options","popoverProps","rest","select","selectedValues","container","translate","t","windowFlipPopoverProps","useWindowFlipPopoverProps","default","createElement","Dropdown","_extends2","dataHook","name","border","closeOnSelect","onClear","clear","undefined","onClose","close","selectedId","key","valueParser","option","label","textOverflow","keyedItem","setSingle","__self","__source","fileName","lineNumber","columnNumber","SingleSelectFilterBase","exports","observer"],"sources":["../../../../src/components/SingleSelectFilterBase/SingleSelectFilterBase.tsx"],"sourcesContent":["import {\n  Dropdown,\n  DropdownLayoutValueOption,\n  DropdownPropsControlled,\n} from '@wix/design-system';\nimport React from 'react';\nimport { observer } from 'mobx-react-lite';\nimport { Filter, KeyedItem } from '@wix/bex-core';\nimport { DropdownSelectState } from '../../state';\nimport { BuildSectionOptionsArgs, ListItem } from '../../hooks';\nimport { FilterProps } from '../../model';\nimport { useWindowFlipPopoverProps } from '../../utils/useWindowFlipPopoverProps';\n\nexport type KeyedItemOption<T> = DropdownLayoutValueOption & {\n  keyedItem: KeyedItem<T>;\n};\n\nexport interface SingleSelectFilterBaseProps<V>\n  extends Omit<Partial<DropdownPropsControlled>, 'onClear'>,\n    FilterProps<V[]> {\n  filter: Filter<V[]>;\n  renderItem?: (item: V, index: number) => ListItem;\n  renderSection?: BuildSectionOptionsArgs['renderSection'];\n  dropdownSelect: DropdownSelectState<V>;\n  placeholder?: string;\n}\n\nfunction _SingleSelectFilterBase<V>(props: SingleSelectFilterBaseProps<V>) {\n  const {\n    filter,\n    dropdownSelect,\n    placeholder,\n    onSelect,\n    renderItem,\n    renderSection,\n    clearButton,\n    disabled,\n    options = [],\n    popoverProps,\n    ...rest\n  } = props;\n\n  const {\n    select: { selectedValues },\n    container: { translate: t },\n  } = dropdownSelect;\n\n  const windowFlipPopoverProps = useWindowFlipPopoverProps(popoverProps);\n\n  return (\n    <Dropdown\n      dataHook={`collection-filter-${filter.name}`}\n      border=\"round\"\n      closeOnSelect\n      options={options}\n      clearButton={clearButton}\n      onClear={clearButton ? dropdownSelect.clear : undefined}\n      onClose={() => {\n        dropdownSelect.close();\n      }}\n      selectedId={selectedValues[0]?.key}\n      valueParser={(option) => option.label}\n      textOverflow=\"ellipsis\"\n      placeholder={placeholder ?? t('cairo.selectPlaceholder')}\n      onSelect={(option) => {\n        const keyedItem = (option as KeyedItemOption<V>)?.keyedItem;\n        if (keyedItem) {\n          dropdownSelect.setSingle(keyedItem);\n        }\n        onSelect?.(option, false);\n      }}\n      popoverProps={windowFlipPopoverProps}\n      {...rest}\n    />\n  );\n}\n\nexport const SingleSelectFilterBase = observer(_SingleSelectFilterBase);\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAKA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AAKA,IAAAI,0BAAA,GAAAJ,OAAA;AAAkF,IAAAK,YAAA;AAgBlF,SAASC,uBAAuBA,CAAIC,KAAqC,EAAE;EAAA,IAAAC,gBAAA;EACzE,MAAM;IACJC,MAAM;IACNC,cAAc;IACdC,WAAW;IACXC,QAAQ;IACRC,UAAU;IACVC,aAAa;IACbC,WAAW;IACXC,QAAQ;IACRC,OAAO,GAAG,EAAE;IACZC,YAAY;IACZ,GAAGC;EACL,CAAC,GAAGZ,KAAK;EAET,MAAM;IACJa,MAAM,EAAE;MAAEC;IAAe,CAAC;IAC1BC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE;EAC5B,CAAC,GAAGd,cAAc;EAElB,MAAMe,sBAAsB,GAAG,IAAAC,oDAAyB,EAACR,YAAY,CAAC;EAEtE,oBACEjB,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,QAAQ,MAAAC,SAAA,CAAAH,OAAA;IACPI,QAAQ,EAAG,qBAAoBtB,MAAM,CAACuB,IAAK,EAAE;IAC7CC,MAAM,EAAC,OAAO;IACdC,aAAa;IACbjB,OAAO,EAAEA,OAAQ;IACjBF,WAAW,EAAEA,WAAY;IACzBoB,OAAO,EAAEpB,WAAW,GAAGL,cAAc,CAAC0B,KAAK,GAAGC,SAAU;IACxDC,OAAO,EAAEA,CAAA,KAAM;MACb5B,cAAc,CAAC6B,KAAK,CAAC,CAAC;IACxB,CAAE;IACFC,UAAU,GAAAhC,gBAAA,GAAEa,cAAc,CAAC,CAAC,CAAC,qBAAjBb,gBAAA,CAAmBiC,GAAI;IACnCC,WAAW,EAAGC,MAAM,IAAKA,MAAM,CAACC,KAAM;IACtCC,YAAY,EAAC,UAAU;IACvBlC,WAAW,EAAEA,WAAW,IAAIa,CAAC,CAAC,yBAAyB,CAAE;IACzDZ,QAAQ,EAAG+B,MAAM,IAAK;MACpB,MAAMG,SAAS,GAAIH,MAAM,oBAANA,MAAM,CAAyBG,SAAS;MAC3D,IAAIA,SAAS,EAAE;QACbpC,cAAc,CAACqC,SAAS,CAACD,SAAS,CAAC;MACrC;MACAlC,QAAQ,YAARA,QAAQ,CAAG+B,MAAM,EAAE,KAAK,CAAC;IAC3B,CAAE;IACFzB,YAAY,EAAEO;EAAuB,GACjCN,IAAI;IAAA6B,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7C,YAAA;MAAA8C,UAAA;MAAAC,YAAA;IAAA;EAAA,EACT,CAAC;AAEN;AAEO,MAAMC,sBAAsB,GAAAC,OAAA,CAAAD,sBAAA,GAAG,IAAAE,uBAAQ,EAACjD,uBAAuB,CAAC","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "SkeletonCard2184442394";
+var _namespace_ = "SkeletonCard3321898790";
 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": "SkeletonCard2184442394__root",
-  "headerLoading": "SkeletonCard2184442394__headerLoading"
+  "root": "SkeletonCard3321898790__root",
+  "headerLoading": "SkeletonCard3321898790__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map

@@ -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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2184442394\";\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\":\"SkeletonCard2184442394__root\",\"headerLoading\":\"SkeletonCard2184442394__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard3321898790\";\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\":\"SkeletonCard3321898790__root\",\"headerLoading\":\"SkeletonCard3321898790__headerLoading\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,eAAe,EAAC;AAAuC,CAAC;AAC7G,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":[]}

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js

@@ -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_ = "SlidingModal3981097546";
+var _namespace_ = "SlidingModal3882435620";
 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": "SlidingModal3981097546__root"
+  "root": "SlidingModal3882435620__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map

@@ -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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3981097546\";\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\":\"SlidingModal3981097546__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal3882435620\";\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\":\"SlidingModal3882435620__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,wBAAwB;AAC1C,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;AAA8B,CAAC;AACrD,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":[]}

package/dist/cjs/components/Table/TableVirtual.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "TableVirtual2466046250";
+var _namespace_ = "TableVirtual2935013404";
 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": "TableVirtual2466046250__root",
-  "thead": "TableVirtual2466046250__thead"
+  "root": "TableVirtual2935013404__root",
+  "thead": "TableVirtual2935013404__thead"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Table/TableVirtual.st.css.js.map

@@ -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/Table/TableVirtual.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtual2466046250\";\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\":\"TableVirtual2466046250__root\",\"thead\":\"TableVirtual2466046250__thead\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,OAAO,EAAC;AAA+B,CAAC;AAC7F,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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/Table/TableVirtual.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"TableVirtual2935013404\";\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\":\"TableVirtual2935013404__root\",\"thead\":\"TableVirtual2935013404__thead\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,OAAO,EAAC;AAA+B,CAAC;AAC7F,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":[]}

package/dist/cjs/components/Table/useTableSyncProps.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.useTableSyncProps = useTableSyncProps;
 var _providers = require("../../providers");
 var _react = require("react");
+var _react2 = require("@wix/bex-core/react");
 function useTableSyncProps(props) {
   const {
     state,
@@ -12,7 +13,17 @@ function useTableSyncProps(props) {
   const {
     scrollableContentRef
   } = (0, _providers.useScrollableContentContext)();
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
   const [scrollElement, setScrollElement] = (0, _react.useState)(() => scrollElementProp ?? (scrollableContentRef == null ? void 0 : scrollableContentRef.current));
+  (0, _react.useState)(() => {
+    var _props$dragAndDrop;
+    (_props$dragAndDrop = props.dragAndDrop) == null || _props$dragAndDrop.setStateObject({
+      state,
+      modalsContainerRef
+    });
+  });
   (0, _react.useEffect)(() => {
     const {
       collection

package/dist/cjs/components/Table/useTableSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_providers","require","_react","useTableSyncProps","props","state","scrollElement","scrollElementProp","scrollableContentRef","useScrollableContentContext","setScrollElement","useState","current","useEffect","collection","scrollableContent","HTMLElement"],"sources":["../../../../src/components/Table/useTableSyncProps.ts"],"sourcesContent":["import { useScrollableContentContext } from '../../providers';\nimport { useEffect, useState } from 'react';\nimport { TableV2Props } from './TableV2';\nimport type { FiltersMap } from '@wix/bex-core';\n\nexport function useTableSyncProps<T, F extends FiltersMap>(\n  props: TableV2Props<T, F>,\n) {\n  const { state, scrollElement: scrollElementProp } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  const [scrollElement, setScrollElement] = useState(\n    () =>\n      scrollElementProp ??\n      (scrollableContentRef?.current as HTMLElement | undefined),\n  );\n\n  useEffect(() => {\n    const { collection } = state;\n\n    const scrollableContent =\n      scrollElementProp ?? scrollableContentRef?.current;\n\n    if (scrollableContent) {\n      setScrollElement(scrollableContent);\n\n      collection.scrollableContent =\n        scrollableContent instanceof HTMLElement\n          ? scrollableContent\n          : scrollableContent.current;\n    }\n\n    return () => {\n      collection.scrollableContent = null;\n    };\n  }, [scrollElementProp]);\n\n  return {\n    scrollElement,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAIO,SAASE,iBAAiBA,CAC/BC,KAAyB,EACzB;EACA,MAAM;IAAEC,KAAK;IAAEC,aAAa,EAAEC;EAAkB,CAAC,GAAGH,KAAK;EACzD,MAAM;IAAEI;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAE9D,MAAM,CAACH,aAAa,EAAEI,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAChD,MACEJ,iBAAiB,KAChBC,oBAAoB,oBAApBA,oBAAoB,CAAEI,OAAO,CAClC,CAAC;EAED,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAW,CAAC,GAAGT,KAAK;IAE5B,MAAMU,iBAAiB,GACrBR,iBAAiB,KAAIC,oBAAoB,oBAApBA,oBAAoB,CAAEI,OAAO;IAEpD,IAAIG,iBAAiB,EAAE;MACrBL,gBAAgB,CAACK,iBAAiB,CAAC;MAEnCD,UAAU,CAACC,iBAAiB,GAC1BA,iBAAiB,YAAYC,WAAW,GACpCD,iBAAiB,GACjBA,iBAAiB,CAACH,OAAO;IACjC;IAEA,OAAO,MAAM;MACXE,UAAU,CAACC,iBAAiB,GAAG,IAAI;IACrC,CAAC;EACH,CAAC,EAAE,CAACR,iBAAiB,CAAC,CAAC;EAEvB,OAAO;IACLD;EACF,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_providers","require","_react","_react2","useTableSyncProps","props","state","scrollElement","scrollElementProp","scrollableContentRef","useScrollableContentContext","modalsContainerRef","usePageContext","setScrollElement","useState","current","_props$dragAndDrop","dragAndDrop","setStateObject","useEffect","collection","scrollableContent","HTMLElement"],"sources":["../../../../src/components/Table/useTableSyncProps.ts"],"sourcesContent":["import { useScrollableContentContext } from '../../providers';\nimport { useEffect, useState } from 'react';\nimport { TableV2Props } from './TableV2';\nimport type { FiltersMap } from '@wix/bex-core';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport function useTableSyncProps<T, F extends FiltersMap>(\n  props: TableV2Props<T, F>,\n) {\n  const { state, scrollElement: scrollElementProp } = props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const { modalsContainerRef } = usePageContext();\n\n  const [scrollElement, setScrollElement] = useState(\n    () =>\n      scrollElementProp ??\n      (scrollableContentRef?.current as HTMLElement | undefined),\n  );\n\n  useState(() => {\n    props.dragAndDrop?.setStateObject({\n      state,\n      modalsContainerRef,\n    });\n  });\n\n  useEffect(() => {\n    const { collection } = state;\n\n    const scrollableContent =\n      scrollElementProp ?? scrollableContentRef?.current;\n\n    if (scrollableContent) {\n      setScrollElement(scrollableContent);\n\n      collection.scrollableContent =\n        scrollableContent instanceof HTMLElement\n          ? scrollableContent\n          : scrollableContent.current;\n    }\n\n    return () => {\n      collection.scrollableContent = null;\n    };\n  }, [scrollElementProp]);\n\n  return {\n    scrollElement,\n  };\n}\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAGA,IAAAE,OAAA,GAAAF,OAAA;AAEO,SAASG,iBAAiBA,CAC/BC,KAAyB,EACzB;EACA,MAAM;IAAEC,KAAK;IAAEC,aAAa,EAAEC;EAAkB,CAAC,GAAGH,KAAK;EACzD,MAAM;IAAEI;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,MAAM,CAACL,aAAa,EAAEM,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAChD,MACEN,iBAAiB,KAChBC,oBAAoB,oBAApBA,oBAAoB,CAAEM,OAAO,CAClC,CAAC;EAED,IAAAD,eAAQ,EAAC,MAAM;IAAA,IAAAE,kBAAA;IACb,CAAAA,kBAAA,GAAAX,KAAK,CAACY,WAAW,aAAjBD,kBAAA,CAAmBE,cAAc,CAAC;MAChCZ,KAAK;MACLK;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAAQ,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAW,CAAC,GAAGd,KAAK;IAE5B,MAAMe,iBAAiB,GACrBb,iBAAiB,KAAIC,oBAAoB,oBAApBA,oBAAoB,CAAEM,OAAO;IAEpD,IAAIM,iBAAiB,EAAE;MACrBR,gBAAgB,CAACQ,iBAAiB,CAAC;MAEnCD,UAAU,CAACC,iBAAiB,GAC1BA,iBAAiB,YAAYC,WAAW,GACpCD,iBAAiB,GACjBA,iBAAiB,CAACN,OAAO;IACjC;IAEA,OAAO,MAAM;MACXK,UAAU,CAACC,iBAAiB,GAAG,IAAI;IACrC,CAAC;EACH,CAAC,EAAE,CAACb,iBAAiB,CAAC,CAAC;EAEvB,OAAO;IACLD;EACF,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/TableDragAndDrop.js

@@ -2,17 +2,30 @@
 
 exports.__esModule = true;
 exports.TableDragAndDrop = void 0;
-var _CollectionTableDragAndDropContext = require("./CollectionTableDragAndDropContext");
+exports.setStateObject = setStateObject;
+var _TableDragAndDropContext = require("./TableDragAndDropContext");
 var _dragAndDrop = require("@wix/wix-style-react-incubator/drag-and-drop");
 var _minimalRequiredWdsRuntimeCheck = require("../minimalRequiredWdsRuntimeCheck");
+var _TableDragAndDropState = require("./DragAndDrop/TableDragAndDropState");
 if (process.env.NODE_ENV !== 'production') {
   (0, _minimalRequiredWdsRuntimeCheck.minimalRequiredWdsRuntimeCheck)({
     required: '^1.64.1',
     requiredBy: 'Cairo/TableDragAndDrop'
   });
 }
+function setStateObject({
+  state,
+  modalsContainerRef
+}) {
+  state.tableDragAndDropState ?? (state.tableDragAndDropState = new _TableDragAndDropState.TableDragAndDropState({
+    tableState: state,
+    modalsContainerRef
+  }));
+  state.toolbar._dnd = state.tableDragAndDropState.dnd;
+}
 const TableDragAndDrop = exports.TableDragAndDrop = {
   ..._dragAndDrop.TableDragAndDrop,
-  CollectionTableDragAndDropContext: _CollectionTableDragAndDropContext.CollectionTableDragAndDropContext
+  TableDragAndDropContext: _TableDragAndDropContext.TableDragAndDropContext,
+  setStateObject
 };
 //# sourceMappingURL=TableDragAndDrop.js.map

package/dist/cjs/components/TableDragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"names":["_CollectionTableDragAndDropContext","require","_dragAndDrop","_minimalRequiredWdsRuntimeCheck","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","TableDragAndDrop","exports","WDSTableDragAndDrop","CollectionTableDragAndDropContext"],"sources":["../../../src/components/TableDragAndDrop.ts"],"sourcesContent":["import { CollectionTableDragAndDropContext } from './CollectionTableDragAndDropContext';\nimport { TableDragAndDrop as WDSTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { minimalRequiredWdsRuntimeCheck } from '../minimalRequiredWdsRuntimeCheck';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'Cairo/TableDragAndDrop',\n  });\n}\n\nexport type TableDragAndDropType = typeof WDSTableDragAndDrop & {\n  CollectionTableDragAndDropContext: typeof CollectionTableDragAndDropContext;\n};\n\nexport const TableDragAndDrop: TableDragAndDropType = {\n  ...WDSTableDragAndDrop,\n  CollectionTableDragAndDropContext,\n};\n"],"mappings":";;;;AAAA,IAAAA,kCAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AAEA,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AAMO,MAAMC,gBAAsC,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACpD,GAAGE,6BAAmB;EACtBC,iCAAiC,EAAjCA;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_TableDragAndDropContext","require","_dragAndDrop","_minimalRequiredWdsRuntimeCheck","_TableDragAndDropState","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","setStateObject","state","modalsContainerRef","tableDragAndDropState","TableDragAndDropState","tableState","toolbar","_dnd","dnd","TableDragAndDrop","exports","WDSTableDragAndDrop","TableDragAndDropContext"],"sources":["../../../src/components/TableDragAndDrop.ts"],"sourcesContent":["import { TableDragAndDropContext } from './TableDragAndDropContext';\nimport { TableDragAndDrop as WDSTableDragAndDrop } from '@wix/wix-style-react-incubator/drag-and-drop';\nimport { minimalRequiredWdsRuntimeCheck } from '../minimalRequiredWdsRuntimeCheck';\nimport { TableDragAndDropState } from './DragAndDrop/TableDragAndDropState';\nimport { TableState } from '../state';\nimport { FiltersMap } from '@wix/bex-core';\n\nif (process.env.NODE_ENV !== 'production') {\n  minimalRequiredWdsRuntimeCheck({\n    required: '^1.64.1',\n    requiredBy: 'Cairo/TableDragAndDrop',\n  });\n}\n\nexport type TableDragAndDropType = typeof WDSTableDragAndDrop & {\n  TableDragAndDropContext: typeof TableDragAndDropContext;\n  setStateObject: typeof setStateObject;\n};\n\nexport function setStateObject<T, F extends FiltersMap>({\n  state,\n  modalsContainerRef,\n}: {\n  state: TableState<T, F>;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}) {\n  state.tableDragAndDropState ??= new TableDragAndDropState({\n    tableState: state,\n    modalsContainerRef,\n  });\n  state.toolbar._dnd = state.tableDragAndDropState.dnd;\n}\n\nexport const TableDragAndDrop: TableDragAndDropType = {\n  ...WDSTableDragAndDrop,\n  TableDragAndDropContext,\n  setStateObject,\n};\n"],"mappings":";;;;;AAAA,IAAAA,wBAAA,GAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,+BAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAIA,IAAII,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;EACzC,IAAAC,8DAA8B,EAAC;IAC7BC,QAAQ,EAAE,SAAS;IACnBC,UAAU,EAAE;EACd,CAAC,CAAC;AACJ;AAOO,SAASC,cAAcA,CAA0B;EACtDC,KAAK;EACLC;AAMF,CAAC,EAAE;EACDD,KAAK,CAACE,qBAAqB,KAA3BF,KAAK,CAACE,qBAAqB,GAAK,IAAIC,4CAAqB,CAAC;IACxDC,UAAU,EAAEJ,KAAK;IACjBC;EACF,CAAC,CAAC;EACFD,KAAK,CAACK,OAAO,CAACC,IAAI,GAAGN,KAAK,CAACE,qBAAqB,CAACK,GAAG;AACtD;AAEO,MAAMC,gBAAsC,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EACpD,GAAGE,6BAAmB;EACtBC,uBAAuB,EAAvBA,gDAAuB;EACvBZ;AACF,CAAC","ignoreList":[]}