@wix/patterns 1.228.0 → 1.230.0

package/dist/cjs/state/KanbanState/KanbanDragEndEvent.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../../src/state/KanbanState/KanbanDragEndEvent.ts"],"sourcesContent":["import { IndexedItem } from '../../components/DragAndDrop';\n\nexport interface KanbanDragEndItemEvent<T> {\n  item: T;\n  fromColumnId?: string;\n  toColumnId?: string;\n  after: IndexedItem<T> | null;\n  over: IndexedItem<T>;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"names":[],"sources":["../../../../src/state/KanbanState/KanbanDragEndEvent.ts"],"sourcesContent":["export interface KanbanDragEndItemEvent<T> {\n  item: T;\n  fromStageId?: string;\n  toStageId?: string;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/state/KanbanState/KanbanStageState.js

@@ -38,8 +38,14 @@ class KanbanStageState {
       errorHandler: this.container.errorMonitor,
       paginationMode: 'cursor'
     });
+    new _bexCore.CollectionOptimisticActions({
+      collection: this.itemsCollectionState,
+      container: this.container
+    });
     (0, _mobx.makeObservable)(this, {
-      fetchMore: _mobx.action
+      fetchMore: _mobx.action,
+      stageName: _mobx.computed,
+      stageKey: _mobx.computed
     });
   }
   init() {
@@ -57,10 +63,10 @@ class KanbanStageState {
   totalItems() {
     return this.itemsCollectionState.total;
   }
-  stageName() {
+  get stageName() {
     return this.name;
   }
-  stageKey() {
+  get stageKey() {
     return this.key;
   }
   isLoading() {

package/dist/cjs/state/KanbanState/KanbanStageState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_mobx","KanbanStageState","constructor","params","_defineProperty2","default","container","name","key","stage","itemsCollectionState","CollectionState","errorMonitor","history","lodash","onlineState","queryCache","translate","queryName","fetchData","itemKey","itemName","filters","stageId","stringFilter","initialValue","initialPage","errorHandler","paginationMode","makeObservable","fetchMore","action","init","items","keyedItems","map","item","totalItems","total","stageName","stageKey","isLoading","initTask","status","fetchNextPageIfNeeded","isFetchingMore","exports"],"sources":["../../../../src/state/KanbanState/KanbanStageState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  WixPatternsContainer,\n  DataResultRaw,\n  CollectionState,\n  CollectionStateParams,\n  PatternsErrorHandler,\n  stringFilter,\n} from '@wix/bex-core';\nimport { action, makeObservable } from 'mobx';\n\nexport interface KanbanStageStateBaseParams<T> {\n  readonly container: WixPatternsContainer;\n  readonly initialPage?: DataResultRaw<T>;\n  readonly name: string;\n  readonly key: string;\n}\n\nexport interface KanbanStageStateParams<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> extends KanbanStageStateBaseParams<T> {\n  readonly fetchData: CollectionStateParams<T, F>['fetchData'];\n  readonly itemKey: CollectionStateParams<T, F>['itemKey'];\n  readonly itemName: CollectionStateParams<T, F>['itemName'];\n  readonly stage: S;\n}\n\nexport class KanbanStageState<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> {\n  readonly container: WixPatternsContainer;\n  readonly itemsCollectionState: CollectionState<T, F>;\n  readonly name: string;\n  readonly key: string;\n  readonly stage: S;\n\n  constructor(params: KanbanStageStateParams<T, S, F>) {\n    this.container = params.container;\n    this.name = params.name;\n    this.key = params.key;\n    this.stage = params.stage;\n    this.itemsCollectionState = new CollectionState<T, F>({\n      errorMonitor: this.container.errorMonitor,\n      history: this.container.history,\n      lodash: this.container.lodash,\n      onlineState: this.container.onlineState,\n      queryCache: this.container.queryCache,\n      translate: this.container.translate,\n      queryName: `kanban-items-${this.key}`,\n      fetchData: params.fetchData,\n      itemKey: params.itemKey,\n      itemName: params.itemName,\n      filters: {\n        ...(params as { filters?: F }).filters,\n        stageId: stringFilter({ initialValue: this.key }),\n      } as F,\n      initialPage: params.initialPage,\n      errorHandler: this.container\n        .errorMonitor as unknown as PatternsErrorHandler,\n      paginationMode: 'cursor',\n    });\n\n    makeObservable(this, {\n      fetchMore: action,\n    });\n  }\n\n  init() {\n    this.itemsCollectionState.init();\n  }\n\n  items() {\n    return this.itemsCollectionState.keyedItems.map((item: any) => item.item);\n  }\n\n  itemName(item: T) {\n    return this.itemsCollectionState.itemName(item);\n  }\n\n  itemKey(item: T) {\n    return this.itemsCollectionState.itemKey(item);\n  }\n\n  totalItems() {\n    return this.itemsCollectionState.total;\n  }\n\n  stageName() {\n    return this.name;\n  }\n\n  stageKey() {\n    return this.key;\n  }\n\n  isLoading() {\n    return this.itemsCollectionState.initTask.status.isLoading;\n  }\n\n  fetchMore() {\n    this.itemsCollectionState.fetchNextPageIfNeeded();\n  }\n\n  isFetchingMore() {\n    return true;\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_mobx","KanbanStageState","constructor","params","_defineProperty2","default","container","name","key","stage","itemsCollectionState","CollectionState","errorMonitor","history","lodash","onlineState","queryCache","translate","queryName","fetchData","itemKey","itemName","filters","stageId","stringFilter","initialValue","initialPage","errorHandler","paginationMode","CollectionOptimisticActions","collection","makeObservable","fetchMore","action","stageName","computed","stageKey","init","items","keyedItems","map","item","totalItems","total","isLoading","initTask","status","fetchNextPageIfNeeded","isFetchingMore","exports"],"sources":["../../../../src/state/KanbanState/KanbanStageState.ts"],"sourcesContent":["import {\n  FiltersMap,\n  WixPatternsContainer,\n  DataResultRaw,\n  CollectionState,\n  CollectionStateParams,\n  PatternsErrorHandler,\n  stringFilter,\n  CollectionOptimisticActions,\n} from '@wix/bex-core';\nimport { action, computed, makeObservable } from 'mobx';\n\nexport interface KanbanStageStateBaseParams<T> {\n  readonly container: WixPatternsContainer;\n  readonly initialPage?: DataResultRaw<T>;\n  readonly name: string;\n  readonly key: string;\n}\n\nexport interface KanbanStageStateParams<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> extends KanbanStageStateBaseParams<T> {\n  readonly fetchData: CollectionStateParams<T, F>['fetchData'];\n  readonly itemKey: CollectionStateParams<T, F>['itemKey'];\n  readonly itemName: CollectionStateParams<T, F>['itemName'];\n  readonly stage: S;\n}\n\nexport class KanbanStageState<\n  T,\n  S,\n  F extends FiltersMap & { stageId: ReturnType<typeof stringFilter> },\n> {\n  readonly container: WixPatternsContainer;\n  readonly itemsCollectionState: CollectionState<T, F>;\n  name: string;\n  readonly key: string;\n  readonly stage: S;\n\n  constructor(params: KanbanStageStateParams<T, S, F>) {\n    this.container = params.container;\n    this.name = params.name;\n    this.key = params.key;\n    this.stage = params.stage;\n    this.itemsCollectionState = new CollectionState<T, F>({\n      errorMonitor: this.container.errorMonitor,\n      history: this.container.history,\n      lodash: this.container.lodash,\n      onlineState: this.container.onlineState,\n      queryCache: this.container.queryCache,\n      translate: this.container.translate,\n      queryName: `kanban-items-${this.key}`,\n      fetchData: params.fetchData,\n      itemKey: params.itemKey,\n      itemName: params.itemName,\n      filters: {\n        ...(params as { filters?: F }).filters,\n        stageId: stringFilter({ initialValue: this.key }),\n      } as F,\n      initialPage: params.initialPage,\n      errorHandler: this.container\n        .errorMonitor as unknown as PatternsErrorHandler,\n      paginationMode: 'cursor',\n    });\n\n    new CollectionOptimisticActions({\n      collection: this.itemsCollectionState,\n      container: this.container,\n    });\n\n    makeObservable(this, {\n      fetchMore: action,\n      stageName: computed,\n      stageKey: computed,\n    });\n  }\n\n  init() {\n    this.itemsCollectionState.init();\n  }\n\n  items() {\n    return this.itemsCollectionState.keyedItems.map((item: any) => item.item);\n  }\n\n  itemName(item: T) {\n    return this.itemsCollectionState.itemName(item);\n  }\n\n  itemKey(item: T) {\n    return this.itemsCollectionState.itemKey(item);\n  }\n\n  totalItems() {\n    return this.itemsCollectionState.total;\n  }\n\n  get stageName() {\n    return this.name;\n  }\n\n  get stageKey() {\n    return this.key;\n  }\n\n  isLoading() {\n    return this.itemsCollectionState.initTask.status.isLoading;\n  }\n\n  fetchMore() {\n    this.itemsCollectionState.fetchNextPageIfNeeded();\n  }\n\n  isFetchingMore() {\n    return true;\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/state/KanbanState/KanbanState.js

@@ -8,6 +8,7 @@ var _bexCore = require("@wix/bex-core");
 var _ToolbarCollectionState = require("../ToolbarCollectionState");
 var _KanbanStageState = require("./KanbanStageState");
 var _mobx = require("mobx");
+var _KanbanCardDragAndDrop = require("../../components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop");
 class KanbanState {
   constructor(params) {
     (0, _defineProperty2.default)(this, "container", void 0);
@@ -15,7 +16,9 @@ class KanbanState {
     // @ts-expect-error
     (0, _defineProperty2.default)(this, "toolbar", void 0);
     (0, _defineProperty2.default)(this, "stagesCollectionState", void 0);
+    (0, _defineProperty2.default)(this, "dragAndDropState", void 0);
     (0, _defineProperty2.default)(this, "items", void 0);
+    (0, _defineProperty2.default)(this, "isRefetching", false);
     this.container = params.container;
     this.items = params.items;
     this.stagesCollectionState = new _bexCore.CollectionState({
@@ -39,8 +42,15 @@ class KanbanState {
       componentType: 'Kanban',
       reportBi: this.container.reportBi
     });
+    this.dragAndDropState = new _KanbanCardDragAndDrop.KanbanDragAndDropState({
+      kanbanState: this
+    });
     (0, _mobx.makeObservable)(this, {
-      kanbanStageStates: _mobx.observable
+      kanbanStageStates: _mobx.observable,
+      updateStage: _mobx.action,
+      stages: _mobx.computed,
+      isRefetching: _mobx.observable,
+      refetchKanban: _mobx.action
     });
   }
   async init() {
@@ -52,6 +62,11 @@ class KanbanState {
     this.toolbar.init({
       featuresInitializers: []
     });
+    this.dragAndDropState.init();
+    new _bexCore.CollectionOptimisticActions({
+      collection: this.stagesCollectionState,
+      container: this.container
+    });
   }
   async initialAllStages() {
     if (!this.items.fetchAllByStageIds) {
@@ -63,23 +78,38 @@ class KanbanState {
     });
     this.stagesCollectionState.result.keyedItems.forEach(stage => {
       (0, _mobx.runInAction)(() => {
-        var _data$stageId, _data$stageId2, _data$stageId3;
         const stageId = this.stagesCollectionState.itemKey(stage.item);
         const hasDataForStage = !!data[stageId];
-        this.kanbanStageStates[stageId] = new _KanbanStageState.KanbanStageState({
-          container: this.container,
-          fetchData: this.items.fetchData,
-          itemKey: this.items.itemKey,
-          itemName: this.items.itemName,
-          initialPage: hasDataForStage ? {
-            items: (_data$stageId = data[stageId]) == null ? void 0 : _data$stageId.items,
-            total: (_data$stageId2 = data[stageId]) == null ? void 0 : _data$stageId2.total,
-            cursor: (_data$stageId3 = data[stageId]) == null ? void 0 : _data$stageId3.cursor
-          } : undefined,
-          name: this.stagesCollectionState.itemName(stage.item),
-          key: this.stagesCollectionState.itemKey(stage.item),
-          stage: stage.item
-        });
+        if (!this.kanbanStageStates[stageId]) {
+          var _data$stageId, _data$stageId2, _data$stageId3;
+          this.kanbanStageStates[stageId] = new _KanbanStageState.KanbanStageState({
+            container: this.container,
+            fetchData: this.items.fetchData,
+            itemKey: this.items.itemKey,
+            itemName: this.items.itemName,
+            initialPage: hasDataForStage ? {
+              items: (_data$stageId = data[stageId]) == null ? void 0 : _data$stageId.items,
+              total: (_data$stageId2 = data[stageId]) == null ? void 0 : _data$stageId2.total,
+              cursor: (_data$stageId3 = data[stageId]) == null ? void 0 : _data$stageId3.cursor
+            } : undefined,
+            name: this.stagesCollectionState.itemName(stage.item),
+            key: this.stagesCollectionState.itemKey(stage.item),
+            stage: stage.item
+          });
+        } else {
+          this.kanbanStageStates[stageId].itemsCollectionState.clearResultAndMoveToStart();
+          this.kanbanStageStates[stageId].name = this.stagesCollectionState.itemName(stage.item);
+          if (hasDataForStage) {
+            var _data$stageId4, _data$stageId5, _data$stageId6;
+            this.kanbanStageStates[stageId].itemsCollectionState.setInitialPage({
+              items: (_data$stageId4 = data[stageId]) == null ? void 0 : _data$stageId4.items,
+              total: (_data$stageId5 = data[stageId]) == null ? void 0 : _data$stageId5.total,
+              cursor: (_data$stageId6 = data[stageId]) == null ? void 0 : _data$stageId6.cursor
+            });
+          } else {
+            this.kanbanStageStates[stageId].itemsCollectionState.clearResultAndMoveToStart();
+          }
+        }
       });
     });
   }
@@ -88,21 +118,47 @@ class KanbanState {
       stageState.init();
     });
   }
-  stages() {
+  get stages() {
     return this.stagesCollectionState.result.keyedItems.map(item => item.item);
   }
   getStageState(stage) {
     return this.kanbanStageStates[this.stagesCollectionState.itemKey(stage)];
   }
+  getStageStateByKey(stageKey) {
+    return this.kanbanStageStates[stageKey];
+  }
   isLoading() {
-    return this.stagesCollectionState.initTask.status.isLoading || Object.keys(this.kanbanStageStates).length !== this.stagesCollectionState.result.keyedItems.length || Object.values(this.kanbanStageStates).some(stage => stage.isLoading());
+    return this.isLoadingStages() || Object.values(this.kanbanStageStates).some(stage => stage.isLoading());
   }
-  stageName(stage) {
-    return this.stagesCollectionState.itemName(stage);
+  isLoadingStages() {
+    return this.stagesCollectionState.initTask.status.isLoading || this.isRefetching || Object.keys(this.kanbanStageStates).length !== this.stagesCollectionState.result.keyedItems.length;
   }
   stageKey(stage) {
     return this.stagesCollectionState.itemKey(stage);
   }
+  updateStage(originalStage, updatedStage) {
+    this.stagesCollectionState.optimisticActions.updateOne(originalStage, {
+      submit: () => {
+        return Promise.resolve(updatedStage);
+      },
+      keepPosition: true
+    });
+  }
+  async refetchKanban() {
+    (0, _mobx.runInAction)(() => {
+      this.isRefetching = true;
+    });
+    try {
+      await this.stagesCollectionState.clearResultBeforeRefresh();
+      await this.stagesCollectionState.refreshAllPages();
+      await this.initialAllStages();
+      this.waitLoadStagesState();
+    } finally {
+      (0, _mobx.runInAction)(() => {
+        this.isRefetching = false;
+      });
+    }
+  }
 }
 exports.KanbanState = KanbanState;
 //# sourceMappingURL=KanbanState.js.map

package/dist/cjs/state/KanbanState/KanbanState.js.map

@@ -1 +1 @@
-{"version":3,"names":["_bexCore","require","_ToolbarCollectionState","_KanbanStageState","_mobx","KanbanState","constructor","params","_defineProperty2","default","container","items","stagesCollectionState","CollectionState","errorMonitor","history","lodash","onlineState","queryCache","translate","queryName","fetchData","stages","itemKey","stageKey","itemName","stageName","filters","errorHandler","paginationMode","toolbar","ToolbarCollectionState","collection","componentType","reportBi","makeObservable","kanbanStageStates","observable","init","_this$stagesCollectio","initTask","status","promise","catch","initialAllStages","waitLoadStagesState","featuresInitializers","fetchAllByStageIds","data","ids","result","keyedItems","map","item","filter","forEach","stage","runInAction","_data$stageId","_data$stageId2","_data$stageId3","stageId","hasDataForStage","KanbanStageState","initialPage","total","cursor","undefined","name","key","Object","entries","stageState","getStageState","isLoading","keys","length","values","some","exports"],"sources":["../../../../src/state/KanbanState/KanbanState.ts"],"sourcesContent":["import {\n  CollectionState,\n  CollectionStateParams,\n  DataResultRaw,\n  FiltersMap,\n  OptionalFiltersMap,\n  WixPatternsContainer,\n  stringFilter,\n} from '@wix/bex-core';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { KanbanDragEndItemEvent } from './KanbanDragEndEvent';\nimport { KanbanStageState } from './KanbanStageState';\nimport { observable, makeObservable, runInAction } from 'mobx';\n\nexport type stageType = 'DONE' | 'NONE';\n\nexport interface KanbanStateBaseParams<\n  T,\n  S,\n  F extends FiltersMap = OptionalFiltersMap,\n> {\n  stages: {\n    fetchData: CollectionStateParams<S, F>['fetchData'];\n    stageKey: CollectionStateParams<S, F>['itemKey'];\n    stageName: CollectionStateParams<S, F>['itemName'];\n    stageType?(stage: S): stageType;\n  };\n  items: {\n    fetchData: CollectionStateParams<T, F>['fetchData'];\n    itemKey: CollectionStateParams<T, F>['itemKey'];\n    itemName: CollectionStateParams<T, F>['itemName'];\n    fetchAllByStageIds?: ({\n      ids,\n      filter,\n    }: {\n      ids: string[];\n      filter: F;\n    }) => Promise<Record<string, DataResultRaw<T>>>;\n    dragAndDrop?: {\n      onSubmit?: (event: KanbanDragEndItemEvent<T>) => Promise<void>;\n    };\n  };\n}\n\nexport interface KanbanStateParams<\n  T,\n  S,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends KanbanStateBaseParams<T, S, F> {\n  readonly container: WixPatternsContainer;\n}\n\nexport interface KanbanStateParamsAPI {\n  readonly toolbar: ToolbarCollectionState<unknown, {}>;\n}\n\nexport class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>\n  implements ICollectionComponentState, KanbanStateParamsAPI\n{\n  readonly container: any;\n  kanbanStageStates: Record<\n    string,\n    KanbanStageState<T, S, F & { stageId: ReturnType<typeof stringFilter> }>\n  > = {};\n  // @ts-expect-error\n  readonly toolbar: ToolbarCollectionState<S, F>;\n  readonly stagesCollectionState: CollectionState<S, F>;\n  items: KanbanStateBaseParams<T, S, F>['items'];\n\n  constructor(params: KanbanStateParams<T, S, F>) {\n    this.container = params.container;\n    this.items = params.items;\n    this.stagesCollectionState = new CollectionState<S, F>({\n      errorMonitor: this.container.errorMonitor,\n      history: this.container.history,\n      lodash: this.container.lodash,\n      onlineState: this.container.onlineState,\n      queryCache: this.container.queryCache,\n      translate: this.container.translate,\n      queryName: 'kanban-stages',\n      fetchData: params.stages.fetchData,\n      itemKey: params.stages.stageKey,\n      itemName: params.stages.stageName,\n      filters: {} as F,\n      errorHandler: this.container.errorMonitor,\n      paginationMode: 'cursor',\n    });\n\n    this.toolbar = new ToolbarCollectionState({\n      collection: this.stagesCollectionState,\n      container: params.container,\n      componentType: 'Kanban',\n      reportBi: this.container.reportBi,\n    });\n\n    makeObservable(this, {\n      kanbanStageStates: observable,\n    });\n  }\n\n  async init() {\n    this.stagesCollectionState.init();\n    await this.stagesCollectionState?.initTask?.status?.promise?.catch(\n      () => {},\n    );\n    await this.initialAllStages();\n    this.waitLoadStagesState();\n    this.toolbar.init({ featuresInitializers: [] });\n  }\n\n  async initialAllStages() {\n    if (!this.items.fetchAllByStageIds) {\n      return;\n    }\n\n    const data = await this.items.fetchAllByStageIds({\n      ids: this.stagesCollectionState.result.keyedItems.map((item) =>\n        this.stagesCollectionState.itemKey(item.item),\n      ),\n      filter: {} as any,\n    });\n\n    this.stagesCollectionState.result.keyedItems.forEach((stage) => {\n      runInAction(() => {\n        const stageId = this.stagesCollectionState.itemKey(stage.item);\n        const hasDataForStage = !!data[stageId];\n        this.kanbanStageStates[stageId] = new KanbanStageState<\n          T,\n          S,\n          F & { stageId: ReturnType<typeof stringFilter> }\n        >({\n          container: this.container,\n          fetchData: this.items.fetchData,\n          itemKey: this.items.itemKey,\n          itemName: this.items.itemName,\n          initialPage: hasDataForStage\n            ? {\n                items: data[stageId]?.items,\n                total: data[stageId]?.total,\n                cursor: data[stageId]?.cursor,\n              }\n            : undefined,\n          name: this.stagesCollectionState.itemName(stage.item),\n          key: this.stagesCollectionState.itemKey(stage.item),\n          stage: stage.item,\n        });\n      });\n    });\n  }\n\n  waitLoadStagesState() {\n    Object.entries(this.kanbanStageStates).forEach(([, stageState]) => {\n      stageState.init();\n    });\n  }\n\n  stages() {\n    return this.stagesCollectionState.result.keyedItems.map((item: any) => item.item);\n  }\n\n  getStageState(stage: S) {\n    return this.kanbanStageStates[this.stagesCollectionState.itemKey(stage)];\n  }\n\n  isLoading() {\n    return (\n      this.stagesCollectionState.initTask.status.isLoading ||\n      Object.keys(this.kanbanStageStates).length !==\n        this.stagesCollectionState.result.keyedItems.length ||\n      Object.values(this.kanbanStageStates).some((stage) => stage.isLoading())\n    );\n  }\n\n  stageName(stage: S) {\n    return this.stagesCollectionState.itemName(stage);\n  }\n\n  stageKey(stage: S) {\n    return this.stagesCollectionState.itemKey(stage);\n  }\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","_ToolbarCollectionState","_KanbanStageState","_mobx","_KanbanCardDragAndDrop","KanbanState","constructor","params","_defineProperty2","default","container","items","stagesCollectionState","CollectionState","errorMonitor","history","lodash","onlineState","queryCache","translate","queryName","fetchData","stages","itemKey","stageKey","itemName","stageName","filters","errorHandler","paginationMode","toolbar","ToolbarCollectionState","collection","componentType","reportBi","dragAndDropState","KanbanDragAndDropState","kanbanState","makeObservable","kanbanStageStates","observable","updateStage","action","computed","isRefetching","refetchKanban","init","_this$stagesCollectio","initTask","status","promise","catch","initialAllStages","waitLoadStagesState","featuresInitializers","CollectionOptimisticActions","fetchAllByStageIds","data","ids","result","keyedItems","map","item","filter","forEach","stage","runInAction","stageId","hasDataForStage","_data$stageId","_data$stageId2","_data$stageId3","KanbanStageState","initialPage","total","cursor","undefined","name","key","itemsCollectionState","clearResultAndMoveToStart","_data$stageId4","_data$stageId5","_data$stageId6","setInitialPage","Object","entries","stageState","getStageState","getStageStateByKey","isLoading","isLoadingStages","values","some","keys","length","originalStage","updatedStage","optimisticActions","updateOne","submit","Promise","resolve","keepPosition","clearResultBeforeRefresh","refreshAllPages","exports"],"sources":["../../../../src/state/KanbanState/KanbanState.ts"],"sourcesContent":["import {\n  CollectionState,\n  CollectionStateParams,\n  DataResultRaw,\n  FiltersMap,\n  OptionalFiltersMap,\n  WixPatternsContainer,\n  stringFilter,\n  CollectionOptimisticActions,\n} from '@wix/bex-core';\nimport { ICollectionComponentState } from '../ICollectionComponentState';\nimport { ToolbarCollectionState } from '../ToolbarCollectionState';\nimport { KanbanDragEndItemEvent } from './KanbanDragEndEvent';\nimport { KanbanStageState } from './KanbanStageState';\nimport {\n  observable,\n  makeObservable,\n  runInAction,\n  action,\n  computed,\n} from 'mobx';\nimport { KanbanDragAndDropState } from '../../components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop';\n\nexport type stageType = 'DONE' | 'NONE';\n\nexport interface KanbanStateBaseParams<\n  T,\n  S,\n  F extends FiltersMap = OptionalFiltersMap,\n> {\n  stages: {\n    fetchData: CollectionStateParams<S, F>['fetchData'];\n    stageKey: CollectionStateParams<S, F>['itemKey'];\n    stageName: CollectionStateParams<S, F>['itemName'];\n    stageType?(stage: S): stageType;\n  };\n  items: {\n    fetchData: CollectionStateParams<T, F>['fetchData'];\n    itemKey: CollectionStateParams<T, F>['itemKey'];\n    itemName: CollectionStateParams<T, F>['itemName'];\n    fetchAllByStageIds?: ({\n      ids,\n      filter,\n    }: {\n      ids: string[];\n      filter: F;\n    }) => Promise<Record<string, DataResultRaw<T>>>;\n    dragAndDrop?: {\n      onSubmit?: (event: KanbanDragEndItemEvent<T>) => Promise<T>;\n    };\n  };\n}\n\nexport interface KanbanStateParams<\n  T,\n  S,\n  F extends FiltersMap = OptionalFiltersMap,\n> extends KanbanStateBaseParams<T, S, F> {\n  readonly container: WixPatternsContainer;\n}\n\nexport interface KanbanStateParamsAPI {\n  readonly toolbar: ToolbarCollectionState<unknown, {}>;\n}\n\nexport class KanbanState<T, S, F extends FiltersMap = OptionalFiltersMap>\n  implements ICollectionComponentState, KanbanStateParamsAPI {\n  readonly container: any;\n  kanbanStageStates: Record<\n    string,\n    KanbanStageState<T, S, F & { stageId: ReturnType<typeof stringFilter> }>\n  > = {};\n  // @ts-expect-error\n  readonly toolbar: ToolbarCollectionState<S, F>;\n  readonly stagesCollectionState: CollectionState<S, F>;\n  readonly dragAndDropState: KanbanDragAndDropState<\n    T,\n    S,\n    F & { stageId: ReturnType<typeof stringFilter> }\n  >;\n  items: KanbanStateBaseParams<T, S, F>['items'];\n  isRefetching = false;\n\n  constructor(params: KanbanStateParams<T, S, F>) {\n    this.container = params.container;\n    this.items = params.items;\n    this.stagesCollectionState = new CollectionState<S, F>({\n      errorMonitor: this.container.errorMonitor,\n      history: this.container.history,\n      lodash: this.container.lodash,\n      onlineState: this.container.onlineState,\n      queryCache: this.container.queryCache,\n      translate: this.container.translate,\n      queryName: 'kanban-stages',\n      fetchData: params.stages.fetchData,\n      itemKey: params.stages.stageKey,\n      itemName: params.stages.stageName,\n      filters: {} as F,\n      errorHandler: this.container.errorMonitor,\n      paginationMode: 'cursor',\n    });\n\n    this.toolbar = new ToolbarCollectionState({\n      collection: this.stagesCollectionState,\n      container: params.container,\n      componentType: 'Kanban',\n      reportBi: this.container.reportBi,\n    });\n\n    this.dragAndDropState = new KanbanDragAndDropState({\n      kanbanState: this as any,\n    });\n\n    makeObservable(this, {\n      kanbanStageStates: observable,\n      updateStage: action,\n      stages: computed,\n      isRefetching: observable,\n      refetchKanban: action,\n    });\n  }\n\n  async init() {\n    this.stagesCollectionState.init();\n    await this.stagesCollectionState?.initTask?.status?.promise?.catch(\n      () => { },\n    );\n    await this.initialAllStages();\n    this.waitLoadStagesState();\n    this.toolbar.init({ featuresInitializers: [] });\n    this.dragAndDropState.init();\n    new CollectionOptimisticActions({\n      collection: this.stagesCollectionState,\n      container: this.container,\n    });\n  }\n\n  async initialAllStages() {\n    if (!this.items.fetchAllByStageIds) {\n      return;\n    }\n\n    const data = await this.items.fetchAllByStageIds({\n      ids: this.stagesCollectionState.result.keyedItems.map((item) =>\n        this.stagesCollectionState.itemKey(item.item),\n      ),\n      filter: {} as any,\n    });\n\n    this.stagesCollectionState.result.keyedItems.forEach((stage) => {\n      runInAction(() => {\n        const stageId = this.stagesCollectionState.itemKey(stage.item);\n        const hasDataForStage = !!data[stageId];\n        if (!this.kanbanStageStates[stageId]) {\n          this.kanbanStageStates[stageId] = new KanbanStageState<\n            T,\n            S,\n            F & { stageId: ReturnType<typeof stringFilter> }\n          >({\n            container: this.container,\n            fetchData: this.items.fetchData,\n            itemKey: this.items.itemKey,\n            itemName: this.items.itemName,\n            initialPage: hasDataForStage\n              ? {\n                items: data[stageId]?.items,\n                total: data[stageId]?.total,\n                cursor: data[stageId]?.cursor,\n              }\n              : undefined,\n            name: this.stagesCollectionState.itemName(stage.item),\n            key: this.stagesCollectionState.itemKey(stage.item),\n            stage: stage.item,\n          });\n        } else {\n          this.kanbanStageStates[\n            stageId\n          ].itemsCollectionState.clearResultAndMoveToStart();\n          this.kanbanStageStates[stageId].name =\n            this.stagesCollectionState.itemName(stage.item);\n          if (hasDataForStage) {\n            this.kanbanStageStates[stageId].itemsCollectionState.setInitialPage(\n              {\n                items: data[stageId]?.items,\n                total: data[stageId]?.total,\n                cursor: data[stageId]?.cursor,\n              },\n            );\n          } else {\n            this.kanbanStageStates[\n              stageId\n            ].itemsCollectionState.clearResultAndMoveToStart();\n          }\n        }\n      });\n    });\n  }\n\n  waitLoadStagesState() {\n    Object.entries(this.kanbanStageStates).forEach(([, stageState]) => {\n      stageState.init();\n    });\n  }\n\n  get stages() {\n    return this.stagesCollectionState.result.keyedItems.map(\n      (item: any) => item.item,\n    );\n  }\n\n  getStageState(stage: S) {\n    return this.kanbanStageStates[this.stagesCollectionState.itemKey(stage)];\n  }\n\n  getStageStateByKey(stageKey: string) {\n    return this.kanbanStageStates[stageKey];\n  }\n\n  isLoading() {\n    return (\n      this.isLoadingStages() ||\n      Object.values(this.kanbanStageStates).some((stage) => stage.isLoading())\n    );\n  }\n\n  isLoadingStages() {\n    return (\n      this.stagesCollectionState.initTask.status.isLoading ||\n      this.isRefetching ||\n      Object.keys(this.kanbanStageStates).length !==\n      this.stagesCollectionState.result.keyedItems.length\n    );\n  }\n\n  stageKey(stage: S) {\n    return this.stagesCollectionState.itemKey(stage);\n  }\n\n  updateStage(originalStage: S, updatedStage: S) {\n    this.stagesCollectionState.optimisticActions.updateOne(originalStage, {\n      submit: () => {\n        return Promise.resolve(updatedStage);\n      },\n      keepPosition: true,\n    });\n  }\n\n  async refetchKanban() {\n    runInAction(() => {\n      this.isRefetching = true;\n    });\n    try {\n      await this.stagesCollectionState.clearResultBeforeRefresh();\n      await this.stagesCollectionState.refreshAllPages();\n      await this.initialAllStages();\n      this.waitLoadStagesState();\n    } finally {\n      runInAction(() => {\n        this.isRefetching = false;\n      });\n    }\n  }\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/styles.global.css

@@ -1 +1 @@
-.CardContainer1339760017__root.CardContainer1339760017--mobile{border-radius:0}.Collapse1339175885__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1339175885__exit{height:0}.CollectionPage2694064956__root.CollectionPage2694064956--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable3243880598__root.CollectionTable3243880598--mobile td:first-child{padding-left:18px}.CollectionTable3243880598__root.CollectionTable3243880598--mobile td:last-child{padding-right:18px}.CollectionToolbar1613416581__left{min-width:0}.CollectionToolbar1613416581__root.CollectionToolbar1613416581--views .CollectionToolbar1613416581__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1613416581__left.CollectionToolbar1613416581--expandable{flex:auto}.CollectionToolbar1613416581__root .CollectionToolbar1613416581__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1613416581__root.CollectionToolbar1613416581--views .CollectionToolbar1613416581__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1613416581__root .CollectionToolbar1613416581__right.CollectionToolbar1613416581__fullWidth{margin-inline-start:0!important}.CollectionToolbar1613416581__root.CollectionToolbar1613416581--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter2379971021__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter2379971021__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly4124133659__root.AutoCompleteReadonly4124133659--disableEditing{cursor:pointer}.AutoCompleteReadonly4124133659__root.AutoCompleteReadonly4124133659--disableEditing input{cursor:pointer}.ViewsDropdown1862623724__root{width:200px}.DragHandle1168936296__root{display:flex;align-items:center}.DragHandle1168936296__root:not(.DragHandle1168936296--disabled){cursor:grab;color:#a8caff}.DragHandle1168936296__root.DragHandle1168936296--disabled{color:#acafc4}.DragHandle1168936296__root:focus-visible:not(.DragHandle1168936296--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle1168936296__root.DragHandle1168936296--disabled{pointer-events:none}.DragHandle1168936296__root.DragHandle1168936296--dragging:not(.DragHandle1168936296--disabled){cursor:grabbing}.EntityPagePlain482760894__root.EntityPagePlain482760894--mobile{--wds-page-header-padding-horizontal:0}.Fade270261638__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade270261638__root.Fade270261638--exit{opacity:0}.Heading4085317249__root{visibility:visible}.Heading4085317249__root.Heading4085317249--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2606143822__root.InputOverflow2606143822--selected:not(.InputOverflow2606143822--focused) input::placeholder{color:#000624}@keyframes LoadingRow941976095__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow941976095__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow941976095__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText3829307974__root{opacity:1}.MaxHeightText3829307974__root.MaxHeightText3829307974--height24{line-height:24px}.MaxLines1901136821__root{overflow:hidden}.MaxLines1901136821__root.MaxLines1901136821--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1468375284__root{min-width:0}.NestedTablePlaceholderStatesRow2133643592__root td{padding:0!important;width:100%}.NestedTableRow2529761479__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2529761479__root:hover{background-color:#e7f0ff!important}.NestedTableRow2529761479__root.NestedTableRow2529761479--expandable{cursor:pointer}.NestedTableRow2529761479__placeholder td{padding:0!important;width:100%}.NestedTableRow2529761479__root:hover td:first-of-type::before,.NestedTableRow2529761479__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect3180582414__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3679791984__root.NestedTableDragAndDropRow3679791984--draggingInto td{background-color:#e7f0ff!important}.PickerContent3678330882__root{display:flex}.PickerContentAdditionalStep797243909__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep797243909__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem218226363__root{box-sizing:border-box}.ScrollableContent1288143410__root.ScrollableContent1288143410--overflowY{overflow-y:auto}.ScrollableContent1288143410__root.ScrollableContent1288143410--overflowX{overflow-x:auto}.ScrollableContent1288143410__root.ScrollableContent1288143410--smooth{scroll-behavior:smooth}.SkeletonCard3447478184__headerLoading{display:block!important}.SlidingModal1899144975__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1899144975__root:not(.SlidingModal1899144975--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter335452401__root .TabsFilter335452401__title{color:inherit!important}.ManageTagsModal3119670923__root{display:flex}.ToolbarItem3465966420__root{min-width:0}.ToolbarItemBox1504596502__root{min-width:0}.ToolbarItemBox1504596502__root.ToolbarItemBox1504596502--removeStartPadding{margin-left:-24px}.ToolbarItemBox1504596502__root.ToolbarItemBox1504596502--expandable{flex:1 0}.common1191821305__column{display:flex;flex-direction:column}.common1191821305__fullHeight{height:100%;min-height:0}.CollectionPageHeader2928470814__root.CollectionPageHeader2928470814--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2928470814__root.CollectionPageHeader2928470814--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader3026938166__root.FormPageHeader3026938166--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader3026938166__root.FormPageHeader3026938166--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer1801677667__root.CardContainer1801677667--mobile{border-radius:0}.Collapse1330669401__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1330669401__exit{height:0}.CollectionPage2046755266__root.CollectionPage2046755266--mobile{--wds-page-header-padding-horizontal:0}.CollectionTable1891353037__root.CollectionTable1891353037--mobile td:first-child{padding-left:18px}.CollectionTable1891353037__root.CollectionTable1891353037--mobile td:last-child{padding-right:18px}.CollectionToolbar2276336556__left{min-width:0}.CollectionToolbar2276336556__root.CollectionToolbar2276336556--views .CollectionToolbar2276336556__left{flex-shrink:1;flex-grow:0}.CollectionToolbar2276336556__left.CollectionToolbar2276336556--expandable{flex:auto}.CollectionToolbar2276336556__root .CollectionToolbar2276336556__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar2276336556__root.CollectionToolbar2276336556--views .CollectionToolbar2276336556__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar2276336556__root .CollectionToolbar2276336556__right.CollectionToolbar2276336556__fullWidth{margin-inline-start:0!important}.CollectionToolbar2276336556__root.CollectionToolbar2276336556--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter3280325447__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter3280325447__searchMobile{width:100%;justify-content:flex-end}.AutoCompleteReadonly535503049__root.AutoCompleteReadonly535503049--disableEditing{cursor:pointer}.AutoCompleteReadonly535503049__root.AutoCompleteReadonly535503049--disableEditing input{cursor:pointer}.ViewsDropdown1680502003__root{width:200px}.DragHandle809685446__root{display:flex;align-items:center}.DragHandle809685446__root:not(.DragHandle809685446--disabled){cursor:grab;color:#a8caff}.DragHandle809685446__root.DragHandle809685446--disabled{color:#acafc4}.DragHandle809685446__root:focus-visible:not(.DragHandle809685446--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle809685446__root.DragHandle809685446--disabled{pointer-events:none}.DragHandle809685446__root.DragHandle809685446--dragging:not(.DragHandle809685446--disabled){cursor:grabbing}.EntityPagePlain1363355066__root.EntityPagePlain1363355066--mobile{--wds-page-header-padding-horizontal:0}.Fade2046648099__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade2046648099__root.Fade2046648099--exit{opacity:0}.Heading2694440307__root{visibility:visible}.Heading2694440307__root.Heading2694440307--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2890612111__root.InputOverflow2890612111--selected:not(.InputOverflow2890612111--focused) input::placeholder{color:#000624}@keyframes LoadingRow1844243995__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1844243995__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1844243995__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText1500268932__root{opacity:1}.MaxHeightText1500268932__root.MaxHeightText1500268932--height24{line-height:24px}.MaxLines2655113587__root{overflow:hidden}.MaxLines2655113587__root.MaxLines2655113587--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar692472361__root{min-width:0}.NestedTablePlaceholderStatesRow4170013255__root td{padding:0!important;width:100%}.NestedTableRow4006079430__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow4006079430__root:hover{background-color:#e7f0ff!important}.NestedTableRow4006079430__root.NestedTableRow4006079430--expandable{cursor:pointer}.NestedTableRow4006079430__placeholder td{padding:0!important;width:100%}.NestedTableRow4006079430__root:hover td:first-of-type::before,.NestedTableRow4006079430__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect1548623882__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow2456247580__root.NestedTableDragAndDropRow2456247580--draggingInto td{background-color:#e7f0ff!important}.PickerContent4238434937__root{display:flex}.PickerContentAdditionalStep1723717579__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1723717579__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem1841231422__root{box-sizing:border-box}.ScrollableContent927021353__root.ScrollableContent927021353--overflowY{overflow-y:auto}.ScrollableContent927021353__root.ScrollableContent927021353--overflowX{overflow-x:auto}.ScrollableContent927021353__root.ScrollableContent927021353--smooth{scroll-behavior:smooth}.SkeletonCard3585000__headerLoading{display:block!important}.SlidingModal1753585837__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal1753585837__root:not(.SlidingModal1753585837--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter2152734751__root .TabsFilter2152734751__title{color:inherit!important}.ManageTagsModal14300602__root{display:flex}.ToolbarItem3294093375__root{min-width:0}.ToolbarItemBox2768305720__root{min-width:0}.ToolbarItemBox2768305720__root.ToolbarItemBox2768305720--removeStartPadding{margin-left:-24px}.ToolbarItemBox2768305720__root.ToolbarItemBox2768305720--expandable{flex:1 0}.common2212590693__column{display:flex;flex-direction:column}.common2212590693__fullHeight{height:100%;min-height:0}.CollectionPageHeader4293130756__root.CollectionPageHeader4293130756--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader4293130756__root.CollectionPageHeader4293130756--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader1940199411__root.FormPageHeader1940199411--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader1940199411__root.FormPageHeader1940199411--mobile>*{margin-left:0;margin-top:6px!important;height:auto}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.228.0';
+const version = exports.version = 'patterns@1.230.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.228.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.230.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer1339760017";
+var _namespace_ = "CardContainer1801677667";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer1339760017__root" };
+export var classes = { "root": "CardContainer1801677667__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse1339175885";
+var _namespace_ = "Collapse1330669401";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse1339175885__root", "exit": "Collapse1339175885__exit" };
+export var classes = { "root": "Collapse1330669401__root", "exit": "Collapse1330669401__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage2694064956";
+var _namespace_ = "CollectionPage2046755266";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPage2694064956__root" };
+export var classes = { "root": "CollectionPage2046755266__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTable3243880598";
+var _namespace_ = "CollectionTable1891353037";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionTable3243880598__root" };
+export var classes = { "root": "CollectionTable1891353037__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar1613416581";
+var _namespace_ = "CollectionToolbar2276336556";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar1613416581__root", "left": "CollectionToolbar1613416581__left", "right": "CollectionToolbar1613416581__right", "fullWidth": "CollectionToolbar1613416581__fullWidth" };
+export var classes = { "root": "CollectionToolbar2276336556__root", "left": "CollectionToolbar2276336556__left", "right": "CollectionToolbar2276336556__right", "fullWidth": "CollectionToolbar2276336556__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter2379971021";
+var _namespace_ = "SearchOrCustomFilter3280325447";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter2379971021__root", "search": "SearchOrCustomFilter2379971021__search", "searchMobile": "SearchOrCustomFilter2379971021__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter3280325447__root", "search": "SearchOrCustomFilter3280325447__search", "searchMobile": "SearchOrCustomFilter3280325447__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly4124133659";
+var _namespace_ = "AutoCompleteReadonly535503049";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly4124133659__root" };
+export var classes = { "root": "AutoCompleteReadonly535503049__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,CAAC;AACrE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"AutoCompleteReadonly.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,CAAC;AACpE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/ViewsDropdown.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ViewsDropdown1862623724";
+var _namespace_ = "ViewsDropdown1680502003";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "ViewsDropdown1862623724__root" };
+export var classes = { "root": "ViewsDropdown1680502003__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "DragHandle1168936296";
+var _namespace_ = "DragHandle809685446";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "DragHandle1168936296__root" };
+export var classes = { "root": "DragHandle809685446__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/DragHandle/DragHandle.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,sBAAsB,CAAC;AACzC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,4BAA4B,EAAC,CAAC;AAC3D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"DragHandle.st.css.js","sourceRoot":"","sources":["../../../../src/components/DragHandle/DragHandle.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qBAAqB,CAAC;AACxC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,2BAA2B,EAAC,CAAC;AAC1D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "EntityPagePlain482760894";
+var _namespace_ = "EntityPagePlain1363355066";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "EntityPagePlain482760894__root" };
+export var classes = { "root": "EntityPagePlain1363355066__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/EntityPage/EntityPagePlain.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0BAA0B,CAAC;AAC7C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,gCAAgC,EAAC,CAAC;AAC/D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}
+{"version":3,"file":"EntityPagePlain.st.css.js","sourceRoot":"","sources":["../../../../src/components/EntityPage/EntityPagePlain.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2BAA2B,CAAC;AAC9C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,iCAAiC,EAAC,CAAC;AAChE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,CAAC"}

package/dist/esm/components/Fade/Fade.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Fade270261638";
+var _namespace_ = "Fade2046648099";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Fade270261638__root" };
+export var classes = { "root": "Fade2046648099__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Fade/Fade.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,eAAe,CAAC;AAClC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qBAAqB,EAAC,CAAC;AACpD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"Fade.st.css.js","sourceRoot":"","sources":["../../../../src/components/Fade/Fade.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gBAAgB,CAAC;AACnC,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sBAAsB,EAAC,CAAC;AACrD,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/Heading/Heading.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Heading4085317249";
+var _namespace_ = "Heading2694440307";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Heading4085317249__root" };
+export var classes = { "root": "Heading2694440307__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/InputOverflow/InputOverflow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "InputOverflow2606143822";
+var _namespace_ = "InputOverflow2890612111";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "InputOverflow2606143822__root" };
+export var classes = { "root": "InputOverflow2890612111__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Kanban/Card.js

@@ -4,16 +4,21 @@ import { Box, Text, ClickableCard } from '@wix/design-system';
 import { CardActions } from './CardActions';
 function _CardComponent({ originalItem, itemIndex, item, stageKey, actionCell, itemActionsState, }) {
     const { title, subtitle, additionalInfo, badge } = item;
-    return (React.createElement("div", { draggable: true, "data-hook": `kanban-card-container-${stageKey}-${item.key}` },
-        React.createElement(ClickableCard, { hasPadding: false },
-            React.createElement(Box, { padding: "12px", direction: "vertical", dataHook: `kanban-card-${stageKey}-${item.key}` },
+    return (React.createElement("div", { "data-hook": `kanban-card-container-${stageKey}-${item.key}`, style: {
+            marginRight: '12px',
+            marginLeft: '12px',
+            overflow: 'visible',
+            width: '246px',
+        } },
+        React.createElement(ClickableCard, { hasPadding: false, skin: "shadow" },
+            React.createElement(Box, { padding: "12px", dataHook: `kanban-card-${stageKey}-${item.key}`, direction: "vertical" },
                 React.createElement(Box, { paddingBottom: "3px" },
-                    React.createElement(Text, { size: "small", weight: "normal", dataHook: `kanban-card-title-${stageKey}-${item.key}` }, title)),
-                React.createElement(Box, { direction: "vertical" },
+                    React.createElement(Text, { dataHook: `kanban-card-title-${stageKey}-${item.key}`, size: "small", weight: "normal", ellipsis: true, maxLines: 2 }, title)),
+                React.createElement(Box, { direction: "vertical", gap: "1px" },
                     React.createElement(Box, null, badge),
                     React.createElement(Box, null, subtitle),
                     React.createElement(Box, null, additionalInfo)),
-                React.createElement(Box, { align: "right", paddingTop: "3px" },
+                React.createElement(Box, { align: "right", paddingTop: "6px" },
                     React.createElement(CardActions, { actionCell: actionCell, originalItem: originalItem, itemIndex: itemIndex, itemActionsState: itemActionsState, stageKey: stageKey, item: item }))))));
 }
 export const CardComponent = observer(_CardComponent);