@wix/patterns 1.81.0 → 1.83.0

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_ = "LoadingRow1139004034";
 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": "LoadingRow1139004034__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1130071644__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow1139004034__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_ = \"LoadingRow1139004034\";\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\":\"LoadingRow1139004034__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1139004034__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_ = "MaxHeightText3218809104";
 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": "MaxHeightText3218809104__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_ = \"MaxHeightText3218809104\";\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\":\"MaxHeightText3218809104__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_ = "MaxLines4025713382";
 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": "MaxLines4025713382__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_ = \"MaxLines4025713382\";\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\":\"MaxLines4025713382__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
     }
   }));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_useExploreAppsState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MoreActionsBase","params","items","containerId","dataHook","triggerElement","exploreAppsModalProps","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","useWixPatternsContainer","useEffect","notifyLoadStart","loadStart","Promise","resolve","then","componentName","additionalFeaturesAvailability","groupedItems","Array","isArray","exploreAppsState","useExploreAppsState","allActions","useMemo","groups","menuItems","push","moreActionsMenuItem","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","componentType","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","Fragment","onShow","minWidth","textSize","Modal","MoreActionsBase","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActionsBase.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo } from 'react';\nimport {\n  PopoverMenu,\n  PopoverMenuItemProps,\n  PopoverMenuProps,\n} from '@wix/design-system';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\nimport type { ExploreAppsModalProps } from './ExploreAppsState';\nimport { useExploreAppsState } from './useExploreAppsState';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  /**\n   * The text label of the action item. This property is required.\n   * @external\n   */\n  text: string;\n  /**\n   * The functionality for when the user clicks the action item. This property is required.\n   * @external\n   */\n  onClick: (params?: Record<string, any>) => unknown;\n  /**\n   * An icon to display before the text.\n   * @external\n   */\n  prefixIcon?: React.ReactNode;\n  /**\n   * An icon displayed after the text.\n   * @external\n   */\n  suffixIcon?: React.ReactNode;\n  /**\n   * The visual style of the action item. Options are 'dark' for the standard appearance or 'destructive' for a red text and red hover effect.\n   * @external\n   */\n  skin?: 'dark' | 'destructive';\n  /**\n   * A data hook for testing purposes. This optional property can be used to identify the element in tests.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * This property can be used to disable the action item both visually and functionally.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   * A subtitle displayed under the text.\n   * @external\n   */\n  subtitle?: string;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Actions items that appear in the `MoreActions` popover menu. \\\n   * Actions can be grouped by using an array of arrays. \\\n   * Each sub-array represents a different group within the popover, \\\n   * and a divider will be rendered after each sub-array to separate the groups.\n   * @overrideType [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[] | [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[][]\n   * @external\n   */\n  items?: MoreActionsItem[] | MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   */\n  containerId?: string;\n\n  dataHook?: string;\n\n  exploreAppsModalProps?: ExploreAppsModalProps;\n}\n\nexport interface MoreActionsBaseProps\n  extends MoreActionsProps,\n    Pick<PopoverMenuProps, 'triggerElement'> {}\n\nfunction _MoreActionsBase(params: MoreActionsBaseProps) {\n  const {\n    items = [],\n    containerId,\n    dataHook = 'more-actions',\n    triggerElement,\n    exploreAppsModalProps,\n  } = params;\n\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n  const { reportBi } = useWixPatternsContainer();\n\n  useEffect(() => {\n    const notifyLoadStart = async () => {\n      const { loadStart } = await import('@wix/bex-core/bi');\n      reportBi(\n        loadStart({\n          componentName: 'More actions',\n          additionalFeaturesAvailability: `IsUsingExploreApps: ${!!exploreAppsModalProps}`,\n        }),\n      );\n    };\n    notifyLoadStart();\n  }, []);\n\n  const groupedItems = Array.isArray(items?.[0]) ? items : [items];\n\n  const exploreAppsState = useExploreAppsState(exploreAppsModalProps);\n\n  const allActions = useMemo(() => {\n    const groups = [...groupedItems, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    if (exploreAppsState) {\n      groups.push([exploreAppsState.moreActionsMenuItem]);\n    }\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems, exploreAppsState]);\n\n  return allActions.length === 0 ? null : (\n    <>\n      <PopoverMenu\n        dataHook={dataHook}\n        onShow={() => {\n          reportBi(\n            cairoPageCtaClicked({\n              ctaName: 'More Actions',\n              ctaType: 'secondary page dropdown',\n              location,\n              componentType: 'Page',\n              pageType,\n            }),\n          );\n        }}\n        minWidth={240}\n        textSize=\"medium\"\n        triggerElement={triggerElement}\n      >\n        {allActions}\n      </PopoverMenu>\n      {exploreAppsState && <exploreAppsState.Modal state={exploreAppsState} />}\n    </>\n  );\n}\n\nexport const MoreActionsBase = observer(_MoreActionsBase);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_bi","_react2","_mobxReactLite","_useExtensionMenuItems","_usePageButtonBiParams","_useExploreAppsState","_jsxFileName","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_MoreActionsBase","params","items","containerId","dataHook","triggerElement","exploreAppsModalProps","pageType","location","usePageButtonBiParams","state","useExtensionMenuItems","reportBi","environment","useWixPatternsContainer","useEffect","notifyLoad","loadStart","loadEnd","Promise","resolve","then","componentType","componentName","additionalFeaturesAvailability","groupedItems","Array","isArray","exploreAppsState","useExploreAppsState","allActions","useMemo","groups","menuItems","push","moreActionsMenuItem","numCtas","reduce","result","group","length","flatActions","flat","filter","actions","index","array","map","item","prefixIcon","text","onClick","biName","rest","isTPA","type","createElement","PopoverMenu","MenuItem","_extends2","cairoPageCtaClicked","ctaName","ctaType","moreActionsIndex","indexOf","section","cairoTpaSCtaClicked","appId","ctaIndex","tpaComponentId","componentId","__self","__source","fileName","lineNumber","columnNumber","Divider","Fragment","onShow","minWidth","textSize","Modal","MoreActionsBase","exports","observer"],"sources":["../../../../src/components/MoreActions/MoreActionsBase.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo } from 'react';\nimport {\n  PopoverMenu,\n  PopoverMenuItemProps,\n  PopoverMenuProps,\n} from '@wix/design-system';\nimport { cairoPageCtaClicked, cairoTpaSCtaClicked } from '@wix/bex-core/bi';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { observer } from 'mobx-react-lite';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { ExtensionMenuItem } from '../../state';\nimport { usePageButtonBiParams } from '../usePageButtonBiParams';\nimport type { ExploreAppsModalProps } from './ExploreAppsState';\nimport { useExploreAppsState } from './useExploreAppsState';\n\nexport interface MoreActionsItem\n  extends Omit<PopoverMenuItemProps, 'text' | 'prefixIcon' | 'onClick'> {\n  /**\n   * The text label of the action item. This property is required.\n   * @external\n   */\n  text: string;\n  /**\n   * The functionality for when the user clicks the action item. This property is required.\n   * @external\n   */\n  onClick: (params?: Record<string, any>) => unknown;\n  /**\n   * An icon to display before the text.\n   * @external\n   */\n  prefixIcon?: React.ReactNode;\n  /**\n   * An icon displayed after the text.\n   * @external\n   */\n  suffixIcon?: React.ReactNode;\n  /**\n   * The visual style of the action item. Options are 'dark' for the standard appearance or 'destructive' for a red text and red hover effect.\n   * @external\n   */\n  skin?: 'dark' | 'destructive';\n  /**\n   * A data hook for testing purposes. This optional property can be used to identify the element in tests.\n   * @external\n   */\n  dataHook?: string;\n  /**\n   * This property can be used to disable the action item both visually and functionally.\n   * @external\n   */\n  disabled?: boolean;\n  /**\n   * A subtitle displayed under the text.\n   * @external\n   */\n  subtitle?: string;\n  biName?: string;\n}\n\nexport interface MoreActionsProps {\n  /**\n   * Actions items that appear in the `MoreActions` popover menu. \\\n   * Actions can be grouped by using an array of arrays. \\\n   * Each sub-array represents a different group within the popover, \\\n   * and a divider will be rendered after each sub-array to separate the groups.\n   * @overrideType [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[] | [MoreActionsItem](./?path=/story/common-types--moreactionsitem)[][]\n   * @external\n   */\n  items?: MoreActionsItem[] | MoreActionsItem[][];\n  /**\n   * An id of the container defined in the installed on a site application that contains TPA's actions.\n   */\n  containerId?: string;\n\n  dataHook?: string;\n\n  exploreAppsModalProps?: ExploreAppsModalProps;\n}\n\nexport interface MoreActionsBaseProps\n  extends MoreActionsProps,\n    Pick<PopoverMenuProps, 'triggerElement'> {}\n\nfunction _MoreActionsBase(params: MoreActionsBaseProps) {\n  const {\n    items = [],\n    containerId,\n    dataHook = 'more-actions',\n    triggerElement,\n    exploreAppsModalProps,\n  } = params;\n  const { pageType, location } = usePageButtonBiParams();\n  const state = useExtensionMenuItems({ containerId });\n  const { reportBi, environment } = useWixPatternsContainer();\n\n  useEffect(() => {\n    const notifyLoad = async () => {\n      const { loadStart, loadEnd } = await import('@wix/bex-core/bi');\n      reportBi(\n        loadStart({\n          componentType: 'More actions',\n          componentName: environment.componentName,\n          additionalFeaturesAvailability: `IsUsingExploreApps: ${!!exploreAppsModalProps}`,\n        }),\n      );\n      reportBi(\n        // We dont care about loading time, its just needed for usage purposes\n        loadEnd({\n          componentType: 'More actions',\n          componentName: environment.componentName,\n        }),\n      );\n    };\n    notifyLoad();\n  }, []);\n\n  const groupedItems = Array.isArray(items?.[0]) ? items : [items];\n\n  const exploreAppsState = useExploreAppsState(exploreAppsModalProps);\n\n  const allActions = useMemo(() => {\n    const groups = [...groupedItems, state.menuItems] as (\n      | MoreActionsItem\n      | ExtensionMenuItem\n    )[][];\n\n    if (exploreAppsState) {\n      groups.push([exploreAppsState.moreActionsMenuItem]);\n    }\n\n    const numCtas = groups.reduce((result, group) => result + group.length, 0);\n    const flatActions = groups.flat();\n\n    return groups\n      .filter((actions) => actions.length !== 0)\n      .reduce<ReactNode[]>((result, group, index, array) => {\n        return [\n          ...result,\n          ...group.map((item) => {\n            const { prefixIcon, text, onClick, biName, ...rest } = item;\n            const isTPA = 'type' in item && item.type === 'TPA';\n\n            return (\n              <PopoverMenu.MenuItem\n                prefixIcon={prefixIcon}\n                text={text}\n                onClick={() => {\n                  reportBi(\n                    cairoPageCtaClicked({\n                      ctaName: biName,\n                      ctaType: 'More Actions Option',\n                      location,\n                      moreActionsIndex: flatActions.indexOf(item),\n                      numCtas,\n                      section: isTPA ? 'TPA' : 'Vertical',\n                      componentType: 'Page',\n                      pageType,\n                    }),\n                  );\n\n                  if (isTPA) {\n                    reportBi(\n                      cairoTpaSCtaClicked({\n                        appId: item.appId,\n                        componentType: 'Page',\n                        numCtas,\n                        ctaIndex: flatActions.indexOf(item),\n                        ctaName: biName,\n                        location,\n                        tpaComponentId: item.componentId,\n                      }),\n                    );\n                  }\n\n                  onClick(); // TODO: We don't have any params we need to pass to the TPA here?\n                }}\n                {...rest}\n              />\n            );\n          }),\n          ...(index !== array.length - 1 ? [<PopoverMenu.Divider />] : []),\n        ];\n      }, []);\n  }, [items, state.menuItems, exploreAppsState]);\n\n  return allActions.length === 0 ? null : (\n    <>\n      <PopoverMenu\n        dataHook={dataHook}\n        onShow={() => {\n          reportBi(\n            cairoPageCtaClicked({\n              ctaName: 'More Actions',\n              ctaType: 'secondary page dropdown',\n              location,\n              componentType: 'Page',\n              pageType,\n            }),\n          );\n        }}\n        minWidth={240}\n        textSize=\"medium\"\n        triggerElement={triggerElement}\n      >\n        {allActions}\n      </PopoverMenu>\n      {exploreAppsState && <exploreAppsState.Modal state={exploreAppsState} />}\n    </>\n  );\n}\n\nexport const MoreActionsBase = observer(_MoreActionsBase);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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_ = "MultiBulkActionToolbar1960931074";
+var _namespace_ = "MultiBulkActionToolbar2158331716";
 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": "MultiBulkActionToolbar1960931074__root"
+  "root": "MultiBulkActionToolbar2158331716__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar1960931074\";\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\":\"MultiBulkActionToolbar1960931074__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,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar2158331716\";\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\":\"MultiBulkActionToolbar2158331716__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,kCAAkC;AACpD,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;AAAwC,CAAC;AAC/D,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/NestedTable/NestedTable.js

@@ -26,13 +26,13 @@ function _NestedTable(props) {
     });
   }
   return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, {
-    renderError: false,
+    errorState: false,
     state: toolbar,
     dataHook: dataHook,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 97,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_providers.TableProvider, {
@@ -40,14 +40,14 @@ function _NestedTable(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 85,
+      lineNumber: 98,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_NestedTableWSRTable.NestedTableWSRTable, (0, _extends2.default)({}, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 86,
+      lineNumber: 99,
       columnNumber: 9
     }
   }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_CollectionCard","_NestedTableWSRTable","_mobxReactLite","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_NestedTable","props","state","dataHook","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","default","createElement","CollectionCard","renderError","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","tableState","NestedTableWSRTable","_extends2","NestedTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { TableProvider } from '../../providers';\nimport { CollectionCard } from '../CollectionCard';\nimport { NestedTableState } from '../../state';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { NestedTableWSRTable } from './NestedTableWSRTable';\nimport { observer } from 'mobx-react-lite';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\n\nexport interface NestedTableProps<C extends string>\n  extends ToolbarBaseProps<C>,\n    DragAndDropCategoriesProps<{}> {\n  /**\n   * A state object created with [`useNestedTable`](./?path=/story/base-components-collections-nestedtable--usenestedtable)\n   * @overrideType [NestedTableState](./?path=/story/base-components-collections-nestedtable--nestedtablestate)\n   */\n  state: NestedTableState<C>;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   */\n  renderError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n    retry: () => void;\n  }) => ReactElement;\n  /**\n   * Shown when the collection is empty.\n   * Pass either a [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate)\n   * or [`<CollectionPremiuimEmptyState />`](./?path=/story/features-display-empty-states--collectionpremiumemptystate) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component.\n   */\n  noResultsState?: ReactNode;\n  horizontalScroll?: boolean;\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  /**\n   *  Width of the column containing the `actionCell` component.\n   */\n  actionCellWidth?: string | number;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) component.\n   */\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   */\n  topNotification?: ReactElement;\n}\n\nfunction _NestedTable<C extends string>(props: NestedTableProps<C>) {\n  const { state, dataHook } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n  }\n\n  return (\n    <CollectionCard renderError={false} state={toolbar} dataHook={dataHook}>\n      <TableProvider value={state.tableState}>\n        <NestedTableWSRTable {...props} />\n      </TableProvider>\n    </CollectionCard>\n  );\n}\n\nexport const NestedTable = observer(_NestedTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAAsF,IAAAM,YAAA;AA+DtF,SAASC,YAAYA,CAAmBC,KAA0B,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAQ,CAAC,GAAGF,KAAK;EAEzB,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,WAAW,EAAE,KAAM;IAACZ,KAAK,EAAEE,OAAQ;IAACD,QAAQ,EAAEA,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAA0B,aAAa;IAACC,KAAK,EAAEnB,KAAK,CAACoB,UAAW;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA2B,mBAAmB,MAAAC,SAAA,CAAAb,OAAA,MAAKV,KAAK;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACpB,CACD,CAAC;AAErB;AAEO,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC3B,YAAY,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_providers","_CollectionCard","_NestedTableWSRTable","_mobxReactLite","_minimalRequiredWdsRuntimeCheck","_jsxFileName","_NestedTable","props","state","dataHook","toolbar","process","env","NODE_ENV","minimalRequiredWdsRuntimeCheck","required","requiredBy","default","createElement","CollectionCard","errorState","__self","__source","fileName","lineNumber","columnNumber","TableProvider","value","tableState","NestedTableWSRTable","_extends2","NestedTable","exports","observer"],"sources":["../../../../src/components/NestedTable/NestedTable.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport { TableProvider } from '../../providers';\nimport { CollectionCard } from '../CollectionCard';\nimport { NestedTableState } from '../../state';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { NestedTableWSRTable } from './NestedTableWSRTable';\nimport { observer } from 'mobx-react-lite';\nimport { minimalRequiredWdsRuntimeCheck } from '../../minimalRequiredWdsRuntimeCheck';\nimport { NestedTableDragAndDrop } from '../NestedTableDragAndDrop/NestedTableDragAndDrop';\nimport { DragAndDropCategoriesProps } from '../DragAndDrop/DragAndDropCategoriesProps';\n\nexport interface NestedTableProps<C extends string>\n  extends ToolbarBaseProps<C>,\n    DragAndDropCategoriesProps<{}> {\n  /**\n   * A state object created with [`useNestedTable`](./?path=/story/base-components-collections-nestedtable--usenestedtable)\n   * @overrideType [NestedTableState](./?path=/story/base-components-collections-nestedtable--nestedtablestate)\n   */\n  state: NestedTableState<C>;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   * @deprecated Use `errorState` instead.\n   */\n  renderError?: (params: {\n    err: unknown;\n    isOnline: boolean;\n    retry: () => void;\n  }) => ReactElement;\n  /**\n   * A function that renders when there's an error fetching data from the server.<br> <br>\n   * Supported parameters: <br>\n   * - `err`: [object] The error thrown by the [`fetchData()`](./?path=/story/common-hooks--usecollection) function. <br>\n   * - `isOnline`: [bool] Whether internet connection is available. <br>\n   * - `retry`: [func] Retry collection fetch on failed response. Similar to `collection.retryFetch`.\n   */\n  errorState?: (params: {\n    err: unknown;\n    isOnline: boolean;\n    retry: () => void;\n  }) => ReactElement;\n  /**\n   * Shown when the collection is empty.\n   * Pass either a [`<CollectionEmptyState />`](./?path=/story/features-display-empty-states--collectionemptystate)\n   * or [`<CollectionPremiuimEmptyState />`](./?path=/story/features-display-empty-states--collectionpremiumemptystate) component.\n   */\n  emptyState?: ReactNode;\n\n  /**\n   * Shown when a search or filter has no results.\n   * Accepts a [`CollectionNoResultsState`](./?path=/story/features-display-empty-states--collectionnoresultsstate) component.\n   */\n  noResultsState?: ReactNode;\n  horizontalScroll?: boolean;\n  dataHook?: string;\n  rowHeight?: number;\n  estimatedRowHeight?: number;\n  /**\n   *  Width of the column containing the `actionCell` component.\n   */\n  actionCellWidth?: string | number;\n\n  /**\n   * Adds functionality to allow visitors to reorder items manually.\n   * This prop accepts a [Drag and Drop](./?path=/story/features-sort-drag-and-drop--overview) component.\n   */\n  dragAndDrop?: typeof NestedTableDragAndDrop;\n\n  /**\n   * Indicates whether the table should have an internal scroll (instead of the default page scroll)\n   */\n  internalScroll?: boolean;\n\n  /**\n   * Renders a notification below the header. Accepts a [`TableTopNotification`](./?path=/story/features-display-tabletopnotification--tabletopnotification) component.\n   * @overrideType [TableTopNotification](./?path=/story/features-display-tabletopnotification--tabletopnotification)\n   */\n  topNotification?: ReactElement;\n}\n\nfunction _NestedTable<C extends string>(props: NestedTableProps<C>) {\n  const { state, dataHook } = props;\n\n  const { toolbar } = state;\n\n  if (process.env.NODE_ENV !== 'production') {\n    minimalRequiredWdsRuntimeCheck({\n      required: '^1.64.1',\n      requiredBy: 'WixPatterns/NestedTable',\n    });\n  }\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <TableProvider value={state.tableState}>\n        <NestedTableWSRTable {...props} />\n      </TableProvider>\n    </CollectionCard>\n  );\n}\n\nexport const NestedTable = observer(_NestedTable);\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,eAAA,GAAAF,OAAA;AAGA,IAAAG,oBAAA,GAAAH,OAAA;AACA,IAAAI,cAAA,GAAAJ,OAAA;AACA,IAAAK,+BAAA,GAAAL,OAAA;AAAsF,IAAAM,YAAA;AA4EtF,SAASC,YAAYA,CAAmBC,KAA0B,EAAE;EAClE,MAAM;IAAEC,KAAK;IAAEC;EAAS,CAAC,GAAGF,KAAK;EAEjC,MAAM;IAAEG;EAAQ,CAAC,GAAGF,KAAK;EAEzB,IAAIG,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,YAAY,EAAE;IACzC,IAAAC,8DAA8B,EAAC;MAC7BC,QAAQ,EAAE,SAAS;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACEnB,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAACjB,eAAA,CAAAkB,cAAc;IAACC,UAAU,EAAE,KAAM;IAACZ,KAAK,EAAEE,OAAQ;IAACD,QAAQ,EAAEA,QAAS;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACpE5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAClB,UAAA,CAAA0B,aAAa;IAACC,KAAK,EAAEnB,KAAK,CAACoB,UAAW;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACrC5B,MAAA,CAAAoB,OAAA,CAAAC,aAAA,CAAChB,oBAAA,CAAA2B,mBAAmB,MAAAC,SAAA,CAAAb,OAAA,MAAKV,KAAK;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlB,YAAA;MAAAmB,UAAA;MAAAC,YAAA;IAAA;EAAA,EAAG,CACpB,CACD,CAAC;AAErB;AAEO,MAAMM,WAAW,GAAAC,OAAA,CAAAD,WAAA,GAAG,IAAAE,uBAAQ,EAAC3B,YAAY,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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_ = "NestedTablePlaceholderStatesRow44330338";
+var _namespace_ = "NestedTablePlaceholderStatesRow955574109";
 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": "NestedTablePlaceholderStatesRow44330338__root"
+  "root": "NestedTablePlaceholderStatesRow955574109__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow44330338\";\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\":\"NestedTablePlaceholderStatesRow44330338__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,yCAAyC;AAC3D,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+C,CAAC;AACtE,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow955574109\";\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\":\"NestedTablePlaceholderStatesRow955574109__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,0CAA0C;AAC5D,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;AAAgD,CAAC;AACvE,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/NestedTable/NestedTableRow.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_ = "NestedTableRow1670038551";
+var _namespace_ = "NestedTableRow271772505";
 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": "NestedTableRow1670038551__root",
-  "firstLevel": "NestedTableRow1670038551__firstLevel",
-  "placeholder": "NestedTableRow1670038551__placeholder",
-  "parentHovered": "NestedTableRow1670038551__parentHovered"
+  "root": "NestedTableRow271772505__root",
+  "firstLevel": "NestedTableRow271772505__firstLevel",
+  "placeholder": "NestedTableRow271772505__placeholder",
+  "parentHovered": "NestedTableRow271772505__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow1670038551\";\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\":\"NestedTableRow1670038551__root\",\"firstLevel\":\"NestedTableRow1670038551__firstLevel\",\"placeholder\":\"NestedTableRow1670038551__placeholder\",\"parentHovered\":\"NestedTableRow1670038551__parentHovered\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow271772505\";\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\":\"NestedTableRow271772505__root\",\"firstLevel\":\"NestedTableRow271772505__firstLevel\",\"placeholder\":\"NestedTableRow271772505__placeholder\",\"parentHovered\":\"NestedTableRow271772505__parentHovered\"};\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,+BAA+B;EAAC,YAAY,EAAC,qCAAqC;EAAC,aAAa,EAAC,sCAAsC;EAAC,eAAe,EAAC;AAAwC,CAAC;AACvN,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":[]}