@pnp/spfx-controls-react 3.26.0-beta.3386473 → 3.26.0-beta.3440836

package/lib-commonjs/controls/DetailsList/DetailsListHeader.js

@@ -0,0 +1,98 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsListHeader = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var react_components_1 = require("@fluentui/react-components");
+var react_icons_1 = require("@fluentui/react-icons");
+var DetailsList_types_1 = require("./DetailsList.types");
+var DetailsListContent_1 = require("./DetailsListContent");
+var COLUMN_RESIZE_KEYBOARD_STEP = 10;
+var DetailsListHeader = function (_a) {
+    var columns = _a.columns, selectionMode = _a.selectionMode, checkboxVisibility = _a.checkboxVisibility, isAllSelected = _a.isAllSelected, isPartiallySelected = _a.isPartiallySelected, onToggleSelectAll = _a.onToggleSelectAll, showSelectionColumn = _a.showSelectionColumn, ariaLabelForSelectionColumn = _a.ariaLabelForSelectionColumn, ariaLabelForSelectAllCheckbox = _a.ariaLabelForSelectAllCheckbox, gridTemplateColumns = _a.gridTemplateColumns, style = _a.style, classes = _a.classes, columnWidths = _a.columnWidths, columnReorderOptions = _a.columnReorderOptions, draggedColumnIndexRef = _a.draggedColumnIndexRef, columnDropLocationRef = _a.columnDropLocationRef, isColumnDraggable = _a.isColumnDraggable, handleColumnDrop = _a.handleColumnDrop, resizeColumn = _a.resizeColumn, autoFitColumn = _a.autoFitColumn, beginColumnResize = _a.beginColumnResize, onColumnHeaderClick = _a.onColumnHeaderClick, onColumnHeaderContextMenu = _a.onColumnHeaderContextMenu, onRenderDetailsHeader = _a.onRenderDetailsHeader;
+    var headerProps = {
+        columns: columns,
+        selectionMode: selectionMode,
+        checkboxVisibility: checkboxVisibility,
+        isAllSelected: isAllSelected,
+        isPartiallySelected: isPartiallySelected,
+        onToggleSelectAll: onToggleSelectAll,
+    };
+    var defaultRender = function (renderProps) { return (React.createElement("div", { role: "row", className: classes.headerRow, style: tslib_1.__assign({ gridTemplateColumns: gridTemplateColumns }, style) },
+        showSelectionColumn && (React.createElement("div", { role: "columnheader", "aria-colindex": 1, "aria-label": ariaLabelForSelectionColumn, className: classes.selectionCell }, renderProps.selectionMode === DetailsList_types_1.SelectionMode.multiple && (React.createElement(react_components_1.Checkbox, { checked: renderProps.isPartiallySelected ? 'mixed' : renderProps.isAllSelected, "aria-label": ariaLabelForSelectAllCheckbox, onChange: function (event) { return renderProps.onToggleSelectAll(event); } })))),
+        renderProps.columns.map(function (column, columnIndex) {
+            var _a;
+            var isActionable = column.columnActionsMode !== DetailsList_types_1.ColumnActionsMode.disabled;
+            var isDraggable = isColumnDraggable(columnIndex);
+            var ariaSort = column.isSorted
+                ? column.isSortedDescending
+                    ? 'descending'
+                    : 'ascending'
+                : 'none';
+            var headerContent = column.onRenderHeader
+                ? column.onRenderHeader(column)
+                : column.name;
+            return (React.createElement("div", { key: column.key, role: "columnheader", "aria-colindex": columnIndex + (showSelectionColumn ? 2 : 1), "aria-sort": ariaSort, "aria-label": (_a = column.ariaLabel) !== null && _a !== void 0 ? _a : column.name, "data-details-column-key": column.key, draggable: isDraggable, className: (0, react_components_1.mergeClasses)(classes.headerCell, column.headerClassName), onContextMenu: function (event) {
+                    var _a;
+                    (_a = column.onColumnContextMenu) === null || _a === void 0 ? void 0 : _a.call(column, column, event);
+                    onColumnHeaderContextMenu === null || onColumnHeaderContextMenu === void 0 ? void 0 : onColumnHeaderContextMenu(column, event);
+                }, onDragStart: function (event) {
+                    var _a;
+                    draggedColumnIndexRef.current = columnIndex;
+                    columnDropLocationRef.current = DetailsList_types_1.ColumnDragEndLocation.outside;
+                    event.dataTransfer.effectAllowed = 'move';
+                    event.dataTransfer.setData('text/plain', column.key);
+                    (_a = columnReorderOptions === null || columnReorderOptions === void 0 ? void 0 : columnReorderOptions.onColumnDragStart) === null || _a === void 0 ? void 0 : _a.call(columnReorderOptions, true);
+                }, onDragOver: function (event) {
+                    if (draggedColumnIndexRef.current !== undefined && isColumnDraggable(columnIndex)) {
+                        event.preventDefault();
+                        event.dataTransfer.dropEffect = 'move';
+                    }
+                }, onDrop: function (event) {
+                    event.preventDefault();
+                    handleColumnDrop(columnIndex);
+                }, onDragEnd: function () {
+                    var _a, _b;
+                    (_a = columnReorderOptions === null || columnReorderOptions === void 0 ? void 0 : columnReorderOptions.onColumnDragStart) === null || _a === void 0 ? void 0 : _a.call(columnReorderOptions, false);
+                    (_b = columnReorderOptions === null || columnReorderOptions === void 0 ? void 0 : columnReorderOptions.onDragEnd) === null || _b === void 0 ? void 0 : _b.call(columnReorderOptions, columnDropLocationRef.current);
+                    draggedColumnIndexRef.current = undefined;
+                    columnDropLocationRef.current = DetailsList_types_1.ColumnDragEndLocation.outside;
+                } },
+                React.createElement(react_components_1.Button, { appearance: "subtle", size: "small", disabled: !isActionable, className: classes.headerButton, title: column.name, onClick: function (event) {
+                        var _a;
+                        (_a = column.onColumnClick) === null || _a === void 0 ? void 0 : _a.call(column, event, column);
+                        onColumnHeaderClick === null || onColumnHeaderClick === void 0 ? void 0 : onColumnHeaderClick(event, column);
+                    }, onKeyDown: function (event) { var _a; return (_a = column.onColumnKeyDown) === null || _a === void 0 ? void 0 : _a.call(column, event, column); } },
+                    isDraggable && (React.createElement(react_icons_1.ReOrderDotsVertical16Regular, { "aria-hidden": true, className: classes.headerIcon })),
+                    column.icon,
+                    !column.isIconOnly && ((0, DetailsListContent_1.renderDetailsListContent)(headerContent, classes.headerLabel)),
+                    (column.isSorted || column.showSortIconWhenUnsorted) &&
+                        (column.isSortedDescending ? (React.createElement(react_icons_1.ArrowSortDown16Regular, { "aria-label": column.sortDescendingAriaLabel, className: classes.headerIcon })) : (React.createElement(react_icons_1.ArrowSortUp16Regular, { "aria-label": column.isSorted ? column.sortAscendingAriaLabel : column.sortableAriaLabel, className: classes.headerIcon }))),
+                    column.isFiltered && (React.createElement(react_icons_1.Filter16Regular, { "aria-label": column.filterAriaLabel, className: classes.headerIcon })),
+                    column.columnActionsMode === DetailsList_types_1.ColumnActionsMode.hasDropdown && (React.createElement(react_icons_1.ChevronDown16Regular, { className: classes.headerIcon }))),
+                column.isResizable && (React.createElement(react_components_1.Button, { appearance: "transparent", size: "small", "aria-label": strings.DetailsListResizeColumnAriaLabel.replace('{0}', column.name), className: classes.resizeHandle, onClick: function (event) { return event.stopPropagation(); }, onDoubleClick: function () { return autoFitColumn(column, columnIndex); }, onPointerDown: function (event) { return beginColumnResize(event, column, columnIndex); }, onKeyDown: function (event) {
+                        if (event.key === 'ArrowLeft') {
+                            event.preventDefault();
+                            resizeColumn(column, columnIndex, columnWidths[column.key] - COLUMN_RESIZE_KEYBOARD_STEP);
+                        }
+                        else if (event.key === 'ArrowRight') {
+                            event.preventDefault();
+                            resizeColumn(column, columnIndex, columnWidths[column.key] + COLUMN_RESIZE_KEYBOARD_STEP);
+                        }
+                        else if (event.key === 'Home') {
+                            event.preventDefault();
+                            resizeColumn(column, columnIndex, column.minWidth);
+                        }
+                        else if (event.key === 'End' && column.maxWidth !== undefined) {
+                            event.preventDefault();
+                            resizeColumn(column, columnIndex, column.maxWidth);
+                        }
+                    } }))));
+        }))); };
+    return (React.createElement(React.Fragment, null, onRenderDetailsHeader
+        ? onRenderDetailsHeader(headerProps, defaultRender)
+        : defaultRender(headerProps)));
+};
+exports.DetailsListHeader = DetailsListHeader;
+//# sourceMappingURL=DetailsListHeader.js.map

package/lib-commonjs/controls/DetailsList/DetailsListHeader.js.map

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

package/lib-commonjs/controls/DetailsList/DetailsListRow.js

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsListRow = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var strings = tslib_1.__importStar(require("ControlStrings"));
+var react_components_1 = require("@fluentui/react-components");
+var DetailsList_types_1 = require("./DetailsList.types");
+var DetailsListContent_1 = require("./DetailsListContent");
+var isInteractiveTarget = function (target) {
+    return target instanceof Element &&
+        Boolean(target.closest('a, button, input, select, textarea, [role="button"], [data-selection-disabled]'));
+};
+var DetailsListCell = function (_a) {
+    var _b;
+    var item = _a.item, itemIndex = _a.itemIndex, column = _a.column, isSelected = _a.isSelected, ariaColumnIndex = _a.ariaColumnIndex, classes = _a.classes, style = _a.style, onRenderItemColumn = _a.onRenderItemColumn, onRenderField = _a.onRenderField;
+    var rawContent = column.onRender
+        ? column.onRender(item, itemIndex, column)
+        : onRenderItemColumn
+            ? onRenderItemColumn(item, itemIndex, column)
+            : column.fieldName
+                ? String((_b = item[column.fieldName]) !== null && _b !== void 0 ? _b : '')
+                : '';
+    var fieldProps = {
+        item: item,
+        itemIndex: itemIndex,
+        isSelected: isSelected,
+        column: column,
+        children: rawContent,
+    };
+    var defaultRender = function (renderProps) { return (React.createElement("div", { role: renderProps.column.isRowHeader ? 'rowheader' : 'gridcell', "aria-colindex": ariaColumnIndex, "data-details-column-key": renderProps.column.key, className: (0, react_components_1.mergeClasses)(classes.cell, renderProps.column.isPadded && classes.paddedCell, renderProps.column.isMultiline && classes.multilineCell, renderProps.column.isRowHeader && classes.rowHeaderCell, renderProps.column.className), style: style, title: typeof renderProps.children === 'string' || typeof renderProps.children === 'number'
+            ? String(renderProps.children)
+            : undefined }, (0, DetailsListContent_1.renderDetailsListContent)(renderProps.children, classes.cellText))); };
+    return React.createElement(React.Fragment, null, onRenderField ? onRenderField(fieldProps, defaultRender) : defaultRender(fieldProps));
+};
+var DetailsListRow = function (_a) {
+    var entry = _a.entry, entryIndex = _a.entryIndex, columns = _a.columns, selectedKeySet = _a.selectedKeySet, disabledKeySet = _a.disabledKeySet, compact = _a.compact, activeItemIndex = _a.activeItemIndex, setActiveItemIndex = _a.setActiveItemIndex, dropTargetKey = _a.dropTargetKey, setDropTargetKey = _a.setDropTargetKey, draggedItemRef = _a.draggedItemRef, effectiveRowHeight = _a.effectiveRowHeight, entryTop = _a.entryTop, gridTemplateColumns = _a.gridTemplateColumns, isHeaderVisible = _a.isHeaderVisible, shouldVirtualize = _a.shouldVirtualize, showSelectionColumn = _a.showSelectionColumn, selectionMode = _a.selectionMode, selectionControlName = _a.selectionControlName, checkboxVisibility = _a.checkboxVisibility, ariaLabelForSelectionColumn = _a.ariaLabelForSelectionColumn, isSelectedOnFocus = _a.isSelectedOnFocus, classes = _a.classes, rowStyle = _a.rowStyle, cellStyle = _a.cellStyle, selectItem = _a.selectItem, handleRowKeyDown = _a.handleRowKeyDown, onActiveItemChanged = _a.onActiveItemChanged, onItemInvoked = _a.onItemInvoked, onItemContextMenu = _a.onItemContextMenu, dragDropEvents = _a.dragDropEvents, getRowAriaLabel = _a.getRowAriaLabel, getRowAriaDescribedBy = _a.getRowAriaDescribedBy, onRenderItemColumn = _a.onRenderItemColumn, onRenderField = _a.onRenderField, onRenderRow = _a.onRenderRow;
+    var item = entry.item, itemIndex = entry.itemIndex, itemKey = entry.key;
+    var isSelected = selectedKeySet.has(itemKey);
+    var isDisabled = disabledKeySet.has(itemKey);
+    var rowProps = {
+        item: item,
+        itemIndex: itemIndex,
+        itemKey: itemKey,
+        columns: columns,
+        isSelected: isSelected,
+        compact: compact,
+        disabled: isDisabled,
+        onToggleSelection: function (event) { return selectItem(item, itemIndex, event, true); },
+        onInvoke: function (event) { return onItemInvoked === null || onItemInvoked === void 0 ? void 0 : onItemInvoked(item, itemIndex, event); },
+    };
+    var defaultRender = function (renderProps) {
+        var _a, _b;
+        return (React.createElement("div", { role: "row", "aria-rowindex": entryIndex + (isHeaderVisible ? 2 : 1), "aria-selected": selectionMode === DetailsList_types_1.SelectionMode.none ? undefined : renderProps.isSelected, "aria-disabled": renderProps.disabled || undefined, "aria-label": getRowAriaLabel === null || getRowAriaLabel === void 0 ? void 0 : getRowAriaLabel(renderProps.item), "aria-describedby": getRowAriaDescribedBy === null || getRowAriaDescribedBy === void 0 ? void 0 : getRowAriaDescribedBy(renderProps.item), "data-details-row-index": renderProps.itemIndex, tabIndex: activeItemIndex === renderProps.itemIndex ? 0 : -1, draggable: Boolean((_b = (_a = dragDropEvents === null || dragDropEvents === void 0 ? void 0 : dragDropEvents.canDrag) === null || _a === void 0 ? void 0 : _a.call(dragDropEvents, renderProps.item, renderProps.itemIndex)) !== null && _b !== void 0 ? _b : dragDropEvents), className: (0, react_components_1.mergeClasses)(classes.row, renderProps.isSelected && classes.selectedRow, renderProps.disabled && classes.disabledRow, dropTargetKey === renderProps.itemKey && classes.dropTargetRow), style: tslib_1.__assign(tslib_1.__assign({ gridTemplateColumns: gridTemplateColumns, minHeight: effectiveRowHeight, height: effectiveRowHeight }, rowStyle), (shouldVirtualize
+                ? {
+                    position: 'absolute',
+                    top: entryTop,
+                    right: 0,
+                    left: 0,
+                }
+                : {})), onClick: function (event) {
+                if (!isInteractiveTarget(event.target)) {
+                    selectItem(renderProps.item, renderProps.itemIndex, event, false);
+                }
+            }, onDoubleClick: function (event) { return onItemInvoked === null || onItemInvoked === void 0 ? void 0 : onItemInvoked(renderProps.item, renderProps.itemIndex, event); }, onContextMenu: function (event) {
+                if ((onItemContextMenu === null || onItemContextMenu === void 0 ? void 0 : onItemContextMenu(renderProps.item, renderProps.itemIndex, event)) !== true) {
+                    event.preventDefault();
+                }
+            }, onFocus: function (event) {
+                setActiveItemIndex(renderProps.itemIndex);
+                onActiveItemChanged === null || onActiveItemChanged === void 0 ? void 0 : onActiveItemChanged(renderProps.item, renderProps.itemIndex, event);
+                if (isSelectedOnFocus && !renderProps.isSelected) {
+                    selectItem(renderProps.item, renderProps.itemIndex, event, false);
+                }
+            }, onKeyDown: function (event) { return handleRowKeyDown(event, renderProps.item, renderProps.itemIndex); }, onDragStart: function (event) {
+                var _a;
+                draggedItemRef.current = { item: renderProps.item, index: renderProps.itemIndex };
+                event.dataTransfer.effectAllowed = 'move';
+                event.dataTransfer.setData('text/plain', String(renderProps.itemKey));
+                (_a = dragDropEvents === null || dragDropEvents === void 0 ? void 0 : dragDropEvents.onDragStart) === null || _a === void 0 ? void 0 : _a.call(dragDropEvents, renderProps.item, renderProps.itemIndex, event);
+            }, onDragEnter: function (event) {
+                var _a, _b, _c;
+                var draggedItem = draggedItemRef.current;
+                if (draggedItem &&
+                    ((_b = (_a = dragDropEvents === null || dragDropEvents === void 0 ? void 0 : dragDropEvents.canDrop) === null || _a === void 0 ? void 0 : _a.call(dragDropEvents, draggedItem.item, renderProps.item, renderProps.itemIndex)) !== null && _b !== void 0 ? _b : true)) {
+                    setDropTargetKey(renderProps.itemKey);
+                    (_c = dragDropEvents === null || dragDropEvents === void 0 ? void 0 : dragDropEvents.onDragEnter) === null || _c === void 0 ? void 0 : _c.call(dragDropEvents, renderProps.item, renderProps.itemIndex, event);
+                }
+            }, onDragOver: function (event) {
+                if (dropTargetKey === renderProps.itemKey) {
+                    event.preventDefault();
+                    event.dataTransfer.dropEffect = 'move';
+                }
+            }, onDragLeave: function (event) {
+                var _a;
+                if (!event.currentTarget.contains(event.relatedTarget)) {
+                    setDropTargetKey(undefined);
+                    (_a = dragDropEvents === null || dragDropEvents === void 0 ? void 0 : dragDropEvents.onDragLeave) === null || _a === void 0 ? void 0 : _a.call(dragDropEvents, renderProps.item, renderProps.itemIndex, event);
+                }
+            }, onDrop: function (event) {
+                var _a;
+                event.preventDefault();
+                var draggedItem = draggedItemRef.current;
+                if (draggedItem) {
+                    (_a = dragDropEvents === null || dragDropEvents === void 0 ? void 0 : dragDropEvents.onDrop) === null || _a === void 0 ? void 0 : _a.call(dragDropEvents, draggedItem.item, renderProps.item, renderProps.itemIndex, event);
+                }
+                setDropTargetKey(undefined);
+            }, onDragEnd: function (event) {
+                var _a;
+                (_a = dragDropEvents === null || dragDropEvents === void 0 ? void 0 : dragDropEvents.onDragEnd) === null || _a === void 0 ? void 0 : _a.call(dragDropEvents, renderProps.item, renderProps.itemIndex, event);
+                draggedItemRef.current = undefined;
+                setDropTargetKey(undefined);
+            } },
+            showSelectionColumn && (React.createElement("div", { role: "gridcell", "aria-colindex": 1, "aria-label": ariaLabelForSelectionColumn, className: (0, react_components_1.mergeClasses)(classes.selectionCell, checkboxVisibility === DetailsList_types_1.CheckboxVisibility.onHover &&
+                    !renderProps.isSelected &&
+                    classes.selectionCellOnHover) }, selectionMode === DetailsList_types_1.SelectionMode.single ? (React.createElement(react_components_1.Radio, { name: selectionControlName, value: String(renderProps.itemKey), checked: renderProps.isSelected, disabled: renderProps.disabled, "aria-label": strings.DetailsListSelectRowAriaLabel.replace('{0}', String(renderProps.itemIndex + 1)), onChange: function (event) {
+                    event.stopPropagation();
+                    renderProps.onToggleSelection(event);
+                } })) : (React.createElement(react_components_1.Checkbox, { checked: renderProps.isSelected, disabled: renderProps.disabled, "aria-label": strings.DetailsListSelectRowAriaLabel.replace('{0}', String(renderProps.itemIndex + 1)), onChange: function (event) {
+                    event.stopPropagation();
+                    renderProps.onToggleSelection(event);
+                } })))),
+            renderProps.columns.map(function (column, columnIndex) { return (React.createElement(DetailsListCell, { key: column.key, item: renderProps.item, itemIndex: renderProps.itemIndex, column: column, isSelected: renderProps.isSelected, ariaColumnIndex: columnIndex + (showSelectionColumn ? 2 : 1), classes: classes, style: cellStyle, onRenderItemColumn: onRenderItemColumn, onRenderField: onRenderField })); })));
+    };
+    return React.createElement(React.Fragment, null, onRenderRow ? onRenderRow(rowProps, defaultRender) : defaultRender(rowProps));
+};
+exports.DetailsListRow = DetailsListRow;
+//# sourceMappingURL=DetailsListRow.js.map

package/lib-commonjs/controls/DetailsList/DetailsListRow.js.map

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

package/lib-commonjs/controls/DetailsList/DetailsListShimmerRows.js

@@ -0,0 +1,39 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsListShimmerRows = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var react_components_1 = require("@fluentui/react-components");
+var SHIMMER_LINE_WIDTHS = ['72%', '88%', '64%', '80%'];
+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(react_components_1.Skeleton, { animation: "wave" },
+                    React.createElement(react_components_1.SkeletonItem, { shape: "circle", size: 16 })))),
+            renderProps.columns.map(function (column, columnIndex) { return (React.createElement("div", { key: column.key, className: classes.shimmerCell },
+                React.createElement(react_components_1.Skeleton, { animation: "wave", style: { width: '100%' } },
+                    React.createElement(react_components_1.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)));
+    })));
+};
+exports.DetailsListShimmerRows = DetailsListShimmerRows;
+//# sourceMappingURL=DetailsListShimmerRows.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DetailsListShimmerRows.js","sourceRoot":"","sources":["../../../src/controls/DetailsList/DetailsListShimmerRows.tsx"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAC/B,+DAAoE;AAqBpE,IAAM,mBAAmB,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,CAAU,CAAC;AAE3D,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,2BAAQ,IAAC,SAAS,EAAC,MAAM;oBACxB,oBAAC,+BAAY,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,2BAAQ,IAAC,SAAS,EAAC,MAAM,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE;oBACjD,oBAAC,+BAAY,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;AAnEW,QAAA,sBAAsB,0BAmEjC"}

package/lib-commonjs/controls/DetailsList/index.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DetailsList = void 0;
+var tslib_1 = require("tslib");
+var DetailsList_1 = require("./DetailsList");
+Object.defineProperty(exports, "DetailsList", { enumerable: true, get: function () { return DetailsList_1.DetailsList; } });
+tslib_1.__exportStar(require("./DetailsList.types"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/controls/DetailsList/index.ts"],"names":[],"mappings":";;;;AAAA,6CAA4C;AAAnC,0GAAA,WAAW,OAAA;AACpB,8DAAoC"}

package/lib-commonjs/controls/DetailsList/useDetailsListColumns.js

@@ -0,0 +1,149 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailsListColumns = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var DetailsList_types_1 = require("./DetailsList.types");
+var DetailsList_utils_1 = require("./DetailsList.utils");
+var useDetailsListStyles_1 = require("./useDetailsListStyles");
+var areArraysEqual = function (left, right) {
+    return left.length === right.length && left.every(function (value, index) { return value === right[index]; });
+};
+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(DetailsList_types_1.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 = tslib_1.__spreadArray(tslib_1.__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 (0, DetailsList_utils_1.calculateColumnWidths)(orderedColumns, columnWidthOverrides, Math.max(0, viewportWidth - selectionColumnWidth), layoutMode === DetailsList_types_1.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 = tslib_1.__spreadArray(tslib_1.__spreadArray([], (selectionColumnWidth > 0 ? ["".concat(useDetailsListStyles_1.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 = (0, DetailsList_utils_1.clampColumnWidth)(column, width);
+        setColumnWidthOverrides(function (currentWidths) {
+            var _a;
+            return (tslib_1.__assign(tslib_1.__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 = tslib_1.__spreadArray([], currentOrder, true);
+            var draggedKey = nextOrder.splice(draggedIndex, 1)[0];
+            nextOrder.splice(targetIndex, 0, draggedKey);
+            return nextOrder;
+        });
+        columnDropLocationRef.current = DetailsList_types_1.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 = tslib_1.__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,
+    };
+};
+exports.useDetailsListColumns = useDetailsListColumns;
+//# sourceMappingURL=useDetailsListColumns.js.map

package/lib-commonjs/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-commonjs/controls/DetailsList/useDetailsListGroups.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDetailsListGroups = void 0;
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+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 };
+};
+exports.useDetailsListGroups = useDetailsListGroups;
+//# sourceMappingURL=useDetailsListGroups.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDetailsListGroups.js","sourceRoot":"","sources":["../../../src/controls/DetailsList/useDetailsListGroups.ts"],"names":[],"mappings":";;;;AAAA,mDAA+B;AAaxB,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;AA/BW,QAAA,oBAAoB,wBA+B/B"}