@pnp/spfx-controls-react 4.0.0-beta.1344828 → 4.0.0-beta.3809332

package/lib/controls/DetailsList/DetailsListShimmerRows.d.ts

@@ -0,0 +1,18 @@
+import * as React from 'react';
+import type { IDetailsListShimmerRowProps, IDetailsListProps } from './DetailsList.types';
+import type { useDetailsListStyles } from './useDetailsListStyles';
+interface DetailsListShimmerRowsProps<T> {
+    columns: IDetailsListShimmerRowProps<T>['columns'];
+    rowCount: number;
+    rowHeight: number;
+    compact: boolean;
+    selectionMode: IDetailsListShimmerRowProps<T>['selectionMode'];
+    checkboxVisibility: IDetailsListShimmerRowProps<T>['checkboxVisibility'];
+    showSelectionColumn: boolean;
+    gridTemplateColumns: string;
+    classes: ReturnType<typeof useDetailsListStyles>;
+    onRenderCustomPlaceholder: IDetailsListProps<T>['onRenderCustomPlaceholder'];
+}
+export declare const DetailsListShimmerRows: <T>({ columns, rowCount, rowHeight, compact, selectionMode, checkboxVisibility, showSelectionColumn, gridTemplateColumns, classes, onRenderCustomPlaceholder, }: DetailsListShimmerRowsProps<T>) => React.ReactElement;
+export {};
+//# sourceMappingURL=DetailsListShimmerRows.d.ts.map

package/lib/controls/DetailsList/DetailsListShimmerRows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsListShimmerRows.d.ts","sourceRoot":"","sources":["../../../src/controls/DetailsList/DetailsListShimmerRows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EACV,2BAA2B,EAC3B,iBAAiB,EAClB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAEnE,UAAU,2BAA2B,CAAC,CAAC;IACrC,OAAO,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,OAAO,CAAC;IACjB,aAAa,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;IAC/D,kBAAkB,EAAE,2BAA2B,CAAC,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC;IACzE,mBAAmB,EAAE,OAAO,CAAC;IAC7B,mBAAmB,EAAE,MAAM,CAAC;IAC5B,OAAO,EAAE,UAAU,CAAC,OAAO,oBAAoB,CAAC,CAAC;IACjD,yBAAyB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,2BAA2B,CAAC,CAAC;CAC9E;AAID,eAAO,MAAM,sBAAsB,GAAI,CAAC,EAAG,6JAWxC,2BAA2B,CAAC,CAAC,CAAC,KAAG,KAAK,CAAC,YAwDzC,CAAC"}

package/lib/controls/DetailsList/DetailsListShimmerRows.js

@@ -0,0 +1,34 @@
+import * as React from 'react';
+import { Skeleton, SkeletonItem } from '@fluentui/react-components';
+var SHIMMER_LINE_WIDTHS = ['72%', '88%', '64%', '80%'];
+export var DetailsListShimmerRows = function (_a) {
+    var columns = _a.columns, rowCount = _a.rowCount, rowHeight = _a.rowHeight, compact = _a.compact, selectionMode = _a.selectionMode, checkboxVisibility = _a.checkboxVisibility, showSelectionColumn = _a.showSelectionColumn, gridTemplateColumns = _a.gridTemplateColumns, classes = _a.classes, onRenderCustomPlaceholder = _a.onRenderCustomPlaceholder;
+    return (React.createElement(React.Fragment, null, Array.from({ length: rowCount }, function (_, rowIndex) {
+        var shimmerRowProps = {
+            columns: columns,
+            rowIndex: rowIndex,
+            compact: compact,
+            selectionMode: selectionMode,
+            checkboxVisibility: checkboxVisibility,
+        };
+        var defaultRender = function (renderProps) { return (React.createElement("div", { role: "presentation", className: classes.shimmerRow, style: {
+                gridTemplateColumns: gridTemplateColumns,
+                minHeight: rowHeight,
+                height: rowHeight,
+            } },
+            showSelectionColumn && (React.createElement("div", { className: classes.selectionCell },
+                React.createElement(Skeleton, { animation: "wave" },
+                    React.createElement(SkeletonItem, { shape: "circle", size: 16 })))),
+            renderProps.columns.map(function (column, columnIndex) { return (React.createElement("div", { key: column.key, className: classes.shimmerCell },
+                React.createElement(Skeleton, { animation: "wave", style: { width: '100%' } },
+                    React.createElement(SkeletonItem, { shape: "rectangle", size: 12, style: {
+                            width: column.isIconOnly
+                                ? 16
+                                : SHIMMER_LINE_WIDTHS[(columnIndex + renderProps.rowIndex) % SHIMMER_LINE_WIDTHS.length],
+                        } })))); }))); };
+        return (React.createElement(React.Fragment, { key: rowIndex }, onRenderCustomPlaceholder
+            ? onRenderCustomPlaceholder(shimmerRowProps, rowIndex, defaultRender)
+            : defaultRender(shimmerRowProps)));
+    })));
+};
+//# sourceMappingURL=DetailsListShimmerRows.js.map

package/lib/controls/DetailsList/DetailsListShimmerRows.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsListShimmerRows.js","sourceRoot":"","sources":["../../../src/controls/DetailsList/DetailsListShimmerRows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAqBpE,IAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAC;AAElE,MAAM,CAAC,IAAM,sBAAsB,GAAG,UAAK,EAWV;QAV/B,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,mBAAmB,yBAAA,EACnB,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,yBAAyB,+BAAA;IAC+B,OAAA,CACxD,0CACG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,UAAC,CAAC,EAAE,QAAQ;QAC5C,IAAM,eAAe,GAAmC;YACtD,OAAO,SAAA;YACP,QAAQ,UAAA;YACR,OAAO,SAAA;YACP,aAAa,eAAA;YACb,kBAAkB,oBAAA;SACnB,CAAC;QACF,IAAM,aAAa,GAAG,UACpB,WAA2C,IACpB,OAAA,CACvB,6BACE,IAAI,EAAC,cAAc,EACnB,SAAS,EAAE,OAAO,CAAC,UAAU,EAC7B,KAAK,EAAE;gBACL,mBAAmB,qBAAA;gBACnB,SAAS,EAAE,SAAS;gBACpB,MAAM,EAAE,SAAS;aAClB;YAEA,mBAAmB,IAAI,CACtB,6BAAK,SAAS,EAAE,OAAO,CAAC,aAAa;gBACnC,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM;oBACxB,oBAAC,YAAY,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,CAChC,CACP,CACP;YACA,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,WAAW,IAAK,OAAA,CAChD,6BAAK,GAAG,EAAE,MAAM,CAAC,GAAG,EAAE,SAAS,EAAE,OAAO,CAAC,WAAW;gBAClD,oBAAC,QAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;oBACjD,oBAAC,YAAY,IACX,KAAK,EAAC,WAAW,EACjB,IAAI,EAAE,EAAE,EACR,KAAK,EAAE;4BACL,KAAK,EAAE,MAAM,CAAC,UAAU;gCACtB,CAAC,CAAC,EAAE;gCACJ,CAAC,CAAC,mBAAmB,CAAC,CAAC,WAAW,GAAG,WAAW,CAAC,QAAQ,CAAC,GAAG,mBAAmB,CAAC,MAAM,CAAC;yBAC3F,GACD,CACO,CACP,CACP,EAdiD,CAcjD,CAAC,CACE,CACP,EAjCwB,CAiCxB,CAAC;QAEF,OAAO,CACL,oBAAC,KAAK,CAAC,QAAQ,IAAC,GAAG,EAAE,QAAQ,IAC1B,yBAAyB;YACxB,CAAC,CAAC,yBAAyB,CAAC,eAAe,EAAE,QAAQ,EAAE,aAAa,CAAC;YACrE,CAAC,CAAC,aAAa,CAAC,eAAe,CAAC,CACnB,CAClB,CAAC;IACJ,CAAC,CAAC,CACD,CACJ;AAxDyD,CAwDzD,CAAC"}

package/lib/controls/DetailsList/index.d.ts

@@ -0,0 +1,3 @@
+export { DetailsList } from './DetailsList';
+export * from './DetailsList.types';
+//# sourceMappingURL=index.d.ts.map

package/lib/controls/DetailsList/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/controls/DetailsList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}

package/lib/controls/DetailsList/index.js

@@ -0,0 +1,3 @@
+export { DetailsList } from './DetailsList';
+export * from './DetailsList.types';
+//# sourceMappingURL=index.js.map

package/lib/controls/DetailsList/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DetailsList/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,cAAc,qBAAqB,CAAC"}

package/lib/controls/DetailsList/useDetailsListColumns.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import type { IColumn, IColumnReorderOptions, IDetailsListProps } from './DetailsList.types';
+import { ColumnDragEndLocation, DetailsListLayoutMode } from './DetailsList.types';
+interface UseDetailsListColumnsOptions<T> {
+    columns: readonly IColumn<T>[];
+    viewportWidth: number;
+    selectionColumnWidth: number;
+    layoutMode: DetailsListLayoutMode;
+    viewportRef: React.RefObject<HTMLDivElement>;
+    onColumnResize: IDetailsListProps<T>['onColumnResize'];
+    columnReorderOptions: IColumnReorderOptions<T> | undefined;
+}
+interface UseDetailsListColumnsResult<T> {
+    orderedColumns: readonly IColumn<T>[];
+    columnWidths: Readonly<Record<string, number>>;
+    contentWidth: number;
+    gridWidth: number;
+    gridTemplateColumns: string;
+    draggedColumnIndexRef: React.MutableRefObject<number | undefined>;
+    columnDropLocationRef: React.MutableRefObject<ColumnDragEndLocation>;
+    resizeColumn: (column: IColumn<T>, columnIndex: number, width: number) => void;
+    beginColumnResize: (event: React.PointerEvent<HTMLButtonElement>, column: IColumn<T>, columnIndex: number) => void;
+    autoFitColumn: (column: IColumn<T>, columnIndex: number) => void;
+    isColumnDraggable: (columnIndex: number) => boolean;
+    handleColumnDrop: (targetIndex: number) => void;
+    moveColumn: (column: IColumn<T>, targetIndex: number) => void;
+}
+export declare const useDetailsListColumns: <T>({ columns, viewportWidth, selectionColumnWidth, layoutMode, viewportRef, onColumnResize, columnReorderOptions, }: UseDetailsListColumnsOptions<T>) => UseDetailsListColumnsResult<T>;
+export {};
+//# sourceMappingURL=useDetailsListColumns.d.ts.map

package/lib/controls/DetailsList/useDetailsListColumns.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailsListColumns.d.ts","sourceRoot":"","sources":["../../../src/controls/DetailsList/useDetailsListColumns.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,OAAO,EAAE,qBAAqB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAC7F,OAAO,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAC;AAInF,UAAU,4BAA4B,CAAC,CAAC;IACtC,OAAO,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IAC/B,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,UAAU,EAAE,qBAAqB,CAAC;IAClC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,cAAc,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC;IACvD,oBAAoB,EAAE,qBAAqB,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;CAC5D;AAED,UAAU,2BAA2B,CAAC,CAAC;IACrC,cAAc,EAAE,SAAS,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;IACtC,YAAY,EAAE,QAAQ,CAAC,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC;IAC/C,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,qBAAqB,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAClE,qBAAqB,EAAE,KAAK,CAAC,gBAAgB,CAAC,qBAAqB,CAAC,CAAC;IACrE,YAAY,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/E,iBAAiB,EAAE,CACjB,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,iBAAiB,CAAC,EAC5C,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAClB,WAAW,EAAE,MAAM,KAChB,IAAI,CAAC;IACV,aAAa,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IACjE,iBAAiB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,OAAO,CAAC;IACpD,gBAAgB,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,UAAU,EAAE,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CAC/D;AAKD,eAAO,MAAM,qBAAqB,GAAI,CAAC,EAAE,kHAQtC,4BAA4B,CAAC,CAAC,CAAC,KAAG,2BAA2B,CAAC,CAAC,CA6KjE,CAAC"}

package/lib/controls/DetailsList/useDetailsListColumns.js

@@ -0,0 +1,145 @@
+import { __assign, __spreadArray } from "tslib";
+import * as React from 'react';
+import { ColumnDragEndLocation, DetailsListLayoutMode } from './DetailsList.types';
+import { calculateColumnWidths, clampColumnWidth } from './DetailsList.utils';
+import { DETAILS_LIST_SELECTION_COLUMN_WIDTH } from './useDetailsListStyles';
+var areArraysEqual = function (left, right) {
+    return left.length === right.length && left.every(function (value, index) { return value === right[index]; });
+};
+export var useDetailsListColumns = function (_a) {
+    var columns = _a.columns, viewportWidth = _a.viewportWidth, selectionColumnWidth = _a.selectionColumnWidth, layoutMode = _a.layoutMode, viewportRef = _a.viewportRef, onColumnResize = _a.onColumnResize, columnReorderOptions = _a.columnReorderOptions;
+    var resizeCleanupRef = React.useRef();
+    var draggedColumnIndexRef = React.useRef();
+    var columnDropLocationRef = React.useRef(ColumnDragEndLocation.outside);
+    var _b = React.useState(function () {
+        return columns.map(function (column) { return column.key; });
+    }), columnOrder = _b[0], setColumnOrder = _b[1];
+    var _c = React.useState({}), columnWidthOverrides = _c[0], setColumnWidthOverrides = _c[1];
+    React.useEffect(function () {
+        var nextOrder = columns.map(function (column) { return column.key; });
+        setColumnOrder(function (currentOrder) {
+            var retainedKeys = currentOrder.filter(function (key) { return nextOrder.includes(key); });
+            var addedKeys = nextOrder.filter(function (key) { return !retainedKeys.includes(key); });
+            var mergedOrder = __spreadArray(__spreadArray([], retainedKeys, true), addedKeys, true);
+            return areArraysEqual(currentOrder, mergedOrder) ? currentOrder : mergedOrder;
+        });
+    }, [columns]);
+    React.useEffect(function () { return function () { var _a; return (_a = resizeCleanupRef.current) === null || _a === void 0 ? void 0 : _a.call(resizeCleanupRef); }; }, []);
+    var orderedColumns = React.useMemo(function () {
+        var columnByKey = new Map(columns.map(function (column) { return [column.key, column]; }));
+        return columnOrder
+            .map(function (key) { return columnByKey.get(key); })
+            .filter(function (column) { return Boolean(column); });
+    }, [columnOrder, columns]);
+    var columnWidths = React.useMemo(function () {
+        return calculateColumnWidths(orderedColumns, columnWidthOverrides, Math.max(0, viewportWidth - selectionColumnWidth), layoutMode === DetailsListLayoutMode.justified);
+    }, [columnWidthOverrides, layoutMode, orderedColumns, selectionColumnWidth, viewportWidth]);
+    var contentWidth = React.useMemo(function () {
+        return selectionColumnWidth +
+            orderedColumns.reduce(function (total, column) { return total + columnWidths[column.key]; }, 0);
+    }, [columnWidths, orderedColumns, selectionColumnWidth]);
+    var gridWidth = Math.max(contentWidth, viewportWidth);
+    var gridTemplateColumns = __spreadArray(__spreadArray([], (selectionColumnWidth > 0 ? ["".concat(DETAILS_LIST_SELECTION_COLUMN_WIDTH, "px")] : []), true), orderedColumns.map(function (column) { return "".concat(columnWidths[column.key], "px"); }), true).join(' ');
+    var resizeColumn = React.useCallback(function (column, columnIndex, width) {
+        var _a;
+        var nextWidth = clampColumnWidth(column, width);
+        setColumnWidthOverrides(function (currentWidths) {
+            var _a;
+            return (__assign(__assign({}, currentWidths), (_a = {}, _a[column.key] = nextWidth, _a)));
+        });
+        (_a = column.onColumnResize) === null || _a === void 0 ? void 0 : _a.call(column, nextWidth);
+        onColumnResize === null || onColumnResize === void 0 ? void 0 : onColumnResize(column, nextWidth, columnIndex);
+    }, [onColumnResize]);
+    var beginColumnResize = React.useCallback(function (event, column, columnIndex) {
+        var _a;
+        event.preventDefault();
+        event.stopPropagation();
+        (_a = resizeCleanupRef.current) === null || _a === void 0 ? void 0 : _a.call(resizeCleanupRef);
+        var originX = event.clientX;
+        var originWidth = columnWidths[column.key];
+        var handlePointerMove = function (pointerEvent) {
+            resizeColumn(column, columnIndex, originWidth + pointerEvent.clientX - originX);
+        };
+        var handlePointerUp = function () {
+            window.removeEventListener('pointermove', handlePointerMove);
+            window.removeEventListener('pointerup', handlePointerUp);
+            window.removeEventListener('pointercancel', handlePointerUp);
+            resizeCleanupRef.current = undefined;
+        };
+        window.addEventListener('pointermove', handlePointerMove);
+        window.addEventListener('pointerup', handlePointerUp);
+        window.addEventListener('pointercancel', handlePointerUp);
+        resizeCleanupRef.current = handlePointerUp;
+    }, [columnWidths, resizeColumn]);
+    var autoFitColumn = React.useCallback(function (column, columnIndex) {
+        var _a;
+        var cells = (_a = viewportRef.current) === null || _a === void 0 ? void 0 : _a.querySelectorAll('[data-details-column-key]');
+        var measuredWidth = column.minWidth;
+        cells === null || cells === void 0 ? void 0 : cells.forEach(function (cell) {
+            if (cell.dataset.detailsColumnKey === column.key) {
+                measuredWidth = Math.max(measuredWidth, cell.scrollWidth);
+            }
+        });
+        resizeColumn(column, columnIndex, measuredWidth);
+    }, [resizeColumn, viewportRef]);
+    var isColumnDraggable = React.useCallback(function (columnIndex) {
+        var _a, _b;
+        if (!columnReorderOptions) {
+            return false;
+        }
+        var frozenFromStart = (_a = columnReorderOptions.frozenColumnCountFromStart) !== null && _a !== void 0 ? _a : 0;
+        var frozenFromEnd = (_b = columnReorderOptions.frozenColumnCountFromEnd) !== null && _b !== void 0 ? _b : 0;
+        return columnIndex >= frozenFromStart && columnIndex < orderedColumns.length - frozenFromEnd;
+    }, [columnReorderOptions, orderedColumns.length]);
+    var handleColumnDrop = React.useCallback(function (targetIndex) {
+        var _a;
+        var draggedIndex = draggedColumnIndexRef.current;
+        if (draggedIndex === undefined || draggedIndex === targetIndex || !isColumnDraggable(targetIndex)) {
+            return;
+        }
+        var draggedColumn = orderedColumns[draggedIndex];
+        var targetColumn = orderedColumns[targetIndex];
+        setColumnOrder(function (currentOrder) {
+            var nextOrder = __spreadArray([], currentOrder, true);
+            var draggedKey = nextOrder.splice(draggedIndex, 1)[0];
+            nextOrder.splice(targetIndex, 0, draggedKey);
+            return nextOrder;
+        });
+        columnDropLocationRef.current = ColumnDragEndLocation.header;
+        (_a = columnReorderOptions === null || columnReorderOptions === void 0 ? void 0 : columnReorderOptions.onColumnDrop) === null || _a === void 0 ? void 0 : _a.call(columnReorderOptions, {
+            draggedColumn: draggedColumn,
+            draggedIndex: draggedIndex,
+            targetColumn: targetColumn,
+            targetIndex: targetIndex,
+        });
+    }, [columnReorderOptions, isColumnDraggable, orderedColumns]);
+    var moveColumn = React.useCallback(function (column, targetIndex) {
+        var currentIndex = orderedColumns.findIndex(function (candidate) { return candidate.key === column.key; });
+        if (currentIndex < 0) {
+            return;
+        }
+        var boundedTargetIndex = Math.max(0, Math.min(targetIndex, orderedColumns.length - 1));
+        setColumnOrder(function (currentOrder) {
+            var nextOrder = __spreadArray([], currentOrder, true);
+            var columnKey = nextOrder.splice(currentIndex, 1)[0];
+            nextOrder.splice(boundedTargetIndex, 0, columnKey);
+            return nextOrder;
+        });
+    }, [orderedColumns]);
+    return {
+        orderedColumns: orderedColumns,
+        columnWidths: columnWidths,
+        contentWidth: contentWidth,
+        gridWidth: gridWidth,
+        gridTemplateColumns: gridTemplateColumns,
+        draggedColumnIndexRef: draggedColumnIndexRef,
+        columnDropLocationRef: columnDropLocationRef,
+        resizeColumn: resizeColumn,
+        beginColumnResize: beginColumnResize,
+        autoFitColumn: autoFitColumn,
+        isColumnDraggable: isColumnDraggable,
+        handleColumnDrop: handleColumnDrop,
+        moveColumn: moveColumn,
+    };
+};
+//# sourceMappingURL=useDetailsListColumns.js.map

package/lib/controls/DetailsList/useDetailsListColumns.js.map

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

package/lib/controls/DetailsList/useDetailsListGroups.d.ts

@@ -0,0 +1,11 @@
+import type { IDetailsListGroup, IDetailsListProps } from './DetailsList.types';
+interface UseDetailsListGroupsOptions<T> {
+    onToggleGroup: IDetailsListProps<T>['onToggleGroup'];
+}
+interface UseDetailsListGroupsResult<T> {
+    isGroupCollapsed: (group: IDetailsListGroup<T>) => boolean;
+    toggleGroup: (group: IDetailsListGroup<T>) => void;
+}
+export declare const useDetailsListGroups: <T>({ onToggleGroup, }: UseDetailsListGroupsOptions<T>) => UseDetailsListGroupsResult<T>;
+export {};
+//# sourceMappingURL=useDetailsListGroups.d.ts.map

package/lib/controls/DetailsList/useDetailsListGroups.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailsListGroups.d.ts","sourceRoot":"","sources":["../../../src/controls/DetailsList/useDetailsListGroups.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAEhF,UAAU,2BAA2B,CAAC,CAAC;IACrC,aAAa,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC;CACtD;AAED,UAAU,0BAA0B,CAAC,CAAC;IACpC,gBAAgB,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC;IAC3D,WAAW,EAAE,CAAC,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACpD;AAED,eAAO,MAAM,oBAAoB,GAAI,CAAC,EAAE,oBAErC,2BAA2B,CAAC,CAAC,CAAC,KAAG,0BAA0B,CAAC,CAAC,CA6B/D,CAAC"}

package/lib/controls/DetailsList/useDetailsListGroups.js

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export var useDetailsListGroups = function (_a) {
+    var onToggleGroup = _a.onToggleGroup;
+    var _b = React.useState(new Set()), collapsedGroupKeys = _b[0], setCollapsedGroupKeys = _b[1];
+    var isGroupCollapsed = React.useCallback(function (group) { var _a; return (_a = group.isCollapsed) !== null && _a !== void 0 ? _a : collapsedGroupKeys.has(group.key); }, [collapsedGroupKeys]);
+    var toggleGroup = React.useCallback(function (group) {
+        var nextCollapsed = !isGroupCollapsed(group);
+        if (group.isCollapsed === undefined) {
+            setCollapsedGroupKeys(function (currentKeys) {
+                var nextKeys = new Set(currentKeys);
+                if (nextCollapsed) {
+                    nextKeys.add(group.key);
+                }
+                else {
+                    nextKeys.delete(group.key);
+                }
+                return nextKeys;
+            });
+        }
+        onToggleGroup === null || onToggleGroup === void 0 ? void 0 : onToggleGroup(group, nextCollapsed);
+    }, [isGroupCollapsed, onToggleGroup]);
+    return { isGroupCollapsed: isGroupCollapsed, toggleGroup: toggleGroup };
+};
+//# sourceMappingURL=useDetailsListGroups.js.map

package/lib/controls/DetailsList/useDetailsListGroups.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailsListGroups.js","sourceRoot":"","sources":["../../../src/controls/DetailsList/useDetailsListGroups.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,MAAM,CAAC,IAAM,oBAAoB,GAAG,UAAI,EAEP;QAD/B,aAAa,mBAAA;IAEP,IAAA,KAA8C,KAAK,CAAC,QAAQ,CAAc,IAAI,GAAG,EAAE,CAAC,EAAnF,kBAAkB,QAAA,EAAE,qBAAqB,QAA0C,CAAC;IAE3F,IAAM,gBAAgB,GAAG,KAAK,CAAC,WAAW,CACxC,UAAC,KAA2B,YAC1B,OAAA,MAAA,KAAK,CAAC,WAAW,mCAAI,kBAAkB,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA,EAAA,EACxD,CAAC,kBAAkB,CAAC,CACrB,CAAC;IAEF,IAAM,WAAW,GAAG,KAAK,CAAC,WAAW,CACnC,UAAC,KAA2B;QAC1B,IAAM,aAAa,GAAG,CAAC,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,KAAK,CAAC,WAAW,KAAK,SAAS,EAAE,CAAC;YACpC,qBAAqB,CAAC,UAAC,WAAW;gBAChC,IAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,WAAW,CAAC,CAAC;gBACtC,IAAI,aAAa,EAAE,CAAC;oBAClB,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAC1B,CAAC;qBAAM,CAAC;oBACN,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBAC7B,CAAC;gBACD,OAAO,QAAQ,CAAC;YAClB,CAAC,CAAC,CAAC;QACL,CAAC;QACD,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAG,KAAK,EAAE,aAAa,CAAC,CAAC;IACxC,CAAC,EACD,CAAC,gBAAgB,EAAE,aAAa,CAAC,CAClC,CAAC;IAEF,OAAO,EAAE,gBAAgB,kBAAA,EAAE,WAAW,aAAA,EAAE,CAAC;AAC3C,CAAC,CAAC"}

package/lib/controls/DetailsList/useDetailsListSelection.d.ts

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import type { DetailsListKey, IDetailsListProps, IDetailsListSelectionChange } from './DetailsList.types';
+import { SelectionMode } from './DetailsList.types';
+interface UseDetailsListSelectionOptions<T> {
+    items: readonly T[];
+    getKey: IDetailsListProps<T>['getKey'];
+    setKey: IDetailsListProps<T>['setKey'];
+    selectionMode: SelectionMode;
+    selectedKeys: IDetailsListProps<T>['selectedKeys'];
+    defaultSelectedKeys: readonly DetailsListKey[];
+    disabledItemKeys: IDetailsListProps<T>['disabledItemKeys'];
+    onSelectionChanged: ((change: IDetailsListSelectionChange<T>) => void) | undefined;
+}
+interface UseDetailsListSelectionResult<T> {
+    getItemKey: (item: T, index: number) => DetailsListKey;
+    selectedKeySet: ReadonlySet<DetailsListKey>;
+    disabledKeySet: ReadonlySet<DetailsListKey>;
+    selectedItems: readonly T[];
+    isAllSelected: boolean;
+    isPartiallySelected: boolean;
+    commitSelection: (nextKeys: Set<DetailsListKey>) => void;
+    selectItem: (item: T, itemIndex: number, event: React.SyntheticEvent, preserveExistingSelection: boolean) => void;
+    toggleSelectAll: (event: React.SyntheticEvent) => void;
+}
+export declare const useDetailsListSelection: <T>({ items, getKey, setKey, selectionMode, selectedKeys, defaultSelectedKeys, disabledItemKeys, onSelectionChanged, }: UseDetailsListSelectionOptions<T>) => UseDetailsListSelectionResult<T>;
+export {};
+//# sourceMappingURL=useDetailsListSelection.d.ts.map

package/lib/controls/DetailsList/useDetailsListSelection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailsListSelection.d.ts","sourceRoot":"","sources":["../../../src/controls/DetailsList/useDetailsListSelection.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EACjB,2BAA2B,EAC5B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD,UAAU,8BAA8B,CAAC,CAAC;IACxC,KAAK,EAAE,SAAS,CAAC,EAAE,CAAC;IACpB,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvC,MAAM,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC;IACvC,aAAa,EAAE,aAAa,CAAC;IAC7B,YAAY,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC;IACnD,mBAAmB,EAAE,SAAS,cAAc,EAAE,CAAC;IAC/C,gBAAgB,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC;IAC3D,kBAAkB,EAAE,CAAC,CAAC,MAAM,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;CACpF;AAED,UAAU,6BAA6B,CAAC,CAAC;IACvC,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,cAAc,CAAC;IACvD,cAAc,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC5C,cAAc,EAAE,WAAW,CAAC,cAAc,CAAC,CAAC;IAC5C,aAAa,EAAE,SAAS,CAAC,EAAE,CAAC;IAC5B,aAAa,EAAE,OAAO,CAAC;IACvB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,EAAE,CAAC,QAAQ,EAAE,GAAG,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,CACV,IAAI,EAAE,CAAC,EACP,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,KAAK,CAAC,cAAc,EAC3B,yBAAyB,EAAE,OAAO,KAC/B,IAAI,CAAC;IACV,eAAe,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,cAAc,KAAK,IAAI,CAAC;CACxD;AAMD,eAAO,MAAM,uBAAuB,GAAI,CAAC,EAAE,oHASxC,8BAA8B,CAAC,CAAC,CAAC,KAAG,6BAA6B,CAAC,CAAC,CA8IrE,CAAC"}

package/lib/controls/DetailsList/useDetailsListSelection.js

@@ -0,0 +1,114 @@
+import * as React from 'react';
+import { SelectionMode } from './DetailsList.types';
+var toKeySet = function (keys) { return new Set(keys !== null && keys !== void 0 ? keys : []); };
+export var useDetailsListSelection = function (_a) {
+    var items = _a.items, getKey = _a.getKey, setKey = _a.setKey, selectionMode = _a.selectionMode, selectedKeys = _a.selectedKeys, defaultSelectedKeys = _a.defaultSelectedKeys, disabledItemKeys = _a.disabledItemKeys, onSelectionChanged = _a.onSelectionChanged;
+    var lastSelectedIndexRef = React.useRef();
+    var previousSetKeyRef = React.useRef(setKey);
+    var _b = React.useState(function () {
+        return toKeySet(defaultSelectedKeys);
+    }), internalSelectedKeys = _b[0], setInternalSelectedKeys = _b[1];
+    var isSelectionControlled = selectedKeys !== undefined;
+    var selectedKeySet = React.useMemo(function () { return (isSelectionControlled ? toKeySet(selectedKeys) : internalSelectedKeys); }, [internalSelectedKeys, isSelectionControlled, selectedKeys]);
+    var disabledKeySet = React.useMemo(function () { return toKeySet(disabledItemKeys); }, [disabledItemKeys]);
+    var getItemKey = React.useCallback(function (item, index) { var _a; return (_a = getKey === null || getKey === void 0 ? void 0 : getKey(item, index)) !== null && _a !== void 0 ? _a : index; }, [getKey]);
+    React.useEffect(function () {
+        if (previousSetKeyRef.current !== setKey) {
+            previousSetKeyRef.current = setKey;
+            if (!isSelectionControlled) {
+                setInternalSelectedKeys(toKeySet(defaultSelectedKeys));
+            }
+        }
+    }, [defaultSelectedKeys, isSelectionControlled, setKey]);
+    var selectedItems = React.useMemo(function () { return items.filter(function (item, index) { return selectedKeySet.has(getItemKey(item, index)); }); }, [getItemKey, items, selectedKeySet]);
+    var enabledItemKeys = React.useMemo(function () {
+        return items
+            .map(function (item, index) { return getItemKey(item, index); })
+            .filter(function (itemKey) { return !disabledKeySet.has(itemKey); });
+    }, [disabledKeySet, getItemKey, items]);
+    var isAllSelected = enabledItemKeys.length > 0 && enabledItemKeys.every(function (itemKey) { return selectedKeySet.has(itemKey); });
+    var isPartiallySelected = !isAllSelected && enabledItemKeys.some(function (itemKey) { return selectedKeySet.has(itemKey); });
+    var commitSelection = React.useCallback(function (nextKeys) {
+        if (!isSelectionControlled) {
+            setInternalSelectedKeys(new Set(nextKeys));
+        }
+        var nextItems = items.filter(function (item, index) { return nextKeys.has(getItemKey(item, index)); });
+        onSelectionChanged === null || onSelectionChanged === void 0 ? void 0 : onSelectionChanged({ selectedItems: nextItems, selectedKeys: new Set(nextKeys) });
+    }, [getItemKey, isSelectionControlled, items, onSelectionChanged]);
+    var selectItem = React.useCallback(function (item, itemIndex, event, preserveExistingSelection) {
+        if (selectionMode === SelectionMode.none) {
+            return;
+        }
+        var itemKey = getItemKey(item, itemIndex);
+        if (disabledKeySet.has(itemKey)) {
+            return;
+        }
+        var nextKeys = new Set(selectedKeySet);
+        var nativeEvent = event.nativeEvent;
+        var shiftKey = 'shiftKey' in nativeEvent && Boolean(nativeEvent.shiftKey);
+        var modifierKey = ('metaKey' in nativeEvent && Boolean(nativeEvent.metaKey)) ||
+            ('ctrlKey' in nativeEvent && Boolean(nativeEvent.ctrlKey));
+        if (selectionMode === SelectionMode.single) {
+            nextKeys.clear();
+            if (!selectedKeySet.has(itemKey) || !preserveExistingSelection) {
+                nextKeys.add(itemKey);
+            }
+        }
+        else if (shiftKey && lastSelectedIndexRef.current !== undefined) {
+            if (!modifierKey) {
+                nextKeys.clear();
+            }
+            var rangeStart = Math.min(lastSelectedIndexRef.current, itemIndex);
+            var rangeEnd = Math.max(lastSelectedIndexRef.current, itemIndex);
+            for (var index = rangeStart; index <= rangeEnd; index += 1) {
+                var rangeItem = items[index];
+                if (rangeItem !== undefined) {
+                    var rangeKey = getItemKey(rangeItem, index);
+                    if (!disabledKeySet.has(rangeKey)) {
+                        nextKeys.add(rangeKey);
+                    }
+                }
+            }
+        }
+        else if (preserveExistingSelection || modifierKey) {
+            if (nextKeys.has(itemKey)) {
+                nextKeys.delete(itemKey);
+            }
+            else {
+                nextKeys.add(itemKey);
+            }
+        }
+        else {
+            nextKeys.clear();
+            nextKeys.add(itemKey);
+        }
+        lastSelectedIndexRef.current = itemIndex;
+        commitSelection(nextKeys);
+    }, [commitSelection, disabledKeySet, getItemKey, items, selectedKeySet, selectionMode]);
+    var toggleSelectAll = React.useCallback(function (event) {
+        event.stopPropagation();
+        if (selectionMode !== SelectionMode.multiple) {
+            return;
+        }
+        var nextKeys = new Set(selectedKeySet);
+        if (isAllSelected) {
+            enabledItemKeys.forEach(function (itemKey) { return nextKeys.delete(itemKey); });
+        }
+        else {
+            enabledItemKeys.forEach(function (itemKey) { return nextKeys.add(itemKey); });
+        }
+        commitSelection(nextKeys);
+    }, [commitSelection, enabledItemKeys, isAllSelected, selectedKeySet, selectionMode]);
+    return {
+        getItemKey: getItemKey,
+        selectedKeySet: selectedKeySet,
+        disabledKeySet: disabledKeySet,
+        selectedItems: selectedItems,
+        isAllSelected: isAllSelected,
+        isPartiallySelected: isPartiallySelected,
+        commitSelection: commitSelection,
+        selectItem: selectItem,
+        toggleSelectAll: toggleSelectAll,
+    };
+};
+//# sourceMappingURL=useDetailsListSelection.js.map

package/lib/controls/DetailsList/useDetailsListSelection.js.map

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

package/lib/controls/DetailsList/useDetailsListStyles.d.ts

@@ -0,0 +1,42 @@
+export declare const DETAILS_LIST_HEADER_HEIGHT = 42;
+export declare const DETAILS_LIST_HEADER_TOP_SPACING = 16;
+export declare const DETAILS_LIST_SELECTION_COLUMN_WIDTH = 48;
+export declare const DETAILS_LIST_DEFAULT_ROW_HEIGHT = 42;
+export declare const DETAILS_LIST_COMPACT_ROW_HEIGHT = 32;
+export declare const DETAILS_LIST_DEFAULT_HEIGHT = 600;
+interface IDetailsListClassNames {
+    root: string;
+    viewport: string;
+    grid: string;
+    headerViewport: string;
+    headerWrapper: string;
+    headerRow: string;
+    headerCell: string;
+    headerButton: string;
+    headerLabel: string;
+    headerIcon: string;
+    resizeHandle: string;
+    row: string;
+    selectedRow: string;
+    disabledRow: string;
+    dropTargetRow: string;
+    cell: string;
+    paddedCell: string;
+    multilineCell: string;
+    rowHeaderCell: string;
+    cellText: string;
+    selectionCell: string;
+    selectionCellOnHover: string;
+    groupHeader: string;
+    groupButton: string;
+    groupIndent: string;
+    body: string;
+    shimmerRow: string;
+    shimmerCell: string;
+    virtualEntry: string;
+    stateContainer: string;
+    loadingMore: string;
+}
+export declare const useDetailsListStyles: () => IDetailsListClassNames;
+export {};
+//# sourceMappingURL=useDetailsListStyles.d.ts.map

package/lib/controls/DetailsList/useDetailsListStyles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailsListStyles.d.ts","sourceRoot":"","sources":["../../../src/controls/DetailsList/useDetailsListStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,0BAA0B,KAAK,CAAC;AAC7C,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAClD,eAAO,MAAM,mCAAmC,KAAK,CAAC;AACtD,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAClD,eAAO,MAAM,+BAA+B,KAAK,CAAC;AAClD,eAAO,MAAM,2BAA2B,MAAM,CAAC;AAI/C,UAAU,sBAAsB;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,GAAG,EAAE,MAAM,CAAC;IACZ,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,aAAa,EAAE,MAAM,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,aAAa,EAAE,MAAM,CAAC;IACtB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,oBAAoB,QAAO,sBAuUvC,CAAC"}