@workday/canvas-kit-react 8.0.0-alpha.253-next.22 → 8.0.0-alpha.428-next.2

package/dist/commonjs/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/commonjs/collection/lib/useOverflowListModel.js

@@ -1,35 +1,24 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOverflowListModel = exports.getHiddenIds = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var useSelectionListModel_1 = require("./useSelectionListModel");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const useSelectionListModel_1 = require("./useSelectionListModel");
 function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selectedIds) {
     /** Allows us to prioritize showing the selected item */
-    var selectedKey;
+    let selectedKey;
     /** Tally of combined item widths. We'll add items that fit until the container is full */
-    var itemWidth = 0;
+    let itemWidth = 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 */
-    var hiddenIds = [];
+    const hiddenIds = [];
     if (selectedIds !== 'all' && selectedIds.length) {
         selectedKey = selectedIds[0];
     }
-    if (Object.keys(itemWidthCache).reduce(function (sum, key) { return sum + itemWidthCache[key]; }, 0) <= containerWidth) {
+    if (Object.keys(itemWidthCache).reduce((sum, key) => sum + itemWidthCache[key], 0) <= containerWidth) {
         // All items fit, return empty array
         return [];
     }
@@ -46,7 +35,7 @@ function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selec
     else {
         itemWidth += overflowTargetWidth;
     }
-    for (var key in itemWidthCache) {
+    for (const key in itemWidthCache) {
         if (key !== selectedKey) {
             itemWidth += itemWidthCache[key];
             if (itemWidth > containerWidth) {
@@ -58,69 +47,85 @@ function getHiddenIds(containerWidth, overflowTargetWidth, itemWidthCache, selec
 }
 exports.getHiddenIds = getHiddenIds;
 exports.useOverflowListModel = common_1.createModelHook({
-    defaultConfig: __assign(__assign({}, useSelectionListModel_1.useSelectionListModel.defaultConfig), { initialHiddenIds: [], containerWidth: 0, 
+    defaultConfig: {
+        ...useSelectionListModel_1.useSelectionListModel.defaultConfig,
+        initialHiddenIds: [],
+        containerWidth: 0,
         /**
          * Determines if overflow should actually occur. For example, touch devices are better at
          * side-scrolling than mouse devices. In these cases, it makes sense to disable overflowing.
          * @default true
-         */ shouldCalculateOverflow: true }),
+         */ shouldCalculateOverflow: true,
+    },
     requiredConfig: useSelectionListModel_1.useSelectionListModel.requiredConfig,
     contextOverride: useSelectionListModel_1.useSelectionListModel.Context,
-})(function (config) {
-    var shouldCalculateOverflow = config.shouldCalculateOverflow === undefined ? true : config.shouldCalculateOverflow;
-    var _a = react_1.default.useState(config.initialHiddenIds), hiddenIds = _a[0], setHiddenIds = _a[1];
-    var _b = react_1.default.useState({}), itemWidthCache = _b[0], setItemWidthCache = _b[1];
-    var _c = react_1.default.useState(0), containerWidth = _c[0], setContainerWidth = _c[1];
-    var containerWidthRef = react_1.default.useRef(0);
-    var itemWidthCacheRef = react_1.default.useRef(itemWidthCache);
-    var _d = react_1.default.useState(0), overflowTargetWidth = _d[0], setOverflowTargetWidth = _d[1];
-    var overflowTargetWidthRef = react_1.default.useRef(0);
-    var internalHiddenIds = shouldCalculateOverflow ? hiddenIds : [];
+})(config => {
+    const shouldCalculateOverflow = config.shouldCalculateOverflow === undefined ? true : config.shouldCalculateOverflow;
+    const [hiddenIds, setHiddenIds] = react_1.default.useState(config.initialHiddenIds);
+    const [itemWidthCache, setItemWidthCache] = react_1.default.useState({});
+    const [containerWidth, setContainerWidth] = react_1.default.useState(0);
+    const containerWidthRef = react_1.default.useRef(0);
+    const itemWidthCacheRef = react_1.default.useRef(itemWidthCache);
+    const [overflowTargetWidth, setOverflowTargetWidth] = react_1.default.useState(0);
+    const overflowTargetWidthRef = react_1.default.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
-    var nonInteractiveIds = (config.nonInteractiveIds || []).concat(internalHiddenIds);
-    var model = useSelectionListModel_1.useSelectionListModel(__assign(__assign({}, config), { nonInteractiveIds: nonInteractiveIds }));
-    var state = __assign(__assign({}, model.state), { hiddenIds: internalHiddenIds, itemWidthCache: itemWidthCache,
-        containerWidth: containerWidth,
-        overflowTargetWidth: overflowTargetWidth });
-    var events = __assign(__assign({}, model.events), { select: function (data) {
-            var selectedIds = model.selection.select(data.id, state).selectedIds;
-            var ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, selectedIds);
+    const nonInteractiveIds = (config.nonInteractiveIds || []).concat(internalHiddenIds);
+    const model = useSelectionListModel_1.useSelectionListModel({
+        ...config,
+        nonInteractiveIds,
+    });
+    const state = {
+        ...model.state,
+        hiddenIds: internalHiddenIds,
+        itemWidthCache,
+        containerWidth,
+        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);
             model.events.select(data);
             setHiddenIds(ids);
         },
-        setContainerWidth: function (data) {
+        setContainerWidth(data) {
             containerWidthRef.current = data.width || 0;
             setContainerWidth(data.width || 0);
-            var ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds);
+            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds);
             setHiddenIds(ids);
         },
-        setOverflowTargetWidth: function (data) {
+        setOverflowTargetWidth(data) {
             overflowTargetWidthRef.current = data.width;
             setOverflowTargetWidth(data.width);
         },
-        addItemWidth: function (data) {
-            var _a;
-            itemWidthCacheRef.current = __assign(__assign({}, itemWidthCacheRef.current), (_a = {}, _a[data.id] = data.width, _a));
+        addItemWidth(data) {
+            itemWidthCacheRef.current = {
+                ...itemWidthCacheRef.current,
+                [data.id]: data.width,
+            };
             setItemWidthCache(itemWidthCacheRef.current);
-            var ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds);
+            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds);
             setHiddenIds(ids);
         },
-        removeItemWidth: function (data) {
-            var newCache = __assign({}, itemWidthCacheRef.current);
+        removeItemWidth(data) {
+            const newCache = { ...itemWidthCacheRef.current };
             delete newCache[data.id];
             itemWidthCacheRef.current = newCache;
             setItemWidthCache(itemWidthCacheRef.current);
-            var ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds !== 'all'
-                ? state.selectedIds.filter(function (sId) { return data.id !== sId; })
+            const ids = getHiddenIds(containerWidthRef.current, overflowTargetWidthRef.current, itemWidthCacheRef.current, state.selectedIds !== 'all'
+                ? state.selectedIds.filter(sId => data.id !== sId)
                 : state.selectedIds);
             setHiddenIds(ids);
         },
-        addHiddenKey: function (data) {
-            setHiddenIds(function (ids) { return ids.concat(data.id); });
+        addHiddenKey(data) {
+            setHiddenIds(ids => ids.concat(data.id));
+        },
+        removeHiddenKey(data) {
+            setHiddenIds(ids => ids.filter(key => key !== data.id));
         },
-        removeHiddenKey: function (data) {
-            setHiddenIds(function (ids) { return ids.filter(function (key) { return key !== data.id; }); });
-        } });
-    return __assign(__assign({}, model), { state: state, events: events });
+    };
+    return { ...model, state, events };
 });

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

@@ -1,14 +1,22 @@
 import React from 'react';
-export declare const useOverflowListTarget: <P extends {}, R>(model: {
+/**
+ * This elemProps hook measures an overflow list target and reports it to an `OverflowListModel`.
+ * This is used in overflow detection.
+ */
+export declare const useOverflowListTarget: import("@workday/canvas-kit-react/common").BehaviorHook<{
     state: {
         hiddenIds: string[];
         itemWidthCache: Record<string, number>;
         containerWidth: number;
         overflowTargetWidth: number;
-        selectedIds: import("./useSelectionListModel").SelectedIds;
+        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;
@@ -19,7 +27,7 @@ export declare const useOverflowListTarget: <P extends {}, R>(model: {
         UNSTABLE_defaultItemHeight: number;
         containerRef: React.RefObject<HTMLDivElement>;
         id: string;
-        orientation: import("./useBaseListModel").Orientation;
+        orientation: "horizontal" | "vertical";
         indexRef: React.MutableRefObject<number>;
         nonInteractiveIds: string[];
         isVirtualized: boolean;
@@ -50,10 +58,6 @@ export declare const useOverflowListTarget: <P extends {}, R>(model: {
         }): void;
         selectAll(): void;
         unselectAll(): void;
-        registerItem(data: {
-            item: any;
-            textValue: string;
-        }): void;
         goTo(data: {
             id: string;
         }): void;
@@ -67,6 +71,10 @@ export declare const useOverflowListTarget: <P extends {}, R>(model: {
         goToLastOfRow(): void;
         goToNextPage(): void;
         goToPreviousPage(): void;
+        registerItem(data: {
+            item: any;
+            textValue: string;
+        }): void;
         unregisterItem(data: {
             id: string;
         }): void;
@@ -77,12 +85,13 @@ export declare const useOverflowListTarget: <P extends {}, R>(model: {
     selection: import("./useSelectionListModel").SelectionManager;
     navigation: import("./useCursorListModel").NavigationManager;
     getId: (item: any) => string;
-}, elemProps?: P | undefined, ref?: ((instance: R | null) => void) | React.RefObject<R> | null | undefined) => {
-    ref: (instance: HTMLButtonElement | null) => void;
+}, {
+    ref: (instance: HTMLElement | null) => void;
     'aria-hidden': boolean;
     tabIndex: number;
-    style: {};
-} & P & (R extends HTMLOrSVGElement ? {
-    ref: React.Ref<R>;
-} : {});
+    style: {
+        position: string;
+        left: number;
+    } | undefined;
+}>;
 //# sourceMappingURL=useOverflowListTarget.d.ts.map

package/dist/commonjs/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,eAAO,MAAM,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;OA6BjC,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/commonjs/collection/lib/useOverflowListTarget.js

@@ -4,22 +4,26 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useOverflowListTarget = void 0;
-var react_1 = __importDefault(require("react"));
-var common_1 = require("@workday/canvas-kit-react/common");
-var useOverflowListModel_1 = require("./useOverflowListModel");
+const react_1 = __importDefault(require("react"));
+const common_1 = require("@workday/canvas-kit-react/common");
+const useOverflowListModel_1 = require("./useOverflowListModel");
 // use a hidden style instead of `hidden` attribute for measurement purposes. `hidden` elements have no dimensions
-var hiddenStyle = {
+const hiddenStyle = {
     position: 'absolute',
     left: -99999,
 };
-exports.useOverflowListTarget = common_1.createElemPropsHook(useOverflowListModel_1.useOverflowListModel)(function (model, ref) {
-    var _a = common_1.useLocalRef(ref), elementRef = _a.elementRef, localRef = _a.localRef;
+/**
+ * This elemProps hook measures an overflow list target and reports it to an `OverflowListModel`.
+ * This is used in overflow detection.
+ */
+exports.useOverflowListTarget = common_1.createElemPropsHook(useOverflowListModel_1.useOverflowListModel)((model, ref) => {
+    const { elementRef, localRef } = common_1.useLocalRef(ref);
     // track first render to force correct size calculations
-    var firstRender = react_1.default.useRef(true);
-    common_1.useMountLayout(function () {
+    const firstRender = react_1.default.useRef(true);
+    common_1.useMountLayout(() => {
         firstRender.current = false;
         if (localRef.current) {
-            var styles = getComputedStyle(localRef.current);
+            const styles = getComputedStyle(localRef.current);
             model.events.setOverflowTargetWidth({
                 width: localRef.current.offsetWidth +
                     parseFloat(styles.marginLeft) +
@@ -27,11 +31,11 @@ exports.useOverflowListTarget = common_1.createElemPropsHook(useOverflowListMode
             });
         }
     });
-    var isHidden = !model.state.hiddenIds.length;
+    const isHidden = !model.state.hiddenIds.length;
     return {
         ref: elementRef,
         'aria-hidden': isHidden,
         tabIndex: isHidden ? -1 : 0,
-        style: isHidden ? hiddenStyle : {},
+        style: isHidden ? hiddenStyle : undefined,
     };
 });