@wix/patterns 1.236.0 → 1.238.0

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

@@ -40,6 +40,10 @@ function KanbanUniDriver(base, body) {
     isKanbanLoading: () => base.$('[data-hook="kanban-stages-skeleton"]').exists(),
     stages: {
       count: () => base.$$('[data-hook^="kanban-stage-container"]').count(),
+      doneDividerExists: async () => {
+        const count = await base.$$(`[data-hook^="kanban-stages-done-divider"]`).count();
+        return count > 0;
+      },
       stageTitle: stageId => {
         return (0, _unidriver.TextUniDriver)(base.$(`[data-hook^="kanban-stage-title-${stageId}"]`), body);
       },

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

@@ -1 +1 @@
-{"version":3,"names":["_CollectionToolbarUni","require","_baseUniDriverFactory","_unidriver","_DragAndDropUni","KanbanUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","dragAndDrop","DragAndDropUniDriver","dragCardToStage","sourceStageKey","cardKey","targetStageKey","targetStageElement","exists","Error","sourceStageElement","cardElement","driverDragAndDrop","dragStart","dragEnd","baseUniDriverFactory","enterSearchText","text","clearSearchText","isKanbanLoading","stages","count","$$","stageTitle","stageId","TextUniDriver","stageSummary","counterBadge","CounterBadgeUniDriver","totalItems","getContentText","scrollToEndOfStageCardsContainer","stageKey","scrollableElementDataHook","page","getNative","evaluate","_dataHook","scrollableElement","document","querySelector","scrollBy","behavior","top","scrollHeight","waitForTimeout","pageScrollContent","nativeEl","scrollTop","clientHeight","dispatchEvent","Event","stageSummaryBadge","addCardButton","AddItemUniDriver","stagesSkeleton","BoxUniDriver","noResultsBox","cardsSkeleton","cards","getTitle","getPrimaryAction","button","ButtonUniDriver","getButtonTextContent","getSecondaryActions","popoverMenu","PopoverMenuUniDriver","triggerButton","getTriggerElement","iconButton","IconButtonUniDriver","clickTriggerElement","click","getActionModal","MessageModalLayoutUniDriver","_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';\nimport {\n  AddItemUniDriver,\n  BoxUniDriver,\n  ButtonUniDriver,\n  CounterBadgeUniDriver,\n  IconButtonUniDriver,\n  MessageModalLayoutUniDriver,\n  PopoverMenuUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\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  const dragAndDrop = () => DragAndDropUniDriver(base);\n\n  const dragCardToStage = async ({\n    sourceStageKey,\n    cardKey,\n    targetStageKey,\n  }: {\n    sourceStageKey: string;\n    cardKey: string;\n    targetStageKey: string;\n  }) => {\n    const targetStageElement = base.$(\n      `[data-hook^=\"kanban-stage-container-${targetStageKey}\"]`,\n    );\n\n    if (!(await targetStageElement.exists())) {\n      throw new Error(`Target stage with key ${targetStageKey} not found`);\n    }\n\n    const sourceStageElement = base.$(\n      `[data-hook^=\"kanban-stage-container-${sourceStageKey}\"]`,\n    );\n\n    if (!(await sourceStageElement.exists())) {\n      throw new Error(`Source stage with key ${sourceStageKey} not found`);\n    }\n\n    const cardElement = base.$(\n      `[data-hook^=\"kanban-card-drag-item-${sourceStageKey}-##-${cardKey}\"]`,\n    );\n\n    if (!(await cardElement.exists())) {\n      throw new Error(\n        `Card with key ${cardKey} not found in stage ${sourceStageKey}`,\n      );\n    }\n\n    const driverDragAndDrop = dragAndDrop();\n    await driverDragAndDrop.dragStart(cardElement);\n    await driverDragAndDrop.dragEnd(targetStageElement);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    toolbar: () => toolbar(),\n    enterSearchText: (text: string) => toolbar().enterSearchText(text),\n    clearSearchText: () => toolbar().clearSearchText(),\n    isKanbanLoading: () =>\n      base.$('[data-hook=\"kanban-stages-skeleton\"]').exists(),\n    stages: {\n      count: () => base.$$('[data-hook^=\"kanban-stage-container\"]').count(),\n      stageTitle: (stageId: string) => {\n        return TextUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-${stageId}\"]`),\n          body,\n        );\n      },\n      stageSummary: (stageId: string) => {\n        const counterBadge = CounterBadgeUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-total-${stageId}\"]`),\n          body,\n        );\n        return {\n          ...counterBadge,\n          exists: () => counterBadge.exists(),\n          totalItems: () => counterBadge.getContentText(),\n        };\n      },\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      stageSummaryBadge: (stageId: string) => {\n        const counterBadge = CounterBadgeUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-total-${stageId}\"]`),\n          body,\n        );\n        return {\n          ...counterBadge,\n          exists: () => counterBadge.exists(),\n          totalItems: () => counterBadge.getContentText(),\n        };\n      },\n      addCardButton: (stageKey: string) =>\n        AddItemUniDriver(\n          base.$(`[data-hook=\"kanban-stage-add-card-${stageKey}\"]`),\n          body,\n        ),\n      stagesSkeleton: () =>\n        BoxUniDriver(base.$('[data-hook=\"kanban-stages-skeleton\"]'), body),\n      noResultsBox: (stageKey: string) =>\n        BoxUniDriver(\n          base.$(`[data-hook=\"kanban-stage-no-results-${stageKey}\"]`),\n          body,\n        ),\n      cardsSkeleton: (stageKey: string) =>\n        BoxUniDriver(\n          base.$(`[data-hook=\"kanban-cards-skeleton-${stageKey}\"]`),\n          body,\n        ),\n    },\n    cards: {\n      count: (stageKey: string) =>\n        base.$$(`[data-hook^=\"kanban-card-${stageKey}-\"]`).count(),\n      exists: ({ stageKey, cardKey }: { stageKey: string; cardKey: string }) =>\n        base.$(`[data-hook^=\"kanban-card-${stageKey}-${cardKey}\"]`).exists(),\n      getTitle: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        return TextUniDriver(\n          base.$(`[data-hook^=\"kanban-card-title-${stageKey}-${cardKey}\"]`),\n          body,\n        );\n      },\n      getPrimaryAction: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        const button = ButtonUniDriver(\n          base.$(\n            `[data-hook=\"kanban-card-primary-action-${stageKey}-${cardKey}\"]`,\n          ),\n          body,\n        );\n        return {\n          ...button,\n          exists: () => button.exists(),\n          text: () => button.getButtonTextContent(),\n        };\n      },\n      getSecondaryActions: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        const popoverMenu = PopoverMenuUniDriver(\n          base.$(\n            `[data-hook=\"kanban-card-more-actions-${stageKey}-${cardKey}\"]`,\n          ),\n          body,\n        );\n\n        const triggerButton = popoverMenu.getTriggerElement(\n          `kanban-card-more-actions-trigger-${stageKey}-${cardKey}`,\n        );\n        const iconButton = IconButtonUniDriver(triggerButton, base);\n        return {\n          ...popoverMenu,\n          clickTriggerElement: () => iconButton.click(),\n        };\n      },\n      getActionModal: () =>\n        MessageModalLayoutUniDriver(\n          body.$('[data-hook=\"collection-action-modal\"]'),\n          body,\n        ),\n      dragCardToStage,\n    },\n  };\n}\n\nexport default KanbanUniDriver;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_CollectionToolbarUni","require","_baseUniDriverFactory","_unidriver","_DragAndDropUni","KanbanUniDriver","base","body","toolbarBase","$","toolbar","CollectionToolbarUniDriver","dragAndDrop","DragAndDropUniDriver","dragCardToStage","sourceStageKey","cardKey","targetStageKey","targetStageElement","exists","Error","sourceStageElement","cardElement","driverDragAndDrop","dragStart","dragEnd","baseUniDriverFactory","enterSearchText","text","clearSearchText","isKanbanLoading","stages","count","$$","doneDividerExists","stageTitle","stageId","TextUniDriver","stageSummary","counterBadge","CounterBadgeUniDriver","totalItems","getContentText","scrollToEndOfStageCardsContainer","stageKey","scrollableElementDataHook","page","getNative","evaluate","_dataHook","scrollableElement","document","querySelector","scrollBy","behavior","top","scrollHeight","waitForTimeout","pageScrollContent","nativeEl","scrollTop","clientHeight","dispatchEvent","Event","stageSummaryBadge","addCardButton","AddItemUniDriver","stagesSkeleton","BoxUniDriver","noResultsBox","cardsSkeleton","cards","getTitle","getPrimaryAction","button","ButtonUniDriver","getButtonTextContent","getSecondaryActions","popoverMenu","PopoverMenuUniDriver","triggerButton","getTriggerElement","iconButton","IconButtonUniDriver","clickTriggerElement","click","getActionModal","MessageModalLayoutUniDriver","_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';\nimport {\n  AddItemUniDriver,\n  BoxUniDriver,\n  ButtonUniDriver,\n  CounterBadgeUniDriver,\n  IconButtonUniDriver,\n  MessageModalLayoutUniDriver,\n  PopoverMenuUniDriver,\n  TextUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { DragAndDropUniDriver } from '../DragAndDrop/DragAndDrop.uni.driver';\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  const dragAndDrop = () => DragAndDropUniDriver(base);\n\n  const dragCardToStage = async ({\n    sourceStageKey,\n    cardKey,\n    targetStageKey,\n  }: {\n    sourceStageKey: string;\n    cardKey: string;\n    targetStageKey: string;\n  }) => {\n    const targetStageElement = base.$(\n      `[data-hook^=\"kanban-stage-container-${targetStageKey}\"]`,\n    );\n\n    if (!(await targetStageElement.exists())) {\n      throw new Error(`Target stage with key ${targetStageKey} not found`);\n    }\n\n    const sourceStageElement = base.$(\n      `[data-hook^=\"kanban-stage-container-${sourceStageKey}\"]`,\n    );\n\n    if (!(await sourceStageElement.exists())) {\n      throw new Error(`Source stage with key ${sourceStageKey} not found`);\n    }\n\n    const cardElement = base.$(\n      `[data-hook^=\"kanban-card-drag-item-${sourceStageKey}-##-${cardKey}\"]`,\n    );\n\n    if (!(await cardElement.exists())) {\n      throw new Error(\n        `Card with key ${cardKey} not found in stage ${sourceStageKey}`,\n      );\n    }\n\n    const driverDragAndDrop = dragAndDrop();\n    await driverDragAndDrop.dragStart(cardElement);\n    await driverDragAndDrop.dragEnd(targetStageElement);\n  };\n\n  return {\n    ...baseUniDriverFactory(base),\n    toolbar: () => toolbar(),\n    enterSearchText: (text: string) => toolbar().enterSearchText(text),\n    clearSearchText: () => toolbar().clearSearchText(),\n    isKanbanLoading: () =>\n      base.$('[data-hook=\"kanban-stages-skeleton\"]').exists(),\n    stages: {\n      count: () => base.$$('[data-hook^=\"kanban-stage-container\"]').count(),\n      doneDividerExists: async () => {\n        const count = await base\n          .$$(`[data-hook^=\"kanban-stages-done-divider\"]`)\n          .count();\n        return count > 0;\n      },\n      stageTitle: (stageId: string) => {\n        return TextUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-${stageId}\"]`),\n          body,\n        );\n      },\n      stageSummary: (stageId: string) => {\n        const counterBadge = CounterBadgeUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-total-${stageId}\"]`),\n          body,\n        );\n        return {\n          ...counterBadge,\n          exists: () => counterBadge.exists(),\n          totalItems: () => counterBadge.getContentText(),\n        };\n      },\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      stageSummaryBadge: (stageId: string) => {\n        const counterBadge = CounterBadgeUniDriver(\n          base.$(`[data-hook^=\"kanban-stage-title-total-${stageId}\"]`),\n          body,\n        );\n        return {\n          ...counterBadge,\n          exists: () => counterBadge.exists(),\n          totalItems: () => counterBadge.getContentText(),\n        };\n      },\n      addCardButton: (stageKey: string) =>\n        AddItemUniDriver(\n          base.$(`[data-hook=\"kanban-stage-add-card-${stageKey}\"]`),\n          body,\n        ),\n      stagesSkeleton: () =>\n        BoxUniDriver(base.$('[data-hook=\"kanban-stages-skeleton\"]'), body),\n      noResultsBox: (stageKey: string) =>\n        BoxUniDriver(\n          base.$(`[data-hook=\"kanban-stage-no-results-${stageKey}\"]`),\n          body,\n        ),\n      cardsSkeleton: (stageKey: string) =>\n        BoxUniDriver(\n          base.$(`[data-hook=\"kanban-cards-skeleton-${stageKey}\"]`),\n          body,\n        ),\n    },\n    cards: {\n      count: (stageKey: string) =>\n        base.$$(`[data-hook^=\"kanban-card-${stageKey}-\"]`).count(),\n      exists: ({ stageKey, cardKey }: { stageKey: string; cardKey: string }) =>\n        base.$(`[data-hook^=\"kanban-card-${stageKey}-${cardKey}\"]`).exists(),\n      getTitle: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        return TextUniDriver(\n          base.$(`[data-hook^=\"kanban-card-title-${stageKey}-${cardKey}\"]`),\n          body,\n        );\n      },\n      getPrimaryAction: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        const button = ButtonUniDriver(\n          base.$(\n            `[data-hook=\"kanban-card-primary-action-${stageKey}-${cardKey}\"]`,\n          ),\n          body,\n        );\n        return {\n          ...button,\n          exists: () => button.exists(),\n          text: () => button.getButtonTextContent(),\n        };\n      },\n      getSecondaryActions: ({\n        stageKey,\n        cardKey,\n      }: {\n        stageKey: string;\n        cardKey: string;\n      }) => {\n        const popoverMenu = PopoverMenuUniDriver(\n          base.$(\n            `[data-hook=\"kanban-card-more-actions-${stageKey}-${cardKey}\"]`,\n          ),\n          body,\n        );\n\n        const triggerButton = popoverMenu.getTriggerElement(\n          `kanban-card-more-actions-trigger-${stageKey}-${cardKey}`,\n        );\n        const iconButton = IconButtonUniDriver(triggerButton, base);\n        return {\n          ...popoverMenu,\n          clickTriggerElement: () => iconButton.click(),\n        };\n      },\n      getActionModal: () =>\n        MessageModalLayoutUniDriver(\n          body.$('[data-hook=\"collection-action-modal\"]'),\n          body,\n        ),\n      dragCardToStage,\n    },\n  };\n}\n\nexport default KanbanUniDriver;\n"],"mappings":"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","ignoreList":[]}

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

@@ -26,6 +26,9 @@ function _StageComponent({
 }) {
   var _state$items$create, _state$items$create3;
   const stageState = state.kanbanStageStates[stageKey];
+  const {
+    events
+  } = state;
   const handleScroll = e => {
     const {
       scrollTop,
@@ -47,6 +50,28 @@ function _StageComponent({
       stageState.showErrorToast(status.error);
     }
   }, [stageState.hasError]);
+  const scrollToCardInStage = ({
+    stageKey: _stageKey,
+    cardKey
+  }) => {
+    if (stageKey !== stageState.stageKey) {
+      return;
+    }
+    const cardElement = document.querySelector(`[data-hook="kanban-card-container-${_stageKey}-${cardKey}"]`);
+    if (cardElement) {
+      cardElement.scrollIntoView({
+        behavior: 'smooth',
+        block: 'nearest',
+        inline: 'center'
+      });
+    }
+  };
+  (0, _react.useEffect)(() => {
+    events.on('scrollToCardInStage', scrollToCardInStage);
+    return () => {
+      events.off('scrollToCardInStage', scrollToCardInStage);
+    };
+  }, []);
 
   // Make the stage droppable
   const {
@@ -86,7 +111,7 @@ function _StageComponent({
     DraggableCard
   } = _KanbanCardDragAndDrop.KanbanCardDragAndDrop;
   const isInSearchMode = state.isInSearchMode();
-  const isStageLoading = stageState.isLoading();
+  const isStageLoading = stageState.isLoading;
   const isChangingFiltersValue = state.getIsChangingFiltersValue();
   const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;
   return /*#__PURE__*/React.createElement("div", (0, _extends2.default)({
@@ -117,7 +142,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 100,
+      lineNumber: 130,
       columnNumber: 5
     }
   }), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -126,7 +151,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 155,
       columnNumber: 7
     }
   }, /*#__PURE__*/React.createElement("div", {
@@ -134,7 +159,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 156,
       columnNumber: 9
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -143,25 +168,25 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 157,
       columnNumber: 11
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
     marginBottom: "24px",
     direction: "vertical",
-    padding: "12px 6px 0 6px",
+    padding: "0px 6px 0 6px",
     borderRadius: "8px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 158,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 164,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -169,7 +194,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 135,
+      lineNumber: 165,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Text, {
@@ -180,7 +205,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 136,
+      lineNumber: 166,
       columnNumber: 19
     }
   }, stageState.stageName)), shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.CounterBadge, {
@@ -190,7 +215,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 146,
+      lineNumber: 176,
       columnNumber: 19
     }
   }, stageState.totalItems()) : null), /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -198,7 +223,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 156,
+      lineNumber: 186,
       columnNumber: 15
     }
   }, shouldShowStageSummary ? /*#__PURE__*/React.createElement(_designSystem.Text, {
@@ -207,17 +232,16 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 158,
+      lineNumber: 188,
       columnNumber: 19
     }
   }, stageSummary == null ? void 0 : stageSummary({
     stage: stageState.stage
   })) : null)), shouldShowStageSummary && (_state$items$create = state.items.create) != null && _state$items$create.title ? /*#__PURE__*/React.createElement(_designSystem.Box, {
-    paddingBottom: "12px",
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 165,
+      lineNumber: 195,
       columnNumber: 15
     }
   }, /*#__PURE__*/React.createElement(_designSystem.AddItem, {
@@ -233,7 +257,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 166,
+      lineNumber: 196,
       columnNumber: 17
     }
   }, /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -242,7 +266,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 176,
+      lineNumber: 206,
       columnNumber: 19
     }
   }, (_state$items$create3 = state.items.create) == null ? void 0 : _state$items$create3.title))) : null), state.isRefetching || isStageLoading || isChangingFiltersValue ? /*#__PURE__*/React.createElement(_CardsSkeleton.CardsSkeleton, {
@@ -250,7 +274,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 184,
+      lineNumber: 214,
       columnNumber: 13
     }
   }) : /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -259,29 +283,29 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 186,
+      lineNumber: 216,
       columnNumber: 13
     }
   }, /*#__PURE__*/React.createElement("div", {
     "data-hook": `kanban-stage-cards-container-${stageState.stageKey}`,
     style: {
       overflow: 'auto',
-      height: '100%',
       minHeight: '430px',
-      maxHeight: 'calc(100vh - 420px)',
+      height: 'calc(100vh - 420px)',
       display: 'flex',
       flexDirection: 'column',
       gap: '12px',
       alignItems: 'center',
       overflowX: 'hidden',
       scrollbarWidth: 'thin',
-      scrollbarColor: '#CFD1DC transparent'
+      scrollbarColor: '#CFD1DC transparent',
+      paddingTop: '3px'
     },
     onScroll: handleScroll,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 187,
+      lineNumber: 217,
       columnNumber: 15
     }
   }, isInSearchMode && items.length === 0 ? /*#__PURE__*/React.createElement(_designSystem.Box, {
@@ -291,7 +315,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 205,
+      lineNumber: 235,
       columnNumber: 19
     }
   }, props.noResultsState) : items == null ? void 0 : items.map(item => /*#__PURE__*/React.createElement(DraggableCard, {
@@ -312,7 +336,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 214,
+      lineNumber: 244,
       columnNumber: 21
     }
   }, _Card.CardComponent)), stageState.itemsCollectionState.status.isLoading && /*#__PURE__*/React.createElement("div", {
@@ -320,7 +344,7 @@ function _StageComponent({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 235,
+      lineNumber: 265,
       columnNumber: 19
     }
   }, "Loading more..."))))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","React","_designSystem","_mobxReactLite","_Card","_KanbanCardDragAndDrop","_state","_core","_mobx","_CardsSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","state","stageSummary","activeStageKey","stageKey","props","_state$items$create","_state$items$create3","stageState","kanbanStageStates","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","useEffect","hasError","showErrorToast","error","isOver","setNodeRef","setDroppableRef","useDroppable","id","isDndSourceStage","items","useMemo","map","keyedItem","index","itemActionsState","ItemActionsState","fade","collection","originalItem","item","itemIndex","renderItem","stage","key","actionCell","length","DraggableCard","KanbanCardDragAndDrop","isInSearchMode","isStageLoading","isLoading","isChangingFiltersValue","getIsChangingFiltersValue","shouldShowStageSummary","createElement","_extends2","ref","style","width","backgroundColor","borderRadius","display","flexDirection","border","process","env","NODE_ENV","onPointerUp","action","dragAndDropState","activeId","handleDragEnd","over","active","__self","__source","fileName","lineNumber","columnNumber","Box","direction","padding","marginBottom","paddingRight","Text","size","weight","ellipsis","stageName","CounterBadge","skin","truncate","totalItems","gap","create","title","paddingBottom","AddItem","removePadding","onClick","_state$items$create2","navigateToEntityPage","paddingTop","isRefetching","CardsSkeleton","overflow","height","minHeight","maxHeight","alignItems","overflowX","scrollbarWidth","scrollbarColor","onScroll","flex","verticalAlign","noResultsState","cardProps","dataExtension","tags","CardComponent","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, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CardComponent, KanbanCardProps } from './Card';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { ItemActionsState } from '../../state';\nimport { useDroppable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\nimport { CardsSkeleton } from './CardsSkeleton';\nimport { useEffect } from 'react';\n\ninterface StageComponentProps<T, S, F extends FiltersMap> {\n  dataHook: string;\n  state: KanbanState<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  activeStageKey?: string | null; // Active source stage key\n  stageKey: string;\n}\n\nfunction _StageComponent<T, S, F extends FiltersMap>({\n  dataHook,\n  state,\n  stageSummary,\n  activeStageKey,\n  stageKey,\n  ...props\n}: StageComponentProps<T, S, F>) {\n  const stageState = state.kanbanStageStates[stageKey];\n\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 {\n    result: { keyedItems },\n    status,\n  } = stageState.itemsCollectionState;\n\n  useEffect(() => {\n    if (stageState.hasError) {\n      stageState.showErrorToast(status.error);\n    }\n  }, [stageState.hasError]);\n\n  // Make the stage droppable\n  const { isOver, setNodeRef: setDroppableRef } = useDroppable({\n    id: stageState.stageKey,\n  });\n\n  // Check if this stage is the source stage (where drag originated)\n  const isDndSourceStage = activeStageKey === stageState.stageKey;\n\n  const items: KanbanCardProps<T, S, F>[] = React.useMemo(() => {\n    return keyedItems.map((keyedItem: KeyedItem<T>, index: number) => {\n      const itemActionsState = new ItemActionsState({\n        fade: 'static',\n        keyedItem,\n        collection: stageState.itemsCollectionState,\n      });\n\n      return {\n        keyedItem,\n        stageKey: stageState.stageKey,\n        originalItem: keyedItem.item,\n        itemIndex: index,\n        itemActionsState,\n        item: {\n          ...props.renderItem?.({\n            stage: stageState.stage,\n            item: keyedItem.item,\n          }),\n          key: keyedItem.key,\n        },\n        actionCell: props.actionCell,\n      };\n    });\n  }, [keyedItems, keyedItems.length]);\n\n  const { DraggableCard } = KanbanCardDragAndDrop;\n  const isInSearchMode = state.isInSearchMode();\n  const isStageLoading = stageState.isLoading();\n  const isChangingFiltersValue = state.getIsChangingFiltersValue();\n  const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;\n  return (\n    <div\n      ref={setDroppableRef}\n      data-hook={`kanban-stage-container-${stageState.stageKey}`}\n      style={{\n        width: '270px',\n        backgroundColor: isOver && !isDndSourceStage ? '#D6E6FE' : '#F4F7FF',\n        borderRadius: '8px',\n        display: 'flex',\n        flexDirection: 'column',\n        border:\n          isOver && !isDndSourceStage\n            ? '1px dashed #80B1FF'\n            : '1px solid transparent',\n      }}\n      {...(process.env.NODE_ENV === 'test' && {\n        onPointerUp: action(() => {\n          if (state.dragAndDropState.activeId) {\n            state.dragAndDropState.handleDragEnd({\n              over: { id: stageState.stageKey },\n              active: { id: state.dragAndDropState.activeId },\n            } as any);\n          }\n        }),\n      })}\n    >\n      <Box width=\"270px\" direction=\"vertical\">\n        <div data-hook={dataHook}>\n          <Box direction=\"vertical\" padding=\"12px\">\n            <Box\n              marginBottom=\"24px\"\n              direction=\"vertical\"\n              padding=\"12px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box>\n                <Box paddingRight=\"6px\">\n                  <Text\n                    size=\"small\"\n                    weight=\"bold\"\n                    dataHook={`kanban-stage-title-${stageState.stageKey}`}\n                    ellipsis={true}\n                  >\n                    {stageState.stageName}\n                  </Text>\n                </Box>\n                {shouldShowStageSummary ? (\n                  <CounterBadge\n                    dataHook={`kanban-stage-title-total-${stageState.stageKey}`}\n                    skin=\"light\"\n                    truncate={false}\n                  >\n                    {stageState.totalItems()}\n                  </CounterBadge>\n                ) : null}\n              </Box>\n\n              <Box gap=\"0.2em\">\n                {shouldShowStageSummary ? (\n                  <Text size=\"tiny\" weight=\"thin\">\n                    {stageSummary?.({ stage: stageState.stage })}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            {shouldShowStageSummary && state.items.create?.title ? (\n              <Box paddingBottom=\"12px\">\n                <AddItem\n                  size=\"tiny\"\n                  removePadding={true}\n                  dataHook={`kanban-stage-add-card-${stageState.stageKey}`}\n                  onClick={() => {\n                    state.items.create?.navigateToEntityPage?.({\n                      stage: stageState.stage,\n                    });\n                  }}\n                >\n                  <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                    {state.items.create?.title}\n                  </Box>\n                </AddItem>\n              </Box>\n            ) : null}\n          </Box>\n          {state.isRefetching || isStageLoading || isChangingFiltersValue ? (\n            <CardsSkeleton stageKey={stageState.stageKey} />\n          ) : (\n            <Box paddingBottom=\"12px\" direction=\"vertical\">\n              <div\n                data-hook={`kanban-stage-cards-container-${stageState.stageKey}`}\n                style={{\n                  overflow: 'auto',\n                  height: '100%',\n                  minHeight: '430px',\n                  maxHeight: 'calc(100vh - 420px)',\n                  display: 'flex',\n                  flexDirection: 'column',\n                  gap: '12px',\n                  alignItems: 'center',\n                  overflowX: 'hidden',\n                  scrollbarWidth: 'thin',\n                  scrollbarColor: '#CFD1DC transparent',\n                }}\n                onScroll={handleScroll}\n              >\n                {isInSearchMode && items.length === 0 ? (\n                  <Box\n                    flex=\"1\"\n                    verticalAlign=\"middle\"\n                    dataHook={`kanban-stage-no-results-${stageState.stageKey}`}\n                  >\n                    {props.noResultsState}\n                  </Box>\n                ) : (\n                  items?.map((item) => (\n                    <DraggableCard\n                      key={`${item.stageKey}-##-${item.item.key}`}\n                      id={`${item.stageKey}-##-${item.item.key}`}\n                      state={state}\n                      cardProps={{\n                        keyedItem: item.keyedItem,\n                        originalItem: item.keyedItem.item,\n                        itemIndex: item.itemIndex,\n                        item: item.item,\n                        stageKey: item.stageKey,\n                        actionCell: item.actionCell,\n                        itemActionsState: item.itemActionsState,\n                        dataExtension: props.dataExtension,\n                        tags: props.tags,\n                      }}\n                    >\n                      {CardComponent}\n                    </DraggableCard>\n                  ))\n                )}\n                {stageState.itemsCollectionState.status.isLoading && (\n                  <div className=\"text-sm text-center text-gray-500\">\n                    Loading more...\n                  </div>\n                )}\n              </div>\n            </Box>\n          )}\n        </div>\n      </Box>\n    </div>\n  );\n}\n\nexport const StageComponent = observer(_StageComponent);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","React","_designSystem","_mobxReactLite","_Card","_KanbanCardDragAndDrop","_state","_core","_mobx","_CardsSkeleton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_StageComponent","dataHook","state","stageSummary","activeStageKey","stageKey","props","_state$items$create","_state$items$create3","stageState","kanbanStageStates","events","handleScroll","scrollTop","scrollHeight","clientHeight","currentTarget","itemsCollectionState","fetchedLastPage","result","status","isFetching","fetchMore","keyedItems","useEffect","hasError","showErrorToast","error","scrollToCardInStage","_stageKey","cardKey","cardElement","document","querySelector","scrollIntoView","behavior","block","inline","on","off","isOver","setNodeRef","setDroppableRef","useDroppable","id","isDndSourceStage","items","useMemo","map","keyedItem","index","itemActionsState","ItemActionsState","fade","collection","originalItem","item","itemIndex","renderItem","stage","key","actionCell","length","DraggableCard","KanbanCardDragAndDrop","isInSearchMode","isStageLoading","isLoading","isChangingFiltersValue","getIsChangingFiltersValue","shouldShowStageSummary","createElement","_extends2","ref","style","width","backgroundColor","borderRadius","display","flexDirection","border","process","env","NODE_ENV","onPointerUp","action","dragAndDropState","activeId","handleDragEnd","over","active","__self","__source","fileName","lineNumber","columnNumber","Box","direction","padding","marginBottom","paddingRight","Text","size","weight","ellipsis","stageName","CounterBadge","skin","truncate","totalItems","gap","create","title","AddItem","removePadding","onClick","_state$items$create2","navigateToEntityPage","paddingTop","paddingBottom","isRefetching","CardsSkeleton","overflow","minHeight","height","alignItems","overflowX","scrollbarWidth","scrollbarColor","onScroll","flex","verticalAlign","noResultsState","cardProps","dataExtension","tags","CardComponent","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, KeyedItem } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { CardComponent, KanbanCardProps } from './Card';\nimport { KanbanBaseProps } from './KanbanProps';\nimport { KanbanCardDragAndDrop } from '../KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\nimport { ItemActionsState } from '../../state';\nimport { useDroppable } from '@wix/wix-style-react-incubator/dnd-kit/core';\nimport { KanbanState } from '../../state/KanbanState';\nimport { action } from 'mobx';\nimport { CardsSkeleton } from './CardsSkeleton';\nimport { useEffect } from 'react';\n\ninterface StageComponentProps<T, S, F extends FiltersMap> {\n  dataHook: string;\n  state: KanbanState<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  activeStageKey?: string | null; // Active source stage key\n  stageKey: string;\n}\n\nfunction _StageComponent<T, S, F extends FiltersMap>({\n  dataHook,\n  state,\n  stageSummary,\n  activeStageKey,\n  stageKey,\n  ...props\n}: StageComponentProps<T, S, F>) {\n  const stageState = state.kanbanStageStates[stageKey];\n  const { events } = state;\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 {\n    result: { keyedItems },\n    status,\n  } = stageState.itemsCollectionState;\n\n  useEffect(() => {\n    if (stageState.hasError) {\n      stageState.showErrorToast(status.error);\n    }\n  }, [stageState.hasError]);\n\n  const scrollToCardInStage = ({\n    stageKey: _stageKey,\n    cardKey,\n  }: {\n    stageKey: string;\n    cardKey: string;\n  }) => {\n    if (stageKey !== stageState.stageKey) {\n      return;\n    }\n    const cardElement = document.querySelector(\n      `[data-hook=\"kanban-card-container-${_stageKey}-${cardKey}\"]`,\n    );\n    if (cardElement) {\n      cardElement.scrollIntoView({\n        behavior: 'smooth',\n        block: 'nearest',\n        inline: 'center',\n      });\n    }\n  };\n\n  useEffect(() => {\n    events.on('scrollToCardInStage', scrollToCardInStage);\n\n    return () => {\n      events.off('scrollToCardInStage', scrollToCardInStage);\n    };\n  }, []);\n\n  // Make the stage droppable\n  const { isOver, setNodeRef: setDroppableRef } = useDroppable({\n    id: stageState.stageKey,\n  });\n\n  // Check if this stage is the source stage (where drag originated)\n  const isDndSourceStage = activeStageKey === stageState.stageKey;\n\n  const items: KanbanCardProps<T, S, F>[] = React.useMemo(() => {\n    return keyedItems.map((keyedItem: KeyedItem<T>, index: number) => {\n      const itemActionsState = new ItemActionsState({\n        fade: 'static',\n        keyedItem,\n        collection: stageState.itemsCollectionState,\n      });\n\n      return {\n        keyedItem,\n        stageKey: stageState.stageKey,\n        originalItem: keyedItem.item,\n        itemIndex: index,\n        itemActionsState,\n        item: {\n          ...props.renderItem?.({\n            stage: stageState.stage,\n            item: keyedItem.item,\n          }),\n          key: keyedItem.key,\n        },\n        actionCell: props.actionCell,\n      };\n    });\n  }, [keyedItems, keyedItems.length]);\n\n  const { DraggableCard } = KanbanCardDragAndDrop;\n  const isInSearchMode = state.isInSearchMode();\n  const isStageLoading = stageState.isLoading;\n  const isChangingFiltersValue = state.getIsChangingFiltersValue();\n  const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;\n  return (\n    <div\n      ref={setDroppableRef}\n      data-hook={`kanban-stage-container-${stageState.stageKey}`}\n      style={{\n        width: '270px',\n        backgroundColor: isOver && !isDndSourceStage ? '#D6E6FE' : '#F4F7FF',\n        borderRadius: '8px',\n        display: 'flex',\n        flexDirection: 'column',\n        border:\n          isOver && !isDndSourceStage\n            ? '1px dashed #80B1FF'\n            : '1px solid transparent',\n      }}\n      {...(process.env.NODE_ENV === 'test' && {\n        onPointerUp: action(() => {\n          if (state.dragAndDropState.activeId) {\n            state.dragAndDropState.handleDragEnd({\n              over: { id: stageState.stageKey },\n              active: { id: state.dragAndDropState.activeId },\n            } as any);\n          }\n        }),\n      })}\n    >\n      <Box width=\"270px\" direction=\"vertical\">\n        <div data-hook={dataHook}>\n          <Box direction=\"vertical\" padding=\"12px\">\n            <Box\n              marginBottom=\"24px\"\n              direction=\"vertical\"\n              padding=\"0px 6px 0 6px\"\n              borderRadius=\"8px\"\n            >\n              <Box>\n                <Box paddingRight=\"6px\">\n                  <Text\n                    size=\"small\"\n                    weight=\"bold\"\n                    dataHook={`kanban-stage-title-${stageState.stageKey}`}\n                    ellipsis={true}\n                  >\n                    {stageState.stageName}\n                  </Text>\n                </Box>\n                {shouldShowStageSummary ? (\n                  <CounterBadge\n                    dataHook={`kanban-stage-title-total-${stageState.stageKey}`}\n                    skin=\"light\"\n                    truncate={false}\n                  >\n                    {stageState.totalItems()}\n                  </CounterBadge>\n                ) : null}\n              </Box>\n\n              <Box gap=\"0.2em\">\n                {shouldShowStageSummary ? (\n                  <Text size=\"tiny\" weight=\"thin\">\n                    {stageSummary?.({ stage: stageState.stage })}\n                  </Text>\n                ) : null}\n              </Box>\n            </Box>\n            {shouldShowStageSummary && state.items.create?.title ? (\n              <Box>\n                <AddItem\n                  size=\"tiny\"\n                  removePadding={true}\n                  dataHook={`kanban-stage-add-card-${stageState.stageKey}`}\n                  onClick={() => {\n                    state.items.create?.navigateToEntityPage?.({\n                      stage: stageState.stage,\n                    });\n                  }}\n                >\n                  <Box paddingTop=\"9px\" paddingBottom=\"9px\">\n                    {state.items.create?.title}\n                  </Box>\n                </AddItem>\n              </Box>\n            ) : null}\n          </Box>\n          {state.isRefetching || isStageLoading || isChangingFiltersValue ? (\n            <CardsSkeleton stageKey={stageState.stageKey} />\n          ) : (\n            <Box paddingBottom=\"12px\" direction=\"vertical\">\n              <div\n                data-hook={`kanban-stage-cards-container-${stageState.stageKey}`}\n                style={{\n                  overflow: 'auto',\n                  minHeight: '430px',\n                  height: 'calc(100vh - 420px)',\n                  display: 'flex',\n                  flexDirection: 'column',\n                  gap: '12px',\n                  alignItems: 'center',\n                  overflowX: 'hidden',\n                  scrollbarWidth: 'thin',\n                  scrollbarColor: '#CFD1DC transparent',\n                  paddingTop: '3px',\n                }}\n                onScroll={handleScroll}\n              >\n                {isInSearchMode && items.length === 0 ? (\n                  <Box\n                    flex=\"1\"\n                    verticalAlign=\"middle\"\n                    dataHook={`kanban-stage-no-results-${stageState.stageKey}`}\n                  >\n                    {props.noResultsState}\n                  </Box>\n                ) : (\n                  items?.map((item) => (\n                    <DraggableCard\n                      key={`${item.stageKey}-##-${item.item.key}`}\n                      id={`${item.stageKey}-##-${item.item.key}`}\n                      state={state}\n                      cardProps={{\n                        keyedItem: item.keyedItem,\n                        originalItem: item.keyedItem.item,\n                        itemIndex: item.itemIndex,\n                        item: item.item,\n                        stageKey: item.stageKey,\n                        actionCell: item.actionCell,\n                        itemActionsState: item.itemActionsState,\n                        dataExtension: props.dataExtension,\n                        tags: props.tags,\n                      }}\n                    >\n                      {CardComponent}\n                    </DraggableCard>\n                  ))\n                )}\n                {stageState.itemsCollectionState.status.isLoading && (\n                  <div className=\"text-sm text-center text-gray-500\">\n                    Loading more...\n                  </div>\n                )}\n              </div>\n            </Box>\n          )}\n        </div>\n      </Box>\n    </div>\n  );\n}\n\nexport const StageComponent = observer(_StageComponent);\n"],"mappings":"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","ignoreList":[]}

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

@@ -111,6 +111,7 @@ function useCardActions({
       } = action;
       return /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, (0, _extends2.default)({
         key: index,
+        subtitle: action.disabledDescription,
         prefixIcon: prefixIcon,
         dataHook: action.dataHook || `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`
       }, rest, {

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_CollectionItemActionsHelper","_useExtensionMenuItems","_ToolbarCollectionContext","_designSystem","_getDefaultActionCellProps","_wixUiIconsCommon","_jsxFileName","evaluateActionCell","actionCell","originalItem","itemIndex","itemActionsState","actionCellAPI","useCardActions","stageKey","cardKey","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellConfig","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","actionCellProps","keyedItem","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","secondaryActions","length","default","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","maxWidth","dataHook","triggerElement","toggle","close","IconButton","onClick","e","stopPropagation","reportOnPopoverMenuShow","onMouseLeave","priority","size","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","map","action","index","divider","Divider","key","icon","prefixIcon","rest","MenuItem","primaryActionProps"],"sources":["../../../../src/components/Kanban/useCardActions.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionCellProps } from '../ActionCell';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from '../CollectionItemActions/CollectionItemActionsHelper';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps } from '../../exports/alpha';\nimport { ItemActionsState } from '../../state';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { IconButton, PopoverMenu } from '@wix/design-system';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\n\ninterface CardActionCell<T, S, F extends FiltersMap> {\n  actionCell: KanbanBaseProps<T, S, F>['actionCell'];\n  originalItem: T;\n  itemIndex: number;\n  itemActionsState: ItemActionsState<T, F>;\n  stageKey: string;\n  cardKey: string;\n}\n\nexport function evaluateActionCell<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n}: Omit<CardActionCell<T, S, F>, 'stageKey' | 'cardKey'>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(originalItem, itemIndex, itemActionsState.actionCellAPI);\n  }\n\n  return actionCell;\n}\n\nexport function useCardActions<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n  stageKey,\n  cardKey,\n}: CardActionCell<T, S, F>) {\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n\n  const actionCellConfig = evaluateActionCell({\n    actionCell,\n    originalItem,\n    itemIndex,\n    itemActionsState,\n  });\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellConfig.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps: actionCellConfig,\n    keyedItem: itemActionsState.keyedItem,\n    extensionMenuItems,\n  });\n\n  const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n    toolbarBIReporter,\n    actionCellConfig,\n    itemActionsState.keyedItem,\n  );\n\n  let secondaryActions: React.ReactNode | null = null;\n\n  if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    secondaryActions = (\n      <PopoverMenu\n        {...actionCellConfig.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        maxWidth=\"260px\"\n        dataHook={`kanban-card-more-actions-${stageKey}-${cardKey}`}\n        triggerElement={({ toggle, close }) => (\n          <IconButton\n            dataHook={`kanban-card-more-actions-trigger-${stageKey}-${cardKey}`}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n              reportOnPopoverMenuShow(\n                toolbarBIReporter,\n                actionCellConfig,\n                itemActionsState.keyedItem,\n              );\n            }}\n            onMouseLeave={close}\n            priority=\"secondary\"\n            size=\"tiny\"\n          >\n            <MoreSmall />\n          </IconButton>\n        )}\n      >\n        {secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n          const { icon: prefixIcon, ...rest } = action;\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              prefixIcon={prefixIcon}\n              dataHook={\n                action.dataHook ||\n                `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`\n              }\n              {...rest}\n            />\n          );\n        })}\n      </PopoverMenu>\n    );\n  }\n  return {\n    secondaryActions,\n    primaryActionProps: primaryActionCellPropsWithBI,\n  };\n}\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,4BAAA,GAAAD,OAAA;AAKA,IAAAE,sBAAA,GAAAF,OAAA;AAIA,IAAAG,yBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,0BAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAAqD,IAAAO,YAAA;AAW9C,SAASC,kBAAkBA,CAA6B;EAC7DC,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC;AACqD,CAAC,EAAmB;EACzE,IAAI,CAACH,UAAU,EAAE;IACf,OAAO,CAAC,CAAC;EACX;EAEA,IAAI,OAAOA,UAAU,KAAK,UAAU,EAAE;IACpC,OAAOA,UAAU,CAACC,YAAY,EAAEC,SAAS,EAAEC,gBAAgB,CAACC,aAAa,CAAC;EAC5E;EAEA,OAAOJ,UAAU;AACnB;AAEO,SAASK,cAAcA,CAA6B;EACzDL,UAAU;EACVC,YAAY;EACZC,SAAS;EACTC,gBAAgB;EAChBG,QAAQ;EACRC;AACuB,CAAC,EAAE;EAC1B,MAAMC,YAAY,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAClD,MAAM;IAAEC;EAAkB,CAAC,GAAGF,YAAY;EAE1C,MAAMG,gBAAgB,GAAGZ,kBAAkB,CAAC;IAC1CC,UAAU;IACVC,YAAY;IACZC,SAAS;IACTC;EACF,CAAC,CAAC;EAEF,MAAMS,kBAAkB,GAAG,IAAAC,4CAAqB,EAAC;IAC/CC,WAAW,EAAEH,gBAAgB,CAACG;EAChC,CAAC,CAAC;EAEF,MAAMC,8BAA8B,GAAG,IAAAC,gEAAmC,EAAC;IACzEN,iBAAiB;IACjBO,eAAe,EAAEN,gBAAgB;IACjCO,SAAS,EAAEf,gBAAgB,CAACe,SAAS;IACrCN;EACF,CAAC,CAAC;EAEF,MAAMO,4BAA4B,GAAG,IAAAC,+DAAkC,EACrEV,iBAAiB,EACjBC,gBAAgB,EAChBR,gBAAgB,CAACe,SACnB,CAAC;EAED,IAAIG,gBAAwC,GAAG,IAAI;EAEnD,IACEN,8BAA8B,IAC9BA,8BAA8B,CAACO,MAAM,GAAG,CAAC,EACzC;IACAD,gBAAgB,gBACdhC,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,WAAW,MAAAC,SAAA,CAAAH,OAAA,MACNZ,gBAAgB,CAACgB,gBAAgB,EACjC,IAAAC,oDAAyB,EAAC,CAAC;MAC/BC,QAAQ,EAAC,OAAO;MAChBC,QAAQ,EAAE,4BAA4BxB,QAAQ,IAAIC,OAAO,EAAG;MAC5DwB,cAAc,EAAEA,CAAC;QAAEC,MAAM;QAAEC;MAAM,CAAC,kBAChC5C,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAAuC,UAAU;QACTJ,QAAQ,EAAE,oCAAoCxB,QAAQ,IAAIC,OAAO,EAAG;QACpE4B,OAAO,EAAGC,CAAC,IAAK;UACdA,CAAC,CAACC,eAAe,CAAC,CAAC;UACnBL,MAAM,CAAC,CAAC;UACR,IAAAM,oDAAuB,EACrB5B,iBAAiB,EACjBC,gBAAgB,EAChBR,gBAAgB,CAACe,SACnB,CAAC;QACH,CAAE;QACFqB,YAAY,EAAEN,KAAM;QACpBO,QAAQ,EAAC,WAAW;QACpBC,IAAI,EAAC,MAAM;QAAAC,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9C,YAAA;UAAA+C,UAAA;UAAAC,YAAA;QAAA;MAAA,gBAEXzD,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC3B,iBAAA,CAAAkD,SAAS;QAAAL,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9C,YAAA;UAAA+C,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CACF,CACZ;MAAAJ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA9C,YAAA;QAAA+C,UAAA;QAAAC,YAAA;MAAA;IAAA,IAED/B,8BAA8B,CAACiC,GAAG,CAAC,CAACC,MAAM,EAAEC,KAAK,KAAK;MACrD,IAAID,MAAM,CAACE,OAAO,EAAE;QAClB,oBAAO9D,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,WAAW,CAAC2B,OAAO;UAACC,GAAG,EAAEH,KAAM;UAAAR,MAAA;UAAAC,QAAA;YAAAC,QAAA,EAAA9C,YAAA;YAAA+C,UAAA;YAAAC,YAAA;UAAA;QAAA,CAAE,CAAC;MAC5C;MACA,MAAM;QAAEQ,IAAI,EAAEC,UAAU;QAAE,GAAGC;MAAK,CAAC,GAAGP,MAAM;MAC5C,oBACE5D,MAAA,CAAAkC,OAAA,CAAAC,aAAA,CAAC7B,aAAA,CAAA8B,WAAW,CAACgC,QAAQ,MAAA/B,SAAA,CAAAH,OAAA;QACnB8B,GAAG,EAAEH,KAAM;QACXK,UAAU,EAAEA,UAAW;QACvBzB,QAAQ,EACNmB,MAAM,CAACnB,QAAQ,IACf,iCAAiCxB,QAAQ,IAAIC,OAAO,IAAI2C,KAAK;MAC9D,GACGM,IAAI;QAAAd,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAA9C,YAAA;UAAA+C,UAAA;UAAAC,YAAA;QAAA;MAAA,EACT,CAAC;IAEN,CAAC,CACU,CACd;EACH;EACA,OAAO;IACLzB,gBAAgB;IAChBqC,kBAAkB,EAAEvC;EACtB,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_CollectionItemActionsHelper","_useExtensionMenuItems","_ToolbarCollectionContext","_designSystem","_getDefaultActionCellProps","_wixUiIconsCommon","_jsxFileName","evaluateActionCell","actionCell","originalItem","itemIndex","itemActionsState","actionCellAPI","useCardActions","stageKey","cardKey","toolbarState","useToolbarCollectionContext","toolbarBIReporter","actionCellConfig","extensionMenuItems","useExtensionMenuItems","containerId","secondaryActionCellPropsWithBI","createSecondaryActionCellPropWithBi","actionCellProps","keyedItem","primaryActionCellPropsWithBI","createPrimaryActionCellPropsWithBI","secondaryActions","length","default","createElement","PopoverMenu","_extends2","popoverMenuProps","getDefaultActionCellProps","maxWidth","dataHook","triggerElement","toggle","close","IconButton","onClick","e","stopPropagation","reportOnPopoverMenuShow","onMouseLeave","priority","size","__self","__source","fileName","lineNumber","columnNumber","MoreSmall","map","action","index","divider","Divider","key","icon","prefixIcon","rest","MenuItem","subtitle","disabledDescription","primaryActionProps"],"sources":["../../../../src/components/Kanban/useCardActions.tsx"],"sourcesContent":["import React from 'react';\nimport { ActionCellProps } from '../ActionCell';\nimport {\n  createPrimaryActionCellPropsWithBI,\n  createSecondaryActionCellPropWithBi,\n  reportOnPopoverMenuShow,\n} from '../CollectionItemActions/CollectionItemActionsHelper';\nimport { useExtensionMenuItems } from '../../hooks/useExtensionMenuItems';\nimport { FiltersMap } from '../../exports/core';\nimport { KanbanBaseProps } from '../../exports/alpha';\nimport { ItemActionsState } from '../../state';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { IconButton, PopoverMenu } from '@wix/design-system';\nimport { getDefaultActionCellProps } from '../CollectionItemActions/getDefaultActionCellProps';\nimport { MoreSmall } from '@wix/wix-ui-icons-common';\n\ninterface CardActionCell<T, S, F extends FiltersMap> {\n  actionCell: KanbanBaseProps<T, S, F>['actionCell'];\n  originalItem: T;\n  itemIndex: number;\n  itemActionsState: ItemActionsState<T, F>;\n  stageKey: string;\n  cardKey: string;\n}\n\nexport function evaluateActionCell<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n}: Omit<CardActionCell<T, S, F>, 'stageKey' | 'cardKey'>): ActionCellProps {\n  if (!actionCell) {\n    return {};\n  }\n\n  if (typeof actionCell === 'function') {\n    return actionCell(originalItem, itemIndex, itemActionsState.actionCellAPI);\n  }\n\n  return actionCell;\n}\n\nexport function useCardActions<T, S, F extends FiltersMap>({\n  actionCell,\n  originalItem,\n  itemIndex,\n  itemActionsState,\n  stageKey,\n  cardKey,\n}: CardActionCell<T, S, F>) {\n  const toolbarState = useToolbarCollectionContext();\n  const { toolbarBIReporter } = toolbarState;\n\n  const actionCellConfig = evaluateActionCell({\n    actionCell,\n    originalItem,\n    itemIndex,\n    itemActionsState,\n  });\n\n  const extensionMenuItems = useExtensionMenuItems({\n    containerId: actionCellConfig.containerId,\n  });\n\n  const secondaryActionCellPropsWithBI = createSecondaryActionCellPropWithBi({\n    toolbarBIReporter,\n    actionCellProps: actionCellConfig,\n    keyedItem: itemActionsState.keyedItem,\n    extensionMenuItems,\n  });\n\n  const primaryActionCellPropsWithBI = createPrimaryActionCellPropsWithBI(\n    toolbarBIReporter,\n    actionCellConfig,\n    itemActionsState.keyedItem,\n  );\n\n  let secondaryActions: React.ReactNode | null = null;\n\n  if (\n    secondaryActionCellPropsWithBI &&\n    secondaryActionCellPropsWithBI.length > 0\n  ) {\n    secondaryActions = (\n      <PopoverMenu\n        {...actionCellConfig.popoverMenuProps}\n        {...getDefaultActionCellProps()}\n        maxWidth=\"260px\"\n        dataHook={`kanban-card-more-actions-${stageKey}-${cardKey}`}\n        triggerElement={({ toggle, close }) => (\n          <IconButton\n            dataHook={`kanban-card-more-actions-trigger-${stageKey}-${cardKey}`}\n            onClick={(e) => {\n              e.stopPropagation();\n              toggle();\n              reportOnPopoverMenuShow(\n                toolbarBIReporter,\n                actionCellConfig,\n                itemActionsState.keyedItem,\n              );\n            }}\n            onMouseLeave={close}\n            priority=\"secondary\"\n            size=\"tiny\"\n          >\n            <MoreSmall />\n          </IconButton>\n        )}\n      >\n        {secondaryActionCellPropsWithBI.map((action, index) => {\n          if (action.divider) {\n            return <PopoverMenu.Divider key={index} />;\n          }\n          const { icon: prefixIcon, ...rest } = action;\n          return (\n            <PopoverMenu.MenuItem\n              key={index}\n              subtitle={action.disabledDescription}\n              prefixIcon={prefixIcon}\n              dataHook={\n                action.dataHook ||\n                `kanban-card-more-actions-item-${stageKey}-${cardKey}-${index}`\n              }\n              {...rest}\n            />\n          );\n        })}\n      </PopoverMenu>\n    );\n  }\n  return {\n    secondaryActions,\n    primaryActionProps: primaryActionCellPropsWithBI,\n  };\n}\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_ = "LoadingRow4290313679";
+var _namespace_ = "LoadingRow4268774264";
 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": "LoadingRow4290313679__root"
+  "root": "LoadingRow4268774264__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow4290313679__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow4268774264__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_ = \"LoadingRow4290313679\";\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\":\"LoadingRow4290313679__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow4290313679__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_ = \"LoadingRow4268774264\";\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\":\"LoadingRow4268774264__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow4268774264__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_ = "MaxHeightText3677568837";
+var _namespace_ = "MaxHeightText4584669";
 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": "MaxHeightText3677568837__root"
+  "root": "MaxHeightText4584669__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_ = \"MaxHeightText3677568837\";\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\":\"MaxHeightText3677568837__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_ = \"MaxHeightText4584669\";\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\":\"MaxHeightText4584669__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "MaxLines3547273675";
+var _namespace_ = "MaxLines23247458";
 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": "MaxLines3547273675__root"
+  "root": "MaxLines23247458__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_ = \"MaxLines3547273675\";\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\":\"MaxLines3547273675__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_ = \"MaxLines23247458\";\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\":\"MaxLines23247458__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,kBAAkB;AACpC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAAwB,CAAC;AAC/C,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/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_ = "MultiBulkActionToolbar4134040348";
+var _namespace_ = "MultiBulkActionToolbar2557034735";
 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": "MultiBulkActionToolbar4134040348__root"
+  "root": "MultiBulkActionToolbar2557034735__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_ = \"MultiBulkActionToolbar4134040348\";\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\":\"MultiBulkActionToolbar4134040348__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_ = \"MultiBulkActionToolbar2557034735\";\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\":\"MultiBulkActionToolbar2557034735__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":[]}