@workday/canvas-kit-react 9.0.0-alpha.418-next.20 → 9.0.0-alpha.420-next.22

package/dist/commonjs/text-input/lib/InputGroup.d.ts

@@ -1,9 +1,64 @@
 import React from 'react';
-export declare const InputGroupInnerStart: import("@workday/canvas-kit-react/common").ElementComponent<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps & React.HTMLAttributes<HTMLDivElement>>;
-export declare const InputGroupInnerEnd: import("@workday/canvas-kit-react/common").ElementComponent<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps & React.HTMLAttributes<HTMLDivElement>>;
-export declare const InputGroupInput: import("@workday/canvas-kit-react/common").ElementComponent<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./TextInput").TextInputProps> & {
+export declare const useInputGroupModel: (<TT_Special_Generic>(config?: (Partial<{}> & {} & {}) | undefined) => {
+    state: {
+        inputRef: React.RefObject<HTMLInputElement>;
+    };
+    events: {};
+}) & import("@workday/canvas-kit-react/common").ModelExtras<{}, {}, {
+    inputRef: React.RefObject<HTMLInputElement>;
+}, {}, {
+    state: {
+        inputRef: React.RefObject<HTMLInputElement>;
+    };
+    events: {};
+}>;
+export declare const InputGroupInnerStart: import("@workday/canvas-kit-react/common").ElementComponentM<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps, {
+    state: {
+        inputRef: React.RefObject<HTMLInputElement>;
+    };
+    events: {};
+}>;
+export declare const InputGroupInnerEnd: import("@workday/canvas-kit-react/common").ElementComponentM<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps, {
+    state: {
+        inputRef: React.RefObject<HTMLInputElement>;
+    };
+    events: {};
+}>;
+export declare const InputGroupInput: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./TextInput").TextInputProps> & {
     ErrorType: typeof import("@workday/canvas-kit-react/common").ErrorType;
-}, Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps & React.HTMLAttributes<HTMLDivElement>>;
+}, Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps, {
+    state: {
+        inputRef: React.RefObject<HTMLInputElement>;
+    };
+    events: {};
+}>;
+export declare const useClearButton: import("@workday/canvas-kit-react/common").BehaviorHook<{
+    state: {
+        inputRef: React.RefObject<HTMLInputElement>;
+    };
+    events: {};
+}, {
+    readonly role: "presentation";
+    readonly tabIndex: -1;
+    readonly icon: import("@workday/design-assets-types").CanvasSystemIcon;
+    readonly size: "small";
+    readonly transition: "opacity 300ms ease";
+    readonly onMouseDown: (event: React.MouseEvent) => void;
+    readonly onClick: () => void;
+    readonly style: {
+        readonly opacity: 0 | 1;
+        readonly pointerEvents: "none" | "auto";
+    };
+}>;
+/**
+ * A clear input button. This can be a component later.
+ */
+export declare const ClearButton: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("@workday/canvas-kit-react/button").TertiaryButtonProps>, import("@workday/canvas-kit-react/button").TertiaryButtonProps, {
+    state: {
+        inputRef: React.RefObject<HTMLInputElement>;
+    };
+    events: {};
+}>;
 /**
  * An `InputGroup` is a container around a {@link TextInput} with optional inner start and end
  * elements. The inner start and end elements are usually icons or icon buttons visually represented
@@ -24,27 +79,57 @@ export declare const InputGroupInput: import("@workday/canvas-kit-react/common")
  * </InputGroup>
  * ```
  */
-export declare const InputGroup: import("@workday/canvas-kit-react/common").ElementComponent<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps & React.HTMLAttributes<HTMLDivElement>> & {
+export declare const InputGroup: import("@workday/canvas-kit-react/common").ElementComponentM<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps & Partial<{}> & {} & {}, {
+    state: {
+        inputRef: React.RefObject<HTMLInputElement>;
+    };
+    events: {};
+}> & {
     /**
      * A component to show inside and at the start of the input. The input's padding will be
      * adjusted to not overlap with this element. Use `width` (number of pixels only) to adjust the
      * width offset. The width defaults to 40px which is the correct width for icons or icon
      * buttons.
      */
-    InnerStart: import("@workday/canvas-kit-react/common").ElementComponent<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps & React.HTMLAttributes<HTMLDivElement>>;
+    InnerStart: import("@workday/canvas-kit-react/common").ElementComponentM<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps, {
+        state: {
+            inputRef: React.RefObject<HTMLInputElement>;
+        };
+        events: {};
+    }>;
     /**
      * The input to render. By default, this is a {@link TextInput}. Use the `as` prop to change the
      * component to be rendered.
      */
-    Input: import("@workday/canvas-kit-react/common").ElementComponent<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./TextInput").TextInputProps> & {
+    Input: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"input", import("./TextInput").TextInputProps> & {
         ErrorType: typeof import("@workday/canvas-kit-react/common").ErrorType;
-    }, Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps & React.HTMLAttributes<HTMLDivElement>>;
+    }, Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps, {
+        state: {
+            inputRef: React.RefObject<HTMLInputElement>;
+        };
+        events: {};
+    }>;
     /**
      * A component to show inside and at the end of the input. The input's padding will be adjusted
      * to not overlap with this element. Use `width` (number of pixels only) to adjust the width
      * offset. The width defaults to 40px which is the correct width for icons or icon buttons
      * within the input.
      */
-    InnerEnd: import("@workday/canvas-kit-react/common").ElementComponent<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps & React.HTMLAttributes<HTMLDivElement>>;
+    InnerEnd: import("@workday/canvas-kit-react/common").ElementComponentM<"div", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps, {
+        state: {
+            inputRef: React.RefObject<HTMLInputElement>;
+        };
+        events: {};
+    }>;
+    /**
+     * A component that can be added to an input group that will clear the input. It will only render
+     * when the input has a value and will fade when a value is entered.
+     */
+    ClearButton: import("@workday/canvas-kit-react/common").ElementComponentM<import("@workday/canvas-kit-react/common").ElementComponent<"button", import("@workday/canvas-kit-react/button").TertiaryButtonProps>, import("@workday/canvas-kit-react/button").TertiaryButtonProps, {
+        state: {
+            inputRef: React.RefObject<HTMLInputElement>;
+        };
+        events: {};
+    }>;
 };
 //# sourceMappingURL=InputGroup.d.ts.map

package/dist/commonjs/text-input/lib/InputGroup.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAQ1B,eAAO,MAAM,oBAAoB,6OAe/B,CAAC;AAEH,eAAO,MAAM,kBAAkB,6OAe7B,CAAC;AAEH,eAAO,MAAM,eAAe;;2KAI1B,CAAC;AAmBH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;IA8DnB;;;;;OAKG;;IAEH;;;OAGG;;;;IAEH;;;;;OAKG;;CAGL,CAAC"}
+{"version":3,"file":"InputGroup.d.ts","sourceRoot":"","sources":["../../../../text-input/lib/InputGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAmB1B,eAAO,MAAM,kBAAkB;;;;;;;;;;;;EAS7B,CAAC;AAEH,eAAO,MAAM,oBAAoB;;;;;EAc/B,CAAC;AAEH,eAAO,MAAM,kBAAkB;;;;;EAc7B,CAAC;AAUH,eAAO,MAAM,eAAe;;;;;;;EAK1B,CAAC;AAEH,eAAO,MAAM,cAAc;;;;;;;;;;;kCAwBJ,gBAAgB;;;;;;EAYrC,CAAC;AAEH;;GAEG;AACH,eAAO,MAAM,WAAW;;;;;EAKtB,CAAC;AAmBH;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,UAAU;;;;;;IAInB;;;;;OAKG;;;;;;;IAEH;;;OAGG;;;;;;;;;IAEH;;;;;OAKG;;;;;;;IAEH;;;OAGG;;;;;;;CA6DL,CAAC"}

package/dist/commonjs/text-input/lib/InputGroup.js

@@ -3,26 +3,87 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.InputGroup = exports.InputGroupInput = exports.InputGroupInnerEnd = exports.InputGroupInnerStart = void 0;
+exports.InputGroup = exports.ClearButton = exports.useClearButton = exports.InputGroupInput = exports.InputGroupInnerEnd = exports.InputGroupInnerStart = exports.useInputGroupModel = void 0;
 const react_1 = __importDefault(require("react"));
 const tokens_1 = require("@workday/canvas-kit-react/tokens");
 const common_1 = require("@workday/canvas-kit-react/common");
 const layout_1 = require("@workday/canvas-kit-react/layout");
+const button_1 = require("@workday/canvas-kit-react/button");
+const canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
 const TextInput_1 = require("./TextInput");
-exports.InputGroupInnerStart = common_1.createComponent('div')({
-    Component(elemProps, ref, Element) {
-        return (react_1.default.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, position: "absolute", alignItems: "center", justifyContent: "center", height: "xl", width: "xl" }, elemProps)));
-    },
+exports.useInputGroupModel = common_1.createModelHook({})(() => {
+    const inputRef = react_1.default.useRef(null);
+    return {
+        state: {
+            inputRef,
+        },
+        events: {},
+    };
 });
-exports.InputGroupInnerEnd = common_1.createComponent('div')({
-    Component(elemProps, ref, Element) {
-        return (react_1.default.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, position: "absolute", alignItems: "center", justifyContent: "center", height: "xl", width: "xl" }, elemProps)));
-    },
+exports.InputGroupInnerStart = common_1.createSubcomponent('div')({
+    modelHook: exports.useInputGroupModel,
+})((elemProps, Element) => {
+    return (react_1.default.createElement(layout_1.Flex, Object.assign({ as: Element, position: "absolute", alignItems: "center", justifyContent: "center", height: "xl", width: "xl" }, elemProps)));
 });
-exports.InputGroupInput = common_1.createComponent(TextInput_1.TextInput)({
-    Component(elemProps, ref, Element) {
-        return react_1.default.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, width: "100%" }, elemProps));
-    },
+exports.InputGroupInnerEnd = common_1.createSubcomponent('div')({
+    modelHook: exports.useInputGroupModel,
+})((elemProps, Element) => {
+    return (react_1.default.createElement(layout_1.Flex, Object.assign({ as: Element, position: "absolute", alignItems: "center", justifyContent: "center", height: "xl", width: "xl" }, elemProps)));
+});
+const useInputGroupInput = common_1.createElemPropsHook(exports.useInputGroupModel)((model, ref) => {
+    const elementRef = common_1.useForkRef(ref, model.state.inputRef);
+    return {
+        ref: elementRef,
+    };
+});
+exports.InputGroupInput = common_1.createSubcomponent(TextInput_1.TextInput)({
+    modelHook: exports.useInputGroupModel,
+    elemPropsHook: useInputGroupInput,
+})((elemProps, Element) => {
+    return react_1.default.createElement(layout_1.Flex, Object.assign({ as: Element, width: "100%" }, elemProps));
+});
+exports.useClearButton = common_1.createElemPropsHook(exports.useInputGroupModel)(model => {
+    const [inputHasValue, setInputHasValue] = react_1.default.useState(false);
+    react_1.default.useLayoutEffect(() => {
+        const input = model.state.inputRef.current;
+        if (input) {
+            input.addEventListener('input', () => {
+                setInputHasValue(!!input.value);
+            });
+        }
+    }, [model.state.inputRef]);
+    return {
+        // This element does not need to be accessible via screen reader. The user can already clear
+        // an input
+        role: 'presentation',
+        // A clear input button doesn't need focus. There's already keyboard keys to clear an input
+        tabIndex: -1,
+        icon: canvas_system_icons_web_1.xSmallIcon,
+        // "small" is needed to render correctly within a `TextInput`
+        size: 'small',
+        transition: 'opacity 300ms ease',
+        // prevent a focus change to the button. Focus should stay in the input.
+        onMouseDown(event) {
+            event.preventDefault();
+        },
+        onClick() {
+            // This will clear the input's value
+            common_1.dispatchInputEvent(model.state.inputRef.current, '');
+        },
+        style: {
+            opacity: inputHasValue ? 1 : 0,
+            pointerEvents: inputHasValue ? 'auto' : 'none',
+        },
+    };
+});
+/**
+ * A clear input button. This can be a component later.
+ */
+exports.ClearButton = common_1.createSubcomponent(button_1.TertiaryButton)({
+    modelHook: exports.useInputGroupModel,
+    elemPropsHook: exports.useClearButton,
+})((elemProps, Element) => {
+    return react_1.default.createElement(Element, Object.assign({}, elemProps));
 });
 // make sure we always use pixels if the input is a number - this is required for `calc`
 const toPx = (input) => {
@@ -59,57 +120,9 @@ const wrapInCalc = (values) => {
  * </InputGroup>
  * ```
  */
-exports.InputGroup = common_1.createComponent('div')({
+exports.InputGroup = common_1.createContainer('div')({
     displayName: 'InputGroup',
-    Component({ children, ...elemProps }, ref, Element) {
-        const isRTL = common_1.useIsRTL();
-        const offsetsStart = [];
-        const offsetsEnd = [];
-        // Collect the widths of the `InnerStart` and `InnerEnd` components into `offsetStart` and
-        // `offsetEnd` arrays
-        react_1.default.Children.forEach(children, child => {
-            if (react_1.default.isValidElement(child) && child.type === exports.InputGroupInnerStart) {
-                const width = child.props.width || tokens_1.space.xl;
-                offsetsStart.push(width);
-            }
-            if (react_1.default.isValidElement(child) && child.type === exports.InputGroupInnerEnd) {
-                const width = child.props.width || tokens_1.space.xl;
-                offsetsEnd.push(width);
-            }
-        });
-        // keep track of the index offsets to make sure we calculate the correct position offset
-        let indexStart = 0;
-        let indexEnd = 0;
-        // Loop over all the children and set the correct padding and positions
-        const mappedChildren = react_1.default.Children.map(children, child => {
-            if (react_1.default.isValidElement(child)) {
-                if (child.type === exports.InputGroupInput) {
-                    return react_1.default.cloneElement(child, {
-                        paddingInlineStart: wrapInCalc(offsetsStart),
-                        paddingInlineEnd: wrapInCalc(offsetsEnd),
-                    });
-                }
-                if (child.type === exports.InputGroupInnerStart) {
-                    const offset = wrapInCalc(offsetsStart.slice(0, indexStart)) || 0;
-                    indexStart++;
-                    return react_1.default.cloneElement(child, {
-                        left: isRTL ? undefined : offset,
-                        right: isRTL ? offset : undefined,
-                    });
-                }
-                if (child.type === exports.InputGroupInnerEnd) {
-                    const offset = wrapInCalc(offsetsEnd.slice(indexEnd, -1)) || 0;
-                    indexEnd++;
-                    return react_1.default.cloneElement(child, {
-                        left: isRTL ? offset : undefined,
-                        right: isRTL ? undefined : offset,
-                    });
-                }
-            }
-            return child;
-        });
-        return (react_1.default.createElement(layout_1.Flex, Object.assign({ ref: ref, as: Element, position: "relative" }, elemProps), mappedChildren));
-    },
+    modelHook: exports.useInputGroupModel,
     subComponents: {
         /**
          * A component to show inside and at the start of the input. The input's padding will be
@@ -130,5 +143,58 @@ exports.InputGroup = common_1.createComponent('div')({
          * within the input.
          */
         InnerEnd: exports.InputGroupInnerEnd,
+        /**
+         * A component that can be added to an input group that will clear the input. It will only render
+         * when the input has a value and will fade when a value is entered.
+         */
+        ClearButton: exports.ClearButton,
     },
+})(({ children, ...elemProps }, Element) => {
+    const isRTL = common_1.useIsRTL();
+    const offsetsStart = [];
+    const offsetsEnd = [];
+    // Collect the widths of the `InnerStart` and `InnerEnd` components into `offsetStart` and
+    // `offsetEnd` arrays
+    react_1.default.Children.forEach(children, child => {
+        if (react_1.default.isValidElement(child) && child.type === exports.InputGroupInnerStart) {
+            const width = child.props.width || tokens_1.space.xl;
+            offsetsStart.push(width);
+        }
+        if (react_1.default.isValidElement(child) && child.type === exports.InputGroupInnerEnd) {
+            const width = child.props.width || tokens_1.space.xl;
+            offsetsEnd.push(width);
+        }
+    });
+    // keep track of the index offsets to make sure we calculate the correct position offset
+    let indexStart = 0;
+    let indexEnd = 0;
+    // Loop over all the children and set the correct padding and positions
+    const mappedChildren = react_1.default.Children.map(children, child => {
+        if (react_1.default.isValidElement(child)) {
+            if (child.type === exports.InputGroupInput) {
+                return react_1.default.cloneElement(child, {
+                    paddingInlineStart: wrapInCalc(offsetsStart),
+                    paddingInlineEnd: wrapInCalc(offsetsEnd),
+                });
+            }
+            if (child.type === exports.InputGroupInnerStart) {
+                const offset = wrapInCalc(offsetsStart.slice(0, indexStart)) || 0;
+                indexStart++;
+                return react_1.default.cloneElement(child, {
+                    left: isRTL ? undefined : offset,
+                    right: isRTL ? offset : undefined,
+                });
+            }
+            if (child.type === exports.InputGroupInnerEnd) {
+                const offset = wrapInCalc(offsetsEnd.slice(indexEnd, -1)) || 0;
+                indexEnd++;
+                return react_1.default.cloneElement(child, {
+                    left: isRTL ? offset : undefined,
+                    right: isRTL ? undefined : offset,
+                });
+            }
+        }
+        return child;
+    });
+    return (react_1.default.createElement(layout_1.Flex, Object.assign({ as: Element, position: "relative" }, elemProps), mappedChildren));
 });

package/dist/es6/action-bar/lib/ActionBar.d.ts

@@ -28,6 +28,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
     orientation: import("../../collection/lib/useBaseListModel").Orientation;
     menuConfig: Partial<{
         mode: "multiple" | "single";
+        shouldVirtualize: boolean;
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
         id: string;
@@ -44,7 +45,6 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         nonInteractiveIds: string[];
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         defaultItemHeight: number;
-        shouldVirtualize: boolean;
         items: any[];
     }>;
     initialHiddenIds: string[];
@@ -2557,6 +2557,7 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
      */
     Menu: import("@workday/canvas-kit-react/common").ComponentM<import("../../menu/lib/Menu").MenuProps & Partial<{
         mode: "multiple" | "single";
+        shouldVirtualize: boolean;
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
         id: string;
@@ -2573,7 +2574,6 @@ export declare const ActionBar: import("@workday/canvas-kit-react/common").Compo
         nonInteractiveIds: string[];
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         defaultItemHeight: number;
-        shouldVirtualize: boolean;
         items: any[];
     }> & {
         onUpdatePlacement?: ((data: {

package/dist/es6/action-bar/lib/ActionBarList.d.ts

@@ -105,7 +105,7 @@ export declare const useActionBarList: import("@workday/canvas-kit-react/common"
     navigation: import("../../collection/lib/useCursorListModel").NavigationManager;
     getId: (item: any) => string;
 }, {
-    ref: (instance: HTMLElement | null) => void;
+    ref: (instance: unknown) => void;
 }>;
 export declare const ActionBarList: import("@workday/canvas-kit-react/common").ElementComponentM<"div", ActionBarListProps<any>, {
     state: {

package/dist/es6/action-bar/lib/useActionBarModel.d.ts

@@ -13,6 +13,7 @@ export declare const useActionBarModel: (<TT_Special_Generic>(config?: (Partial<
     orientation: import("../../collection/lib/useBaseListModel").Orientation;
     menuConfig: Partial<{
         mode: "multiple" | "single";
+        shouldVirtualize: boolean;
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
         id: string;
@@ -29,7 +30,6 @@ export declare const useActionBarModel: (<TT_Special_Generic>(config?: (Partial<
         nonInteractiveIds: string[];
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         defaultItemHeight: number;
-        shouldVirtualize: boolean;
         items: any[];
     }>;
     initialHiddenIds: string[];
@@ -1600,6 +1600,7 @@ export declare const useActionBarModel: (<TT_Special_Generic>(config?: (Partial<
     orientation: import("../../collection/lib/useBaseListModel").Orientation;
     menuConfig: Partial<{
         mode: "multiple" | "single";
+        shouldVirtualize: boolean;
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
         id: string;
@@ -1616,7 +1617,6 @@ export declare const useActionBarModel: (<TT_Special_Generic>(config?: (Partial<
         nonInteractiveIds: string[];
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         defaultItemHeight: number;
-        shouldVirtualize: boolean;
         items: any[];
     }>;
     initialHiddenIds: string[];

package/dist/es6/breadcrumbs/lib/Breadcrumbs.d.ts

@@ -61,6 +61,7 @@ export declare const Breadcrumbs: import("@workday/canvas-kit-react/common").Ele
     orientation: import("../../collection/lib/useBaseListModel").Orientation;
     menuConfig: Partial<{
         mode: "multiple" | "single";
+        shouldVirtualize: boolean;
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
         id: string;
@@ -77,7 +78,6 @@ export declare const Breadcrumbs: import("@workday/canvas-kit-react/common").Ele
         nonInteractiveIds: string[];
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         defaultItemHeight: number;
-        shouldVirtualize: boolean;
         items: any[];
     }>;
     initialHiddenIds: string[];
@@ -2343,6 +2343,7 @@ export declare const Breadcrumbs: import("@workday/canvas-kit-react/common").Ele
      */
     Menu: import("@workday/canvas-kit-react/common").ComponentM<import("../../menu/lib/Menu").MenuProps & Partial<{
         mode: "multiple" | "single";
+        shouldVirtualize: boolean;
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
         id: string;
@@ -2359,7 +2360,6 @@ export declare const Breadcrumbs: import("@workday/canvas-kit-react/common").Ele
         nonInteractiveIds: string[];
         orientation: import("../../collection/lib/useBaseListModel").Orientation;
         defaultItemHeight: number;
-        shouldVirtualize: boolean;
         items: any[];
     }> & {
         onUpdatePlacement?: ((data: {

package/dist/es6/breadcrumbs/lib/BreadcrumbsMenu.d.ts

@@ -75,6 +75,7 @@ export declare const BreadcrumbsMenuItem: import("@workday/canvas-kit-react/comm
 }, {}>>;
 export declare const BreadcrumbsMenu: import("@workday/canvas-kit-react/common").ComponentM<import("../../menu/lib/Menu").MenuProps & Partial<{
     mode: "multiple" | "single";
+    shouldVirtualize: boolean;
     returnFocusRef: React.RefObject<any> | undefined;
     initialFocusRef: React.RefObject<any> | undefined;
     id: string;
@@ -91,7 +92,6 @@ export declare const BreadcrumbsMenu: import("@workday/canvas-kit-react/common")
     nonInteractiveIds: string[];
     orientation: import("../../collection/lib/useBaseListModel").Orientation;
     defaultItemHeight: number;
-    shouldVirtualize: boolean;
     items: any[];
 }> & {
     onUpdatePlacement?: ((data: {

package/dist/es6/breadcrumbs/lib/hooks/useBreadcrumbsModel.d.ts

@@ -13,6 +13,7 @@ export declare const useBreadcrumbsModel: (<TT_Special_Generic>(config?: (Partia
     orientation: import("../../../collection/lib/useBaseListModel").Orientation;
     menuConfig: Partial<{
         mode: "multiple" | "single";
+        shouldVirtualize: boolean;
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
         id: string;
@@ -29,7 +30,6 @@ export declare const useBreadcrumbsModel: (<TT_Special_Generic>(config?: (Partia
         nonInteractiveIds: string[];
         orientation: import("../../../collection/lib/useBaseListModel").Orientation;
         defaultItemHeight: number;
-        shouldVirtualize: boolean;
         items: any[];
     }>;
     initialHiddenIds: string[];
@@ -1600,6 +1600,7 @@ export declare const useBreadcrumbsModel: (<TT_Special_Generic>(config?: (Partia
     orientation: import("../../../collection/lib/useBaseListModel").Orientation;
     menuConfig: Partial<{
         mode: "multiple" | "single";
+        shouldVirtualize: boolean;
         returnFocusRef: React.RefObject<any> | undefined;
         initialFocusRef: React.RefObject<any> | undefined;
         id: string;
@@ -1616,7 +1617,6 @@ export declare const useBreadcrumbsModel: (<TT_Special_Generic>(config?: (Partia
         nonInteractiveIds: string[];
         orientation: import("../../../collection/lib/useBaseListModel").Orientation;
         defaultItemHeight: number;
-        shouldVirtualize: boolean;
         items: any[];
     }>;
     initialHiddenIds: string[];

package/dist/es6/collection/index.d.ts

@@ -8,9 +8,11 @@ export * from './lib/useListRenderItem';
 export * from './lib/useListResetCursorOnBlur';
 export * from './lib/useListItemRovingFocus';
 export * from './lib/useListItemSelect';
+export * from './lib/useListKeyboardHandler';
 export * from './lib/useListLoader';
 export * from './lib/useListModel';
 export * from './lib/useGridModel';
+export * from './lib/useListActiveDescendant';
 export * from './lib/useListItemAllowChildStrings';
 export { ListBox, ListBoxProps } from './lib/ListBox';
 export { singleSelectionManager, multiSelectionManager, isSelected, } from './lib/useSelectionListModel';

package/dist/es6/collection/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../collection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,yBAAyB,EAAE,iBAAiB,EAAC,MAAM,0BAA0B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../collection/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,YAAY,EAAE,IAAI,EAAC,MAAM,wBAAwB,CAAC;AAC1D,cAAc,2BAA2B,CAAC;AAC1C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,kCAAkC,CAAC;AACjD,cAAc,4BAA4B,CAAC;AAC3C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC;AACxC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,qBAAqB,CAAC;AACpC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oCAAoC,CAAC;AACnD,OAAO,EAAC,OAAO,EAAE,YAAY,EAAC,MAAM,eAAe,CAAC;AACpD,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,UAAU,GACX,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAC,yBAAyB,EAAE,iBAAiB,EAAC,MAAM,0BAA0B,CAAC"}

package/dist/es6/collection/index.js

@@ -8,9 +8,11 @@ export * from './lib/useListRenderItem';
 export * from './lib/useListResetCursorOnBlur';
 export * from './lib/useListItemRovingFocus';
 export * from './lib/useListItemSelect';
+export * from './lib/useListKeyboardHandler';
 export * from './lib/useListLoader';
 export * from './lib/useListModel';
 export * from './lib/useGridModel';
+export * from './lib/useListActiveDescendant';
 export * from './lib/useListItemAllowChildStrings';
 export { ListBox } from './lib/ListBox';
 export { singleSelectionManager, multiSelectionManager, isSelected, } from './lib/useSelectionListModel';

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

@@ -1,9 +1,10 @@
 import React from 'react';
-import { BoxProps } from '@workday/canvas-kit-react/layout';
-export interface ListBoxProps extends Omit<BoxProps, 'children'> {
-    children?: React.ReactNode | ((item: any) => React.ReactNode);
+import { ExtractProps } from '@workday/canvas-kit-react/common';
+import { Flex } from '@workday/canvas-kit-react/layout';
+export interface ListBoxProps<T = any> extends Omit<ExtractProps<typeof Flex, never>, 'children'> {
+    children?: React.ReactNode | ((item: T, index: number) => React.ReactNode);
 }
-export declare const ListBoxItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", BoxProps, {
+export declare const ListBoxItem: import("@workday/canvas-kit-react/common").ElementComponentM<"li", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps, {
     state: {
         selectedIds: string[] | "all";
         unselectedIds: string[];
@@ -145,7 +146,7 @@ export declare const useListBox: import("@workday/canvas-kit-react/common").Beha
  * - Inner Box: The element responsible for the virtual container. Height is controlled by the model
  *   and cannot be changed by the developer. All props and ref will be spread to this element.
  */
-export declare const ListBox: import("@workday/canvas-kit-react/common").ElementComponentM<"ul", ListBoxProps & Partial<{
+export declare const ListBox: import("@workday/canvas-kit-react/common").ElementComponentM<"ul", ListBoxProps<any> & Partial<{
     initialSelectedIds: import("./useSelectionListModel").SelectedIds;
     initialUnselectedIds: string[];
     selection: import("./useSelectionListModel").SelectionManager;
@@ -1104,7 +1105,7 @@ export declare const ListBox: import("@workday/canvas-kit-react/common").Element
      * functionality. `elemPropsHook` is provided on all compound components and is useful in the
      * example to add additional functionality without making a new component.
      */
-    Item: import("@workday/canvas-kit-react/common").ElementComponentM<"li", BoxProps, {
+    Item: import("@workday/canvas-kit-react/common").ElementComponentM<"li", Omit<import("@workday/canvas-kit-react/layout").BoxProps, "display"> & import("@workday/canvas-kit-react/layout").FlexStyleProps, {
         state: {
             selectedIds: string[] | "all";
             unselectedIds: string[];

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

@@ -1 +1 @@
-{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../../../../collection/lib/ListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,OAAO,EAAM,QAAQ,EAAC,MAAM,kCAAkC,CAAC;AAM/D,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC/D;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMtB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOrB,CAAC;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKhB;;;;;;;;OAQG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmBL,CAAC"}
+{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../../../../collection/lib/ListBox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAIL,YAAY,EACb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAM,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAM3D,MAAM,WAAW,YAAY,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC,EAAE,UAAU,CAAC;IAC/F,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC,CAAC;CAC5E;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAMtB,CAAC;AAEH,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAOrB,CAAC;AAEH;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAKhB;;;;;;;;OAQG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAoBL,CAAC"}

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

@@ -1,6 +1,6 @@
 import React from 'react';
 import { createContainer, createElemPropsHook, createSubcomponent, } from '@workday/canvas-kit-react/common';
-import { Box } from '@workday/canvas-kit-react/layout';
+import { Box, Flex } from '@workday/canvas-kit-react/layout';
 import { useListModel } from './useListModel';
 import { useListRenderItems } from './useListRenderItem';
 import { useListItemRegister } from './useListItemRegister';
@@ -52,8 +52,10 @@ export const ListBox = createContainer('ul')({
          */
         Item: ListBoxItem,
     },
-})(({ height, maxHeight, ...elemProps }, Element, model) => {
+})(({ height, maxHeight, marginY, ...elemProps }, Element, model) => {
+    // We're moving `marginY` to the container to not interfere with the virtualization size. We set
+    // the `marginY` on the Flex to `0` to avoid inaccurate scrollbars
     // TODO figure out what style props should go to which `Box`
-    return (React.createElement(Box, { ref: model.state.containerRef, height: height || model.state.isVirtualized ? model.state.UNSTABLE_virtual.totalSize : undefined, maxHeight: maxHeight, overflowY: model.state.orientation === 'vertical' ? 'auto' : undefined },
-        React.createElement(Box, Object.assign({ as: Element }, elemProps), useListRenderItems(model, elemProps.children))));
+    return (React.createElement(Box, { ref: model.state.containerRef, marginY: marginY, maxHeight: maxHeight, overflowY: model.state.orientation === 'vertical' ? 'auto' : undefined },
+        React.createElement(Flex, Object.assign({ as: Element, flexDirection: "column" }, elemProps, { marginY: 0 }), useListRenderItems(model, elemProps.children))));
 });

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

@@ -1 +1 @@
-{"version":3,"file":"useBaseListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useBaseListModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAA+B,OAAO,EAAC,MAAM,kCAAkC,CAAC;AAEvF,oBAAY,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,eAAO,MAAM,YAAY,SAAU,GAAG,KAAG,MAExC,CAAC;AAEF,eAAO,MAAM,mBAAmB,SAAU,GAAG,KAAG,MAE/C,CAAC;AAEF,MAAM,WAAW,IAAI,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmDD,eAAO,MAAM,gBAAgB;IAGzB,kEAAkE;;IAElE;;;;;;OAMG;kBACW,OAAO;IACrB;;;;OAIG;yBACkB,OAAO;IAC5B;;;OAGG;;IAEH;;;;;OAKG;;IAEH;;;;;OAKG;;;IA9CL;;;;OAIG;WACI,OAAO,EAAE;;;cA6GY,OAAO;mBAAa,MAAM;;;;;;;;;;;;;;;;eArB1B,KAAK,OAAO,CAAC,EAAE;;;YAoCf,MAAM;;;;;;;;;;;;;;;;eApCN,KAAK,OAAO,CAAC,EAAE;;;eAuDV,MAAM;;;;;;;;;;;;;;;;eAvDX,KAAK,OAAO,CAAC,EAAE;;;;cAqBf,OAAO;mBAAa,MAAM;;;;;;;;;;;;;;;;eArB1B,KAAK,OAAO,CAAC,EAAE;;;YAoCf,MAAM;;;;;;;;;;;;;;;;eApCN,KAAK,OAAO,CAAC,EAAE;;;eAuDV,MAAM;;;;;;;;;;;;;;;;eAvDX,KAAK,OAAO,CAAC,EAAE;;;;;;;;;;;;;;;;;;eAAf,KAAK,OAAO,CAAC,EAAE;;;QAiBzC;;;WAGG;2BACgB;YAAC,IAAI,EAAE,OAAO,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAC;QAWrD;;;WAGG;;gBACuB,MAAM;;QAUhC;;;;;;;;WAQG;+BACoB;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC;;kBA9HxB,OAAO;;IATrB,kEAAkE;;IAElE;;;;;;OAMG;kBACW,OAAO;IACrB;;;;OAIG;yBACkB,OAAO;IAC5B;;;OAGG;;IAEH;;;;;OAKG;;IAEH;;;;;OAKG;;;IA9CL;;;;OAIG;WACI,OAAO,EAAE;;;;;;;;;;;;;;;;WAwFY,KAAK,OAAO,CAAC,EAAE;;IAiBzC;;;OAGG;uBACgB;QAAC,IAAI,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAC;IAWrD;;;OAGG;;YACuB,MAAM;;IAUhC;;;;;;;;OAQG;2BACoB;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC;;;;;;;;;;;;;;;;;eAvDZ,KAAK,OAAO,CAAC,EAAE;;;QAiBzC;;;WAGG;2BACgB;YAAC,IAAI,EAAE,OAAO,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAC;QAWrD;;;WAGG;;gBACuB,MAAM;;QAUhC;;;;;;;;WAQG;+BACoB;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC;;kBA9HxB,OAAO;EAoIvB,CAAC"}
+{"version":3,"file":"useBaseListModel.d.ts","sourceRoot":"","sources":["../../../../collection/lib/useBaseListModel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAA+B,OAAO,EAAC,MAAM,kCAAkC,CAAC;AAEvF,oBAAY,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,eAAO,MAAM,YAAY,SAAU,GAAG,KAAG,MAExC,CAAC;AAEF,eAAO,MAAM,mBAAmB,SAAU,GAAG,KAAG,MAE/C,CAAC;AAEF,MAAM,WAAW,IAAI,CAAC,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,CAAC,CAAC;IACT;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAmDD,eAAO,MAAM,gBAAgB;IAGzB,kEAAkE;;IAElE;;;;;;OAMG;kBACW,OAAO;IAErB;;;;OAIG;yBACkB,OAAO;IAE5B;;;OAGG;;IAEH;;;;;OAKG;;IAEH;;;;;OAKG;;;IAhDL;;;;OAIG;WACI,OAAO,EAAE;;;cA+GY,OAAO;mBAAa,MAAM;;;;;;;;;;;;;;;;eArB1B,KAAK,OAAO,CAAC,EAAE;;;YAoCf,MAAM;;;;;;;;;;;;;;;;eApCN,KAAK,OAAO,CAAC,EAAE;;;eAuDV,MAAM;;;;;;;;;;;;;;;;eAvDX,KAAK,OAAO,CAAC,EAAE;;;;cAqBf,OAAO;mBAAa,MAAM;;;;;;;;;;;;;;;;eArB1B,KAAK,OAAO,CAAC,EAAE;;;YAoCf,MAAM;;;;;;;;;;;;;;;;eApCN,KAAK,OAAO,CAAC,EAAE;;;eAuDV,MAAM;;;;;;;;;;;;;;;;eAvDX,KAAK,OAAO,CAAC,EAAE;;;;;;;;;;;;;;;;;;eAAf,KAAK,OAAO,CAAC,EAAE;;;QAiBzC;;;WAGG;2BACgB;YAAC,IAAI,EAAE,OAAO,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAC;QAWrD;;;WAGG;;gBACuB,MAAM;;QAUhC;;;;;;;;WAQG;+BACoB;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC;;kBAhIxB,OAAO;;IATrB,kEAAkE;;IAElE;;;;;;OAMG;kBACW,OAAO;IAErB;;;;OAIG;yBACkB,OAAO;IAE5B;;;OAGG;;IAEH;;;;;OAKG;;IAEH;;;;;OAKG;;;IAhDL;;;;OAIG;WACI,OAAO,EAAE;;;;;;;;;;;;;;;;WA0FY,KAAK,OAAO,CAAC,EAAE;;IAiBzC;;;OAGG;uBACgB;QAAC,IAAI,EAAE,OAAO,CAAC;QAAC,SAAS,EAAE,MAAM,CAAA;KAAC;IAWrD;;;OAGG;;YACuB,MAAM;;IAUhC;;;;;;;;OAQG;2BACoB;QAAC,KAAK,EAAE,MAAM,CAAA;KAAC;;;;;;;;;;;;;;;;;eAvDZ,KAAK,OAAO,CAAC,EAAE;;;QAiBzC;;;WAGG;2BACgB;YAAC,IAAI,EAAE,OAAO,CAAC;YAAC,SAAS,EAAE,MAAM,CAAA;SAAC;QAWrD;;;WAGG;;gBACuB,MAAM;;QAUhC;;;;;;;;WAQG;+BACoB;YAAC,KAAK,EAAE,MAAM,CAAA;SAAC;;kBAhIxB,OAAO;EAsIvB,CAAC"}