@wix/patterns 1.13.0 → 1.14.0

package/dist/cjs/components/Grid/useGridBaseSyncProps.js

@@ -6,6 +6,7 @@ var _react = require("react");
 var _mobx = require("mobx");
 var _state = require("../../state");
 var _providers = require("../../providers");
+var _react2 = require("@wix/bex-core/react");
 function useGridBaseSyncProps(props) {
   const {
     state,
@@ -18,6 +19,16 @@ function useGridBaseSyncProps(props) {
   const {
     scrollableContentRef
   } = (0, _providers.useScrollableContentContext)();
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
+  (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/Grid/useGridBaseSyncProps.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","require","_mobx","_state","_providers","useGridBaseSyncProps","props","state","renderAddItem","preset","dragAndDrop","range","layoutType","scrollableContentRef","useScrollableContentContext","useEffect","collection","scrollableContent","current","runInAction","trailingItemsCount","filter","Boolean","length","_localLimit","_localStart","start","_draggable","imagePlacement","gridSizePresets","sizePreset"],"sources":["../../../../src/components/Grid/useGridBaseSyncProps.ts"],"sourcesContent":["import { ReactElement, useEffect } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { GridBaseState, gridSizePresets, LayoutType } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { useScrollableContentContext } from '../../providers';\n\nexport interface UseGridBaseSyncPropsParams<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  range?: { start: number; length: number };\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: DragAndDrop;\n  imagePlacement?: 'side' | 'top';\n  layoutType?: LayoutType;\n}\n\nexport function useGridBaseSyncProps<T, F extends FiltersMap>(\n  props: UseGridBaseSyncPropsParams<T, F>,\n) {\n  const { state, renderAddItem, preset, dragAndDrop, range, layoutType } =\n    props;\n  const { scrollableContentRef } = useScrollableContentContext();\n\n  useEffect(() => {\n    const { collection } = state;\n\n    const scrollableContent = scrollableContentRef?.current;\n\n    if (scrollableContent) {\n      collection.scrollableContent = scrollableContent;\n    }\n\n    return () => {\n      collection.scrollableContent = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.trailingItemsCount = [renderAddItem].filter(Boolean).length;\n    });\n  }, [renderAddItem]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._localLimit = range?.length;\n      state._localStart = range?.start ?? 0;\n    });\n  }, [range]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.preset = preset ?? 'title';\n    });\n  }, [preset]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._draggable = dragAndDrop ? 'draggable' : 'none';\n    });\n  }, [dragAndDrop]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.layoutType = layoutType ?? 'grid';\n    });\n  }, [layoutType]);\n\n  useEffect(() => {\n    runInAction(() => {\n      if (!props.imagePlacement || !gridSizePresets[props.imagePlacement]) {\n        return;\n      }\n      state.sizePreset = gridSizePresets[props.imagePlacement];\n    });\n  }, []);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAGA,IAAAG,UAAA,GAAAH,OAAA;AAYO,SAASI,oBAAoBA,CAClCC,KAAuC,EACvC;EACA,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAW,CAAC,GACpEN,KAAK;EACP,MAAM;IAAEO;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAE9D,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAW,CAAC,GAAGT,KAAK;IAE5B,MAAMU,iBAAiB,GAAGJ,oBAAoB,oBAApBA,oBAAoB,CAAEK,OAAO;IAEvD,IAAID,iBAAiB,EAAE;MACrBD,UAAU,CAACC,iBAAiB,GAAGA,iBAAiB;IAClD;IAEA,OAAO,MAAM;MACXD,UAAU,CAACC,iBAAiB,GAAG,IAAI;IACrC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBZ,KAAK,CAACa,kBAAkB,GAAG,CAACZ,aAAa,CAAC,CAACa,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;IACnE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACf,aAAa,CAAC,CAAC;EAEnB,IAAAO,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBZ,KAAK,CAACiB,WAAW,GAAGb,KAAK,oBAALA,KAAK,CAAEY,MAAM;MACjChB,KAAK,CAACkB,WAAW,GAAG,CAAAd,KAAK,oBAALA,KAAK,CAAEe,KAAK,KAAI,CAAC;IACvC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACf,KAAK,CAAC,CAAC;EAEX,IAAAI,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBZ,KAAK,CAACE,MAAM,GAAGA,MAAM,IAAI,OAAO;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAAM,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBZ,KAAK,CAACoB,UAAU,GAAGjB,WAAW,GAAG,WAAW,GAAG,MAAM;IACvD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAAK,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBZ,KAAK,CAACK,UAAU,GAAGA,UAAU,IAAI,MAAM;IACzC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAAG,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChB,IAAI,CAACb,KAAK,CAACsB,cAAc,IAAI,CAACC,sBAAe,CAACvB,KAAK,CAACsB,cAAc,CAAC,EAAE;QACnE;MACF;MACArB,KAAK,CAACuB,UAAU,GAAGD,sBAAe,CAACvB,KAAK,CAACsB,cAAc,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;AACR","ignoreList":[]}
+{"version":3,"names":["_react","require","_mobx","_state","_providers","_react2","useGridBaseSyncProps","props","state","renderAddItem","preset","dragAndDrop","range","layoutType","scrollableContentRef","useScrollableContentContext","modalsContainerRef","usePageContext","useState","_props$dragAndDrop","setStateObject","useEffect","collection","scrollableContent","current","runInAction","trailingItemsCount","filter","Boolean","length","_localLimit","_localStart","start","_draggable","imagePlacement","gridSizePresets","sizePreset"],"sources":["../../../../src/components/Grid/useGridBaseSyncProps.ts"],"sourcesContent":["import { ReactElement, useEffect, useState } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\nimport { GridBaseState, gridSizePresets, LayoutType } from '../../state';\nimport { AddItemProps } from '@wix/design-system';\nimport { useScrollableContentContext } from '../../providers';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\nimport { usePageContext } from '@wix/bex-core/react';\n\nexport interface UseGridBaseSyncPropsParams<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  preset?: 'full' | 'title' | 'empty';\n  range?: { start: number; length: number };\n  renderAddItem?: () => ReactElement<AddItemProps>;\n  dragAndDrop?: typeof GridDragAndDrop;\n  imagePlacement?: 'side' | 'top';\n  layoutType?: LayoutType;\n}\n\nexport function useGridBaseSyncProps<T, F extends FiltersMap>(\n  props: UseGridBaseSyncPropsParams<T, F>,\n) {\n  const { state, renderAddItem, preset, dragAndDrop, range, layoutType } =\n    props;\n  const { scrollableContentRef } = useScrollableContentContext();\n  const { modalsContainerRef } = usePageContext();\n\n  useState(() => {\n    props.dragAndDrop?.setStateObject({\n      state,\n      modalsContainerRef,\n    });\n  });\n\n  useEffect(() => {\n    const { collection } = state;\n\n    const scrollableContent = scrollableContentRef?.current;\n\n    if (scrollableContent) {\n      collection.scrollableContent = scrollableContent;\n    }\n\n    return () => {\n      collection.scrollableContent = null;\n    };\n  }, []);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.trailingItemsCount = [renderAddItem].filter(Boolean).length;\n    });\n  }, [renderAddItem]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._localLimit = range?.length;\n      state._localStart = range?.start ?? 0;\n    });\n  }, [range]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.preset = preset ?? 'title';\n    });\n  }, [preset]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state._draggable = dragAndDrop ? 'draggable' : 'none';\n    });\n  }, [dragAndDrop]);\n\n  useEffect(() => {\n    runInAction(() => {\n      state.layoutType = layoutType ?? 'grid';\n    });\n  }, [layoutType]);\n\n  useEffect(() => {\n    runInAction(() => {\n      if (!props.imagePlacement || !gridSizePresets[props.imagePlacement]) {\n        return;\n      }\n      state.sizePreset = gridSizePresets[props.imagePlacement];\n    });\n  }, []);\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAEA,IAAAG,UAAA,GAAAH,OAAA;AAEA,IAAAI,OAAA,GAAAJ,OAAA;AAYO,SAASK,oBAAoBA,CAClCC,KAAuC,EACvC;EACA,MAAM;IAAEC,KAAK;IAAEC,aAAa;IAAEC,MAAM;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAW,CAAC,GACpEN,KAAK;EACP,MAAM;IAAEO;EAAqB,CAAC,GAAG,IAAAC,sCAA2B,EAAC,CAAC;EAC9D,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAc,EAAC,CAAC;EAE/C,IAAAC,eAAQ,EAAC,MAAM;IAAA,IAAAC,kBAAA;IACb,CAAAA,kBAAA,GAAAZ,KAAK,CAACI,WAAW,aAAjBQ,kBAAA,CAAmBC,cAAc,CAAC;MAChCZ,KAAK;MACLQ;IACF,CAAC,CAAC;EACJ,CAAC,CAAC;EAEF,IAAAK,gBAAS,EAAC,MAAM;IACd,MAAM;MAAEC;IAAW,CAAC,GAAGd,KAAK;IAE5B,MAAMe,iBAAiB,GAAGT,oBAAoB,oBAApBA,oBAAoB,CAAEU,OAAO;IAEvD,IAAID,iBAAiB,EAAE;MACrBD,UAAU,CAACC,iBAAiB,GAAGA,iBAAiB;IAClD;IAEA,OAAO,MAAM;MACXD,UAAU,CAACC,iBAAiB,GAAG,IAAI;IACrC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACkB,kBAAkB,GAAG,CAACjB,aAAa,CAAC,CAACkB,MAAM,CAACC,OAAO,CAAC,CAACC,MAAM;IACnE,CAAC,CAAC;EACJ,CAAC,EAAE,CAACpB,aAAa,CAAC,CAAC;EAEnB,IAAAY,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACsB,WAAW,GAAGlB,KAAK,oBAALA,KAAK,CAAEiB,MAAM;MACjCrB,KAAK,CAACuB,WAAW,GAAG,CAAAnB,KAAK,oBAALA,KAAK,CAAEoB,KAAK,KAAI,CAAC;IACvC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACpB,KAAK,CAAC,CAAC;EAEX,IAAAS,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACE,MAAM,GAAGA,MAAM,IAAI,OAAO;IAClC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAAW,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACyB,UAAU,GAAGtB,WAAW,GAAG,WAAW,GAAG,MAAM;IACvD,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,WAAW,CAAC,CAAC;EAEjB,IAAAU,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChBjB,KAAK,CAACK,UAAU,GAAGA,UAAU,IAAI,MAAM;IACzC,CAAC,CAAC;EACJ,CAAC,EAAE,CAACA,UAAU,CAAC,CAAC;EAEhB,IAAAQ,gBAAS,EAAC,MAAM;IACd,IAAAI,iBAAW,EAAC,MAAM;MAChB,IAAI,CAAClB,KAAK,CAAC2B,cAAc,IAAI,CAACC,sBAAe,CAAC5B,KAAK,CAAC2B,cAAc,CAAC,EAAE;QACnE;MACF;MACA1B,KAAK,CAAC4B,UAAU,GAAGD,sBAAe,CAAC5B,KAAK,CAAC2B,cAAc,CAAC;IAC1D,CAAC,CAAC;EACJ,CAAC,EAAE,EAAE,CAAC;AACR","ignoreList":[]}

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_GridItem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useRenderItem","params","renderItem","state","renderAddItem","dragAndDrop","actionCell","preset","useCallback","index","itemKey","_itemKey","index2d","createElement","GridItem","rowIndex","columnIndex","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/useRenderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { AddItemProps } from '@wix/design-system';\nimport { DragAndDrop } from '../DragAndDrop';\nimport { ActionCell } from '../ActionCell';\nimport { GridItem } from './GridItem';\n\nexport interface UseRenderItemParams<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderAddItem?: () => ReactElement<AddItemProps>;\n\n  actionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: DragAndDrop;\n}\n\nexport function useRenderItem<T, F extends FiltersMap>(\n  params: UseRenderItemParams<T, F>,\n) {\n  const {\n    renderItem,\n    state,\n    renderAddItem,\n    dragAndDrop,\n    actionCell,\n    preset = 'title',\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => (\n      <GridItem\n        state={state}\n        index={index}\n        rowIndex={index2d?.rowIndex}\n        columnIndex={index2d?.columnIndex}\n        renderItem={renderItem}\n        actionCell={actionCell}\n        renderAddItem={renderAddItem}\n        dragAndDrop={dragAndDrop}\n        preset={preset}\n      />\n    ),\n    [renderItem, actionCell, renderAddItem, dragAndDrop, preset],\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,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,SAAAL,wBAAAK,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;AAmB/B,SAASW,aAAaA,CAC3BC,MAAiC,EACjC;EACA,MAAM;IACJC,UAAU;IACVC,KAAK;IACLC,aAAa;IACbC,WAAW;IACXC,UAAU;IACVC,MAAM,GAAG;EACX,CAAC,GAAGN,MAAM;EAEV,OAAO,IAAAO,kBAAW,EAChB,CAACC,KAAK,EAAE;IAAEC,OAAO,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAG,CAAC,CAAC,kBACzCrC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACnC,SAAA,CAAAoC,QAAQ;IACPX,KAAK,EAAEA,KAAM;IACbM,KAAK,EAAEA,KAAM;IACbM,QAAQ,EAAEH,OAAO,oBAAPA,OAAO,CAAEG,QAAS;IAC5BC,WAAW,EAAEJ,OAAO,oBAAPA,OAAO,CAAEI,WAAY;IAClCd,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEA,UAAW;IACvBF,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACF,EACD,CAACnB,UAAU,EAAEI,UAAU,EAAEF,aAAa,EAAEC,WAAW,EAAEE,MAAM,CAC7D,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_GridItem","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","useRenderItem","params","renderItem","state","renderAddItem","dragAndDrop","actionCell","preset","useCallback","index","itemKey","_itemKey","index2d","createElement","GridItem","rowIndex","columnIndex","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/Grid/useRenderItem.tsx"],"sourcesContent":["import React, { ReactElement, useCallback } from 'react';\nimport { RenderItem } from './RenderItem';\nimport { SupportedCardGalleryItemProps } from './SupportedCardGalleryItemProps';\nimport { GridBaseState } from '../../state';\nimport { FiltersMap } from '@wix/bex-core';\nimport { AddItemProps } from '@wix/design-system';\nimport { ActionCell } from '../ActionCell';\nimport { GridItem } from './GridItem';\nimport { GridDragAndDrop } from '../GridDragAndDropDndKit/GridDragAndDrop';\n\nexport interface UseRenderItemParams<T, F extends FiltersMap> {\n  preset?: 'full' | 'title' | 'empty';\n\n  renderItem?: (\n    item: T,\n    index: number,\n  ) => Partial<SupportedCardGalleryItemProps>;\n\n  state: GridBaseState<T, F>;\n\n  renderAddItem?: () => ReactElement<AddItemProps>;\n\n  actionCell?: ActionCell<T, F>;\n\n  dragAndDrop?: typeof GridDragAndDrop;\n}\n\nexport function useRenderItem<T, F extends FiltersMap>(\n  params: UseRenderItemParams<T, F>,\n) {\n  const {\n    renderItem,\n    state,\n    renderAddItem,\n    dragAndDrop,\n    actionCell,\n    preset = 'title',\n  } = params;\n\n  return useCallback<RenderItem>(\n    (index, { itemKey: _itemKey, index2d } = {}) => (\n      <GridItem\n        state={state}\n        index={index}\n        rowIndex={index2d?.rowIndex}\n        columnIndex={index2d?.columnIndex}\n        renderItem={renderItem}\n        actionCell={actionCell}\n        renderAddItem={renderAddItem}\n        dragAndDrop={dragAndDrop}\n        preset={preset}\n      />\n    ),\n    [renderItem, actionCell, renderAddItem, dragAndDrop, preset],\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,SAAA,GAAAD,OAAA;AAAsC,IAAAE,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,SAAAL,wBAAAK,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;AAoB/B,SAASW,aAAaA,CAC3BC,MAAiC,EACjC;EACA,MAAM;IACJC,UAAU;IACVC,KAAK;IACLC,aAAa;IACbC,WAAW;IACXC,UAAU;IACVC,MAAM,GAAG;EACX,CAAC,GAAGN,MAAM;EAEV,OAAO,IAAAO,kBAAW,EAChB,CAACC,KAAK,EAAE;IAAEC,OAAO,EAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAG,CAAC,CAAC,kBACzCrC,MAAA,CAAAW,OAAA,CAAA2B,aAAA,CAACnC,SAAA,CAAAoC,QAAQ;IACPX,KAAK,EAAEA,KAAM;IACbM,KAAK,EAAEA,KAAM;IACbM,QAAQ,EAAEH,OAAO,oBAAPA,OAAO,CAAEG,QAAS;IAC5BC,WAAW,EAAEJ,OAAO,oBAAPA,OAAO,CAAEI,WAAY;IAClCd,UAAU,EAAEA,UAAW;IACvBI,UAAU,EAAEA,UAAW;IACvBF,aAAa,EAAEA,aAAc;IAC7BC,WAAW,EAAEA,WAAY;IACzBE,MAAM,EAAEA,MAAO;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CAChB,CACF,EACD,CAACnB,UAAU,EAAEI,UAAU,EAAEF,aAAa,EAAEC,WAAW,EAAEE,MAAM,CAC7D,CAAC;AACH","ignoreList":[]}

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

@@ -5,9 +5,22 @@ exports.GridDragAndDrop = void 0;
 var _GridSortableContext = require("./GridSortableContext");
 var _GridDraggableCardItem = require("./GridDraggableCardItem");
 var _DraggableCardOverlay = require("./DraggableCardOverlay");
+var _DragAndDrop = require("../DragAndDrop");
+function setStateObject({
+  state,
+  modalsContainerRef
+}) {
+  state.collectionDragAndDropState ?? (state.collectionDragAndDropState = new _DragAndDrop.CollectionDragAndDropState({
+    state,
+    a11yContainer: modalsContainerRef,
+    container: state.container
+  }));
+  state.toolbar._dnd = state.collectionDragAndDropState.dnd;
+}
 const GridDragAndDrop = exports.GridDragAndDrop = {
   SortableContext: _GridSortableContext.GridSortableContext,
   DraggableCard: _GridDraggableCardItem.GridDraggableCardItem,
-  DraggableCardOverlay: _DraggableCardOverlay.DraggableCardOverlay
+  DraggableCardOverlay: _DraggableCardOverlay.DraggableCardOverlay,
+  setStateObject
 };
 //# sourceMappingURL=GridDragAndDrop.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_GridSortableContext","require","_GridDraggableCardItem","_DraggableCardOverlay","GridDragAndDrop","exports","SortableContext","GridSortableContext","DraggableCard","GridDraggableCardItem","DraggableCardOverlay"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridDragAndDrop.ts"],"sourcesContent":["import { GridSortableContext } from './GridSortableContext';\nimport { GridDraggableCardItem } from './GridDraggableCardItem';\nimport { DraggableCardOverlay } from './DraggableCardOverlay';\n\nimport { DragAndDrop } from '../DragAndDrop';\n\nexport const GridDragAndDrop: DragAndDrop = {\n  SortableContext: GridSortableContext,\n  DraggableCard: GridDraggableCardItem,\n  DraggableCardOverlay,\n};\n"],"mappings":";;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAIO,MAAMG,eAA4B,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC1CE,eAAe,EAAEC,wCAAmB;EACpCC,aAAa,EAAEC,4CAAqB;EACpCC,oBAAoB,EAApBA;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_GridSortableContext","require","_GridDraggableCardItem","_DraggableCardOverlay","_DragAndDrop","setStateObject","state","modalsContainerRef","collectionDragAndDropState","CollectionDragAndDropState","a11yContainer","container","toolbar","_dnd","dnd","GridDragAndDrop","exports","SortableContext","GridSortableContext","DraggableCard","GridDraggableCardItem","DraggableCardOverlay"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridDragAndDrop.ts"],"sourcesContent":["import { GridSortableContext } from './GridSortableContext';\nimport { GridDraggableCardItem } from './GridDraggableCardItem';\nimport { DraggableCardOverlay } from './DraggableCardOverlay';\n\nimport { CollectionDragAndDropState, DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { GridBaseState } from '../../state';\n\nfunction setStateObject<T, F extends FiltersMap>({\n  state,\n  modalsContainerRef,\n}: {\n  state: GridBaseState<T, F>;\n  modalsContainerRef: {\n    current: HTMLElement | null | undefined;\n  };\n}) {\n  state.collectionDragAndDropState ??= new CollectionDragAndDropState({\n    state,\n    a11yContainer: modalsContainerRef,\n    container: state.container,\n  });\n  state.toolbar._dnd = state.collectionDragAndDropState.dnd as DragAndDropState<\n    unknown,\n    any\n  >;\n}\n\nexport const GridDragAndDrop = {\n  SortableContext: GridSortableContext,\n  DraggableCard: GridDraggableCardItem,\n  DraggableCardOverlay,\n  setStateObject,\n};\n"],"mappings":";;;;AAAA,IAAAA,oBAAA,GAAAC,OAAA;AACA,IAAAC,sBAAA,GAAAD,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAEA,IAAAG,YAAA,GAAAH,OAAA;AAIA,SAASI,cAAcA,CAA0B;EAC/CC,KAAK;EACLC;AAMF,CAAC,EAAE;EACDD,KAAK,CAACE,0BAA0B,KAAhCF,KAAK,CAACE,0BAA0B,GAAK,IAAIC,uCAA0B,CAAC;IAClEH,KAAK;IACLI,aAAa,EAAEH,kBAAkB;IACjCI,SAAS,EAAEL,KAAK,CAACK;EACnB,CAAC,CAAC;EACFL,KAAK,CAACM,OAAO,CAACC,IAAI,GAAGP,KAAK,CAACE,0BAA0B,CAACM,GAGrD;AACH;AAEO,MAAMC,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG;EAC7BE,eAAe,EAAEC,wCAAmB;EACpCC,aAAa,EAAEC,4CAAqB;EACpCC,oBAAoB,EAApBA,0CAAoB;EACpBhB;AACF,CAAC","ignoreList":[]}

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

@@ -8,8 +8,6 @@ var _sortable = require("@wix/wix-style-react-incubator/dnd-kit/sortable");
 var _modifiers = require("@wix/wix-style-react-incubator/dnd-kit/modifiers");
 var _CollectionContext = require("../CollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
-var _react2 = require("@wix/bex-core/react");
-var _DragAndDrop = require("../DragAndDrop");
 var _sortableGridKeyboardCoordinates = require("./sortableGridKeyboardCoordinates");
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.tsx";
@@ -22,21 +20,13 @@ function _GridSortableContext(props) {
     onSubmit,
     onCancel
   } = props;
-  const container = (0, _react2.useWixPatternsContainer)();
-  const {
-    modalsContainerRef
-  } = (0, _react2.usePageContext)();
   const collection = (0, _CollectionContext.useCollectionContext)();
   const {
     result: {
       keyedItems
     }
   } = collection;
-  const [state] = (0, _react.useState)(() => new _DragAndDrop.CollectionDragAndDropState({
-    state: grid,
-    container,
-    a11yContainer: modalsContainerRef == null ? void 0 : modalsContainerRef.current
-  }));
+  const state = grid.collectionDragAndDropState;
   const pointerSensor = (0, _core.useSensor)(_core.PointerSensor, {
     activationConstraint: state.dnd.activationConstraint
   });
@@ -50,9 +40,7 @@ function _GridSortableContext(props) {
 
   // in jsdom we mock drag-and-drop by setting a custom events to draggable elements
   const sensors = (0, _core.useSensors)(...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]));
-  (0, _react.useEffect)(() => state.init({
-    a11yContainer: modalsContainerRef == null ? void 0 : modalsContainerRef.current
-  }), []);
+  (0, _react.useEffect)(() => state.init(), []);
   state.dnd.onSubmit = onSubmit;
   state.dnd.onCancel = onCancel;
   return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
@@ -67,7 +55,7 @@ function _GridSortableContext(props) {
       }
     },
     accessibility: {
-      container: state.dnd.a11yContainer,
+      container: state.dnd.a11yContainerRef.current,
       announcements: state.dnd.nullAnnouncements,
       screenReaderInstructions: {
         draggable: ''
@@ -95,7 +83,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 79,
+      lineNumber: 74,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
@@ -104,7 +92,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 117,
+      lineNumber: 114,
       columnNumber: 7
     }
   }, children, /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -113,7 +101,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 116,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_react2","_DragAndDrop","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSortableContext","props","state","grid","children","onSubmit","onCancel","container","useWixPatternsContainer","modalsContainerRef","usePageContext","collection","useCollectionContext","result","keyedItems","useState","CollectionDragAndDropState","a11yContainer","current","pointerSensor","useSensor","PointerSensor","activationConstraint","dnd","coordinateGetter","sortableGridKeyboardCoordinates","containerDistanceThreshold","keyboardSensor","KeyboardSensor","keyboardCodes","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","freeze","acceleration","threshold","y","x","accessibility","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragStart","onDragMove","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","rectSortingStrategy","DragAndDropAnnouncements","dataHook","GridSortableContext","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  rectSortingStrategy,\n  SortableContext,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { useCollectionContext } from '../CollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport {\n  CollectionDragAndDropState,\n  SortableContextProps,\n} from '../DragAndDrop';\nimport { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\n\nfunction _GridSortableContext<T, F extends FiltersMap>(\n  props: SortableContextProps<T, F>,\n) {\n  const { state: grid, children, onSubmit, onCancel } = props;\n\n  const container = useWixPatternsContainer();\n  const { modalsContainerRef } = usePageContext();\n\n  const collection = useCollectionContext();\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const [state] = useState(\n    () =>\n      new CollectionDragAndDropState({\n        state: grid,\n        container,\n        a11yContainer: modalsContainerRef?.current,\n      }),\n  );\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: state.dnd.activationConstraint,\n  });\n\n  const [coordinateGetter] = useState(() =>\n    sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }),\n  );\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: state.dnd.keyboardCodes,\n    coordinateGetter,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        a11yContainer: modalsContainerRef?.current,\n      }),\n    [],\n  );\n\n  state.dnd.onSubmit = onSubmit;\n  state.dnd.onCancel = onCancel;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        freeze: true,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: state.dnd.a11yContainer as HTMLElement | undefined,\n        announcements: state.dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => state.dnd.beforeDrop(ev)}\n      onDragStart={(ev) => {\n        state.dnd.onDragStart(ev);\n      }}\n      onDragMove={(ev) => {\n        state.dnd.onDragMove(ev);\n      }}\n      onDragEnd={(ev) => {\n        state.dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        state.dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        state.dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext items={keyedItems} strategy={rectSortingStrategy}>\n        {children}\n        <DragAndDropAnnouncements\n          state={state.dnd}\n          dataHook=\"grid-dnd-live-region\"\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const GridSortableContext = observer(_GridSortableContext);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSortableContext","props","state","grid","children","onSubmit","onCancel","collection","useCollectionContext","result","keyedItems","collectionDragAndDropState","pointerSensor","useSensor","PointerSensor","activationConstraint","dnd","coordinateGetter","useState","sortableGridKeyboardCoordinates","containerDistanceThreshold","keyboardSensor","KeyboardSensor","keyboardCodes","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","freeze","acceleration","threshold","y","x","accessibility","container","a11yContainerRef","current","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragStart","onDragMove","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","rectSortingStrategy","DragAndDropAnnouncements","dataHook","GridSortableContext","exports","observer"],"sources":["../../../../src/components/GridDragAndDropDndKit/GridSortableContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  rectSortingStrategy,\n  SortableContext,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { useCollectionContext } from '../CollectionContext';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  CollectionDragAndDropState,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { sortableGridKeyboardCoordinates } from './sortableGridKeyboardCoordinates';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport { GridBaseState } from '../../state';\n\nexport interface GridSortableContextProps<T, F extends FiltersMap> {\n  state: GridBaseState<T, F>;\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n}\n\nfunction _GridSortableContext<T, F extends FiltersMap>(\n  props: GridSortableContextProps<T, F>,\n) {\n  const { state: grid, children, onSubmit, onCancel } = props;\n\n  const collection = useCollectionContext();\n  const {\n    result: { keyedItems },\n  } = collection;\n\n  const state = grid.collectionDragAndDropState as CollectionDragAndDropState<\n    T,\n    F\n  >;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: state.dnd.activationConstraint,\n  });\n\n  const [coordinateGetter] = useState(() =>\n    sortableGridKeyboardCoordinates({ containerDistanceThreshold: 0.1 }),\n  );\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: state.dnd.keyboardCodes,\n    coordinateGetter,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => state.init(), []);\n\n  state.dnd.onSubmit = onSubmit;\n  state.dnd.onCancel = onCancel;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        freeze: true,\n        acceleration: 4,\n        threshold: {\n          y: 0.01,\n          x: 0.2,\n        },\n      }}\n      accessibility={{\n        container: state.dnd.a11yContainerRef.current as\n          | HTMLElement\n          | undefined,\n        announcements: state.dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => state.dnd.beforeDrop(ev)}\n      onDragStart={(ev) => {\n        state.dnd.onDragStart(ev);\n      }}\n      onDragMove={(ev) => {\n        state.dnd.onDragMove(ev);\n      }}\n      onDragEnd={(ev) => {\n        state.dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        state.dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        state.dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext items={keyedItems} strategy={rectSortingStrategy}>\n        {children}\n        <DragAndDropAnnouncements\n          state={state.dnd}\n          dataHook=\"grid-dnd-live-region\"\n        />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const GridSortableContext = observer(_GridSortableContext);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionAndRepeater.js

@@ -17,7 +17,8 @@ function _GridSectionAndRepeater(props) {
   const {
     sectionDescriptor,
     imagePlacement,
-    layoutType
+    layoutType,
+    dragAndDrop
   } = props;
   const {
     range
@@ -26,7 +27,8 @@ function _GridSectionAndRepeater(props) {
     gridSections: props.state,
     sectionDescriptor,
     imagePlacement,
-    layoutType
+    layoutType,
+    draggable: dragAndDrop ? 'draggable' : 'none'
   }));
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
     direction: "vertical",
@@ -35,7 +37,7 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 34,
+      lineNumber: 35,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_GridSectionHeader.GridSectionHeader, {
@@ -44,7 +46,7 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 35,
+      lineNumber: 36,
       columnNumber: 7
     }
   }), /*#__PURE__*/_react.default.createElement(_GridContent.GridContent, (0, _extends2.default)({}, props, {
@@ -55,7 +57,7 @@ function _GridSectionAndRepeater(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 38,
       columnNumber: 7
     }
   })));

package/dist/cjs/components/GridSections/GridSectionAndRepeater.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_GridSectionsSectionState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionAndRepeater","props","sectionDescriptor","imagePlacement","layoutType","range","state","useState","GridSectionsSectionState","gridSections","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","paddingTop","undefined","gridBase","withInfiniteScrollLoader","isLast","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, imagePlacement, layoutType } = props;\n\n  const { range } = sectionDescriptor;\n\n  const [state] = useState(\n    () =>\n      new GridSectionsSectionState({\n        gridSections: props.state,\n        sectionDescriptor,\n        imagePlacement,\n        layoutType,\n      }),\n  );\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" dataHook=\"grid-section-and-repeater\">\n      <GridSectionHeader sectionDescriptor={sectionDescriptor} state={state} />\n\n      <GridContent\n        {...props}\n        paddingTop={layoutType === 'list' ? undefined : 'SP4'}\n        range={range}\n        state={state.gridBase}\n        withInfiniteScrollLoader={state.isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_GridContent","_GridSectionHeader","_GridSectionsSectionState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_GridSectionAndRepeater","props","sectionDescriptor","imagePlacement","layoutType","dragAndDrop","range","state","useState","GridSectionsSectionState","gridSections","draggable","createElement","Box","direction","width","dataHook","__self","__source","fileName","lineNumber","columnNumber","GridSectionHeader","GridContent","_extends2","paddingTop","undefined","gridBase","withInfiniteScrollLoader","isLast","GridSectionAndRepeater","exports","observer"],"sources":["../../../../src/components/GridSections/GridSectionAndRepeater.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { Box } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { GridContent, GridContentBaseProps } from '../Grid/GridContent';\nimport { GridSectionHeader } from './GridSectionHeader';\nimport { GridSectionsSectionState } from './GridSectionsSectionState';\n\nexport interface GridSectionAndRepeaterProps<T, F extends FiltersMap>\n  extends GridContentBaseProps<T, F> {\n  sectionDescriptor: SectionRange;\n  state: GridSectionsState<T, F>;\n}\n\nfunction _GridSectionAndRepeater<T, F extends FiltersMap>(\n  props: GridSectionAndRepeaterProps<T, F>,\n) {\n  const { sectionDescriptor, imagePlacement, layoutType, dragAndDrop } = props;\n\n  const { range } = sectionDescriptor;\n\n  const [state] = useState(\n    () =>\n      new GridSectionsSectionState({\n        gridSections: props.state,\n        sectionDescriptor,\n        imagePlacement,\n        layoutType,\n        draggable: dragAndDrop ? 'draggable' : 'none',\n      }),\n  );\n\n  return (\n    <Box direction=\"vertical\" width=\"100%\" dataHook=\"grid-section-and-repeater\">\n      <GridSectionHeader sectionDescriptor={sectionDescriptor} state={state} />\n\n      <GridContent\n        {...props}\n        paddingTop={layoutType === 'list' ? undefined : 'SP4'}\n        range={range}\n        state={state.gridBase}\n        withInfiniteScrollLoader={state.isLast}\n      />\n    </Box>\n  );\n}\n\nexport const GridSectionAndRepeater = observer(_GridSectionAndRepeater);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/GridSections/GridSectionsSectionState.js

@@ -14,7 +14,9 @@ class GridSectionsSectionState {
     this.gridSections = params.gridSections;
     this.sectionDescriptor = params.sectionDescriptor;
     const {
-      imagePlacement
+      imagePlacement,
+      draggable,
+      layoutType
     } = params;
     const {
       toolbar
@@ -26,7 +28,8 @@ class GridSectionsSectionState {
       sizePreset: imagePlacement ? _state.gridSizePresets[imagePlacement] : _state.topGridSizePreset,
       range: params.sectionDescriptor.range,
       parentState: this.gridSections,
-      layoutType: params.layoutType
+      layoutType,
+      draggable
     });
     (0, _mobx.makeObservable)(this, {
       isLast: _mobx.computed

package/dist/cjs/components/GridSections/GridSectionsSectionState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_state","require","_mobx","GridSectionsSectionState","constructor","params","_defineProperty2","default","gridSections","sectionDescriptor","imagePlacement","toolbar","gridBase","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","range","parentState","layoutType","makeObservable","isLast","computed","_sections","section","sections","length","id","exports"],"sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"sourcesContent":["import {\n  GridBaseState,\n  gridSizePresets,\n  LayoutType,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface GridSectionsSectionStateParams<T, F extends FiltersMap> {\n  readonly imagePlacement?: 'side' | 'top';\n  readonly gridSections: GridSectionsState<T, F>;\n  readonly sectionDescriptor: SectionRange;\n  readonly layoutType: LayoutType | undefined;\n}\n\nexport class GridSectionsSectionState<T, F extends FiltersMap> {\n  gridBase;\n  gridSections;\n  sectionDescriptor;\n\n  constructor(params: GridSectionsSectionStateParams<T, F>) {\n    this.gridSections = params.gridSections;\n    this.sectionDescriptor = params.sectionDescriptor;\n    const { imagePlacement } = params;\n    const { toolbar } = this.gridSections;\n    this.gridBase = new GridBaseState({\n      container: toolbar.container,\n      toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n      collection: toolbar.collection,\n      sizePreset: imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : topGridSizePreset,\n      range: params.sectionDescriptor.range,\n      parentState: this.gridSections,\n      layoutType: params.layoutType,\n    });\n\n    makeObservable(this, {\n      isLast: computed,\n    });\n  }\n\n  get isLast() {\n    const {\n      sectionDescriptor: { section },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.section.id === section.id;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,KAAA,GAAAD,OAAA;AASO,MAAME,wBAAwB,CAA0B;EAK7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,iBAAiB,GAAGJ,MAAM,CAACI,iBAAiB;IACjD,MAAM;MAAEC;IAAe,CAAC,GAAGL,MAAM;IACjC,MAAM;MAAEM;IAAQ,CAAC,GAAG,IAAI,CAACH,YAAY;IACrC,IAAI,CAACI,QAAQ,GAAG,IAAIC,oBAAa,CAAC;MAChCC,SAAS,EAAEH,OAAO,CAACG,SAAS;MAC5BH,OAAO,EAAEA,OAAsD;MAC/DI,UAAU,EAAEJ,OAAO,CAACI,UAAU;MAC9BC,UAAU,EAAEN,cAAc,GACtBO,sBAAe,CAACP,cAAc,CAAC,GAC/BQ,wBAAiB;MACrBC,KAAK,EAAEd,MAAM,CAACI,iBAAiB,CAACU,KAAK;MACrCC,WAAW,EAAE,IAAI,CAACZ,YAAY;MAC9Ba,UAAU,EAAEhB,MAAM,CAACgB;IACrB,CAAC,CAAC;IAEF,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJhB,iBAAiB,EAAE;QAAEiB;MAAQ,CAAC;MAC9BlB,YAAY,EAAE;QAAEmB;MAAS;IAC3B,CAAC,GAAG,IAAI;IACR,OAAO,EAAAF,SAAA,GAAAE,QAAQ,CAACA,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7BH,SAAA,CAA+BC,OAAO,CAACG,EAAE,MAAKH,OAAO,CAACG,EAAE;EACjE;AACF;AAACC,OAAA,CAAA3B,wBAAA,GAAAA,wBAAA","ignoreList":[]}
+{"version":3,"names":["_state","require","_mobx","GridSectionsSectionState","constructor","params","_defineProperty2","default","gridSections","sectionDescriptor","imagePlacement","draggable","layoutType","toolbar","gridBase","GridBaseState","container","collection","sizePreset","gridSizePresets","topGridSizePreset","range","parentState","makeObservable","isLast","computed","_sections","section","sections","length","id","exports"],"sources":["../../../../src/components/GridSections/GridSectionsSectionState.ts"],"sourcesContent":["import {\n  GridBaseState,\n  gridSizePresets,\n  LayoutType,\n  ToolbarCollectionState,\n  topGridSizePreset,\n} from '../../state';\nimport { GridSectionsState, SectionRange } from './GridSectionsState';\nimport { FiltersMap } from '@wix/bex-core';\nimport { computed, makeObservable } from 'mobx';\n\nexport interface GridSectionsSectionStateParams<T, F extends FiltersMap> {\n  readonly imagePlacement?: 'side' | 'top';\n  readonly gridSections: GridSectionsState<T, F>;\n  readonly sectionDescriptor: SectionRange;\n  readonly layoutType: LayoutType | undefined;\n  readonly draggable?: 'none' | 'draggable';\n}\n\nexport class GridSectionsSectionState<T, F extends FiltersMap> {\n  gridBase;\n  gridSections;\n  sectionDescriptor;\n\n  constructor(params: GridSectionsSectionStateParams<T, F>) {\n    this.gridSections = params.gridSections;\n    this.sectionDescriptor = params.sectionDescriptor;\n    const { imagePlacement, draggable, layoutType } = params;\n    const { toolbar } = this.gridSections;\n    this.gridBase = new GridBaseState({\n      container: toolbar.container,\n      toolbar: toolbar as ToolbarCollectionState<unknown, Partial<F>>,\n      collection: toolbar.collection,\n      sizePreset: imagePlacement\n        ? gridSizePresets[imagePlacement]\n        : topGridSizePreset,\n      range: params.sectionDescriptor.range,\n      parentState: this.gridSections,\n      layoutType,\n      draggable,\n    });\n\n    makeObservable(this, {\n      isLast: computed,\n    });\n  }\n\n  get isLast() {\n    const {\n      sectionDescriptor: { section },\n      gridSections: { sections },\n    } = this;\n    return sections[sections.length - 1]?.section.id === section.id;\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AASA,IAAAC,KAAA,GAAAD,OAAA;AAUO,MAAME,wBAAwB,CAA0B;EAK7DC,WAAWA,CAACC,MAA4C,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IACxD,IAAI,CAACC,YAAY,GAAGH,MAAM,CAACG,YAAY;IACvC,IAAI,CAACC,iBAAiB,GAAGJ,MAAM,CAACI,iBAAiB;IACjD,MAAM;MAAEC,cAAc;MAAEC,SAAS;MAAEC;IAAW,CAAC,GAAGP,MAAM;IACxD,MAAM;MAAEQ;IAAQ,CAAC,GAAG,IAAI,CAACL,YAAY;IACrC,IAAI,CAACM,QAAQ,GAAG,IAAIC,oBAAa,CAAC;MAChCC,SAAS,EAAEH,OAAO,CAACG,SAAS;MAC5BH,OAAO,EAAEA,OAAsD;MAC/DI,UAAU,EAAEJ,OAAO,CAACI,UAAU;MAC9BC,UAAU,EAAER,cAAc,GACtBS,sBAAe,CAACT,cAAc,CAAC,GAC/BU,wBAAiB;MACrBC,KAAK,EAAEhB,MAAM,CAACI,iBAAiB,CAACY,KAAK;MACrCC,WAAW,EAAE,IAAI,CAACd,YAAY;MAC9BI,UAAU;MACVD;IACF,CAAC,CAAC;IAEF,IAAAY,oBAAc,EAAC,IAAI,EAAE;MACnBC,MAAM,EAAEC;IACV,CAAC,CAAC;EACJ;EAEA,IAAID,MAAMA,CAAA,EAAG;IAAA,IAAAE,SAAA;IACX,MAAM;MACJjB,iBAAiB,EAAE;QAAEkB;MAAQ,CAAC;MAC9BnB,YAAY,EAAE;QAAEoB;MAAS;IAC3B,CAAC,GAAG,IAAI;IACR,OAAO,EAAAF,SAAA,GAAAE,QAAQ,CAACA,QAAQ,CAACC,MAAM,GAAG,CAAC,CAAC,qBAA7BH,SAAA,CAA+BC,OAAO,CAACG,EAAE,MAAKH,OAAO,CAACG,EAAE;EACjE;AACF;AAACC,OAAA,CAAA5B,wBAAA,GAAAA,wBAAA","ignoreList":[]}

package/dist/cjs/components/Heading/Heading.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_ = "Heading692330748";
+var _namespace_ = "Heading850269557";
 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": "Heading692330748__root"
+  "root": "Heading850269557__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Heading/Heading.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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading692330748\";\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\":\"Heading692330748__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,kBAAkB;AACpC,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;AAAwB,CAAC;AAC/C,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/Heading/Heading.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Heading850269557\";\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\":\"Heading850269557__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,kBAAkB;AACpC,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;AAAwB,CAAC;AAC/C,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/InputOverflow/InputOverflow.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_ = "InputOverflow4165352051";
+var _namespace_ = "InputOverflow1104960645";
 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": "InputOverflow4165352051__root"
+  "root": "InputOverflow1104960645__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow4165352051\";\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\":\"InputOverflow4165352051__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow1104960645\";\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\":\"InputOverflow1104960645__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/ListDragAndDrop/ListDragAndDropContext.js

@@ -7,10 +7,7 @@ var _core = require("@wix/wix-style-react-incubator/dnd-kit/core");
 var _sortable = require("@wix/wix-style-react-incubator/dnd-kit/sortable");
 var _modifiers = require("@wix/wix-style-react-incubator/dnd-kit/modifiers");
 var _mobxReactLite = require("mobx-react-lite");
-var _react2 = require("@wix/bex-core/react");
-var _DragAndDrop = require("../DragAndDrop");
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
-var _providers = require("../../providers");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/ListDragAndDrop/ListDragAndDropContext.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; }
@@ -21,18 +18,10 @@ function _ListDragAndDropContext(props) {
     onSubmit,
     onCancel
   } = props;
-  const container = (0, _react2.useWixPatternsContainer)();
-  const {
-    modalsContainerRef
-  } = (0, _providers.usePageContext)();
   const {
     keyedItems
   } = parentState.collection;
-  const [state] = (0, _react.useState)(() => new _DragAndDrop.CollectionDragAndDropState({
-    state: parentState,
-    container,
-    a11yContainer: modalsContainerRef == null ? void 0 : modalsContainerRef.current
-  }));
+  const state = parentState.collectionDragAndDropState;
   const {
     dnd
   } = state;
@@ -46,9 +35,7 @@ function _ListDragAndDropContext(props) {
 
   // in jsdom we mock drag-and-drop by setting a custom events to draggable elements
   const sensors = (0, _core.useSensors)(...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]));
-  (0, _react.useEffect)(() => state.init({
-    a11yContainer: modalsContainerRef == null ? void 0 : modalsContainerRef.current
-  }), []);
+  (0, _react.useEffect)(() => state.init(), []);
   dnd.onSubmit = onSubmit;
   dnd.onCancel = onCancel;
   return /*#__PURE__*/_react.default.createElement(_core.DndContext, {
@@ -58,7 +45,7 @@ function _ListDragAndDropContext(props) {
       acceleration: 4
     },
     accessibility: {
-      container: dnd.a11yContainer,
+      container: dnd.a11yContainerRef.current,
       announcements: dnd.nullAnnouncements,
       screenReaderInstructions: {
         draggable: ''
@@ -86,7 +73,7 @@ function _ListDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 68,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
@@ -95,7 +82,7 @@ function _ListDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 101,
       columnNumber: 7
     }
   }, children, /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -104,7 +91,7 @@ function _ListDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 121,
+      lineNumber: 106,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/ListDragAndDrop/ListDragAndDropContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_mobxReactLite","_react2","_DragAndDrop","_DragAndDropAnnouncements","_providers","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ListDragAndDropContext","props","state","parentState","children","onSubmit","onCancel","container","useWixPatternsContainer","modalsContainerRef","usePageContext","keyedItems","collection","useState","CollectionDragAndDropState","a11yContainer","current","dnd","pointerSensor","useSensor","PointerSensor","activationConstraint","keyboardSensor","KeyboardSensor","keyboardCodes","coordinateGetter","sortableKeyboardCoordinates","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","acceleration","accessibility","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragMove","onDragStart","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","verticalListSortingStrategy","DragAndDropAnnouncements","dataHook","ListDragAndDropContext","exports","observer"],"sources":["../../../../src/components/ListDragAndDrop/ListDragAndDropContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useState } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport {\n  DragAndDropCancel,\n  DragAndDropSubmit,\n  CollectionDragAndDropState,\n  CollectionDragAndDropParentState,\n} from '../DragAndDrop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\nimport { usePageContext } from '../../providers';\n\nexport interface ListDragAndDropContextProps<T, F extends FiltersMap> {\n  state: CollectionDragAndDropParentState<T, F>;\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n}\n\nfunction _ListDragAndDropContext<T, F extends FiltersMap>(\n  props: ListDragAndDropContextProps<T, F>,\n) {\n  const { state: parentState, children, onSubmit, onCancel } = props;\n\n  const container = useWixPatternsContainer();\n  const { modalsContainerRef } = usePageContext();\n\n  const { keyedItems } = parentState.collection;\n\n  const [state] = useState(\n    () =>\n      new CollectionDragAndDropState({\n        state: parentState,\n        container,\n        a11yContainer: modalsContainerRef?.current,\n      }),\n  );\n\n  const { dnd } = state;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: dnd.activationConstraint,\n  });\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: dnd.keyboardCodes,\n    coordinateGetter: sortableKeyboardCoordinates,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(\n    () =>\n      state.init({\n        a11yContainer: modalsContainerRef?.current,\n      }),\n    [],\n  );\n\n  dnd.onSubmit = onSubmit;\n  dnd.onCancel = onCancel;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        acceleration: 4,\n      }}\n      accessibility={{\n        container: dnd.a11yContainer as HTMLElement | undefined,\n        announcements: dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => dnd.beforeDrop(ev)}\n      onDragMove={(ev) => {\n        dnd.onDragMove(ev);\n      }}\n      onDragStart={(ev) => {\n        dnd.onDragStart(ev);\n      }}\n      onDragEnd={(ev) => {\n        dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext\n        items={keyedItems}\n        strategy={verticalListSortingStrategy}\n      >\n        {children}\n        <DragAndDropAnnouncements state={dnd} dataHook=\"list-dnd-live-region\" />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const ListDragAndDropContext = observer(_ListDragAndDropContext);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_mobxReactLite","_DragAndDropAnnouncements","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_ListDragAndDropContext","props","state","parentState","children","onSubmit","onCancel","keyedItems","collection","collectionDragAndDropState","dnd","pointerSensor","useSensor","PointerSensor","activationConstraint","keyboardSensor","KeyboardSensor","keyboardCodes","coordinateGetter","sortableKeyboardCoordinates","sensors","useSensors","process","env","NODE_ENV","useEffect","init","createElement","DndContext","autoScroll","activator","AutoScrollActivator","DraggableRect","acceleration","accessibility","container","a11yContainerRef","current","announcements","nullAnnouncements","screenReaderInstructions","draggable","restoreFocus","collisionDetection","closestCenter","modifiers","restrictToWindowEdges","cancelDrop","ev","beforeDrop","onDragMove","onDragStart","onDragEnd","onDragCancel","onDragOver","__self","__source","fileName","lineNumber","columnNumber","SortableContext","items","strategy","verticalListSortingStrategy","DragAndDropAnnouncements","dataHook","ListDragAndDropContext","exports","observer"],"sources":["../../../../src/components/ListDragAndDrop/ListDragAndDropContext.tsx"],"sourcesContent":["import React, { ReactNode, useEffect } from 'react';\nimport {\n  AutoScrollActivator,\n  closestCenter,\n  DndContext,\n  KeyboardSensor,\n  PointerSensor,\n  useSensor,\n  useSensors,\n} from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport {\n  SortableContext,\n  sortableKeyboardCoordinates,\n  verticalListSortingStrategy,\n} from '@wix/wix-style-react-incubator/dnd-kit/sortable';\nimport { restrictToWindowEdges } from '@wix/wix-style-react-incubator/dnd-kit/modifiers';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport {\n  CollectionDragAndDropParentState,\n  CollectionDragAndDropState,\n  DragAndDropCancel,\n  DragAndDropSubmit,\n} from '../DragAndDrop';\nimport { DragAndDropAnnouncements } from '../DragAndDrop/DragAndDropAnnouncements';\n\nexport interface ListDragAndDropContextProps<T, F extends FiltersMap> {\n  state: CollectionDragAndDropParentState<T, F> & {\n    collectionDragAndDropState: CollectionDragAndDropState<T, F> | null;\n  };\n  children?: ReactNode;\n  onSubmit?: DragAndDropSubmit<T, F>;\n  onCancel?: DragAndDropCancel<T, F>;\n}\n\nfunction _ListDragAndDropContext<T, F extends FiltersMap>(\n  props: ListDragAndDropContextProps<T, F>,\n) {\n  const { state: parentState, children, onSubmit, onCancel } = props;\n\n  const { keyedItems } = parentState.collection;\n\n  const state =\n    parentState.collectionDragAndDropState as CollectionDragAndDropState<T, F>;\n\n  const { dnd } = state;\n\n  const pointerSensor = useSensor(PointerSensor, {\n    activationConstraint: dnd.activationConstraint,\n  });\n\n  const keyboardSensor = useSensor(KeyboardSensor, {\n    keyboardCodes: dnd.keyboardCodes,\n    coordinateGetter: sortableKeyboardCoordinates,\n  });\n\n  // in jsdom we mock drag-and-drop by setting a custom events to draggable elements\n  const sensors = useSensors(\n    ...(process.env.NODE_ENV === 'test' ? [] : [pointerSensor, keyboardSensor]),\n  );\n\n  useEffect(() => state.init(), []);\n\n  dnd.onSubmit = onSubmit;\n  dnd.onCancel = onCancel;\n\n  return (\n    <DndContext\n      sensors={sensors}\n      autoScroll={{\n        activator: AutoScrollActivator.DraggableRect,\n        acceleration: 4,\n      }}\n      accessibility={{\n        container: dnd.a11yContainerRef.current as HTMLElement | undefined,\n        announcements: dnd.nullAnnouncements,\n        screenReaderInstructions: {\n          draggable: '',\n        },\n        restoreFocus: false,\n      }}\n      collisionDetection={closestCenter}\n      modifiers={[restrictToWindowEdges]}\n      cancelDrop={(ev) => dnd.beforeDrop(ev)}\n      onDragMove={(ev) => {\n        dnd.onDragMove(ev);\n      }}\n      onDragStart={(ev) => {\n        dnd.onDragStart(ev);\n      }}\n      onDragEnd={(ev) => {\n        dnd.onDragEnd(ev);\n      }}\n      onDragCancel={() => {\n        dnd.onDragCancel();\n      }}\n      onDragOver={(ev) => {\n        dnd.onDragOver(ev);\n      }}\n    >\n      <SortableContext\n        items={keyedItems}\n        strategy={verticalListSortingStrategy}\n      >\n        {children}\n        <DragAndDropAnnouncements state={dnd} dataHook=\"list-dnd-live-region\" />\n      </SortableContext>\n    </DndContext>\n  );\n}\n\nexport const ListDragAndDropContext = observer(_ListDragAndDropContext);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MaxHeightText/MaxHeightText.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_ = "MaxHeightText1009967858";
+var _namespace_ = "MaxHeightText244022405";
 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": "MaxHeightText1009967858__root"
+  "root": "MaxHeightText244022405__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText1009967858\";\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\":\"MaxHeightText1009967858__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":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText244022405\";\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\":\"MaxHeightText244022405__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/MaxLines/MaxLines.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_ = "MaxLines2925917782";
+var _namespace_ = "MaxLines1427098083";
 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": "MaxLines2925917782__root"
+  "root": "MaxLines1427098083__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};