@workday/canvas-kit-react 12.0.6 → 12.0.7

package/dist/es6/collection/lib/useOverflowListModel.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { Item } from './useBaseListModel';
-export declare function getHiddenIds(containerWidth: number, overflowTargetWidth: number, itemWidthCache: Record<string, number>, selectedIds: string[] | 'all', items?: Item<any>[]): string[];
+export declare function getHiddenIds(containerWidth: number, containerGap: number, overflowTargetWidth: number, itemWidthCache: Record<string, number>, selectedIds: string[] | 'all', items: Item<any>[]): string[];
 export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Partial<{
     initialHiddenIds: string[];
     containerWidth: number;
@@ -31,6 +31,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -62,6 +63,39 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("./react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("./react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("./react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: Item<any>[];
+    }) => void) | undefined;
+    onSetContainerGap?: ((data: {
+        size: number;
+    }, prevState: {
+        hiddenIds: string[];
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -93,6 +127,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -125,6 +160,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -156,6 +192,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -187,6 +224,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -218,6 +256,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -247,6 +286,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -276,6 +316,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -305,6 +346,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -336,6 +378,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -365,6 +408,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -394,6 +438,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -423,6 +468,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -452,6 +498,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -481,6 +528,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -510,6 +558,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -539,6 +588,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -568,6 +618,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -597,6 +648,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -626,6 +678,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -658,6 +711,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -689,6 +743,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -720,6 +775,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -752,6 +808,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -783,6 +840,39 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
+        overflowTargetWidth: number;
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("./react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("./react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("./react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        id: string;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: Item<any>[];
+    }) => boolean) | undefined;
+    shouldSetContainerGap?: ((data: {
+        size: number;
+    }, state: {
+        hiddenIds: string[];
+        itemWidthCache: Record<string, number>;
+        containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -814,6 +904,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -846,6 +937,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -877,6 +969,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -908,6 +1001,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -939,6 +1033,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -968,6 +1063,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -997,6 +1093,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1026,6 +1123,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1057,6 +1155,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1086,6 +1185,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1115,6 +1215,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1144,6 +1245,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1173,6 +1275,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1202,6 +1305,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1231,6 +1335,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1260,6 +1365,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1289,6 +1395,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1318,6 +1425,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1347,6 +1455,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1379,6 +1488,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1410,6 +1520,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1441,6 +1552,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1471,6 +1583,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1503,6 +1616,9 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         setContainerWidth(data: {
             width?: number;
         }): void;
+        setContainerGap(data: {
+            size: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;
@@ -1576,6 +1692,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
     hiddenIds: string[];
     itemWidthCache: Record<string, number>;
     containerWidth: number;
+    containerGap: number;
     overflowTargetWidth: number;
     selectedIds: string[] | "all";
     unselectedIds: string[];
@@ -1607,6 +1724,9 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
     setContainerWidth(data: {
         width?: number;
     }): void;
+    setContainerGap(data: {
+        size: number;
+    }): void;
     setOverflowTargetWidth(data: {
         width: number;
     }): void;
@@ -1654,6 +1774,7 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -1686,6 +1807,9 @@ export declare const useOverflowListModel: (<TT_Special_Generic>(config?: (Parti
         setContainerWidth(data: {
             width?: number;
         }): void;
+        setContainerGap(data: {
+            size: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;

package/dist/es6/collection/lib/useOverflowListModel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListModel.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"useOverflowListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListModel.tsx"],"names":[],"mappings":"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"}

package/dist/es6/collection/lib/useOverflowListModel.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import { createModelHook } from '@workday/canvas-kit-react/common';
 import { useSelectionListModel } from './useSelectionListModel';
-export function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selectedIds, items) {
+export function getHiddenIds(containerWidth, containerGap, overflowTargetWidth, itemWidthCache, selectedIds, items) {
     /** Allows us to prioritize showing the selected item */
     let selectedKey;
     /** Tally of combined item widths. We'll add items that fit until the container is full */
@@ -9,16 +9,16 @@ export function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache
     /** Tally ids that won't fit inside the container. These will be used by components to hide
      * elements that won't fit in the container */
     const hiddenIds = [];
+    /** Track if gap should be calculated since gap doesn't apply to the width of the first item, only
+     * consecutive items */
+    let shouldAddGap = false;
     if (selectedIds !== 'all' && selectedIds.length) {
-        if (items === null || items === void 0 ? void 0 : items.length) {
+        if (items.length) {
             // If selectedIds[0] is not in items, use the first id from items
             selectedKey = items.find(item => item.id === selectedIds[0]) ? selectedIds[0] : items[0].id;
         }
-        else {
-            selectedKey = selectedIds[0];
-        }
     }
-    if (Object.keys(itemWidthCache).reduce((sum, key) => sum + itemWidthCache[key], 0) <= containerWidth) {
+    if (Object.keys(itemWidthCache).reduce((sum, key, index) => sum + itemWidthCache[key] + (index > 0 ? containerGap : 0), 0) <= containerWidth) {
         // All items fit, return empty array
         return [];
     }
@@ -30,6 +30,7 @@ export function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache
         else {
             // at least the selected item and overflow target fit. Update our itemWidth with the sum
             itemWidth += itemWidthCache[selectedKey] + overflowTargetWidth;
+            shouldAddGap = true;
         }
     }
     else {
@@ -37,7 +38,8 @@ export function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache
     }
     for (const key in itemWidthCache) {
         if (key !== selectedKey) {
-            itemWidth += itemWidthCache[key];
+            itemWidth += itemWidthCache[key] + (shouldAddGap ? containerGap : 0);
+            shouldAddGap = true;
             if (itemWidth > containerWidth) {
                 hiddenIds.push(key);
             }
@@ -63,6 +65,7 @@ export const useOverflowListModel = createModelHook({
     const [hiddenIds, setHiddenIds] = React.useState(config.initialHiddenIds);
     const [itemWidthCache, setItemWidthCache] = React.useState({});
     const [containerWidth, setContainerWidth] = React.useState(0);
+    const [containerGap, setContainerGap] = React.useState(0);
     const containerWidthRef = React.useRef(0);
     const itemWidthCacheRef = React.useRef(itemWidthCache);
     const [overflowTargetWidth, setOverflowTargetWidth] = React.useState(0);
@@ -80,20 +83,26 @@ export const useOverflowListModel = createModelHook({
         hiddenIds: internalHiddenIds,
         itemWidthCache,
         containerWidth,
+        containerGap,
         overflowTargetWidth,
     };
     const events = {
         ...model.events,
         select(data) {
             const { selectedIds } = model.selection.select(data.id, state);
-            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, selectedIds, config.items);
+            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, selectedIds, config.items);
             model.events.select(data);
             setHiddenIds(ids);
         },
         setContainerWidth(data) {
             containerWidthRef.current = data.width || 0;
             setContainerWidth(data.width || 0);
-            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+            setHiddenIds(ids);
+        },
+        setContainerGap(data) {
+            setContainerGap(data.size);
+            const ids = getHiddenIds(containerWidthRef.current, data.size, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
             setHiddenIds(ids);
         },
         setOverflowTargetWidth(data) {
@@ -106,7 +115,7 @@ export const useOverflowListModel = createModelHook({
                 [data.id]: data.width,
             };
             setItemWidthCache(itemWidthCacheRef.current);
-            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
             setHiddenIds(ids);
         },
         removeItemWidth(data) {
@@ -114,7 +123,7 @@ export const useOverflowListModel = createModelHook({
             delete newCache[data.id];
             itemWidthCacheRef.current = newCache;
             setItemWidthCache(itemWidthCacheRef.current);
-            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds !== 'all'
+            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds !== 'all'
                 ? state.selectedIds.filter(sId => data.id !== sId)
                 : state.selectedIds, config.items);
             setHiddenIds(ids);

package/dist/es6/collection/lib/useOverflowListTarget.d.ts

@@ -8,6 +8,7 @@ export declare const useOverflowListTarget: import("@workday/canvas-kit-react/co
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
+        containerGap: number;
         overflowTargetWidth: number;
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -40,6 +41,9 @@ export declare const useOverflowListTarget: import("@workday/canvas-kit-react/co
         setContainerWidth(data: {
             width?: number | undefined;
         }): void;
+        setContainerGap(data: {
+            size: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;

package/dist/es6/collection/lib/useOverflowListTarget.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOverflowListTarget.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BhC,CAAC"}
+{"version":3,"file":"useOverflowListTarget.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useOverflowListTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAY1B;;;GAGG;AACH,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BhC,CAAC"}

package/dist/es6/combobox/lib/ComboboxMenuList.js

@@ -18,7 +18,7 @@ export const useComboboxMenuList = createElemPropsHook(useMenuModel)(model => {
     };
 });
 const comboboxMenuListStencil = createStencil({
-    base: { name: "daz346", styles: "box-sizing:border-box;" },
+    base: { name: "a0j546", styles: "box-sizing:border-box;" },
     extends: menuListStencil
 }, "combobox-menu-list-04543a");
 export const ComboboxMenuList = createSubcomponent('ul')({

package/dist/es6/common/lib/AccessibleHide.js

@@ -17,7 +17,7 @@ export const accessibleHide = {
     padding: 0,
     border: 0,
 };
-export const accessibleHideStyles = createStyles({ name: "daz32", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;width:1px;margin:-1px;padding:0;border:0;" });
+export const accessibleHideStyles = createStyles({ name: "a0j52", styles: "clip:rect(1px, 1px, 1px, 1px);clip-path:polygon(0px 0px, 0px 0px, 0px 0px, 0px 0px);position:absolute;overflow:hidden;white-space:nowrap;height:1px;width:1px;margin:-1px;padding:0;border:0;" });
 /**
  * A convenient component wrapper to visually hide content, while still making it accessible to screen readers
  */