@wix/patterns 1.230.0 → 1.231.0

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

@@ -7,6 +7,7 @@ import { ItemActionsState } from '../../state';
 import { useDroppable } from '@wix/wix-style-react-incubator/dnd-kit/core';
 import { action } from 'mobx';
 import { CardsSkeleton } from './CardsSkeleton';
+import { useEffect } from 'react';
 function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageKey, ...props }) {
     const stageState = state.kanbanStageStates[stageKey];
     const handleScroll = (e) => {
@@ -17,7 +18,12 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
             stageState.fetchMore();
         }
     };
-    const { result: { keyedItems }, } = stageState.itemsCollectionState;
+    const { result: { keyedItems }, status, } = stageState.itemsCollectionState;
+    useEffect(() => {
+        if (stageState.hasError) {
+            stageState.showErrorToast(status.error);
+        }
+    }, [stageState.hasError]);
     // Make the stage droppable
     const { isOver, setNodeRef: setDroppableRef } = useDroppable({
         id: stageState.stageKey,
@@ -49,17 +55,19 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
         });
     }, [keyedItems, keyedItems.length]);
     const { DraggableCard } = KanbanCardDragAndDrop;
+    const isInSearchMode = state.isInSearchMode();
     const isStageLoading = stageState.isLoading();
+    const isChangingFiltersValue = state.getIsChangingFiltersValue();
+    const shouldShowStageSummary = !isChangingFiltersValue && !isStageLoading;
     return (React.createElement("div", { ref: setDroppableRef, "data-hook": `kanban-stage-container-${stageState.stageKey}`, style: {
             width: '270px',
-            backgroundColor: isOver && !isDndSourceStage ? '#9C9EA6' : '#F4F7FF',
+            backgroundColor: isOver && !isDndSourceStage ? '#D6E6FE' : '#F4F7FF',
             borderRadius: '8px',
             display: 'flex',
             flexDirection: 'column',
-            transition: 'background-color 0.2s ease',
             border: isOver && !isDndSourceStage
-                ? '2px dashed #2196F3'
-                : '2px solid transparent',
+                ? '1px dashed #80B1FF'
+                : '1px solid transparent',
         }, ...(process.env.NODE_ENV === 'test' && {
             onPointerUp: action(() => {
                 if (state.dragAndDropState.activeId) {
@@ -74,16 +82,17 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
             React.createElement("div", { "data-hook": dataHook },
                 React.createElement(Box, { direction: "vertical", padding: "12px" },
                     React.createElement(Box, { marginBottom: "24px", direction: "vertical", padding: "12px 6px 0 6px", borderRadius: "8px" },
-                        React.createElement(Box, { gap: "6px" },
-                            React.createElement(Text, { size: "small", weight: "bold", dataHook: `kanban-stage-title-${stageState.stageKey}` }, stageState.stageName),
-                            !isStageLoading ? (React.createElement(CounterBadge, { dataHook: `kanban-stage-title-total-${stageState.stageKey}`, skin: "light", truncate: false }, stageState.totalItems())) : null),
+                        React.createElement(Box, null,
+                            React.createElement(Box, { paddingRight: "6px" },
+                                React.createElement(Text, { size: "small", weight: "bold", dataHook: `kanban-stage-title-${stageState.stageKey}`, ellipsis: true }, stageState.stageName)),
+                            shouldShowStageSummary ? (React.createElement(CounterBadge, { dataHook: `kanban-stage-title-total-${stageState.stageKey}`, skin: "light", truncate: false }, stageState.totalItems())) : null),
                         React.createElement(Box, { gap: "0.2em" },
                             React.createElement(Text, { size: "tiny", weight: "thin" }, "Total:"),
-                            !isStageLoading ? (React.createElement(Text, { size: "tiny", weight: "thin" }, stageSummary?.({ stage: stageState.stage }))) : null)),
-                    !isStageLoading ? (React.createElement(Box, { paddingBottom: "12px" },
+                            shouldShowStageSummary ? (React.createElement(Text, { size: "tiny", weight: "thin" }, stageSummary?.({ stage: stageState.stage }))) : null)),
+                    shouldShowStageSummary ? (React.createElement(Box, { paddingBottom: "12px" },
                         React.createElement(AddItem, { size: "tiny", removePadding: true, dataHook: `kanban-stage-add-card-${stageState.stageKey}` },
                             React.createElement(Box, { paddingTop: "9px", paddingBottom: "9px" }, "Add Card")))) : null),
-                isStageLoading ? (React.createElement(CardsSkeleton, { stageKey: stageState.stageKey })) : (React.createElement(Box, { paddingBottom: "12px", direction: "vertical" },
+                state.isRefetching || isStageLoading || isChangingFiltersValue ? (React.createElement(CardsSkeleton, { stageKey: stageState.stageKey })) : (React.createElement(Box, { paddingBottom: "12px", direction: "vertical" },
                     React.createElement("div", { "data-hook": `kanban-stage-cards-container-${stageState.stageKey}`, style: {
                             overflow: 'auto',
                             height: '100%',
@@ -97,7 +106,7 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
                             scrollbarWidth: 'thin',
                             scrollbarColor: '#CFD1DC transparent',
                         }, onScroll: handleScroll },
-                        items?.map((item) => (React.createElement(DraggableCard, { key: `${item.stageKey}-##-${item.item.key}`, id: `${item.stageKey}-##-${item.item.key}`, state: state, cardProps: {
+                        isInSearchMode && items.length === 0 ? (React.createElement(Box, { flex: "1", verticalAlign: "middle", dataHook: `kanban-stage-no-results-${stageState.stageKey}` }, props.noResultsState)) : (items?.map((item) => (React.createElement(DraggableCard, { key: `${item.stageKey}-##-${item.item.key}`, id: `${item.stageKey}-##-${item.item.key}`, state: state, cardProps: {
                                 keyedItem: item.keyedItem,
                                 originalItem: item.keyedItem.item,
                                 itemIndex: item.itemIndex,
@@ -107,7 +116,7 @@ function _StageComponent({ dataHook, state, stageSummary, activeStageKey, stageK
                                 itemActionsState: item.itemActionsState,
                                 dataExtension: props.dataExtension,
                                 tags: props.tags,
-                            } }, CardComponent))),
+                            } }, CardComponent)))),
                         stageState.itemsCollectionState.status.isLoading && (React.createElement("div", { className: "text-sm text-center text-gray-500" }, "Loading more...")))))))));
 }
 export const StageComponent = observer(_StageComponent);

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

@@ -1 +1 @@
-{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Stage.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Stage.js","sourceRoot":"","sources":["../../../../src/components/Kanban/Stage.tsx"],"names":[],"mappings":"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"}

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

@@ -12,6 +12,6 @@ function StageSkeleton({ index }) {
                     React.createElement(SkeletonLine, { className: styles.skeletonLine, width: "104px" }))))));
 }
 export function StagesSkeleton() {
-    return (React.createElement(Box, { direction: "horizontal", gap: "12px", dataHook: "kanban-stages-skeleton" }, Array.from({ length: numberOfStages }, (_, index) => (React.createElement(StageSkeleton, { index: index })))));
+    return (React.createElement(Box, { direction: "horizontal", gap: "12px", dataHook: "kanban-stages-skeleton" }, Array.from({ length: numberOfStages }, (_, index) => (React.createElement(StageSkeleton, { index: index, key: index })))));
 }
 //# sourceMappingURL=StagesSkeleton.js.map

package/dist/esm/components/Kanban/StagesSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"StagesSkeleton.js","sourceRoot":"","sources":["../../../../src/components/Kanban/StagesSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,mBAAmB;AACnB,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAqB;IACjD,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,uBAAuB,EAChC,eAAe,EAAC,SAAS,EACzB,YAAY,EAAC,KAAK,EAClB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,UAAU,EACpB,MAAM,EAAC,qBAAqB;QAE5B,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;YAChB,oBAAC,aAAa,IAAC,IAAI,EAAC,MAAM,EAAC,eAAe,EAAC,SAAS;gBAClD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,MAAM;oBAClC,oBAAC,YAAY,IACX,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAC,OAAO,EACb,YAAY,EAAC,KAAK,GAClB;oBACF,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,CAC1D,CACQ,CACZ,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,wBAAwB,IACrE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,CAChC,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"StagesSkeleton.js","sourceRoot":"","sources":["../../../../src/components/Kanban/StagesSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACtE,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,mBAAmB;AACnB,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAE3C,MAAM,cAAc,GAAG,CAAC,CAAC;AAEzB,SAAS,aAAa,CAAC,EAAE,KAAK,EAAqB;IACjD,OAAO,CACL,oBAAC,GAAG,IACF,GAAG,EAAE,KAAK,EACV,KAAK,EAAC,OAAO,EACb,QAAQ,EAAC,uBAAuB,EAChC,eAAe,EAAC,SAAS,EACzB,YAAY,EAAC,KAAK,EAClB,OAAO,EAAC,MAAM,EACd,SAAS,EAAC,UAAU,EACpB,MAAM,EAAC,qBAAqB;QAE5B,oBAAC,GAAG,IAAC,KAAK,EAAC,OAAO;YAChB,oBAAC,aAAa,IAAC,IAAI,EAAC,MAAM,EAAC,eAAe,EAAC,SAAS;gBAClD,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,MAAM;oBAClC,oBAAC,YAAY,IACX,SAAS,EAAE,MAAM,CAAC,YAAY,EAC9B,KAAK,EAAC,OAAO,EACb,YAAY,EAAC,KAAK,GAClB;oBACF,oBAAC,YAAY,IAAC,SAAS,EAAE,MAAM,CAAC,YAAY,EAAE,KAAK,EAAC,OAAO,GAAG,CAC1D,CACQ,CACZ,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,cAAc;IAC5B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,YAAY,EAAC,GAAG,EAAC,MAAM,EAAC,QAAQ,EAAC,wBAAwB,IACrE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,GAAI,CAC5C,CAAC,CACE,CACP,CAAC;AACJ,CAAC"}

package/dist/esm/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js

@@ -16,7 +16,7 @@ export class KanbanDragAndDropState {
             this.status = 'cancel';
             this.setActiveId(null);
         };
-        this.handleDragEnd = (event) => {
+        this.handleDragEnd = async (event) => {
             this.status = 'end';
             const { active, over } = event;
             this.setActiveId(null);
@@ -55,26 +55,19 @@ export class KanbanDragAndDropState {
                 toStageId,
             };
             if (this.kanbanState.items.dragAndDrop?.onSubmit) {
-                const submitPromise = async () => {
-                    return Promise.resolve();
+                const originalItem = item;
+                const updateItem = {
+                    ...item,
+                    [this.kanbanState.items.stageField]: toStageId,
                 };
-                this.kanbanState.items.dragAndDrop
-                    ?.onSubmit?.(kanbanDragEndEvent)
-                    .then((newItem) => {
-                    this.kanbanState
-                        .getStageStateByKey(fromStageId)
-                        .itemsCollectionState.optimisticActions.deleteOne(item, {
-                        submit: submitPromise,
-                    });
-                    this.kanbanState
-                        .getStageStateByKey(toStageId)
-                        .itemsCollectionState.optimisticActions.createOne(newItem, {
-                        submit: submitPromise,
-                    });
-                })
-                    .catch((error) => {
-                    console.error('Error submitting drag and drop event:', error);
-                });
+                try {
+                    this.kanbanState.moveItemBetweenStages(updateItem, fromStageId, toStageId);
+                    await this.kanbanState.items.dragAndDrop?.onSubmit?.(kanbanDragEndEvent);
+                }
+                catch (error) {
+                    this.kanbanState.showErrorToast(error);
+                    this.kanbanState.moveItemBetweenStages(originalItem, toStageId, fromStageId);
+                }
             }
         };
         this.kanbanState = params.kanbanState;

package/dist/esm/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.js.map

@@ -1 +1 @@
-{"version":3,"file":"KanbanCardDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"KanbanCardDragAndDrop.js","sourceRoot":"","sources":["../../../../src/components/KanbanDragAndDropDndKit/KanbanCardDragAndDrop.ts"],"names":[],"mappings":"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"}

package/dist/esm/components/KanbanDragAndDropDndKit/KanbanDraggableCardItem.js

@@ -47,7 +47,7 @@ function _KanbanDraggableCardItem(props) {
         isDragging && (React.createElement("div", { style: {
                 height: '129px',
                 width: '246px',
-                backgroundColor: '#E5E6E9',
+                backgroundColor: '#D6E6FE',
                 borderRadius: '8px',
                 pointerEvents: 'none',
             } })),

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

@@ -1,13 +1,13 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "LoadingRow1844243995";
+var _namespace_ = "LoadingRow1379802632";
 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": "LoadingRow1844243995__root" };
-export var keyframes = { "gradientSwoosh": "LoadingRow1844243995__gradientSwoosh" };
+export var classes = { "root": "LoadingRow1379802632__root" };
+export var keyframes = { "gradientSwoosh": "LoadingRow1379802632__gradientSwoosh" };
 export var layers = {};
 export var containers = {};
 export var stVars = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxHeightText1500268932";
+var _namespace_ = "MaxHeightText1535554536";
 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": "MaxHeightText1500268932__root" };
+export var classes = { "root": "MaxHeightText1535554536__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MaxLines2655113587";
+var _namespace_ = "MaxLines84696292";
 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": "MaxLines2655113587__root" };
+export var classes = { "root": "MaxLines84696292__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,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,0BAA0B,EAAC,CAAC;AACzD,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":"MaxLines.st.css.js","sourceRoot":"","sources":["../../../../src/components/MaxLines/MaxLines.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kBAAkB,CAAC;AACrC,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,wBAAwB,EAAC,CAAC;AACvD,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultiBulkActionToolbar692472361";
+var _namespace_ = "MultiBulkActionToolbar3403576012";
 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": "MultiBulkActionToolbar692472361__root" };
+export var classes = { "root": "MultiBulkActionToolbar3403576012__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,iCAAiC,CAAC;AACpD,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,uCAAuC,EAAC,CAAC;AACtE,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":"MultiBulkActionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,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,wCAAwC,EAAC,CAAC;AACvE,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTablePlaceholderStatesRow4170013255";
+var _namespace_ = "NestedTablePlaceholderStatesRow871935612";
 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": "NestedTablePlaceholderStatesRow4170013255__root" };
+export var classes = { "root": "NestedTablePlaceholderStatesRow871935612__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,2CAA2C,CAAC;AAC9D,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,iDAAiD,EAAC,CAAC;AAChF,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":"NestedTablePlaceholderStatesRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,0CAA0C,CAAC;AAC7D,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,gDAAgD,EAAC,CAAC;AAC/E,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/NestedTable/NestedTableRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableRow4006079430";
+var _namespace_ = "NestedTableRow3923245335";
 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": "NestedTableRow4006079430__root", "firstLevel": "NestedTableRow4006079430__firstLevel", "placeholder": "NestedTableRow4006079430__placeholder", "parentHovered": "NestedTableRow4006079430__parentHovered" };
+export var classes = { "root": "NestedTableRow3923245335__root", "firstLevel": "NestedTableRow3923245335__firstLevel", "placeholder": "NestedTableRow3923245335__placeholder", "parentHovered": "NestedTableRow3923245335__parentHovered" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "MultipleDragOverlayEffect1548623882";
+var _namespace_ = "MultipleDragOverlayEffect3950300445";
 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": "MultipleDragOverlayEffect1548623882__root" };
+export var classes = { "root": "MultipleDragOverlayEffect3950300445__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "NestedTableDragAndDropRow2456247580";
+var _namespace_ = "NestedTableDragAndDropRow153810227";
 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": "NestedTableDragAndDropRow2456247580__root" };
+export var classes = { "root": "NestedTableDragAndDropRow153810227__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,qCAAqC,CAAC;AACxD,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,2CAA2C,EAAC,CAAC;AAC1E,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":"NestedTableDragAndDropRow.st.css.js","sourceRoot":"","sources":["../../../../src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oCAAoC,CAAC;AACvD,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,0CAA0C,EAAC,CAAC;AACzE,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/Picker/Picker.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box, Loader } from '@wix/design-system';
+import { Box, SkeletonCircle, SkeletonGroup, SkeletonLine, } from '@wix/design-system';
 import { PickerEmptyStateContainer } from '../PickerEmptyState/PickerEmptyStateContainer';
 function _Picker(props) {
     const { state, renderEmptyState, renderError, dataHook, children, flex, hasFilterDropdown, } = props;
@@ -9,9 +9,13 @@ function _Picker(props) {
     let child;
     if (status.isIdle || showRefreshLoader) {
         // the loader container should be according to the last number of items height (`contentHeight`)
-        child = (React.createElement(Box, { height: "100%", align: "center", verticalAlign: "middle", minHeight: minContentHeight },
-            React.createElement(Loader, { dataHook: "search-loader" })));
-        child = (React.createElement(Box, { direction: "vertical", overflow: "auto" }, child));
+        child = (React.createElement(SkeletonGroup, null,
+            React.createElement(Box, { direction: "vertical", width: "100%", minHeight: minContentHeight, dataHook: "search-loader", gap: "0" }, Array.from({ length: 8 }).map((_, index) => (React.createElement(React.Fragment, null,
+                React.createElement(Box, { key: index, direction: "horizontal", gap: "24px", padding: "12px 24px", align: "center", verticalAlign: "middle", justifyItems: "center" },
+                    React.createElement(SkeletonCircle, { diameter: "48px" }),
+                    React.createElement(Box, { direction: "vertical", gap: "6px", flex: "1" },
+                        React.createElement(SkeletonLine, { width: "120px" }),
+                        React.createElement(SkeletonLine, { width: "240px" })))))))));
     }
     else if (status.isError) {
         child = renderError({

package/dist/esm/components/Picker/Picker.js.map

@@ -1 +1 @@
-{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAE3C,OAAO,EAAE,GAAG,EAAY,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAC3D,OAAO,EAAE,yBAAyB,EAAE,MAAM,+CAA+C,CAAC;AAe1F,SAAS,OAAO,CACd,KAAwB;IAExB,MAAM,EACJ,KAAK,EACL,gBAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,IAAI,EACJ,iBAAiB,GAClB,GAAG,KAAK,CAAC;IACV,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,KAAK,CAAC;IAC/C,MAAM,EACJ,iBAAiB,EACjB,MAAM,EAAE,EAAE,MAAM,EAAE,qBAAqB,EAAE,GAC1C,GAAG,UAAU,CAAC;IAEf,IAAI,KAAgB,CAAC;IACrB,IAAI,MAAM,CAAC,MAAM,IAAI,iBAAiB,EAAE;QACtC,gGAAgG;QAChG,KAAK,GAAG,CACN,oBAAC,GAAG,IACF,MAAM,EAAC,MAAM,EACb,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,SAAS,EAAE,gBAAgB;YAE3B,oBAAC,MAAM,IAAC,QAAQ,EAAC,eAAe,GAAG,CAC/B,CACP,CAAC;QAEF,KAAK,GAAG,CACN,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,MAAM,IACtC,KAAK,CACF,CACP,CAAC;KACH;SAAM,IAAI,MAAM,CAAC,OAAO,EAAE;QACzB,KAAK,GAAG,WAAW,CAAC;YAClB,GAAG,EAAE,MAAM,CAAC,KAAK;YACjB,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAAE;SAChC,CAAC,CAAC;QACH,KAAK,GAAG,CACN,oBAAC,GAAG,IACF,KAAK,EAAC,QAAQ,EACd,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,KAAK,EAChB,aAAa,EAAC,KAAK,EACnB,MAAM,EAAC,MAAM,EACb,SAAS,EAAE,gBAAgB,IAE1B,KAAK,CACF,CACP,CAAC;QAEF,KAAK,GAAG,CACN,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,MAAM,IACtC,KAAK,CACF,CACP,CAAC;KACH;SAAM,IAAI,qBAAqB,EAAE;QAChC,KAAK,GAAG,CACN,oBAAC,yBAAyB,IACxB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,GAClC,CACH,CAAC;KACH;SAAM;QACL,KAAK,GAAG,CACN,oBAAC,GAAG,IAAC,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAC,UAAU,IACnD,QAAQ,CACL,CACP,CAAC;KACH;IAED,OAAO,CACL,oBAAC,GAAG,IAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,UAAU,EAAC,QAAQ,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,IACvE,KAAK,CACF,CACP,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC"}
+{"version":3,"file":"Picker.js","sourceRoot":"","sources":["../../../../src/components/Picker/Picker.tsx"],"names":[],"mappings":"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"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContent4238434937";
+var _namespace_ = "PickerContent1383910547";
 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": "PickerContent4238434937__root" };
+export var classes = { "root": "PickerContent1383910547__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/PickerContent/PickerContentAdditionalStep.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerContentAdditionalStep1723717579";
+var _namespace_ = "PickerContentAdditionalStep2226988909";
 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": "PickerContentAdditionalStep1723717579__root", "titles": "PickerContentAdditionalStep1723717579__titles", "suffix": "PickerContentAdditionalStep1723717579__suffix" };
+export var classes = { "root": "PickerContentAdditionalStep2226988909__root", "titles": "PickerContentAdditionalStep2226988909__titles", "suffix": "PickerContentAdditionalStep2226988909__suffix" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "PickerTableListItem1841231422";
+var _namespace_ = "PickerTableListItem1815970055";
 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": "PickerTableListItem1841231422__root" };
+export var classes = { "root": "PickerTableListItem1815970055__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "ScrollableContent927021353";
+var _namespace_ = "ScrollableContent3240924750";
 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": "ScrollableContent927021353__root" };
+export var classes = { "root": "ScrollableContent3240924750__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,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,kCAAkC,EAAC,CAAC;AACjE,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":"ScrollableContent.st.css.js","sourceRoot":"","sources":["../../../../src/components/ScrollableContent/ScrollableContent.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,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,mCAAmC,EAAC,CAAC;AAClE,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/SkeletonCard/SkeletonCard.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SkeletonCard3585000";
+var _namespace_ = "SkeletonCard2697896038";
 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": "SkeletonCard3585000__root", "headerLoading": "SkeletonCard3585000__headerLoading" };
+export var classes = { "root": "SkeletonCard2697896038__root", "headerLoading": "SkeletonCard2697896038__headerLoading" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"SkeletonCard.st.css.js","sourceRoot":"","sources":["../../../../src/components/SkeletonCard/SkeletonCard.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,eAAe,EAAC,oCAAoC,EAAC,CAAC;AAC/G,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":"SkeletonCard.st.css.js","sourceRoot":"","sources":["../../../../src/components/SkeletonCard/SkeletonCard.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,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,8BAA8B,EAAC,eAAe,EAAC,uCAAuC,EAAC,CAAC;AACrH,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/SlidingModal/SlidingModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SlidingModal1753585837";
+var _namespace_ = "SlidingModal1034476344";
 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": "SlidingModal1753585837__root" };
+export var classes = { "root": "SlidingModal1034476344__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/Table/Table.js.map

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAiB5C,MAAM,UAAU,KAAK,CACnB,KAAuB;IAEvB,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAE5C,MAAM,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;IAE1C,MAAM,mBAAmB,GAAG,mBAAmB,EAAE,OAAO,CACtD,0CAA0C,CAC3C,CAAC;IACF,OAAO,mBAAmB,IAAI,SAAS,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CACvE,oBAAC,YAAY,OACP,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,OAAK,UAAU,GAAI,CAChC,CAAC;AACJ,CAAC"}
+{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/Table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,qBAAqB,CAAC;AAG9D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAyB5C,MAAM,UAAU,KAAK,CACnB,KAAuB;IAEvB,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,SAAS,EAAE,GAAG,UAAU,EAAE,GAAG,KAAK,CAAC;IAC1E,MAAM,SAAS,GAAG,uBAAuB,EAAE,CAAC;IAE5C,MAAM,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;IAE1C,MAAM,mBAAmB,GAAG,mBAAmB,EAAE,OAAO,CACtD,0CAA0C,CAC3C,CAAC;IACF,OAAO,mBAAmB,IAAI,SAAS,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CACvE,oBAAC,YAAY,OACP,UAAU,EACd,SAAS,EAAE,SAAS,EACpB,kBAAkB,EAAE,kBAAkB,GACtC,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,OAAK,UAAU,GAAI,CAChC,CAAC;AACJ,CAAC"}

package/dist/esm/components/Table/Table.uni.driver.js

@@ -11,6 +11,7 @@ import TagsAssignButtonUniDriver from '../TagsAssignButton/TagsAssignButton.uni.
 import { CollectionEmptyStateUniDriver } from '../EmptyState/CollectionEmptyState.uni.driver';
 import { CollectionPremiumEmptyStateUniDriver } from '../EmptyState/CollectionPremiumEmptyState.uni.driver';
 import { CollectionNoResultsStateUniDriver } from '../EmptyState/CollectionNoResultsState.uni.driver';
+import { CollectionSectionHeaderUniDriver } from '../CollectionSectionHeader/CollectionSectionHeader.uni.driver';
 export function TableUniDriver(base, body) {
     const collectionTable = CollectionTableUniDriver(base.$('[data-hook="collection-table"]'), body);
     const initialLoaderBase = () => base.$(`[data-hook="toolbar-skeleton"]`);
@@ -337,6 +338,8 @@ export function TableUniDriver(base, body) {
             ...options,
             scrollableElementDataHook: 'toolbar-collection-content-auto-sizer',
         }),
+        getSectionHeadersCount: () => base.$$('[data-hook="table-section-header"]').count(),
+        getSectionHeaderAt: (index) => CollectionSectionHeaderUniDriver(base.$$('[data-hook="table-section-header"]').get(index), body),
     };
 }
 export default TableUniDriver;