@wix/patterns 1.81.0 → 1.82.0

package/dist/cjs/components/DragHandle/DragHandle.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_ = "DragHandle573875066";
+var _namespace_ = "DragHandle3420445824";
 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": "DragHandle573875066__root"
+  "root": "DragHandle3420445824__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/DragHandle/DragHandle.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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle573875066\";\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\":\"DragHandle573875066__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,qBAAqB;AACvC,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;AAA2B,CAAC;AAClD,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/DragHandle/DragHandle.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"DragHandle3420445824\";\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\":\"DragHandle3420445824__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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,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/Fade/Fade.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_ = "Fade3612974270";
+var _namespace_ = "Fade1735814683";
 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": "Fade3612974270__root"
+  "root": "Fade1735814683__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/Fade/Fade.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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade3612974270\";\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\":\"Fade3612974270__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/Fade/Fade.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"Fade1735814683\";\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\":\"Fade1735814683__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,gBAAgB;AAClC,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;AAAsB,CAAC;AAC7C,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/GridDragAndDropDndKit/GridSortableContext.js

@@ -10,6 +10,7 @@ var _CollectionContext = require("../CollectionContext");
 var _mobxReactLite = require("mobx-react-lite");
 var _sortableGridKeyboardCoordinates = require("./sortableGridKeyboardCoordinates");
 var _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
+var _react2 = require("@wix/bex-core/react");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/GridDragAndDropDndKit/GridSortableContext.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,6 +22,9 @@ function _GridSortableContext(props) {
     onCancel
   } = props;
   const collection = (0, _CollectionContext.useCollectionContext)();
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
   const {
     result: {
       keyedItems
@@ -55,7 +59,7 @@ function _GridSortableContext(props) {
       }
     },
     accessibility: {
-      container: state.dnd.a11yContainerRef.current,
+      container: modalsContainerRef.current,
       announcements: state.dnd.nullAnnouncements,
       screenReaderInstructions: {
         draggable: ''
@@ -83,7 +87,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 77,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
@@ -92,7 +96,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 114,
+      lineNumber: 115,
       columnNumber: 7
     }
   }, children, /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -101,7 +105,7 @@ function _GridSortableContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 116,
+      lineNumber: 117,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_CollectionContext","_mobxReactLite","_sortableGridKeyboardCoordinates","_DragAndDropAnnouncements","_react2","_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","modalsContainerRef","usePageContext","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","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';\nimport { usePageContext } from '@wix/bex-core/react';\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 { modalsContainerRef } = usePageContext();\n\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: modalsContainerRef.current 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":[]}

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

@@ -19,11 +19,11 @@ const sortableItemTestEvents = ({
         }
       });
     },
-    onPointerUp: () => {
+    onPointerUp: async () => {
       if (disabled != null && disabled.droppable || state.activeId == null) {
         return;
       }
-      const isCancelled = state.beforeDrop({
+      const isCancelled = await state.beforeDrop({
         active: {
           id: state.activeId
         },

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

@@ -1 +1 @@
-{"version":3,"names":["_mobx","require","sortableItemTestEvents","id","disabled","state","onPointerDown","draggable","onDragStart","active","onPointerUp","droppable","activeId","isCancelled","beforeDrop","over","onDragEnd","onMouseMove","event","onDragMove","delta","x","nativeEvent","clientX","onDragOver","onKeyDown","e","keyboardCodes","status","move","includes","code","exports","dragHandleTestEvents","action","_state$handleEvents","handleEvents","end","overId","cancel","onDragCancel","start"],"sources":["../../../../src/components/GridDragAndDropDndKit/dndTestEventHandlers.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action } from 'mobx';\n\nexport interface DndTestEventHandlersParams<T, F extends FiltersMap> {\n  id: string | number;\n  disabled?: {\n    draggable?: boolean;\n    droppable?: boolean;\n  };\n  state: DragAndDropState<T, F>;\n}\n\nexport const sortableItemTestEvents = <T, F extends FiltersMap>({\n  id,\n  disabled,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onPointerDown: () => {\n      if (disabled?.draggable) {\n        return;\n      }\n      state.onDragStart({ active: { id } });\n    },\n    onPointerUp: () => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n      const isCancelled = state.beforeDrop({\n        active: {\n          id: state.activeId,\n        },\n        over: {\n          id,\n        },\n      });\n      if (isCancelled) {\n        return;\n      }\n      state.onDragEnd({\n        over: {\n          id,\n        },\n      });\n    },\n    onMouseMove: (event) => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n\n      state.onDragMove({\n        active: { id: state.activeId },\n        delta: {\n          x: event.nativeEvent.clientX,\n        },\n      });\n\n      state.onDragOver({\n        over: {\n          id,\n        },\n      });\n    },\n    onKeyDown: (e) => {\n      const keyboardCodes = state.keyboardCodes;\n\n      if (\n        state.status === 'start' ||\n        (state.status === 'over' &&\n          keyboardCodes.move.includes(e.nativeEvent.code))\n      ) {\n        state.onDragOver({\n          over: {\n            id,\n          },\n        });\n        return;\n      }\n    },\n  };\n};\n\nexport const dragHandleTestEvents = <T, F extends FiltersMap>({\n  id,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onKeyDown: action((e) => {\n      state.handleEvents?.onKeyDown?.(e);\n\n      const keyboardCodes = state.keyboardCodes;\n\n      if (state.status === 'start' || state.status === 'over') {\n        if (keyboardCodes.end.includes(e.nativeEvent.code)) {\n          if (state.activeId == null) {\n            return;\n          }\n          state.beforeDrop({\n            active: { id: state.activeId },\n            over: { id: state.overId as string },\n          });\n          state.onDragEnd({ over: { id: state.overId as string } });\n          return;\n        }\n\n        if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {\n          state.onDragCancel();\n          return;\n        }\n      }\n\n      if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n        state.onDragStart({ active: { id } });\n        return;\n      }\n    }),\n  };\n};\n"],"mappings":";;;;AAGA,IAAAA,KAAA,GAAAC,OAAA;AAWO,MAAMC,sBAAsB,GAAGA,CAA0B;EAC9DC,EAAE;EACFC,QAAQ;EACRC;AACgC,CAAC,KAA2C;EAC5E,OAAO;IACLC,aAAa,EAAEA,CAAA,KAAM;MACnB,IAAIF,QAAQ,YAARA,QAAQ,CAAEG,SAAS,EAAE;QACvB;MACF;MACAF,KAAK,CAACG,WAAW,CAAC;QAAEC,MAAM,EAAE;UAAEN;QAAG;MAAE,CAAC,CAAC;IACvC,CAAC;IACDO,WAAW,EAAEA,CAAA,KAAM;MACjB,IAAIN,QAAQ,YAARA,QAAQ,CAAEO,SAAS,IAAIN,KAAK,CAACO,QAAQ,IAAI,IAAI,EAAE;QACjD;MACF;MACA,MAAMC,WAAW,GAAGR,KAAK,CAACS,UAAU,CAAC;QACnCL,MAAM,EAAE;UACNN,EAAE,EAAEE,KAAK,CAACO;QACZ,CAAC;QACDG,IAAI,EAAE;UACJZ;QACF;MACF,CAAC,CAAC;MACF,IAAIU,WAAW,EAAE;QACf;MACF;MACAR,KAAK,CAACW,SAAS,CAAC;QACdD,IAAI,EAAE;UACJZ;QACF;MACF,CAAC,CAAC;IACJ,CAAC;IACDc,WAAW,EAAGC,KAAK,IAAK;MACtB,IAAId,QAAQ,YAARA,QAAQ,CAAEO,SAAS,IAAIN,KAAK,CAACO,QAAQ,IAAI,IAAI,EAAE;QACjD;MACF;MAEAP,KAAK,CAACc,UAAU,CAAC;QACfV,MAAM,EAAE;UAAEN,EAAE,EAAEE,KAAK,CAACO;QAAS,CAAC;QAC9BQ,KAAK,EAAE;UACLC,CAAC,EAAEH,KAAK,CAACI,WAAW,CAACC;QACvB;MACF,CAAC,CAAC;MAEFlB,KAAK,CAACmB,UAAU,CAAC;QACfT,IAAI,EAAE;UACJZ;QACF;MACF,CAAC,CAAC;IACJ,CAAC;IACDsB,SAAS,EAAGC,CAAC,IAAK;MAChB,MAAMC,aAAa,GAAGtB,KAAK,CAACsB,aAAa;MAEzC,IACEtB,KAAK,CAACuB,MAAM,KAAK,OAAO,IACvBvB,KAAK,CAACuB,MAAM,KAAK,MAAM,IACtBD,aAAa,CAACE,IAAI,CAACC,QAAQ,CAACJ,CAAC,CAACJ,WAAW,CAACS,IAAI,CAAE,EAClD;QACA1B,KAAK,CAACmB,UAAU,CAAC;UACfT,IAAI,EAAE;YACJZ;UACF;QACF,CAAC,CAAC;QACF;MACF;IACF;EACF,CAAC;AACH,CAAC;AAAC6B,OAAA,CAAA9B,sBAAA,GAAAA,sBAAA;AAEK,MAAM+B,oBAAoB,GAAGA,CAA0B;EAC5D9B,EAAE;EACFE;AACgC,CAAC,KAA2C;EAC5E,OAAO;IACLoB,SAAS,EAAE,IAAAS,YAAM,EAAER,CAAC,IAAK;MAAA,IAAAS,mBAAA;MACvB,CAAAA,mBAAA,GAAA9B,KAAK,CAAC+B,YAAY,aAAlBD,mBAAA,CAAoBV,SAAS,YAA7BU,mBAAA,CAAoBV,SAAS,CAAGC,CAAC,CAAC;MAElC,MAAMC,aAAa,GAAGtB,KAAK,CAACsB,aAAa;MAEzC,IAAItB,KAAK,CAACuB,MAAM,KAAK,OAAO,IAAIvB,KAAK,CAACuB,MAAM,KAAK,MAAM,EAAE;QACvD,IAAID,aAAa,CAACU,GAAG,CAACP,QAAQ,CAACJ,CAAC,CAACJ,WAAW,CAACS,IAAI,CAAC,EAAE;UAClD,IAAI1B,KAAK,CAACO,QAAQ,IAAI,IAAI,EAAE;YAC1B;UACF;UACAP,KAAK,CAACS,UAAU,CAAC;YACfL,MAAM,EAAE;cAAEN,EAAE,EAAEE,KAAK,CAACO;YAAS,CAAC;YAC9BG,IAAI,EAAE;cAAEZ,EAAE,EAAEE,KAAK,CAACiC;YAAiB;UACrC,CAAC,CAAC;UACFjC,KAAK,CAACW,SAAS,CAAC;YAAED,IAAI,EAAE;cAAEZ,EAAE,EAAEE,KAAK,CAACiC;YAAiB;UAAE,CAAC,CAAC;UACzD;QACF;QAEA,IAAIX,aAAa,CAACY,MAAM,CAACT,QAAQ,CAACJ,CAAC,CAACJ,WAAW,CAACS,IAAI,CAAC,EAAE;UACrD1B,KAAK,CAACmC,YAAY,CAAC,CAAC;UACpB;QACF;MACF;MAEA,IAAIb,aAAa,CAACc,KAAK,CAACX,QAAQ,CAACJ,CAAC,CAACJ,WAAW,CAACS,IAAI,CAAC,EAAE;QACpD1B,KAAK,CAACG,WAAW,CAAC;UAAEC,MAAM,EAAE;YAAEN;UAAG;QAAE,CAAC,CAAC;QACrC;MACF;IACF,CAAC;EACH,CAAC;AACH,CAAC;AAAC6B,OAAA,CAAAC,oBAAA,GAAAA,oBAAA","ignoreList":[]}
+{"version":3,"names":["_mobx","require","sortableItemTestEvents","id","disabled","state","onPointerDown","draggable","onDragStart","active","onPointerUp","droppable","activeId","isCancelled","beforeDrop","over","onDragEnd","onMouseMove","event","onDragMove","delta","x","nativeEvent","clientX","onDragOver","onKeyDown","e","keyboardCodes","status","move","includes","code","exports","dragHandleTestEvents","action","_state$handleEvents","handleEvents","end","overId","cancel","onDragCancel","start"],"sources":["../../../../src/components/GridDragAndDropDndKit/dndTestEventHandlers.ts"],"sourcesContent":["import { HTMLAttributes } from 'react';\nimport { DragAndDropState } from '../DragAndDrop';\nimport { FiltersMap } from '@wix/bex-core';\nimport { action } from 'mobx';\n\nexport interface DndTestEventHandlersParams<T, F extends FiltersMap> {\n  id: string | number;\n  disabled?: {\n    draggable?: boolean;\n    droppable?: boolean;\n  };\n  state: DragAndDropState<T, F>;\n}\n\nexport const sortableItemTestEvents = <T, F extends FiltersMap>({\n  id,\n  disabled,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onPointerDown: () => {\n      if (disabled?.draggable) {\n        return;\n      }\n      state.onDragStart({ active: { id } });\n    },\n    onPointerUp: async () => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n      const isCancelled = await state.beforeDrop({\n        active: {\n          id: state.activeId,\n        },\n        over: {\n          id,\n        },\n      });\n      if (isCancelled) {\n        return;\n      }\n      state.onDragEnd({\n        over: {\n          id,\n        },\n      });\n    },\n    onMouseMove: (event) => {\n      if (disabled?.droppable || state.activeId == null) {\n        return;\n      }\n\n      state.onDragMove({\n        active: { id: state.activeId },\n        delta: {\n          x: event.nativeEvent.clientX,\n        },\n      });\n\n      state.onDragOver({\n        over: {\n          id,\n        },\n      });\n    },\n    onKeyDown: (e) => {\n      const keyboardCodes = state.keyboardCodes;\n\n      if (\n        state.status === 'start' ||\n        (state.status === 'over' &&\n          keyboardCodes.move.includes(e.nativeEvent.code))\n      ) {\n        state.onDragOver({\n          over: {\n            id,\n          },\n        });\n        return;\n      }\n    },\n  };\n};\n\nexport const dragHandleTestEvents = <T, F extends FiltersMap>({\n  id,\n  state,\n}: DndTestEventHandlersParams<T, F>): Partial<HTMLAttributes<HTMLElement>> => {\n  return {\n    onKeyDown: action((e) => {\n      state.handleEvents?.onKeyDown?.(e);\n\n      const keyboardCodes = state.keyboardCodes;\n\n      if (state.status === 'start' || state.status === 'over') {\n        if (keyboardCodes.end.includes(e.nativeEvent.code)) {\n          if (state.activeId == null) {\n            return;\n          }\n          state.beforeDrop({\n            active: { id: state.activeId },\n            over: { id: state.overId as string },\n          });\n          state.onDragEnd({ over: { id: state.overId as string } });\n          return;\n        }\n\n        if (keyboardCodes.cancel.includes(e.nativeEvent.code)) {\n          state.onDragCancel();\n          return;\n        }\n      }\n\n      if (keyboardCodes.start.includes(e.nativeEvent.code)) {\n        state.onDragStart({ active: { id } });\n        return;\n      }\n    }),\n  };\n};\n"],"mappings":"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","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_ = "Heading3323846522";
+var _namespace_ = "Heading601886343";
 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": "Heading3323846522__root"
+  "root": "Heading601886343__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_ = \"Heading3323846522\";\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\":\"Heading3323846522__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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_ = \"Heading601886343\";\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\":\"Heading601886343__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_ = "InputOverflow203843554";
+var _namespace_ = "InputOverflow3280591883";
 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": "InputOverflow203843554__root"
+  "root": "InputOverflow3280591883__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_ = \"InputOverflow203843554\";\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\":\"InputOverflow203843554__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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow3280591883\";\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\":\"InputOverflow3280591883__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

@@ -8,6 +8,7 @@ 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 _DragAndDropAnnouncements = require("../DragAndDrop/DragAndDropAnnouncements");
+var _react2 = require("@wix/bex-core/react");
 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; }
@@ -25,6 +26,9 @@ function _ListDragAndDropContext(props) {
   const {
     dnd
   } = state;
+  const {
+    modalsContainerRef
+  } = (0, _react2.usePageContext)();
   const pointerSensor = (0, _core.useSensor)(_core.PointerSensor, {
     activationConstraint: dnd.activationConstraint
   });
@@ -45,7 +49,7 @@ function _ListDragAndDropContext(props) {
       acceleration: 4
     },
     accessibility: {
-      container: dnd.a11yContainerRef.current,
+      container: modalsContainerRef.current,
       announcements: dnd.nullAnnouncements,
       screenReaderInstructions: {
         draggable: ''
@@ -73,7 +77,7 @@ function _ListDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 71,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_sortable.SortableContext, {
@@ -82,7 +86,7 @@ function _ListDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 104,
       columnNumber: 7
     }
   }, children, /*#__PURE__*/_react.default.createElement(_DragAndDropAnnouncements.DragAndDropAnnouncements, {
@@ -91,7 +95,7 @@ function _ListDragAndDropContext(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 109,
       columnNumber: 9
     }
   })));

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

@@ -1 +1 @@
-{"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":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_core","_sortable","_modifiers","_mobxReactLite","_DragAndDropAnnouncements","_react2","_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","modalsContainerRef","usePageContext","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","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';\nimport { usePageContext } from '@wix/bex-core/react';\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 { modalsContainerRef } = usePageContext();\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: modalsContainerRef.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/LoadingRow/LoadingRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "LoadingRow1130071644";
+var _namespace_ = "LoadingRow3721361250";
 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": "LoadingRow1130071644__root"
+  "root": "LoadingRow3721361250__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1130071644__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow3721361250__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1130071644\";\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\":\"LoadingRow1130071644__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1130071644__gradientSwoosh\"}; \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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow3721361250\";\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\":\"LoadingRow3721361250__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow3721361250__gradientSwoosh\"}; \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,sBAAsB;AACxC,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/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_ = "MaxHeightText1844776058";
+var _namespace_ = "MaxHeightText2774137562";
 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": "MaxHeightText1844776058__root"
+  "root": "MaxHeightText2774137562__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_ = \"MaxHeightText1844776058\";\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\":\"MaxHeightText1844776058__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_ = \"MaxHeightText2774137562\";\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\":\"MaxHeightText2774137562__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/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_ = "MaxLines2360854760";
+var _namespace_ = "MaxLines4043689097";
 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": "MaxLines2360854760__root"
+  "root": "MaxLines4043689097__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines2360854760\";\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\":\"MaxLines2360854760__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines4043689097\";\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\":\"MaxLines4043689097__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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/MoreActions/ExploreAppsState.js

@@ -23,7 +23,7 @@ class ExploreAppsState {
     (0, _defineProperty2.default)(this, "Modal", void 0);
     this.modalProps = modalProps;
     this.moreActionsMenuItem = {
-      biName: 'action-explore-apps',
+      biName: 'Explore Apps',
       text: translatedText,
       prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.RelatedApps, {
         __self: this,

package/dist/cjs/components/MoreActions/ExploreAppsState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobx","_bi","_ExploreAppsModal","_wixUiIconsCommon","_jsxFileName","ExploreAppsState","constructor","modalProps","reportBi","translatedText","_defineProperty2","default","_reportProps","moreActionsMenuItem","biName","text","prefixIcon","createElement","RelatedApps","__self","__source","fileName","lineNumber","columnNumber","onClick","openExploreAppsModal","bind","Modal","ExploreAppsModal","makeObservable","observable","ref","isModalOpen","action","closeExploreAppsModal","onInstallationSuccess","appId","wixPatternsAppWasInstalledSrc144Evid200","exports"],"sources":["../../../../src/components/MoreActions/ExploreAppsState.tsx"],"sourcesContent":["import React from 'react';\nimport { ReportProps } from '@wix/fe-essentials/bi';\nimport { action, makeObservable, observable } from 'mobx';\nimport { wixPatternsAppWasInstalledSrc144Evid200 } from '@wix/bex-core/bi';\nimport { ExploreAppsModal } from './ExploreAppsModal';\nimport { RelatedApps } from '@wix/wix-ui-icons-common';\n\nexport interface ExploreAppsModalProps {\n  title: string;\n  subtitle: string;\n  tag: string;\n}\n\nexport interface ExploreAppsActionItem {\n  biName: string;\n  text: string;\n  prefixIcon: JSX.Element;\n  onClick: () => void;\n  modalProps: ExploreAppsModalProps;\n}\n\ninterface ExploreAppsStateParams {\n  modalProps: ExploreAppsModalProps;\n  reportBi: (reportProps: ReportProps) => void;\n  translatedText: string;\n}\nexport class ExploreAppsState {\n  modalProps: ExploreAppsModalProps;\n  moreActionsMenuItem: ExploreAppsActionItem;\n  isModalOpen = false;\n  reportBi = (_reportProps: ReportProps) => {};\n  Modal: ({ state }: { state: ExploreAppsState }) => JSX.Element | null;\n\n  constructor({\n    modalProps,\n    reportBi,\n    translatedText,\n  }: ExploreAppsStateParams) {\n    this.modalProps = modalProps;\n    this.moreActionsMenuItem = {\n      biName: 'action-explore-apps',\n      text: translatedText,\n      prefixIcon: <RelatedApps />,\n      onClick: this.openExploreAppsModal.bind(this),\n      modalProps,\n    };\n    this.reportBi = reportBi;\n    this.Modal = ExploreAppsModal;\n    makeObservable(this, {\n      modalProps: observable.ref,\n      moreActionsMenuItem: observable.ref,\n      isModalOpen: observable,\n      openExploreAppsModal: action,\n      closeExploreAppsModal: action,\n    });\n  }\n\n  openExploreAppsModal() {\n    this.isModalOpen = true;\n  }\n\n  closeExploreAppsModal() {\n    this.isModalOpen = false;\n  }\n\n  onInstallationSuccess({ appId }: { appId: string }) {\n    this.reportBi(wixPatternsAppWasInstalledSrc144Evid200({ appId }));\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAuD,IAAAK,YAAA;AAqBhD,MAAMC,gBAAgB,CAAC;EAO5BC,WAAWA,CAAC;IACVC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBARb,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBACPC,YAAyB,IAAK,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAQ1C,IAAI,CAACJ,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACM,mBAAmB,GAAG;MACzBC,MAAM,EAAE,qBAAqB;MAC7BC,IAAI,EAAEN,cAAc;MACpBO,UAAU,eAAEnB,MAAA,CAAAc,OAAA,CAAAM,aAAA,CAACd,iBAAA,CAAAe,WAAW;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjB,YAAA;UAAAkB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MAC3BC,OAAO,EAAE,IAAI,CAACC,oBAAoB,CAACC,IAAI,CAAC,IAAI,CAAC;MAC7CnB;IACF,CAAC;IACD,IAAI,CAACC,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACmB,KAAK,GAAGC,kCAAgB;IAC7B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBtB,UAAU,EAAEuB,gBAAU,CAACC,GAAG;MAC1BlB,mBAAmB,EAAEiB,gBAAU,CAACC,GAAG;MACnCC,WAAW,EAAEF,gBAAU;MACvBL,oBAAoB,EAAEQ,YAAM;MAC5BC,qBAAqB,EAAED;IACzB,CAAC,CAAC;EACJ;EAEAR,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACO,WAAW,GAAG,IAAI;EACzB;EAEAE,qBAAqBA,CAAA,EAAG;IACtB,IAAI,CAACF,WAAW,GAAG,KAAK;EAC1B;EAEAG,qBAAqBA,CAAC;IAAEC;EAAyB,CAAC,EAAE;IAClD,IAAI,CAAC5B,QAAQ,CAAC,IAAA6B,2CAAuC,EAAC;MAAED;IAAM,CAAC,CAAC,CAAC;EACnE;AACF;AAACE,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_mobx","_bi","_ExploreAppsModal","_wixUiIconsCommon","_jsxFileName","ExploreAppsState","constructor","modalProps","reportBi","translatedText","_defineProperty2","default","_reportProps","moreActionsMenuItem","biName","text","prefixIcon","createElement","RelatedApps","__self","__source","fileName","lineNumber","columnNumber","onClick","openExploreAppsModal","bind","Modal","ExploreAppsModal","makeObservable","observable","ref","isModalOpen","action","closeExploreAppsModal","onInstallationSuccess","appId","wixPatternsAppWasInstalledSrc144Evid200","exports"],"sources":["../../../../src/components/MoreActions/ExploreAppsState.tsx"],"sourcesContent":["import React from 'react';\nimport { ReportProps } from '@wix/fe-essentials/bi';\nimport { action, makeObservable, observable } from 'mobx';\nimport { wixPatternsAppWasInstalledSrc144Evid200 } from '@wix/bex-core/bi';\nimport { ExploreAppsModal } from './ExploreAppsModal';\nimport { RelatedApps } from '@wix/wix-ui-icons-common';\n\nexport interface ExploreAppsModalProps {\n  title: string;\n  subtitle: string;\n  tag: string;\n}\n\nexport interface ExploreAppsActionItem {\n  biName: string;\n  text: string;\n  prefixIcon: JSX.Element;\n  onClick: () => void;\n  modalProps: ExploreAppsModalProps;\n}\n\ninterface ExploreAppsStateParams {\n  modalProps: ExploreAppsModalProps;\n  reportBi: (reportProps: ReportProps) => void;\n  translatedText: string;\n}\nexport class ExploreAppsState {\n  modalProps: ExploreAppsModalProps;\n  moreActionsMenuItem: ExploreAppsActionItem;\n  isModalOpen = false;\n  reportBi = (_reportProps: ReportProps) => {};\n  Modal: ({ state }: { state: ExploreAppsState }) => JSX.Element | null;\n\n  constructor({\n    modalProps,\n    reportBi,\n    translatedText,\n  }: ExploreAppsStateParams) {\n    this.modalProps = modalProps;\n    this.moreActionsMenuItem = {\n      biName: 'Explore Apps',\n      text: translatedText,\n      prefixIcon: <RelatedApps />,\n      onClick: this.openExploreAppsModal.bind(this),\n      modalProps,\n    };\n    this.reportBi = reportBi;\n    this.Modal = ExploreAppsModal;\n    makeObservable(this, {\n      modalProps: observable.ref,\n      moreActionsMenuItem: observable.ref,\n      isModalOpen: observable,\n      openExploreAppsModal: action,\n      closeExploreAppsModal: action,\n    });\n  }\n\n  openExploreAppsModal() {\n    this.isModalOpen = true;\n  }\n\n  closeExploreAppsModal() {\n    this.isModalOpen = false;\n  }\n\n  onInstallationSuccess({ appId }: { appId: string }) {\n    this.reportBi(wixPatternsAppWasInstalledSrc144Evid200({ appId }));\n  }\n}\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,GAAA,GAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,iBAAA,GAAAJ,OAAA;AAAuD,IAAAK,YAAA;AAqBhD,MAAMC,gBAAgB,CAAC;EAO5BC,WAAWA,CAAC;IACVC,UAAU;IACVC,QAAQ;IACRC;EACsB,CAAC,EAAE;IAAA,IAAAC,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA;IAAA,IAAAD,gBAAA,CAAAC,OAAA,uBARb,KAAK;IAAA,IAAAD,gBAAA,CAAAC,OAAA,oBACPC,YAAyB,IAAK,CAAC,CAAC;IAAA,IAAAF,gBAAA,CAAAC,OAAA;IAQ1C,IAAI,CAACJ,UAAU,GAAGA,UAAU;IAC5B,IAAI,CAACM,mBAAmB,GAAG;MACzBC,MAAM,EAAE,cAAc;MACtBC,IAAI,EAAEN,cAAc;MACpBO,UAAU,eAAEnB,MAAA,CAAAc,OAAA,CAAAM,aAAA,CAACd,iBAAA,CAAAe,WAAW;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAjB,YAAA;UAAAkB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAC;MAC3BC,OAAO,EAAE,IAAI,CAACC,oBAAoB,CAACC,IAAI,CAAC,IAAI,CAAC;MAC7CnB;IACF,CAAC;IACD,IAAI,CAACC,QAAQ,GAAGA,QAAQ;IACxB,IAAI,CAACmB,KAAK,GAAGC,kCAAgB;IAC7B,IAAAC,oBAAc,EAAC,IAAI,EAAE;MACnBtB,UAAU,EAAEuB,gBAAU,CAACC,GAAG;MAC1BlB,mBAAmB,EAAEiB,gBAAU,CAACC,GAAG;MACnCC,WAAW,EAAEF,gBAAU;MACvBL,oBAAoB,EAAEQ,YAAM;MAC5BC,qBAAqB,EAAED;IACzB,CAAC,CAAC;EACJ;EAEAR,oBAAoBA,CAAA,EAAG;IACrB,IAAI,CAACO,WAAW,GAAG,IAAI;EACzB;EAEAE,qBAAqBA,CAAA,EAAG;IACtB,IAAI,CAACF,WAAW,GAAG,KAAK;EAC1B;EAEAG,qBAAqBA,CAAC;IAAEC;EAAyB,CAAC,EAAE;IAClD,IAAI,CAAC5B,QAAQ,CAAC,IAAA6B,2CAAuC,EAAC;MAAED;IAAM,CAAC,CAAC,CAAC;EACnE;AACF;AAACE,OAAA,CAAAjC,gBAAA,GAAAA,gBAAA","ignoreList":[]}

package/dist/cjs/components/MoreActions/MoreActionsBase.js

@@ -31,19 +31,28 @@ function _MoreActionsBase(params) {
     containerId
   });
   const {
-    reportBi
+    reportBi,
+    environment
   } = (0, _react2.useWixPatternsContainer)();
   (0, _react.useEffect)(() => {
-    const notifyLoadStart = async () => {
+    const notifyLoad = async () => {
       const {
-        loadStart
+        loadStart,
+        loadEnd
       } = await Promise.resolve().then(() => _interopRequireWildcard(require('@wix/bex-core/bi')));
       reportBi(loadStart({
-        componentName: 'More actions',
+        componentType: 'More actions',
+        componentName: environment.componentName,
         additionalFeaturesAvailability: `IsUsingExploreApps: ${!!exploreAppsModalProps}`
       }));
+      reportBi(
+      // We dont care about loading time, its just needed for usage purposes
+      loadEnd({
+        componentType: 'More actions',
+        componentName: environment.componentName
+      }));
     };
-    notifyLoadStart();
+    notifyLoad();
   }, []);
   const groupedItems = Array.isArray(items == null ? void 0 : items[0]) ? items : [items];
   const exploreAppsState = (0, _useExploreAppsState.useExploreAppsState)(exploreAppsModalProps);
@@ -95,7 +104,7 @@ function _MoreActionsBase(params) {
           __self: this,
           __source: {
             fileName: _jsxFileName,
-            lineNumber: 138,
+            lineNumber: 145,
             columnNumber: 15
           }
         }));
@@ -103,7 +112,7 @@ function _MoreActionsBase(params) {
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 175,
+          lineNumber: 182,
           columnNumber: 45
         }
       })] : [])];
@@ -126,7 +135,7 @@ function _MoreActionsBase(params) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 182,
+      lineNumber: 189,
       columnNumber: 7
     }
   }, allActions), exploreAppsState && /*#__PURE__*/_react.default.createElement(exploreAppsState.Modal, {
@@ -134,7 +143,7 @@ function _MoreActionsBase(params) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 201,
+      lineNumber: 208,
       columnNumber: 28
     }
   }));