@workday/canvas-kit-react 13.0.0-alpha.944-next.0 → 13.0.0-alpha.950-next.0

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":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,IAAI,EAAC,MAAM,oBAAoB,CAAC;AAExC,wBAAgB,YAAY,CAC1B,aAAa,EAAE,MAAM,EACrB,YAAY,EAAE,MAAM,EACpB,kBAAkB,EAAE,MAAM,EAC1B,aAAa,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,EACrC,WAAW,EAAE,MAAM,EAAE,GAAG,KAAK,EAC7B,KAAK,EAAE,IAAI,CAAC,GAAG,CAAC,EAAE,GACjB,MAAM,EAAE,CAmDV;AAED,eAAO,MAAM,oBAAoB;;;IAK7B;;;;OAIG;;;;;;;;;;;;;;;;;;;;;;QA+BH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0C0B,MAAM;;;;QAjDnC;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAwDiC,MAAM;gBAAU,MAAM;;;;QA/D1D;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eAkEkC,MAAM;;;;QAzE3C;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA2EqB,MAAM;eAAS,MAAM;;;;QAlF7C;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA8EoB,MAAM;eAAS,MAAM;gBAAU,MAAM;;;;QArF5D;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAkGuB,MAAM;;;;QAzGhC;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAyHwB,MAAM;;;;QAhIjC;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA4HqB,MAAM;;;;QAnI9B;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YA+HwB,MAAM;;;;QAtIjC;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAPH;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cA0C0B,MAAM;;;;QAjDnC;;WAEG;;;QAGH;;WAEG;;;;;;;;;;;;;;;;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"}

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { createModelHook } from '@workday/canvas-kit-react/common';
 import { useSelectionListModel } from './useSelectionListModel';
-export function getHiddenIds(containerWidth, containerGap, overflowTargetWidth, itemWidthCache, selectedIds, items) {
+export function getHiddenIds(containerSize, containerGap, overflowTargetSize, itemSizeCache, 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 */
-    let itemWidth = 0;
+    let itemSize = 0;
     /** 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 = [];
@@ -18,29 +18,29 @@ export function getHiddenIds(containerWidth, containerGap, overflowTargetWidth,
             selectedKey = items.find(item => item.id === selectedIds[0]) ? selectedIds[0] : items[0].id;
         }
     }
-    if (Object.keys(itemWidthCache).reduce((sum, key, index) => sum + itemWidthCache[key] + (index > 0 ? containerGap : 0), 0) <= containerWidth) {
+    if (Object.keys(itemSizeCache).reduce((sum, key, index) => sum + itemSizeCache[key] + (index > 0 ? containerGap : 0), 0) <= containerSize) {
         // All items fit, return empty array
         return [];
     }
     else if (selectedKey) {
-        if (itemWidthCache[selectedKey] + overflowTargetWidth > containerWidth) {
+        if (itemSizeCache[selectedKey] + overflowTargetSize > containerSize) {
             // If the selected item doesn't fit, only show overflow (all items hidden)
-            return Object.keys(itemWidthCache);
+            return Object.keys(itemSizeCache);
         }
         else {
             // at least the selected item and overflow target fit. Update our itemWidth with the sum
-            itemWidth += itemWidthCache[selectedKey] + overflowTargetWidth;
+            itemSize += itemSizeCache[selectedKey] + overflowTargetSize;
             shouldAddGap = true;
         }
     }
     else {
-        itemWidth += overflowTargetWidth;
+        itemSize += overflowTargetSize;
     }
-    for (const key in itemWidthCache) {
+    for (const key in itemSizeCache) {
         if (key !== selectedKey) {
-            itemWidth += itemWidthCache[key] + (shouldAddGap ? containerGap : 0);
+            itemSize += itemSizeCache[key] + (shouldAddGap ? containerGap : 0);
             shouldAddGap = true;
-            if (itemWidth > containerWidth) {
+            if (itemSize > containerSize) {
                 hiddenIds.push(key);
             }
         }
@@ -63,13 +63,13 @@ export const useOverflowListModel = createModelHook({
 })(config => {
     const shouldCalculateOverflow = config.shouldCalculateOverflow === undefined ? true : config.shouldCalculateOverflow;
     const [hiddenIds, setHiddenIds] = React.useState(config.initialHiddenIds);
-    const [itemWidthCache, setItemWidthCache] = React.useState({});
-    const [containerWidth, setContainerWidth] = React.useState(0);
+    const [itemSizeCache, setItemSizeCache] = React.useState({});
+    const [containerSize, setContainerSize] = React.useState(0);
     const [containerGap, setContainerGap] = React.useState(0);
-    const containerWidthRef = React.useRef(0);
-    const itemWidthCacheRef = React.useRef(itemWidthCache);
+    const containerSizeRef = React.useRef(0);
+    const itemSizeCacheRef = React.useRef(itemSizeCache);
     const [overflowTargetWidth, setOverflowTargetWidth] = React.useState(0);
-    const overflowTargetWidthRef = React.useRef(0);
+    const overflowTargetSizeRef = React.useRef(0);
     const internalHiddenIds = shouldCalculateOverflow ? hiddenIds : [];
     // Cursors skip over disabled ids, but know nothing of hidden ids. We'll go ahead and disable
     // hidden ids as well
@@ -81,8 +81,16 @@ export const useOverflowListModel = createModelHook({
     const state = {
         ...model.state,
         hiddenIds: internalHiddenIds,
-        itemWidthCache,
-        containerWidth,
+        itemSizeCache,
+        /**
+         * @deprecated Use `itemSizeCache` instead
+         */
+        itemWidthCache: itemSizeCache,
+        containerSize,
+        /**
+         * @deprecated Use `containerSize` instead
+         */
+        containerWidth: containerSize,
         containerGap,
         overflowTargetWidth,
     };
@@ -90,44 +98,74 @@ export const useOverflowListModel = createModelHook({
         ...model.events,
         select(data) {
             const { selectedIds } = model.selection.select(data.id, state);
-            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, selectedIds, config.items);
+            const ids = getHiddenIds(containerSizeRef.current, containerGap, overflowTargetSizeRef.current, itemSizeCacheRef.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, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+        setContainerSize(data) {
+            containerSizeRef.current =
+                model.state.orientation === 'horizontal' ? data.width || 0 : data.height || 0;
+            setContainerSize(containerSizeRef.current);
+            const ids = getHiddenIds(containerSizeRef.current, containerGap, overflowTargetSizeRef.current, itemSizeCacheRef.current, state.selectedIds, config.items);
             setHiddenIds(ids);
         },
+        /**
+         * @deprecated Use `setContainerSize` instead and pass both `width` and `height`
+         */
+        setContainerWidth(data) {
+            events.setContainerSize({ width: data.width, height: 0 });
+        },
         setContainerGap(data) {
             setContainerGap(data.size);
-            const ids = getHiddenIds(containerWidthRef.current, data.size, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+            const ids = getHiddenIds(containerSizeRef.current, data.size, overflowTargetSizeRef.current, itemSizeCacheRef.current, state.selectedIds, config.items);
             setHiddenIds(ids);
         },
+        setOverflowTargetSize(data) {
+            overflowTargetSizeRef.current =
+                model.state.orientation === 'horizontal' ? data.width || 0 : data.height || 0;
+            setOverflowTargetWidth(overflowTargetSizeRef.current);
+        },
+        /**
+         *
+         * @deprecated `setOverflowTargetWidth` is deprecated. Please use `setOverflowTargetSize` and pass in the `width` and set `height` to `0`.
+         */
         setOverflowTargetWidth(data) {
-            overflowTargetWidthRef.current = data.width;
-            setOverflowTargetWidth(data.width);
+            overflowTargetSizeRef.current = data.width;
+            events.setOverflowTargetSize({ width: overflowTargetSizeRef.current, height: 0 });
         },
+        /**
+         *
+         * @deprecated `addItemWidth` is deprecated. Please use `addItemSize` and set the `width`
+         */
         addItemWidth(data) {
-            itemWidthCacheRef.current = {
-                ...itemWidthCacheRef.current,
-                [data.id]: data.width,
+            events.addItemSize({ id: data.id, width: data.width, height: 0 });
+        },
+        addItemSize(data) {
+            itemSizeCacheRef.current = {
+                ...itemSizeCacheRef.current,
+                [data.id]: model.state.orientation === 'horizontal' ? data.width : data.height,
             };
-            setItemWidthCache(itemWidthCacheRef.current);
-            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds, config.items);
+            setItemSizeCache(itemSizeCacheRef.current);
+            const ids = getHiddenIds(containerSizeRef.current, containerGap, overflowTargetSizeRef.current, itemSizeCacheRef.current, state.selectedIds, config.items);
             setHiddenIds(ids);
         },
-        removeItemWidth(data) {
-            const newCache = { ...itemWidthCacheRef.current };
+        removeItemSize(data) {
+            const newCache = { ...itemSizeCacheRef.current };
             delete newCache[data.id];
-            itemWidthCacheRef.current = newCache;
-            setItemWidthCache(itemWidthCacheRef.current);
-            const ids = getHiddenIds(containerWidthRef.current, containerGap, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds !== 'all'
+            itemSizeCacheRef.current = newCache;
+            setItemSizeCache(itemSizeCacheRef.current);
+            const ids = getHiddenIds(containerSizeRef.current, containerGap, overflowTargetSizeRef.current, itemSizeCacheRef.current, state.selectedIds !== 'all'
                 ? state.selectedIds.filter(sId => data.id !== sId)
                 : state.selectedIds, config.items);
             setHiddenIds(ids);
         },
+        /**
+         *
+         * @deprecated `removeItemWidth` is deprecated. Please use `removeItemSize`.
+         */
+        removeItemWidth(data) {
+            events.removeItemSize({ id: data.id });
+        },
         addHiddenKey(data) {
             setHiddenIds(ids => ids.concat(data.id));
         },

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

@@ -6,7 +6,9 @@ import React from 'react';
 export declare const useOverflowListTarget: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         hiddenIds: string[];
+        itemSizeCache: Record<string, number>;
         itemWidthCache: Record<string, number>;
+        containerSize: number;
         containerWidth: number;
         containerGap: number;
         overflowTargetWidth: number;
@@ -38,12 +40,20 @@ export declare const useOverflowListTarget: import("@workday/canvas-kit-react/co
         select(data: {
             id: string;
         }): void;
+        setContainerSize(data: {
+            width?: number | undefined;
+            height?: number | undefined;
+        }): void;
         setContainerWidth(data: {
             width?: number | undefined;
         }): void;
         setContainerGap(data: {
             size: number;
         }): void;
+        setOverflowTargetSize(data: {
+            width: number;
+            height: number;
+        }): void;
         setOverflowTargetWidth(data: {
             width: number;
         }): void;
@@ -51,6 +61,14 @@ export declare const useOverflowListTarget: import("@workday/canvas-kit-react/co
             id: string;
             width: number;
         }): void;
+        addItemSize(data: {
+            id: string;
+            width: number;
+            height: number;
+        }): void;
+        removeItemSize(data: {
+            id: string;
+        }): void;
         removeItemWidth(data: {
             id: string;
         }): void;
@@ -63,6 +81,11 @@ export declare const useOverflowListTarget: import("@workday/canvas-kit-react/co
         selectAll(): void;
         unselectAll(): void;
         setSelectedIds(ids: string[] | "all"): void;
+        remove(data: {
+            id: string;
+            nextId?: string | undefined;
+            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+        }): void;
         goTo(data: {
             id: string;
         }): 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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BhC,CAAC"}

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

@@ -18,10 +18,13 @@ export const useOverflowListTarget = createElemPropsHook(useOverflowListModel)((
         firstRender.current = false;
         if (localRef.current) {
             const styles = getComputedStyle(localRef.current);
-            model.events.setOverflowTargetWidth({
+            model.events.setOverflowTargetSize({
                 width: localRef.current.offsetWidth +
                     parseFloat(styles.marginLeft) +
                     parseFloat(styles.marginRight),
+                height: localRef.current.offsetWidth +
+                    parseFloat(styles.marginTop) +
+                    parseFloat(styles.marginBottom),
             });
         }
     });

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

@@ -144,6 +144,35 @@ export declare const useSelectionListModel: (<TT_Special_Generic>(config?: (Part
         isVirtualized: boolean;
         items: import("./useBaseListModel").Item<any>[];
     }) => void) | undefined;
+    onRemove?: ((data: {
+        id: string;
+        nextId?: string | undefined;
+        event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+    }, prevState: {
+        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: import("./useBaseListModel").Item<any>[];
+    }) => void) | undefined;
     onGoTo?: ((data: {
         id: string;
     }, prevState: {
@@ -606,6 +635,35 @@ export declare const useSelectionListModel: (<TT_Special_Generic>(config?: (Part
         isVirtualized: boolean;
         items: import("./useBaseListModel").Item<any>[];
     }) => boolean) | undefined;
+    shouldRemove?: ((data: {
+        id: string;
+        nextId?: string | undefined;
+        event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+    }, state: {
+        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: import("./useBaseListModel").Item<any>[];
+    }) => boolean) | undefined;
     shouldGoTo?: ((data: {
         id: string;
     }, state: {
@@ -1010,6 +1068,18 @@ export declare const useSelectionListModel: (<TT_Special_Generic>(config?: (Part
          * inputs.
          */
         setSelectedIds(ids: 'all' | string[]): void;
+        /**
+         * The `remove` event can be called by Behavior Hooks based on user interaction. The `onRemove`
+         * can be added to the model config to signal the user wishes to remove the item in the list.
+         * The `remove` event requires the dynamic API where `items` are passed to the model. It is up
+         * to you to remove the item from the list. Focus redirection should be automatically managed,
+         * if necessary.
+         */
+        remove(data: {
+            id: string;
+            nextId?: string;
+            event?: Event | React.SyntheticEvent;
+        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -1096,6 +1166,18 @@ export declare const useSelectionListModel: (<TT_Special_Generic>(config?: (Part
      * inputs.
      */
     setSelectedIds(ids: 'all' | string[]): void;
+    /**
+     * The `remove` event can be called by Behavior Hooks based on user interaction. The `onRemove`
+     * can be added to the model config to signal the user wishes to remove the item in the list.
+     * The `remove` event requires the dynamic API where `items` are passed to the model. It is up
+     * to you to remove the item from the list. Focus redirection should be automatically managed,
+     * if necessary.
+     */
+    remove(data: {
+        id: string;
+        nextId?: string;
+        event?: Event | React.SyntheticEvent;
+    }): void;
     goTo(data: {
         id: string;
     }): void;
@@ -1164,6 +1246,18 @@ export declare const useSelectionListModel: (<TT_Special_Generic>(config?: (Part
          * inputs.
          */
         setSelectedIds(ids: 'all' | string[]): void;
+        /**
+         * The `remove` event can be called by Behavior Hooks based on user interaction. The `onRemove`
+         * can be added to the model config to signal the user wishes to remove the item in the list.
+         * The `remove` event requires the dynamic API where `items` are passed to the model. It is up
+         * to you to remove the item from the list. Focus redirection should be automatically managed,
+         * if necessary.
+         */
+        remove(data: {
+            id: string;
+            nextId?: string;
+            event?: Event | React.SyntheticEvent;
+        }): void;
         goTo(data: {
             id: string;
         }): void;

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectionListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useSelectionListModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;AAE3C,MAAM,MAAM,SAAS,GAAG;IACtB,WAAW,EAAE,WAAW,CAAC;IACzB,aAAa,EAAE,MAAM,EAAE,CAAC;CACzB,CAAC;AAEF;;;;;;;;GAQG;AACH,MAAM,WAAW,gBAAgB;IAC/B;;;;;OAKG;IACH,MAAM,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,SAAS,GAAG,SAAS,CAAC;CACrD;AAED,eAAO,MAAM,UAAU,OAAQ,MAAM,kCAAgC,SAAS,YAK7E,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,gBAIpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,gBAmBnC,CAAC;AAEF,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;YAqBZ,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;YAAN,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QADxB,gDAAgD;qBACnC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC;QAKzB;;;WAGG;;QAIH;;WAEG;;QAIH;;;WAGG;4BACiB,KAAK,GAAG,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAvBpC,gDAAgD;iBACnC;QAAC,EAAE,EAAE,MAAM,CAAA;KAAC;IAKzB;;;OAGG;;IAIH;;OAEG;;IAIH;;;OAGG;wBACiB,KAAK,GAAG,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAvBpC,gDAAgD;qBACnC;YAAC,EAAE,EAAE,MAAM,CAAA;SAAC;QAKzB;;;WAGG;;QAIH;;WAEG;;QAIH;;;WAGG;4BACiB,KAAK,GAAG,MAAM,EAAE;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMtC,CAAC"}
+{"version":3,"file":"useSelectionListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useSelectionListModel.tsx"],"names":[],"mappings":"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"}

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

@@ -76,6 +76,16 @@ export const useSelectionListModel = createModelHook({
         setSelectedIds(ids) {
             setSelectedIds(ids);
         },
+        /**
+         * The `remove` event can be called by Behavior Hooks based on user interaction. The `onRemove`
+         * can be added to the model config to signal the user wishes to remove the item in the list.
+         * The `remove` event requires the dynamic API where `items` are passed to the model. It is up
+         * to you to remove the item from the list. Focus redirection should be automatically managed,
+         * if necessary.
+         */
+        remove(data) {
+            // nothing to do here. It is a signal event
+        },
     };
     return { ...cursor, state, events, selection };
 });

package/dist/es6/combobox/lib/Combobox.d.ts

@@ -313,6 +313,45 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
         inputRef: React.RefObject<HTMLInputElement>;
         width: number;
     }) => void) | undefined;
+    onRemove?: ((data: {
+        id: string;
+        nextId?: string | undefined;
+        event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+    }, prevState: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../..").Item<any>[];
+        mode: "multiple" | "single";
+        value: string | undefined;
+        inputRef: React.RefObject<HTMLInputElement>;
+        width: number;
+    }) => void) | undefined;
     onGoTo?: ((data: {
         id: string;
     }, prevState: {
@@ -1097,6 +1136,45 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
         inputRef: React.RefObject<HTMLInputElement>;
         width: number;
     }) => boolean) | undefined;
+    shouldRemove?: ((data: {
+        id: string;
+        nextId?: string | undefined;
+        event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+    }, state: {
+        stackRef: React.RefObject<HTMLDivElement>;
+        targetRef: React.RefObject<HTMLButtonElement>;
+        initialFocusRef: React.RefObject<any> | undefined;
+        returnFocusRef: React.RefObject<any> | undefined;
+        placement: import("@popperjs/core").Placement;
+        id: string;
+        visibility: "hidden" | "visible";
+        selectedIds: string[] | "all";
+        unselectedIds: string[];
+        cursorId: string;
+        columnCount: number;
+        pageSizeRef: React.MutableRefObject<number>;
+        cursorIndexRef: {
+            readonly current: number;
+        };
+        UNSTABLE_virtual: {
+            virtualItems: import("../../collection/lib/react-virtual").VirtualItem[];
+            totalSize: number;
+            scrollToOffset: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToOffsetOptions | undefined) => void;
+            scrollToIndex: (index: number, options?: import("../../collection/lib/react-virtual").ScrollToIndexOptions | undefined) => void;
+            measure: () => void;
+        };
+        UNSTABLE_defaultItemHeight: number;
+        containerRef: React.RefObject<HTMLDivElement>;
+        orientation: "horizontal" | "vertical";
+        indexRef: React.MutableRefObject<number>;
+        nonInteractiveIds: string[];
+        isVirtualized: boolean;
+        items: import("../..").Item<any>[];
+        mode: "multiple" | "single";
+        value: string | undefined;
+        inputRef: React.RefObject<HTMLInputElement>;
+        width: number;
+    }) => boolean) | undefined;
     shouldGoTo?: ((data: {
         id: string;
     }, state: {
@@ -1645,6 +1723,11 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
         selectAll(): void;
         unselectAll(): void;
         setSelectedIds(ids: string[] | "all"): void;
+        remove(data: {
+            id: string;
+            nextId?: string | undefined;
+            event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -1730,6 +1813,11 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
             selectAll(): void;
             unselectAll(): void;
             setSelectedIds(ids: string[] | "all"): void;
+            remove(data: {
+                id: string;
+                nextId?: string | undefined;
+                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -1813,6 +1901,11 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
             selectAll(): void;
             unselectAll(): void;
             setSelectedIds(ids: string[] | "all"): void;
+            remove(data: {
+                id: string;
+                nextId?: string | undefined;
+                event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+            }): void;
             goTo(data: {
                 id: string;
             }): void;
@@ -1888,6 +1981,11 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
                 selectAll(): void;
                 unselectAll(): void;
                 setSelectedIds(ids: string[] | "all"): void;
+                remove(data: {
+                    id: string;
+                    nextId?: string | undefined;
+                    event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+                }): void;
                 goTo(data: {
                     id: string;
                 }): void;
@@ -1965,6 +2063,11 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
                 selectAll(): void;
                 unselectAll(): void;
                 setSelectedIds(ids: string[] | "all"): void;
+                remove(data: {
+                    id: string;
+                    nextId?: string | undefined;
+                    event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+                }): void;
                 goTo(data: {
                     id: string;
                 }): void;
@@ -2040,6 +2143,11 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
                 selectAll(): void;
                 unselectAll(): void;
                 setSelectedIds(ids: string[] | "all"): void;
+                remove(data: {
+                    id: string;
+                    nextId?: string | undefined;
+                    event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+                }): void;
                 goTo(data: {
                     id: string;
                 }): void;
@@ -2122,6 +2230,11 @@ export declare const Combobox: import("@workday/canvas-kit-react/common").Compon
                 selectAll(): void;
                 unselectAll(): void;
                 setSelectedIds(ids: string[] | "all"): void;
+                remove(data: {
+                    id: string;
+                    nextId?: string | undefined;
+                    event?: Event | React.SyntheticEvent<Element, Event> | undefined;
+                }): void;
                 goTo(data: {
                     id: string;
                 }): void;

package/dist/es6/combobox/lib/Combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIjB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAIjB;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAEH;;;OAGG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKL,CAAC"}