@wix/patterns 1.217.0 → 1.220.0

package/dist/cjs/components/Kanban/Kanban.js

@@ -3,18 +3,103 @@
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
 exports.Kanban = void 0;
-var _react = _interopRequireDefault(require("react"));
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireWildcard(require("react"));
+var _ToolbarCollection = require("../ToolbarCollection");
 var _mobxReactLite = require("mobx-react-lite");
+var _Stage = require("./Stage");
+var _designSystem = require("@wix/design-system");
+var _CollectionCard = require("../CollectionCard");
 var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/Kanban.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); }
+// import { CollectionCard } from '../CollectionCard';
+
 function _Kanban(props) {
-  return /*#__PURE__*/_react.default.createElement("div", {
+  const {
+    state,
+    dataHook
+  } = props;
+  const {
+    toolbar
+  } = state;
+
+  // if (process.env.NODE_ENV !== 'production') {
+  //   minimalRequiredWdsRuntimeCheck({
+  //     required: '^1.64.1',
+  //     requiredBy: 'WixPatterns/Kanban',
+  //   });
+  // }
+  (0, _react.useEffect)(() => {
+    props.state.init();
+  }, [props.state]);
+  return /*#__PURE__*/_react.default.createElement(_CollectionCard.CollectionCard, {
+    errorState: false,
+    state: toolbar,
+    dataHook: dataHook,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 31,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_ToolbarCollection.ToolbarCollection, {
+    search: true,
+    sticky: true,
+    state: toolbar,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 32,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "kanban-test",
+    margin: "24px",
+    overflow: "auto",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 33,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    dataHook: "kanban-stages",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 39,
+      columnNumber: 11
+    }
+  }, props.state.isLoading() ? /*#__PURE__*/_react.default.createElement("div", {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 41,
+      columnNumber: 15
+    }
+  }, "loading stages...") : /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    direction: "horizontal",
+    gap: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 43,
+      columnNumber: 15
+    }
+  }, props.state.stages().map(stage => /*#__PURE__*/_react.default.createElement(_Stage.StageComponent, (0, _extends2.default)({
+    stageState: props.state.getStageState(stage),
+    dataHook: `kanban-stage-${props.state.stageKey(stage)}`,
+    key: props.state.stageKey(stage)
+  }, props, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 12,
-      columnNumber: 10
+      lineNumber: 45,
+      columnNumber: 19
     }
-  }, "kanban ", JSON.stringify(props));
+  }))))))));
 }
 const Kanban = exports.Kanban = (0, _mobxReactLite.observer)(_Kanban);
 //# sourceMappingURL=Kanban.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_mobxReactLite","_jsxFileName","_Kanban","props","default","createElement","__self","__source","fileName","lineNumber","columnNumber","JSON","stringify","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React from 'react';\nimport { ToolbarBaseProps } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\n\nexport interface KanbanProps<C, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    KanbanBaseProps<C, S, F> {}\n\nfunction _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {\n  return <div>kanban {JSON.stringify(props)}</div>;\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,cAAA,GAAAD,OAAA;AAA2C,IAAAE,YAAA;AAQ3C,SAASC,OAAOA,CAA6BC,KAA2B,EAAE;EACxE,oBAAON,MAAA,CAAAO,OAAA,CAAAC,aAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAP,YAAA;MAAAQ,UAAA;MAAAC,YAAA;IAAA;EAAA,GAAK,SAAO,EAACC,IAAI,CAACC,SAAS,CAACT,KAAK,CAAO,CAAC;AAClD;AAEO,MAAMU,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,IAAAE,uBAAQ,EAACb,OAAO,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_ToolbarCollection","_mobxReactLite","_Stage","_designSystem","_CollectionCard","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_Kanban","props","state","dataHook","toolbar","useEffect","init","createElement","CollectionCard","errorState","__self","__source","fileName","lineNumber","columnNumber","ToolbarCollection","search","sticky","Box","margin","overflow","direction","isLoading","gap","stages","map","stage","StageComponent","_extends2","stageState","getStageState","stageKey","key","Kanban","exports","observer"],"sources":["../../../../src/components/Kanban/Kanban.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { ToolbarBaseProps, ToolbarCollection } from '../ToolbarCollection';\nimport { observer } from 'mobx-react-lite';\nimport { FiltersMap } from '@wix/bex-core';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { StageComponent } from './Stage';\nimport { Box } from '@wix/design-system';\nimport { CollectionCard } from '../CollectionCard';\n// import { CollectionCard } from '../CollectionCard';\n\nexport interface KanbanProps<C, S, F extends FiltersMap>\n  extends ToolbarBaseProps,\n    KanbanBaseProps<C, S, F> {}\n\nfunction _Kanban<C, S, F extends FiltersMap>(props: KanbanProps<C, S, F>) {\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/Kanban',\n  //   });\n  // }\n  useEffect(() => {\n    props.state.init();\n  }, [props.state]);\n\n  return (\n    <CollectionCard errorState={false} state={toolbar} dataHook={dataHook}>\n      <ToolbarCollection search={true} sticky state={toolbar}>\n        <Box\n          dataHook=\"kanban-test\"\n          margin=\"24px\"\n          overflow=\"auto\"\n          direction=\"vertical\"\n        >\n          <Box dataHook=\"kanban-stages\" direction=\"vertical\">\n            {props.state.isLoading() ? (\n              <div>loading stages...</div>\n            ) : (\n              <Box direction=\"horizontal\" gap=\"12px\">\n                {props.state.stages().map((stage: S) => (\n                  <StageComponent\n                    stageState={props.state.getStageState(stage)}\n                    dataHook={`kanban-stage-${props.state.stageKey(stage)}`}\n                    key={props.state.stageKey(stage)}\n                    {...props}\n                  />\n                ))}\n              </Box>\n            )}\n          </Box>\n        </Box>\n      </ToolbarCollection>\n    </CollectionCard>\n  );\n}\n\nexport const Kanban = observer(_Kanban);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Kanban/Kanban.uni.driver.js

@@ -4,13 +4,52 @@ exports.__esModule = true;
 exports.KanbanUniDriver = KanbanUniDriver;
 exports.default = void 0;
 var _CollectionToolbarUni = require("../CollectionToolbar/CollectionToolbar.uni.driver");
-var _unidriver = require("../../unidriver");
+var _baseUniDriverFactory = require("../../unidriver/baseUniDriverFactory");
 function KanbanUniDriver(base, body) {
   const toolbarBase = () => base.$('[data-hook="collection-toolbar"]');
   const toolbar = () => (0, _CollectionToolbarUni.CollectionToolbarUniDriver)(toolbarBase(), body);
   return {
-    ...(0, _unidriver.baseUniDriverFactory)(base),
-    toolbar: () => toolbar()
+    ...(0, _baseUniDriverFactory.baseUniDriverFactory)(base),
+    toolbar: () => toolbar(),
+    stages: {
+      count: () => base.$$('[data-hook^="kanban-stage-container"]').count(),
+      getTitleByStageKey: stageKey => base.$(`[data-hook^="kanban-stage-title-${stageKey}"]`).text(),
+      getTotalByStageKey: stageKey => base.$(`[data-hook^="kanban-stage-title-total-${stageKey}"]`).text(),
+      scrollToEndOfStageCardsContainer: async stageKey => {
+        const scrollableElementDataHook = `kanban-stage-cards-container-${stageKey}`;
+        const {
+          page
+        } = await body.$(`[data-hook="${scrollableElementDataHook}"]`).getNative();
+        // puppeteer
+        if (page != null && page.evaluate) {
+          await page.evaluate(_dataHook => {
+            const scrollableElement = document.querySelector(`[data-hook="${_dataHook}"]`);
+            scrollableElement.scrollBy({
+              behavior: 'smooth',
+              top: scrollableElement.scrollHeight
+            });
+          }, scrollableElementDataHook);
+          await page.waitForTimeout(1000); // delay scroll resolve by 1 sec
+        }
+        // jsdom
+        else {
+          const pageScrollContent = body.$(`[data-hook="${scrollableElementDataHook}"]`);
+          if (await pageScrollContent.exists()) {
+            // Scroll to the end of pageScrollContent by setting scrollTop to (scrollHeight - clientHeight)
+            const nativeEl = await pageScrollContent.getNative();
+            nativeEl.scrollTop = nativeEl.scrollHeight - nativeEl.clientHeight;
+            await nativeEl.dispatchEvent(new Event('scroll'));
+          }
+        }
+      }
+    },
+    cards: {
+      count: stageKey => base.$$(`[data-hook^="kanban-card-${stageKey}-"]`).count(),
+      getTitle: ({
+        stageKey,
+        cardKey
+      }) => base.$(`[data-hook="kanban-card-title-${stageKey}-${cardKey}"]`).text().then(text => text.trim())
+    }
   };
 }
 var _default = exports.default = KanbanUniDriver;

package/dist/cjs/components/Kanban/Kanban.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_CollectionToolbarUni","require","_unidriver","KanbanUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","baseUniDriverFactory","_default","exports","default"],"sources":["../../../../src/components/Kanban/Kanban.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver';\n\nexport function KanbanUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    toolbar: () => toolbar(),\n  };\n}\n\nexport default KanbanUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,qBAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEO,SAASE,eAAeA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAChE,MAAMC,WAAW,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAEpE,MAAMC,OAAO,GAAGA,CAAA,KAAM,IAAAC,gDAA0B,EAACH,WAAW,CAAC,CAAC,EAAED,IAAI,CAAC;EAErE,OAAO;IACL,GAAG,IAAAK,+BAAoB,EAACN,IAAI,CAAC;IAC7BI,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC;EACzB,CAAC;AACH;AAAC,IAAAG,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEcV,eAAe","ignoreList":[]}
+{"version":3,"names":["_CollectionToolbarUni","require","_baseUniDriverFactory","KanbanUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","baseUniDriverFactory","stages","count","$$","getTitleByStageKey","stageKey","text","getTotalByStageKey","scrollToEndOfStageCardsContainer","scrollableElementDataHook","page","getNative","evaluate","_dataHook","scrollableElement","document","querySelector","scrollBy","behavior","top","scrollHeight","waitForTimeout","pageScrollContent","exists","nativeEl","scrollTop","clientHeight","dispatchEvent","Event","cards","getTitle","cardKey","then","trim","_default","exports","default"],"sources":["../../../../src/components/Kanban/Kanban.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { CollectionToolbarUniDriver } from '../CollectionToolbar/CollectionToolbar.uni.driver';\nimport { baseUniDriverFactory } from '../../unidriver/baseUniDriverFactory';\nimport { SledPage } from '@wix/sled-test-runner';\n\nexport function KanbanUniDriver(base: UniDriver, body: UniDriver) {\n  const toolbarBase = () => base.$('[data-hook=\"collection-toolbar\"]');\n\n  const toolbar = () => CollectionToolbarUniDriver(toolbarBase(), body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    toolbar: () => toolbar(),\n    stages: {\n      count: () => base.$$('[data-hook^=\"kanban-stage-container\"]').count(),\n      getTitleByStageKey: (stageKey: string) =>\n        base.$(`[data-hook^=\"kanban-stage-title-${stageKey}\"]`).text(),\n      getTotalByStageKey: (stageKey: string) =>\n        base.$(`[data-hook^=\"kanban-stage-title-total-${stageKey}\"]`).text(),\n      scrollToEndOfStageCardsContainer: async (stageKey: string) => {\n        const scrollableElementDataHook = `kanban-stage-cards-container-${stageKey}`;\n\n        const { page } = (await body\n          .$(`[data-hook=\"${scrollableElementDataHook}\"]`)\n          .getNative()) as {\n          page?: SledPage['page'];\n        };\n        // puppeteer\n        if (page?.evaluate) {\n          await page.evaluate((_dataHook: string) => {\n            const scrollableElement = document.querySelector(\n              `[data-hook=\"${_dataHook}\"]`,\n            )!;\n            scrollableElement.scrollBy({\n              behavior: 'smooth',\n              top: scrollableElement.scrollHeight,\n            });\n          }, scrollableElementDataHook);\n          await page.waitForTimeout(1000); // delay scroll resolve by 1 sec\n        }\n        // jsdom\n        else {\n          const pageScrollContent = body.$(\n            `[data-hook=\"${scrollableElementDataHook}\"]`,\n          );\n\n          if (await pageScrollContent.exists()) {\n            // Scroll to the end of pageScrollContent by setting scrollTop to (scrollHeight - clientHeight)\n            const nativeEl = await pageScrollContent.getNative();\n            nativeEl.scrollTop = nativeEl.scrollHeight - nativeEl.clientHeight;\n            await nativeEl.dispatchEvent(new Event('scroll'));\n          }\n        }\n      },\n    },\n    cards: {\n      count: (stageKey: string) =>\n        base.$$(`[data-hook^=\"kanban-card-${stageKey}-\"]`).count(),\n      getTitle: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) =>\n        base\n          .$(`[data-hook=\"kanban-card-title-${stageKey}-${cardKey}\"]`)\n          .text()\n          .then((text) => text.trim()),\n    },\n  };\n}\n\nexport default KanbanUniDriver;\n"],"mappings":";;;;;AACA,IAAAA,qBAAA,GAAAC,OAAA;AACA,IAAAC,qBAAA,GAAAD,OAAA;AAGO,SAASE,eAAeA,CAACC,IAAe,EAAEC,IAAe,EAAE;EAChE,MAAMC,WAAW,GAAGA,CAAA,KAAMF,IAAI,CAACG,CAAC,CAAC,kCAAkC,CAAC;EAEpE,MAAMC,OAAO,GAAGA,CAAA,KAAM,IAAAC,gDAA0B,EAACH,WAAW,CAAC,CAAC,EAAED,IAAI,CAAC;EAErE,OAAO;IACL,GAAG,IAAAK,0CAAoB,EAACN,IAAI,CAAC;IAC7BI,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAAC,CAAC;IACxBG,MAAM,EAAE;MACNC,KAAK,EAAEA,CAAA,KAAMR,IAAI,CAACS,EAAE,CAAC,uCAAuC,CAAC,CAACD,KAAK,CAAC,CAAC;MACrEE,kBAAkB,EAAGC,QAAgB,IACnCX,IAAI,CAACG,CAAC,CAAC,mCAAmCQ,QAAQ,IAAI,CAAC,CAACC,IAAI,CAAC,CAAC;MAChEC,kBAAkB,EAAGF,QAAgB,IACnCX,IAAI,CAACG,CAAC,CAAC,yCAAyCQ,QAAQ,IAAI,CAAC,CAACC,IAAI,CAAC,CAAC;MACtEE,gCAAgC,EAAE,MAAOH,QAAgB,IAAK;QAC5D,MAAMI,yBAAyB,GAAG,gCAAgCJ,QAAQ,EAAE;QAE5E,MAAM;UAAEK;QAAK,CAAC,GAAI,MAAMf,IAAI,CACzBE,CAAC,CAAC,eAAeY,yBAAyB,IAAI,CAAC,CAC/CE,SAAS,CAAC,CAEZ;QACD;QACA,IAAID,IAAI,YAAJA,IAAI,CAAEE,QAAQ,EAAE;UAClB,MAAMF,IAAI,CAACE,QAAQ,CAAEC,SAAiB,IAAK;YACzC,MAAMC,iBAAiB,GAAGC,QAAQ,CAACC,aAAa,CAC9C,eAAeH,SAAS,IAC1B,CAAE;YACFC,iBAAiB,CAACG,QAAQ,CAAC;cACzBC,QAAQ,EAAE,QAAQ;cAClBC,GAAG,EAAEL,iBAAiB,CAACM;YACzB,CAAC,CAAC;UACJ,CAAC,EAAEX,yBAAyB,CAAC;UAC7B,MAAMC,IAAI,CAACW,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC;QACnC;QACA;QAAA,KACK;UACH,MAAMC,iBAAiB,GAAG3B,IAAI,CAACE,CAAC,CAC9B,eAAeY,yBAAyB,IAC1C,CAAC;UAED,IAAI,MAAMa,iBAAiB,CAACC,MAAM,CAAC,CAAC,EAAE;YACpC;YACA,MAAMC,QAAQ,GAAG,MAAMF,iBAAiB,CAACX,SAAS,CAAC,CAAC;YACpDa,QAAQ,CAACC,SAAS,GAAGD,QAAQ,CAACJ,YAAY,GAAGI,QAAQ,CAACE,YAAY;YAClE,MAAMF,QAAQ,CAACG,aAAa,CAAC,IAAIC,KAAK,CAAC,QAAQ,CAAC,CAAC;UACnD;QACF;MACF;IACF,CAAC;IACDC,KAAK,EAAE;MACL3B,KAAK,EAAGG,QAAgB,IACtBX,IAAI,CAACS,EAAE,CAAC,4BAA4BE,QAAQ,KAAK,CAAC,CAACH,KAAK,CAAC,CAAC;MAC5D4B,QAAQ,EAAEA,CAAC;QACTzB,QAAQ;QACR0B;MAIF,CAAC,KACCrC,IAAI,CACDG,CAAC,CAAC,iCAAiCQ,QAAQ,IAAI0B,OAAO,IAAI,CAAC,CAC3DzB,IAAI,CAAC,CAAC,CACN0B,IAAI,CAAE1B,IAAI,IAAKA,IAAI,CAAC2B,IAAI,CAAC,CAAC;IACjC;EACF,CAAC;AACH;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAC,OAAA,GAEc3C,eAAe","ignoreList":[]}

package/dist/cjs/components/Kanban/Stage.js

@@ -0,0 +1,204 @@
+"use strict";
+
+exports.__esModule = true;
+exports.StageComponent = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _designSystem = require("@wix/design-system");
+var _mobxReactLite = require("mobx-react-lite");
+var _Card = require("./Card");
+var _jsxFileName = "/home/builduser/work/db7ea24852bc3350/packages/cairo/dist/cjs/components/Kanban/Stage.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); }
+function _StageComponent({
+  dataHook,
+  stageState,
+  stageSummary,
+  ...props
+}) {
+  const handleScroll = e => {
+    const {
+      scrollTop,
+      scrollHeight,
+      clientHeight
+    } = e.currentTarget;
+    if (scrollHeight - scrollTop <= clientHeight + 10 && !stageState.itemsCollectionState.fetchedLastPage && !stageState.itemsCollectionState.result.status.isFetching) {
+      // stageState.fetchMore();
+    }
+  };
+  const items = React.useMemo(() => stageState.itemsCollectionState.result.keyedItems.map(item => ({
+    item: {
+      ...(props.renderItem == null ? void 0 : props.renderItem({
+        stage: stageState.stage,
+        item: item.item
+      })),
+      key: item.key
+    },
+    stageKey: stageState.stageKey()
+  })), [stageState.itemsCollectionState.result.keyedItems]);
+  return /*#__PURE__*/React.createElement(_designSystem.Box, {
+    width: "270px",
+    dataHook: `kanban-stage-container-${stageState.stageKey()}`,
+    backgroundColor: "#F4F7FF",
+    borderRadius: "8px",
+    paddingLeft: "12px",
+    paddingRight: "12px",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 61,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+    width: "246px",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 70,
+      columnNumber: 7
+    }
+  }, /*#__PURE__*/React.createElement("div", {
+    "data-hook": dataHook
+    // onDragOver={(e) => e.preventDefault()}
+    // onDrop={(e) => {
+    //   e.preventDefault();
+    // }}
+    ,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 71,
+      columnNumber: 9
+    }
+  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+    paddingTop: "12px",
+    direction: "vertical",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 78,
+      columnNumber: 11
+    }
+  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+    marginBottom: "24px",
+    direction: "vertical",
+    padding: "12px 6px 0 6px",
+    borderRadius: "8px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 79,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+    gap: "6px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 85,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/React.createElement(_designSystem.Text, {
+    size: "small",
+    weight: "bold",
+    dataHook: `kanban-stage-title-${stageState.stageKey()}`,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 86,
+      columnNumber: 17
+    }
+  }, stageState.stageName()), /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
+    dataHook: `kanban-stage-title-total-${stageState.stageKey()}`,
+    skin: "light",
+    truncate: false,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 93,
+      columnNumber: 17
+    }
+  }, stageState.totalItems())), /*#__PURE__*/React.createElement(_designSystem.Box, {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 101,
+      columnNumber: 15
+    }
+  }, stageSummary == null ? void 0 : stageSummary({
+    stage: stageState.stage
+  }))), /*#__PURE__*/React.createElement(_designSystem.Box, {
+    paddingBottom: "12px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 103,
+      columnNumber: 13
+    }
+  }, /*#__PURE__*/React.createElement(_designSystem.AddItem, {
+    size: "tiny",
+    removePadding: true,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 104,
+      columnNumber: 15
+    }
+  }, /*#__PURE__*/React.createElement(_designSystem.Box, {
+    paddingTop: "9px",
+    paddingBottom: "9px",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 105,
+      columnNumber: 17
+    }
+  }, "Add Card")))), stageState.isLoading() ? /*#__PURE__*/React.createElement("div", {
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 112,
+      columnNumber: 13
+    }
+  }, "loading cards...") : /*#__PURE__*/React.createElement("div", {
+    "data-hook": `kanban-stage-cards-container-${stageState.stageKey()}`,
+    style: {
+      overflow: 'auto',
+      height: '100%',
+      maxHeight: 'calc(100vh - 400px)',
+      display: 'flex',
+      flexDirection: 'column',
+      gap: '12px'
+    },
+    onScroll: handleScroll,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 114,
+      columnNumber: 13
+    }
+  }, items == null ? void 0 : items.map((item, i) => /*#__PURE__*/React.createElement(_Card.CardComponent, {
+    key: i,
+    item: item.item,
+    stageKey: item.stageKey,
+    actionCell: props.actionCell,
+    dataExtension: props.dataExtension,
+    tags: props.tags,
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 127,
+      columnNumber: 17
+    }
+  })), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
+    className: "text-sm text-center text-gray-500",
+    __self: this,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 137,
+      columnNumber: 17
+    }
+  }, "Loading more...")))));
+}
+const StageComponent = exports.StageComponent = (0, _mobxReactLite.observer)(_StageComponent);
+//# sourceMappingURL=Stage.js.map

package/dist/cjs/components/Kanban/Stage.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_Card","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","stageState","stageSummary","props","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","items","useMemo","keyedItems","map","item","renderItem","stage","key","stageKey","createElement","Box","width","backgroundColor","borderRadius","paddingLeft","paddingRight","direction","__self","__source","fileName","lineNumber","columnNumber","paddingTop","marginBottom","padding","gap","Text","size","weight","stageName","CounterBadge","skin","truncate","totalItems","paddingBottom","AddItem","removePadding","isLoading","style","overflow","height","maxHeight","display","flexDirection","onScroll","CardComponent","actionCell","dataExtension","tags","className","StageComponent","exports","observer"],"sources":["../../../../src/components/Kanban/Stage.tsx"],"sourcesContent":["import * as React from 'react';\nimport { AddItem, Box, CounterBadge, Text } from '@wix/design-system';\nimport { FiltersMap, stringFilter } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { KanbanStageState } from '../../state/KanbanState/KanbanStageState';\nimport { CardComponent, KanbanCardProps } from './Card';\nimport { KanbanBaseProps } from './KanbanProps';\n\ninterface StageComponentProps<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> {\n  dataHook: string;\n  stageState: KanbanStageState<T, S, F>;\n  stageSummary?: KanbanBaseProps<T, S, F>['stageSummary'];\n  renderItem?: KanbanBaseProps<T, S, F>['renderItem'];\n  noResultsState?: KanbanBaseProps<T, S, F>['noResultsState'];\n  actionCell?: KanbanBaseProps<T, S, F>['actionCell'];\n  dataExtension?: KanbanBaseProps<T, S, F>['dataExtension'];\n  tags?: KanbanBaseProps<T, S, F>['tags'];\n}\n\nfunction _StageComponent<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n>({\n  dataHook,\n  stageState,\n  stageSummary,\n  ...props\n}: StageComponentProps<T, S, F>) {\n  const handleScroll = (e: React.UIEvent<HTMLDivElement>) => {\n    const { scrollTop, scrollHeight, clientHeight } = e.currentTarget;\n    if (\n      scrollHeight - scrollTop <= clientHeight + 10 &&\n      !stageState.itemsCollectionState.fetchedLastPage &&\n      !stageState.itemsCollectionState.result.status.isFetching\n    ) {\n      // stageState.fetchMore();\n    }\n  };\n\n  const items: KanbanCardProps<T, S, F>[] = React.useMemo(\n    () =>\n      stageState.itemsCollectionState.result.keyedItems.map((item: any) => ({\n        item: {\n          ...props.renderItem?.({\n            stage: stageState.stage,\n            item: item.item,\n          }),\n          key: item.key,\n        },\n        stageKey: stageState.stageKey(),\n      })),\n    [stageState.itemsCollectionState.result.keyedItems],\n  );\n\n  return (\n    <Box\n      width=\"270px\"\n      dataHook={`kanban-stage-container-${stageState.stageKey()}`}\n      backgroundColor=\"#F4F7FF\"\n      borderRadius=\"8px\"\n      paddingLeft=\"12px\"\n      paddingRight=\"12px\"\n      direction=\"vertical\"\n    >\n      <Box width=\"246px\" direction=\"vertical\">\n        <div\n          data-hook={dataHook}\n          // onDragOver={(e) => e.preventDefault()}\n          // onDrop={(e) => {\n          //   e.preventDefault();\n          // }}\n        >\n          <Box paddingTop=\"12px\" direction=\"vertical\">\n            <Box\n              marginBottom=\"24px\"\n              direction=\"vertical\"\n              padding=\"12px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box gap=\"6px\">\n                <Text\n                  size=\"small\"\n                  weight=\"bold\"\n                  dataHook={`kanban-stage-title-${stageState.stageKey()}`}\n                >\n                  {stageState.stageName()}\n                </Text>\n                <CounterBadge\n                  dataHook={`kanban-stage-title-total-${stageState.stageKey()}`}\n                  skin=\"light\"\n                  truncate={false}\n                >\n                  {stageState.totalItems()}\n                </CounterBadge>\n              </Box>\n              <Box>{stageSummary?.({ stage: stageState.stage })}</Box>\n            </Box>\n            <Box paddingBottom=\"12px\">\n              <AddItem size=\"tiny\" removePadding={true}>\n                <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                  Add Card\n                </Box>\n              </AddItem>\n            </Box>\n          </Box>\n          {stageState.isLoading() ? (\n            <div>loading cards...</div>\n          ) : (\n            <div\n              data-hook={`kanban-stage-cards-container-${stageState.stageKey()}`}\n              style={{\n                overflow: 'auto',\n                height: '100%',\n                maxHeight: 'calc(100vh - 400px)',\n                display: 'flex',\n                flexDirection: 'column',\n                gap: '12px',\n              }}\n              onScroll={handleScroll}\n            >\n              {items?.map((item, i: number) => (\n                <CardComponent\n                  key={i}\n                  item={item.item}\n                  stageKey={item.stageKey}\n                  actionCell={props.actionCell}\n                  dataExtension={props.dataExtension}\n                  tags={props.tags}\n                />\n              ))}\n              {stageState.itemsCollectionState.status.isLoading && (\n                <div className=\"text-sm text-center text-gray-500\">\n                  Loading more...\n                </div>\n              )}\n              {/* {!data?.cursor && !data?.loadingMore && (\n              <div className=\"text-xs text-center text-gray-400\">\n                No more cards\n              </div>\n            )}\n            {!data?.cards()?.length && emptyState}} */}\n            </div>\n          )}\n        </div>\n      </Box>\n    </Box>\n  );\n}\n\nexport const StageComponent = observer(_StageComponent);\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_ = "LoadingRow1904102831";
+var _namespace_ = "LoadingRow4276382591";
 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": "LoadingRow1904102831__root"
+  "root": "LoadingRow4276382591__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1904102831__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow4276382591__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_ = \"LoadingRow1904102831\";\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\":\"LoadingRow1904102831__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1904102831__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_ = \"LoadingRow4276382591\";\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\":\"LoadingRow4276382591__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow4276382591__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_ = "MaxHeightText1214324424";
+var _namespace_ = "MaxHeightText1958960322";
 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": "MaxHeightText1214324424__root"
+  "root": "MaxHeightText1958960322__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_ = \"MaxHeightText1214324424\";\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\":\"MaxHeightText1214324424__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_ = \"MaxHeightText1958960322\";\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\":\"MaxHeightText1958960322__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_ = "MaxLines3806585394";
+var _namespace_ = "MaxLines1460011817";
 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": "MaxLines3806585394__root"
+  "root": "MaxLines1460011817__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_ = \"MaxLines3806585394\";\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\":\"MaxLines3806585394__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_ = \"MaxLines1460011817\";\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\":\"MaxLines1460011817__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/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_ = "MultiBulkActionToolbar1064087199";
+var _namespace_ = "MultiBulkActionToolbar1457397207";
 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": "MultiBulkActionToolbar1064087199__root"
+  "root": "MultiBulkActionToolbar1457397207__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_ = \"MultiBulkActionToolbar1064087199\";\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\":\"MultiBulkActionToolbar1064087199__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_ = \"MultiBulkActionToolbar1457397207\";\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\":\"MultiBulkActionToolbar1457397207__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/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_ = "NestedTablePlaceholderStatesRow2756054532";
+var _namespace_ = "NestedTablePlaceholderStatesRow3539828977";
 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": "NestedTablePlaceholderStatesRow2756054532__root"
+  "root": "NestedTablePlaceholderStatesRow3539828977__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_ = \"NestedTablePlaceholderStatesRow2756054532\";\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\":\"NestedTablePlaceholderStatesRow2756054532__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_ = \"NestedTablePlaceholderStatesRow3539828977\";\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\":\"NestedTablePlaceholderStatesRow3539828977__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_ = "NestedTableRow1540656841";
+var _namespace_ = "NestedTableRow3721788398";
 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": "NestedTableRow1540656841__root",
-  "firstLevel": "NestedTableRow1540656841__firstLevel",
-  "placeholder": "NestedTableRow1540656841__placeholder",
-  "parentHovered": "NestedTableRow1540656841__parentHovered"
+  "root": "NestedTableRow3721788398__root",
+  "firstLevel": "NestedTableRow3721788398__firstLevel",
+  "placeholder": "NestedTableRow3721788398__placeholder",
+  "parentHovered": "NestedTableRow3721788398__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};