@wix/patterns 1.477.0 → 1.479.0

package/dist/cjs/components/LayoutSwitch/LayoutSwitch.js

@@ -10,11 +10,38 @@ var _Table = require("../Table");
 var _Grid = require("../Grid");
 var _InitialLoader = require("../InitialLoader");
 var _LayoutSwitchButton = require("../LayoutSwitchButton");
+var _WixPatternsRouterProvider = require("../../providers/WixPatternsRouterProvider");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/LayoutSwitch/LayoutSwitch.tsx";
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const LazyEditableTable = /*#__PURE__*/_react.default.lazy(() => Promise.resolve().then(() => _interopRequireWildcard(require('../EditableTable'))).then(m => ({
   default: m.EditableTable
 })));
+// Grid syncs no columns of its own, so while it is shown the shared toolbar
+// takes the table's columns. Without them, multi-level sorting has nothing to
+// offer when grid is the first layout. Mirrors useColumnsSyncProps, which does
+// the same for the table.
+function useTableColumnsWhileGridShown({
+  toolbar,
+  isGridShown,
+  tableColumns
+}) {
+  const router = (0, _WixPatternsRouterProvider.useWixPatternsRouter)();
+  const fieldsSource = toolbar.collectionFieldsSource;
+  const areSourceColumnsLoaded = !fieldsSource || fieldsSource.initTask.status.isSuccess;
+  (0, _react.useEffect)(() => {
+    if (!isGridShown || !tableColumns) {
+      return;
+    }
+    toolbar.setNewColumns(tableColumns);
+
+    // Under a schema source tableColumns holds only the extras, so the stale
+    // check runs against the merged columns, and only once the source fields
+    // are among them. A state restored from the router cache keeps its sort.
+    if (areSourceColumnsLoaded && !(router != null && router.isUsingCache)) {
+      toolbar._adjustSortWithNewColumns(toolbar.columns);
+    }
+  }, [isGridShown, tableColumns, areSourceColumnsLoaded]);
+}
 function _LayoutSwitch({
   state,
   importButton,
@@ -45,6 +72,11 @@ function _LayoutSwitch({
   // eslint-disable-next-line react-hooks/exhaustive-deps
   [!!tableProps, !!gridProps, !!spreadsheetProps]);
   (0, _react.useEffect)(() => state.init(), []);
+  useTableColumnsWhileGridShown({
+    toolbar,
+    isGridShown: viewTypeState.viewType === 'grid',
+    tableColumns: tableProps == null ? void 0 : tableProps.columns
+  });
 
   // If the stored viewType is not among the available options (e.g. 'grid' was
   // persisted but gridProps is not provided), persist the correction so the next
@@ -64,7 +96,7 @@ function _LayoutSwitch({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 82,
+      lineNumber: 125,
       columnNumber: 5
     }
   });
@@ -75,7 +107,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 129,
         columnNumber: 12
       }
     });
@@ -93,7 +125,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 140,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Table.Table, (0, _extends2.default)({}, tableProps, {
@@ -102,7 +134,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 141,
         columnNumber: 9
       }
     })));
@@ -116,7 +148,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 152,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, (0, _extends2.default)({}, gridProps, {
@@ -125,7 +157,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 110,
+        lineNumber: 153,
         columnNumber: 9
       }
     })));
@@ -139,7 +171,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121,
+        lineNumber: 164,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -149,14 +181,14 @@ function _LayoutSwitch({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 123,
+          lineNumber: 166,
           columnNumber: 21
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 122,
+        lineNumber: 165,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(LazyEditableTable, (0, _extends2.default)({}, spreadsheetProps, {
@@ -165,7 +197,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 125,
+        lineNumber: 168,
         columnNumber: 11
       }
     }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Table","_Grid","_InitialLoader","_LayoutSwitchButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyEditableTable","React","lazy","Promise","resolve","then","m","EditableTable","_LayoutSwitch","state","importButton","tableProps","gridProps","spreadsheetProps","viewTypeState","initTask","toolbar","isLoading","status","isIdle","availableOptions","useMemo","options","filter","option","useEffect","init","length","includes","viewType","changeViewType","console","error","layoutSwitchButton","createElement","LayoutSwitchButton","__self","__source","fileName","lineNumber","columnNumber","InitialLoader","dataHook","activeView","style","display","Table","_extends2","tableGridSwitchButton","Grid","Suspense","fallback","LayoutSwitch","exports","observer"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.tsx"],"sourcesContent":["import React, { ReactElement, Suspense, useEffect, useMemo } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { Table, TableProps } from '../Table';\nimport { Grid, GridProps } from '../Grid';\nimport type { EditableTableProps } from '../EditableTable';\nimport { InitialLoader } from '../InitialLoader';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\nimport type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';\n\nconst LazyEditableTable = React.lazy(() =>\n  import('../EditableTable').then((m) => ({\n    default: m.EditableTable as React.ComponentType<any>,\n  })),\n);\n\nexport interface LayoutSwitchProps<T, F extends FiltersMap> {\n  state: ILayoutSwitchState<T, F>;\n  /**\n   * An `<ImportButton />` element added to the toolbar of whichever layout is\n   * shown. Set it here once instead of repeating it in each layout's props. A\n   * layout's own `importButton` (in `tableProps`/`gridProps`/`spreadsheetProps`)\n   * takes precedence over this one.\n   */\n  importButton?: ReactElement;\n  tableProps?: Omit<TableProps<T, F>, 'tableGridSwitchButton'>;\n  gridProps?: Omit<GridProps<T, F>, 'tableGridSwitchButton'>;\n  spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;\n}\n\nfunction _LayoutSwitch<T, F extends FiltersMap>({\n  state,\n  importButton,\n  tableProps,\n  gridProps,\n  spreadsheetProps,\n}: LayoutSwitchProps<T, F>) {\n  const { viewTypeState, initTask, toolbar } = state;\n  const isLoading = initTask.status.isIdle || initTask.status.isLoading;\n\n  // Recompute only when a prop flips between defined and undefined.\n  const availableOptions = useMemo(\n    () =>\n      viewTypeState.options.filter((option) => {\n        if (option === 'table') {\n          return !!tableProps;\n        }\n        if (option === 'grid') {\n          return !!gridProps;\n        }\n        if (option === 'spreadsheet') {\n          return !!spreadsheetProps;\n        }\n        return false;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [!!tableProps, !!gridProps, !!spreadsheetProps],\n  );\n\n  useEffect(() => state.init(), []);\n\n  // If the stored viewType is not among the available options (e.g. 'grid' was\n  // persisted but gridProps is not provided), persist the correction so the next\n  // load starts from a valid value. changeViewType also updates dataCapsule.\n  useEffect(() => {\n    if (\n      availableOptions.length > 0 &&\n      !availableOptions.includes(viewTypeState.viewType)\n    ) {\n      viewTypeState.changeViewType(availableOptions[0]!);\n    }\n  }, [availableOptions, viewTypeState.viewType]);\n\n  if (!availableOptions.length) {\n    console.error(\n      '[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.',\n    );\n    return null;\n  }\n\n  const layoutSwitchButton = (\n    <LayoutSwitchButton state={viewTypeState} options={availableOptions} />\n  );\n\n  if (isLoading) {\n    return <InitialLoader dataHook=\"initial-loader\" state={toolbar} />;\n  }\n\n  // If viewType is not yet available (loaded from storage but xProp absent),\n  // fall back locally without waiting for the correction effect to fire.\n  const activeView = availableOptions.includes(viewTypeState.viewType)\n    ? viewTypeState.viewType\n    : availableOptions[0];\n\n  if (activeView === 'table') {\n    return (\n      <div data-hook=\"layout-view-table\" style={{ display: 'contents' }}>\n        <Table\n          {...tableProps!}\n          importButton={tableProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'grid') {\n    return (\n      <div data-hook=\"layout-view-grid\" style={{ display: 'contents' }}>\n        <Grid\n          {...gridProps!}\n          importButton={gridProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'spreadsheet') {\n    return (\n      <div data-hook=\"layout-view-spreadsheet\" style={{ display: 'contents' }}>\n        <Suspense\n          fallback={<InitialLoader dataHook=\"initial-loader\" state={toolbar} />}\n        >\n          <LazyEditableTable\n            {...spreadsheetProps!}\n            importButton={spreadsheetProps!.importButton ?? importButton}\n            tableGridSwitchButton={layoutSwitchButton}\n          />\n        </Suspense>\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport const LayoutSwitch = observer(_LayoutSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Table","_Grid","_InitialLoader","_LayoutSwitchButton","_WixPatternsRouterProvider","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyEditableTable","React","lazy","Promise","resolve","then","m","EditableTable","useTableColumnsWhileGridShown","toolbar","isGridShown","tableColumns","router","useWixPatternsRouter","fieldsSource","collectionFieldsSource","areSourceColumnsLoaded","initTask","status","isSuccess","useEffect","setNewColumns","isUsingCache","_adjustSortWithNewColumns","columns","_LayoutSwitch","state","importButton","tableProps","gridProps","spreadsheetProps","viewTypeState","isLoading","isIdle","availableOptions","useMemo","options","filter","option","init","viewType","length","includes","changeViewType","console","error","layoutSwitchButton","createElement","LayoutSwitchButton","__self","__source","fileName","lineNumber","columnNumber","InitialLoader","dataHook","activeView","style","display","Table","_extends2","tableGridSwitchButton","Grid","Suspense","fallback","LayoutSwitch","exports","observer"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.tsx"],"sourcesContent":["import React, { ReactElement, Suspense, useEffect, useMemo } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { Table, TableProps } from '../Table';\nimport { Grid, GridProps } from '../Grid';\nimport type { EditableTableProps } from '../EditableTable';\nimport { InitialLoader } from '../InitialLoader';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\nimport type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';\nimport type { ToolbarCollectionState } from '../../state';\nimport type { TableColumn } from '../../model';\nimport { useWixPatternsRouter } from '../../providers/WixPatternsRouterProvider';\n\nconst LazyEditableTable = React.lazy(() =>\n  import('../EditableTable').then((m) => ({\n    default: m.EditableTable as React.ComponentType<any>,\n  })),\n);\n\nexport interface LayoutSwitchProps<T, F extends FiltersMap> {\n  state: ILayoutSwitchState<T, F>;\n  /**\n   * An `<ImportButton />` element added to the toolbar of whichever layout is\n   * shown. Set it here once instead of repeating it in each layout's props. A\n   * layout's own `importButton` (in `tableProps`/`gridProps`/`spreadsheetProps`)\n   * takes precedence over this one.\n   */\n  importButton?: ReactElement;\n  tableProps?: Omit<TableProps<T, F>, 'tableGridSwitchButton'>;\n  gridProps?: Omit<GridProps<T, F>, 'tableGridSwitchButton'>;\n  spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;\n}\n\n// Grid syncs no columns of its own, so while it is shown the shared toolbar\n// takes the table's columns. Without them, multi-level sorting has nothing to\n// offer when grid is the first layout. Mirrors useColumnsSyncProps, which does\n// the same for the table.\nfunction useTableColumnsWhileGridShown<T, F extends FiltersMap>({\n  toolbar,\n  isGridShown,\n  tableColumns,\n}: {\n  toolbar: ToolbarCollectionState<T, F>;\n  isGridShown: boolean;\n  tableColumns?: TableColumn<T>[];\n}) {\n  const router = useWixPatternsRouter();\n  const fieldsSource = toolbar.collectionFieldsSource;\n  const areSourceColumnsLoaded =\n    !fieldsSource || fieldsSource.initTask.status.isSuccess;\n\n  useEffect(() => {\n    if (!isGridShown || !tableColumns) {\n      return;\n    }\n\n    toolbar.setNewColumns(tableColumns);\n\n    // Under a schema source tableColumns holds only the extras, so the stale\n    // check runs against the merged columns, and only once the source fields\n    // are among them. A state restored from the router cache keeps its sort.\n    if (areSourceColumnsLoaded && !router?.isUsingCache) {\n      toolbar._adjustSortWithNewColumns(toolbar.columns);\n    }\n  }, [isGridShown, tableColumns, areSourceColumnsLoaded]);\n}\n\nfunction _LayoutSwitch<T, F extends FiltersMap>({\n  state,\n  importButton,\n  tableProps,\n  gridProps,\n  spreadsheetProps,\n}: LayoutSwitchProps<T, F>) {\n  const { viewTypeState, initTask, toolbar } = state;\n  const isLoading = initTask.status.isIdle || initTask.status.isLoading;\n\n  // Recompute only when a prop flips between defined and undefined.\n  const availableOptions = useMemo(\n    () =>\n      viewTypeState.options.filter((option) => {\n        if (option === 'table') {\n          return !!tableProps;\n        }\n        if (option === 'grid') {\n          return !!gridProps;\n        }\n        if (option === 'spreadsheet') {\n          return !!spreadsheetProps;\n        }\n        return false;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [!!tableProps, !!gridProps, !!spreadsheetProps],\n  );\n\n  useEffect(() => state.init(), []);\n\n  useTableColumnsWhileGridShown({\n    toolbar,\n    isGridShown: viewTypeState.viewType === 'grid',\n    tableColumns: tableProps?.columns,\n  });\n\n  // If the stored viewType is not among the available options (e.g. 'grid' was\n  // persisted but gridProps is not provided), persist the correction so the next\n  // load starts from a valid value. changeViewType also updates dataCapsule.\n  useEffect(() => {\n    if (\n      availableOptions.length > 0 &&\n      !availableOptions.includes(viewTypeState.viewType)\n    ) {\n      viewTypeState.changeViewType(availableOptions[0]!);\n    }\n  }, [availableOptions, viewTypeState.viewType]);\n\n  if (!availableOptions.length) {\n    console.error(\n      '[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.',\n    );\n    return null;\n  }\n\n  const layoutSwitchButton = (\n    <LayoutSwitchButton state={viewTypeState} options={availableOptions} />\n  );\n\n  if (isLoading) {\n    return <InitialLoader dataHook=\"initial-loader\" state={toolbar} />;\n  }\n\n  // If viewType is not yet available (loaded from storage but xProp absent),\n  // fall back locally without waiting for the correction effect to fire.\n  const activeView = availableOptions.includes(viewTypeState.viewType)\n    ? viewTypeState.viewType\n    : availableOptions[0];\n\n  if (activeView === 'table') {\n    return (\n      <div data-hook=\"layout-view-table\" style={{ display: 'contents' }}>\n        <Table\n          {...tableProps!}\n          importButton={tableProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'grid') {\n    return (\n      <div data-hook=\"layout-view-grid\" style={{ display: 'contents' }}>\n        <Grid\n          {...gridProps!}\n          importButton={gridProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'spreadsheet') {\n    return (\n      <div data-hook=\"layout-view-spreadsheet\" style={{ display: 'contents' }}>\n        <Suspense\n          fallback={<InitialLoader dataHook=\"initial-loader\" state={toolbar} />}\n        >\n          <LazyEditableTable\n            {...spreadsheetProps!}\n            importButton={spreadsheetProps!.importButton ?? importButton}\n            tableGridSwitchButton={layoutSwitchButton}\n          />\n        </Suspense>\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport const LayoutSwitch = observer(_LayoutSwitch);\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_ = "LoadingRow4180691115";
+var _namespace_ = "LoadingRow1378746736";
 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": "LoadingRow4180691115__root"
+  "root": "LoadingRow1378746736__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow4180691115__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow1378746736__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_ = \"LoadingRow4180691115\";\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\":\"LoadingRow4180691115__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow4180691115__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_ = \"LoadingRow1378746736\";\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\":\"LoadingRow1378746736__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1378746736__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_ = "MaxHeightText434511058";
+var _namespace_ = "MaxHeightText3365263644";
 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": "MaxHeightText434511058__root"
+  "root": "MaxHeightText3365263644__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_ = \"MaxHeightText434511058\";\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\":\"MaxHeightText434511058__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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3365263644\";\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\":\"MaxHeightText3365263644__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_ = "MaxLines2003289030";
+var _namespace_ = "MaxLines138609149";
 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": "MaxLines2003289030__root"
+  "root": "MaxLines138609149__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_ = \"MaxLines2003289030\";\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\":\"MaxLines2003289030__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_ = \"MaxLines138609149\";\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\":\"MaxLines138609149__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":[]}

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

@@ -11,55 +11,58 @@ var _mobxReactLite = require("mobx-react-lite");
 var _MoreActionsBase = require("./MoreActionsBase");
 var _react2 = require("@wix/bex-core/react");
 var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
+var _useIsMobile = require("../../hooks/useIsMobile");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MoreActions/MoreActionsIcon.tsx";
 function _MoreActionsIcon(params) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
   const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
-  return /*#__PURE__*/_react.default.createElement(_designSystem.Box
-  // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements
-  , {
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
-    content: t('cairo.moreActions'),
-    dataHook: "more-actions-tooltip",
-    __self: this,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 20,
-      columnNumber: 7
-    }
-  }, /*#__PURE__*/_react.default.createElement(_MoreActionsBase.MoreActionsBase, (0, _extends2.default)({}, params, {
+  const isMobile = (0, _useIsMobile.useIsMobile)();
+  const menu = /*#__PURE__*/_react.default.createElement(_MoreActionsBase.MoreActionsBase, (0, _extends2.default)({}, params, {
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
       dataHook: "more-actions-popover-button",
       priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 24,
-        columnNumber: 13
+        lineNumber: 22,
+        columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_lazy.More, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 28,
-        columnNumber: 15
+        lineNumber: 26,
+        columnNumber: 11
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 19,
+      columnNumber: 5
+    }
+  }));
+  return /*#__PURE__*/_react.default.createElement(_designSystem.Box
+  // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements
+  , {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 5
+    }
+  }, isMobile ? menu : /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
+    content: t('cairo.moreActions'),
+    dataHook: "more-actions-tooltip",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 40,
       columnNumber: 9
     }
-  }))));
+  }, menu));
 }
 const MoreActionsIcon = exports.MoreActionsIcon = (0, _mobxReactLite.observer)(_MoreActionsIcon);
 const MoreActions = exports.MoreActions = MoreActionsIcon;

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_MoreActionsBase","_react2","_useBmHarmonyTheme","_jsxFileName","_MoreActionsIcon","params","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","dataHook","MoreActionsBase","_extends2","triggerElement","IconButton","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MoreActionsProps } from './MoreActionsProps';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface MoreActionsIconProps extends MoreActionsProps {}\n\nfunction _MoreActionsIcon(params: MoreActionsIconProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <Tooltip content={t('cairo.moreActions')} dataHook=\"more-actions-tooltip\">\n        <MoreActionsBase\n          {...params}\n          triggerElement={\n            <IconButton\n              dataHook=\"more-actions-popover-button\"\n              priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n            >\n              <More />\n            </IconButton>\n          }\n        />\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AAAkE,IAAAO,YAAA;AAIlE,SAASC,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAsB,OAAO;IAACC,OAAO,EAAEb,CAAC,CAAC,mBAAmB,CAAE;IAACc,QAAQ,EAAC,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAsB,eAAe,MAAAC,SAAA,CAAAZ,OAAA,MACVN,MAAM;IACVmB,cAAc,eACZ9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA4B,UAAU;MACTJ,QAAQ,EAAC,6BAA6B;MACtCK,QAAQ,EAAEjB,gBAAgB,GAAG,UAAU,GAAG,WAAY;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEtDxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,KAAA,CAAA6B,IAAI;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACM,CACN,CAAC;AAEV;AAEO,MAAMU,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC1B,gBAAgB,CAAC;AAClD,MAAM2B,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mobxReactLite","_MoreActionsBase","_react2","_useBmHarmonyTheme","_useIsMobile","_jsxFileName","_MoreActionsIcon","params","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","isMobile","useIsMobile","menu","default","createElement","MoreActionsBase","_extends2","triggerElement","IconButton","dataHook","priority","__self","__source","fileName","lineNumber","columnNumber","More","Box","Tooltip","content","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common/lazy';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MoreActionsProps } from './MoreActionsProps';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\nimport { useIsMobile } from '../../hooks/useIsMobile';\n\nexport interface MoreActionsIconProps extends MoreActionsProps {}\n\nfunction _MoreActionsIcon(params: MoreActionsIconProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n  const isMobile = useIsMobile();\n\n  const menu = (\n    <MoreActionsBase\n      {...params}\n      triggerElement={\n        <IconButton\n          dataHook=\"more-actions-popover-button\"\n          priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n        >\n          <More />\n        </IconButton>\n      }\n    />\n  );\n\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      {/* On touch the tooltip opens on tap and stays open over the menu. */}\n      {isMobile ? (\n        menu\n      ) : (\n        <Tooltip\n          content={t('cairo.moreActions')}\n          dataHook=\"more-actions-tooltip\"\n        >\n          {menu}\n        </Tooltip>\n      )}\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAAsD,IAAAQ,YAAA;AAItD,SAASC,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAC5C,MAAMC,QAAQ,GAAG,IAAAC,wBAAW,EAAC,CAAC;EAE9B,MAAMC,IAAI,gBACRpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,gBAAA,CAAAiB,eAAe,MAAAC,SAAA,CAAAH,OAAA,MACVT,MAAM;IACVa,cAAc,eACZzB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAuB,UAAU;MACTC,QAAQ,EAAC,6BAA6B;MACtCC,QAAQ,EAAEZ,gBAAgB,GAAG,UAAU,GAAG,WAAY;MAAAa,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEtDjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAClB,KAAA,CAAA8B,IAAI;MAAAL,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAArB,YAAA;QAAAsB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACF;EAED,oBACEjC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAgC;EACD;EAAA;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAGGf,QAAQ,GACPE,IAAI,gBAEJpB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAiC,OAAO;IACNC,OAAO,EAAEvB,CAAC,CAAC,mBAAmB,CAAE;IAChCa,QAAQ,EAAC,sBAAsB;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArB,YAAA;MAAAsB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAE9Bb,IACM,CAER,CAAC;AAEV;AAEO,MAAMkB,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC7B,gBAAgB,CAAC;AAClD,MAAM8B,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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_ = "MultiBulkActionToolbar2263663574";
+var _namespace_ = "MultiBulkActionToolbar384117379";
 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": "MultiBulkActionToolbar2263663574__root",
-  "leftGroupWrapper": "MultiBulkActionToolbar2263663574__leftGroupWrapper",
-  "selectedCountItem": "MultiBulkActionToolbar2263663574__selectedCountItem",
-  "selectedCountText": "MultiBulkActionToolbar2263663574__selectedCountText"
+  "root": "MultiBulkActionToolbar384117379__root",
+  "leftGroupWrapper": "MultiBulkActionToolbar384117379__leftGroupWrapper",
+  "selectedCountItem": "MultiBulkActionToolbar384117379__selectedCountItem",
+  "selectedCountText": "MultiBulkActionToolbar384117379__selectedCountText"
 };
 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_ = \"MultiBulkActionToolbar2263663574\";\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\":\"MultiBulkActionToolbar2263663574__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar2263663574__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar2263663574__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar2263663574__selectedCountText\"};\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,wCAAwC;EAAC,kBAAkB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC,qDAAqD;EAAC,mBAAmB,EAAC;AAAqD,CAAC;AAC3R,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_ = \"MultiBulkActionToolbar384117379\";\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\":\"MultiBulkActionToolbar384117379__root\",\"leftGroupWrapper\":\"MultiBulkActionToolbar384117379__leftGroupWrapper\",\"selectedCountItem\":\"MultiBulkActionToolbar384117379__selectedCountItem\",\"selectedCountText\":\"MultiBulkActionToolbar384117379__selectedCountText\"};\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,iCAAiC;AACnD,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,uCAAuC;EAAC,kBAAkB,EAAC,mDAAmD;EAAC,mBAAmB,EAAC,oDAAoD;EAAC,mBAAmB,EAAC;AAAoD,CAAC;AACvR,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/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_ = "NestedTablePlaceholderStatesRow3021885873";
+var _namespace_ = "NestedTablePlaceholderStatesRow1641598245";
 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": "NestedTablePlaceholderStatesRow3021885873__root"
+  "root": "NestedTablePlaceholderStatesRow1641598245__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_ = \"NestedTablePlaceholderStatesRow3021885873\";\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\":\"NestedTablePlaceholderStatesRow3021885873__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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_ = \"NestedTablePlaceholderStatesRow1641598245\";\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\":\"NestedTablePlaceholderStatesRow1641598245__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,2CAA2C;AAC7D,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;AAAiD,CAAC;AACxE,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_ = "NestedTableRow3063588046";
+var _namespace_ = "NestedTableRow211762900";
 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": "NestedTableRow3063588046__root",
-  "firstLevel": "NestedTableRow3063588046__firstLevel",
-  "placeholder": "NestedTableRow3063588046__placeholder",
-  "parentHovered": "NestedTableRow3063588046__parentHovered"
+  "root": "NestedTableRow211762900__root",
+  "firstLevel": "NestedTableRow211762900__firstLevel",
+  "placeholder": "NestedTableRow211762900__placeholder",
+  "parentHovered": "NestedTableRow211762900__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_ = \"NestedTableRow3063588046\";\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\":\"NestedTableRow3063588046__root\",\"firstLevel\":\"NestedTableRow3063588046__firstLevel\",\"placeholder\":\"NestedTableRow3063588046__placeholder\",\"parentHovered\":\"NestedTableRow3063588046__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-table-list-item-fill-hover\":\"--wds-table-list-item-fill-hover\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-B10\":\"--wsr-color-B10\"}; \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;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,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_ = \"NestedTableRow211762900\";\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\":\"NestedTableRow211762900__root\",\"firstLevel\":\"NestedTableRow211762900__firstLevel\",\"placeholder\":\"NestedTableRow211762900__placeholder\",\"parentHovered\":\"NestedTableRow211762900__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-300\":\"--wds-space-300\",\"wds-table-list-item-fill-hover\":\"--wds-table-list-item-fill-hover\",\"wds-color-border-standard-primary-active\":\"--wds-color-border-standard-primary-active\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wsr-color-B10\":\"--wsr-color-B10\"}; \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;EAAC,eAAe,EAAC,iBAAiB;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,0CAA0C,EAAC,4CAA4C;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect618182997";
+var _namespace_ = "MultipleDragOverlayEffect2219272161";
 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": "MultipleDragOverlayEffect618182997__root"
+  "root": "MultipleDragOverlayEffect2219272161__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect618182997\";\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\":\"MultipleDragOverlayEffect618182997__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-shadow20\":\"--wsr-shadow20\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,cAAc,EAAC;AAAgB,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect2219272161\";\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\":\"MultipleDragOverlayEffect2219272161__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-fill-surface-overlay\":\"--wds-color-fill-surface-overlay\",\"wds-shadow-surface-overlay\":\"--wds-shadow-surface-overlay\",\"wsr-color-D80\":\"--wsr-color-D80\",\"wsr-shadow20\":\"--wsr-shadow20\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,4BAA4B,EAAC,8BAA8B;EAAC,eAAe,EAAC,iBAAiB;EAAC,cAAc,EAAC;AAAgB,CAAC","ignoreList":[]}

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow1873712842";
+var _namespace_ = "NestedTableDragAndDropRow372186743";
 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": "NestedTableDragAndDropRow1873712842__root"
+  "root": "NestedTableDragAndDropRow372186743__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow1873712842\";\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\":\"NestedTableDragAndDropRow1873712842__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-table-list-item-fill-hover\":\"--wds-table-list-item-fill-hover\",\"wsr-color-B50\":\"--wsr-color-B50\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qCAAqC;AACvD,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;AAA2C,CAAC;AAClE,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;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,eAAe,EAAC;AAAiB,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow372186743\";\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\":\"NestedTableDragAndDropRow372186743__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-table-list-item-fill-hover\":\"--wds-table-list-item-fill-hover\",\"wsr-color-B50\":\"--wsr-color-B50\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oCAAoC;AACtD,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;AAA0C,CAAC;AACjE,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;EAAC,gCAAgC,EAAC,kCAAkC;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}