lightning-base-components 1.27.5-alpha → 1.28.4-alpha

package/src/lightning/datatable/renderManager.d.ts

@@ -0,0 +1,43 @@
+import { LightningResizeObserver } from 'lightning/resizeObserver';
+import { DatatableState, Row } from './types';
+export declare const DEFAULT_ROW_HEIGHT = 30.5;
+export declare function setViewportRendering(state: DatatableState, value: boolean): void;
+export declare function setVirtualize(state: DatatableState, value: string): void;
+interface PreviousInfo {
+    renderedRowCount: number;
+    totalRowCount: number;
+    firstRowKey: string;
+}
+export interface RenderManagerConfig {
+    viewportRendering?: boolean;
+    rowHeight?: number;
+    bufferSize?: number | string;
+    virtualize?: string;
+}
+export declare class RenderManager {
+    threshold: number;
+    wrapperHeight: number;
+    previousCache: PreviousInfo;
+    _heightResizeObserver?: LightningResizeObserver;
+    _resizeObserverConnected?: boolean;
+    constructor();
+    configure(state: DatatableState, getWrapperHeight: () => number, config: RenderManagerConfig): void;
+    updateViewportRendering(state: DatatableState, gridContainer: Node, forceUpdate?: boolean): void;
+    handleScroll(state: DatatableState, event: Event): void;
+    getRenderedRange(state: DatatableState): {
+        firstIndex: number;
+        lastIndex: number;
+    };
+    updateRenderedRows(state: DatatableState, rowCount: number): void;
+    updateWrapperHeight(getWrapperHeight: () => number): void;
+    initializeResizeObserver(state: DatatableState, getWrapperHeight: () => number): void;
+    connectResizeObserver(resizeTarget: Node): void;
+    disconnectResizeObserver(): void;
+    getRowCountInViewport(state: DatatableState): number;
+    getRowCountWithBuffer(state: DatatableState): number;
+    isWithinThreshold(target: Node): boolean;
+    hasDataChanged(rows: Row[]): boolean;
+    hasWrapperHeight(): boolean;
+}
+export {};
+//# sourceMappingURL=renderManager.d.ts.map

package/src/lightning/datatable/renderManager.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"renderManager.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/datatable/renderManager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAGnE,OAAO,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,kBAAkB,OAAO,CAAC;AAMvC,wBAAgB,oBAAoB,CAChC,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,OAAO,GACf,IAAI,CAEN;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,CASxE;AAED,UAAU,YAAY;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACvB;AAkBD,MAAM,WAAW,mBAAmB;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB;AASD,qBAAa,aAAa;IACtB,SAAS,EAAE,MAAM,CAAC;IAClB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,YAAY,CAAC;IAC5B,qBAAqB,CAAC,EAAE,uBAAuB,CAAC;IAChD,wBAAwB,CAAC,EAAE,OAAO,CAAC;;IAgBnC,SAAS,CACL,KAAK,EAAE,cAAc,EACrB,gBAAgB,EAAE,MAAM,MAAM,EAC9B,MAAM,EAAE,mBAAmB,GAC5B,IAAI;IAkCP,uBAAuB,CACnB,KAAK,EAAE,cAAc,EACrB,aAAa,EAAE,IAAI,EACnB,WAAW,CAAC,EAAE,OAAO,GACtB,IAAI;IAyBP,YAAY,CAAC,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,KAAK,GAAG,IAAI;IAoBvD,gBAAgB,CAAC,KAAK,EAAE,cAAc,GAAG;QACrC,UAAU,EAAE,MAAM,CAAC;QACnB,SAAS,EAAE,MAAM,CAAC;KACrB;IA0DD,kBAAkB,CAAC,KAAK,EAAE,cAAc,EAAE,QAAQ,EAAE,MAAM,GAAG,IAAI;IA8BjE,mBAAmB,CAAC,gBAAgB,EAAE,MAAM,MAAM,GAAG,IAAI;IAazD,wBAAwB,CACpB,KAAK,EAAE,cAAc,EACrB,gBAAgB,EAAE,MAAM,MAAM,GAC/B,IAAI;IA6BP,qBAAqB,CAAC,YAAY,EAAE,IAAI,GAAG,IAAI;IAW/C,wBAAwB,IAAI,IAAI;IAahC,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM;IAQpD,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM;IAYpD,iBAAiB,CAAC,MAAM,EAAE,IAAI,GAAG,OAAO;IAWxC,cAAc,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,OAAO;IAMpC,gBAAgB,IAAI,OAAO;CAG9B"}

package/src/lightning/datatable/renderManager.js

@@ -7,28 +7,25 @@ import { getScrollOffsetFromTableEnd, normalizeNumberAttribute } from './utils';
 import { LightningResizeObserver } from 'lightning/resizeObserver';
 import { normalizeBoolean, normalizeString } from 'lightning/utilsPrivate';
 import { resetRowHeights } from './virtualization';
-
 export const DEFAULT_ROW_HEIGHT = 30.5;
 const DEFAULT_BUFFER_SIZE = 5;
 const ROW_THRESHOLD = 10;
 const DEFAULT_SCROLL_THRESHOLD = ROW_THRESHOLD * DEFAULT_ROW_HEIGHT;
 const VERTICAL_VIRTUALIZATION = 'vertical';
-
 export function setViewportRendering(state, value) {
     state.enableViewportRendering = normalizeBoolean(value);
 }
-
 export function setVirtualize(state, value) {
     if (state.renderModeRoleBased) {
         state.virtualize = normalizeString(value, {
-            fallbackValue: '', // no virtualization enabled
+            fallbackValue: '',
             validValues: [VERTICAL_VIRTUALIZATION],
         });
-    } else {
+    }
+    else {
         state.virtualize = '';
     }
 }
-
 function getDefaultPreviousInfo() {
     return {
         renderedRowCount: 0,
@@ -36,175 +33,79 @@ function getDefaultPreviousInfo() {
         firstRowKey: '',
     };
 }
-
-/**
- * @typedef RenderManagerConfig
- * @type {object}
- * @property {boolean} viewportRendering - specifies whether to use viewport rendering
- * @property {number} rowHeight - specifies the height of a row, in px
- * @property {number|string} bufferSize - specifies the number of additional rows to render above/below what's visible on screen
- * @property {string} virtualize - string representing what kind of virtualization to enable; currently only 'vertical' is available
- */
-
-/**
- * Handles any custom rendering in datatable.
- *
- * Currently only supports viewport rendering, which renders only the number of rows
- * that can be shown in the table viewport. Provides a stepping stone towards
- * full virtual rendering
- */
 export class RenderManager {
+    threshold;
+    wrapperHeight;
+    previousCache;
+    _heightResizeObserver;
+    _resizeObserverConnected;
     constructor() {
         this.threshold = DEFAULT_SCROLL_THRESHOLD;
         this.wrapperHeight = 0;
         this.previousCache = getDefaultPreviousInfo();
     }
-
-    /**
-     * Updates and normalizes configuration for RenderManager
-     * Used when setting renderConfig for datatable
-     *
-     * @param {Object} state - The datatable state
-     * @param {Function} getWrapperHeight - A function to get height of datatable wrapper
-     * @param {RenderManagerConfig} config - The render management config
-     */
     configure(state, getWrapperHeight, config) {
         const { rowHeight, bufferSize } = config;
-        // Untracked state changes.
         setVirtualize(state, config.virtualize);
         setViewportRendering(state, config.viewportRendering);
         if (state.virtualize || state.enableViewportRendering) {
             this.initializeResizeObserver(state, getWrapperHeight);
         }
-        const computedBufferSize =
-            typeof bufferSize != 'undefined' ? bufferSize : DEFAULT_BUFFER_SIZE;
-        state.bufferSize = normalizeNumberAttribute(
-            'bufferSize',
-            computedBufferSize,
-            'non-negative',
-            DEFAULT_BUFFER_SIZE
-        );
+        const computedBufferSize = typeof bufferSize != 'undefined' ? bufferSize : DEFAULT_BUFFER_SIZE;
+        state.bufferSize = normalizeNumberAttribute('bufferSize', computedBufferSize, 'non-negative', DEFAULT_BUFFER_SIZE);
         if (typeof rowHeight === 'number') {
             state.rowHeight = rowHeight;
             this.threshold = ROW_THRESHOLD * rowHeight;
         }
     }
-
-    /**
-     * Render only rows that fit within the viewport
-     *
-     * If data has changed (verifying only row 1), reset everything
-     * Otherwise, if total row count has increased and we are within the scroll threshold,
-     * append a viewport's worth of rows to the currently rendered rows. This happens when
-     * the user has added more data to the datatable (e.g when a loadMore is triggered)
-     *
-     * @param {Object} state - datatable state
-     * @param {Node} gridContainer - node containing datatable header and rows
-     * @param {Boolean} forceUpdate - always recalculates row count if true
-     */
     updateViewportRendering(state, gridContainer, forceUpdate) {
         if (this.hasDataChanged(state.rows) || forceUpdate) {
             this.updateRenderedRows(state, this.getRowCountWithBuffer(state));
-        } else if (
-            this.previousCache.totalRowCount < state.rows.length &&
-            this.isWithinThreshold(gridContainer)
-        ) {
-            this.updateRenderedRows(
-                state,
-                this.previousCache.renderedRowCount +
-                    this.getRowCountWithBuffer(state)
-            );
-        } else {
+        }
+        else if (this.previousCache.totalRowCount < state.rows.length &&
+            this.isWithinThreshold(gridContainer)) {
+            this.updateRenderedRows(state, this.previousCache.renderedRowCount +
+                this.getRowCountWithBuffer(state));
+        }
+        else {
             this.updateRenderedRows(state, this.previousCache.renderedRowCount);
         }
     }
-
-    /**
-     * Handles scroll event on datatable if viewport rendering enabled
-     * If the scroll is within a specified threshold of the bottom,
-     * calculate and render the next batch of rows
-     *
-     * @param {Object} state - datatable state
-     * @param {Event} event - scroll event
-     */
     handleScroll(state, event) {
         const { rows, renderedRowCount } = state;
-        if (
-            this.isWithinThreshold(event.target.firstChild) &&
-            renderedRowCount < rows.length
-        ) {
-            this.updateRenderedRows(
-                state,
-                renderedRowCount + this.getRowCountWithBuffer(state)
-            );
+        if (this.isWithinThreshold(event.target.firstChild) &&
+            renderedRowCount < rows.length) {
+            this.updateRenderedRows(state, renderedRowCount + this.getRowCountWithBuffer(state));
         }
     }
-
-    /**
-     * calculates the range of rows that should be rendered based on the
-     * first visible index, buffer size and number of rendered rows
-     *
-     * @param {Object} state - datatable state
-     * @returns {Object} object with firstIndex and lastIndex of rendered range of rows
-     */
     getRenderedRange(state) {
-        const {
-            firstVisibleIndex,
-            bufferSize,
-            renderedRowCount,
-            rows,
-            rowHeight,
-            heightCache,
-        } = state;
-
+        const { firstVisibleIndex, bufferSize, renderedRowCount, rows, rowHeight, heightCache, } = state;
         const firstIndex = Math.max(firstVisibleIndex - bufferSize, 0);
         let lastIndex = firstVisibleIndex - bufferSize + renderedRowCount;
-        const firstVisibleKey =
-            rows[firstVisibleIndex] && rows[firstVisibleIndex].key;
-
-        // if using variable heights, see if we can get more
-        // accurate estimate based on known row heights
+        const firstVisibleKey = rows[firstVisibleIndex] && rows[firstVisibleIndex].key;
         if (heightCache[firstVisibleKey]) {
             let i = firstVisibleIndex;
             let currentHeight = 0;
             let knownRowHeight = rows[i] && heightCache[rows[i].key];
-            // loop through rows until we find last row based on wrapper height
             while (knownRowHeight && currentHeight < this.wrapperHeight) {
                 currentHeight += knownRowHeight;
                 i += 1;
                 knownRowHeight = rows[i] && heightCache[rows[i].key];
             }
             if (currentHeight >= this.wrapperHeight) {
-                // all row heights were measured; i is first non-visible index
                 lastIndex = i + bufferSize;
-            } else {
-                // at least some row heights not yet measured
-                // i is first visible index with unknown height
-                // guess lastIndex based on default row height
-                const extraRowEstimate = Math.ceil(
-                    (this.wrapperHeight - currentHeight) / rowHeight
-                );
+            }
+            else {
+                const extraRowEstimate = Math.ceil((this.wrapperHeight - currentHeight) / rowHeight);
                 lastIndex = i + extraRowEstimate + bufferSize;
             }
         }
-
-        // without this, we may render too few rows when there
-        // aren't enough rows for virtualization to be needed
-        if (
-            renderedRowCount === rows.length &&
-            lastIndex <= rows.length - bufferSize
-        ) {
+        if (renderedRowCount === rows.length &&
+            lastIndex <= rows.length - bufferSize) {
             lastIndex = renderedRowCount;
         }
         return { firstIndex, lastIndex };
     }
-
-    /**
-     * Updates internal cache of row counts and first key
-     *
-     * @param {Object} state - datatable state
-     * @param {Number} rowCount - max number of rows to set renderedRowCount to
-     */
     updateRenderedRows(state, rowCount) {
         const rows = state.rows;
         const totalRows = rows.length;
@@ -214,69 +115,36 @@ export class RenderManager {
         if (state.enableViewportRendering) {
             if (state.renderedRowCount < normalizedRowCount) {
                 state.renderedRowCount = normalizedRowCount;
-                // Update our internal cache
                 this.previousCache.renderedRowCount = normalizedRowCount;
             }
-        } else {
+        }
+        else {
             state.renderedRowCount = normalizedRowCount;
-            // Update our internal cache
             this.previousCache.renderedRowCount = normalizedRowCount;
         }
         this.previousCache.totalRowCount = totalRows;
-
         if (rows.length > 0) {
             this.previousCache.firstRowKey = rows[0].key;
         }
     }
-
-    /**
-     * Caches the height of the wrapper in Datatable to avoid
-     * unnecessary reflows
-     *
-     * @param {Function} getWrapperHeight - function to get height of datatable wrapper
-     */
     updateWrapperHeight(getWrapperHeight) {
         this.wrapperHeight = getWrapperHeight();
     }
-
-    /** ************************ OBSERVER MANAGEMENT **************************/
-
-    /**
-     * Initializes a resize observer to update the wrapper height
-     * when the datatable component's height changes
-     *
-     * @param {Object} state - datatable state
-     * @param {Function} getWrapperHeight - A function to get the height of datatable wrapper
-     */
     initializeResizeObserver(state, getWrapperHeight) {
         if (!this._heightResizeObserver) {
             this._heightResizeObserver = new LightningResizeObserver(() => {
                 if (this._resizeObserverConnected) {
                     this.updateWrapperHeight(getWrapperHeight);
-
-                    // If the wrapper is now larger than the table or virtualization enabled,
-                    // we need to update the rendered rows so users can continue scrolling
-                    const rowCountWithBuffer =
-                        this.getRowCountWithBuffer(state);
-
+                    const rowCountWithBuffer = this.getRowCountWithBuffer(state);
                     resetRowHeights(state);
-
-                    if (
-                        rowCountWithBuffer > state.renderedRowCount ||
-                        state.virtualize
-                    ) {
+                    if (rowCountWithBuffer > state.renderedRowCount ||
+                        state.virtualize) {
                         this.updateRenderedRows(state, rowCountWithBuffer);
                     }
                 }
             });
         }
     }
-
-    /**
-     * Connect the resize observer to the correct element
-     *
-     * @param {Node} resizeTarget
-     */
     connectResizeObserver(resizeTarget) {
         const { _heightResizeObserver } = this;
         if (_heightResizeObserver) {
@@ -284,10 +152,6 @@ export class RenderManager {
             this._resizeObserverConnected = true;
         }
     }
-
-    /**
-     * Disconnect the resize observer
-     */
     disconnectResizeObserver() {
         const { _heightResizeObserver } = this;
         if (_heightResizeObserver) {
@@ -295,49 +159,20 @@ export class RenderManager {
             _heightResizeObserver.disconnect();
         }
     }
-
-    /** *********************** HELPER FUNCTIONS **************************/
-
-    /**
-     * Calculates how many rows fits within the current wrapper
-     */
     getRowCountInViewport(state) {
         return Math.ceil(this.wrapperHeight / state.rowHeight);
     }
-
-    /**
-     * Calculates how many rows fit in current wrapper with an added buffer
-     * Used to determine how many additional rows to render
-     */
     getRowCountWithBuffer(state) {
         const multiplier = state.virtualize ? 2 : 1;
-        return (
-            this.getRowCountInViewport(state) + (state.bufferSize * multiplier)
-        );
+        return (this.getRowCountInViewport(state) + (state.bufferSize * multiplier));
     }
-
-    /**
-     * Checks if offset is within threshold of end of table
-     * Used when determining if additional rows should be rendered
-     * @returns {boolean} true if offset is within threshold
-     */
     isWithinThreshold(target) {
         const offset = getScrollOffsetFromTableEnd(target);
         return offset <= this.threshold;
     }
-
-    /**
-     * Checks key of first row to determine if data has changed
-     * Used to determine if viewport rendering should be reset
-     * @param {Array} rows
-     * @returns {Boolean} true if key of first row has changed
-     */
     hasDataChanged(rows) {
-        return (
-            rows.length > 0 && this.previousCache.firstRowKey !== rows[0].key
-        );
+        return (rows.length > 0 && this.previousCache.firstRowKey !== rows[0].key);
     }
-
     hasWrapperHeight() {
         return !!this.wrapperHeight;
     }

package/src/lightning/datatable/resizeObserver.d.ts

@@ -0,0 +1,17 @@
+import { LightningResizeObserver } from 'lightning/resizeObserver';
+import type LightningDatatable from './datatable';
+export declare class LightningDatatableResizeObserver {
+    _connected: boolean;
+    _resizeObserver?: LightningResizeObserver;
+    _resizeSensor?: {
+        reattach: (targetElement: HTMLElement) => void;
+        detach: () => void;
+    };
+    constructor(dt: LightningDatatable, observerType: string);
+    observe(targetElement: HTMLElement): void;
+    disconnect(): void;
+    isConnected(): boolean;
+}
+export declare function updateObservers(dt: LightningDatatable): void;
+export declare function disconnectObservers(dt: LightningDatatable): void;
+//# sourceMappingURL=resizeObserver.d.ts.map

package/src/lightning/datatable/resizeObserver.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizeObserver.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/datatable/resizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,0BAA0B,CAAC;AAInE,OAAO,KAAK,kBAAkB,MAAM,aAAa,CAAC;AA4ClD,qBAAa,gCAAgC;IACzC,UAAU,UAAS;IACnB,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,aAAa,CAAC,EAAE;QACZ,QAAQ,EAAE,CAAC,aAAa,EAAE,WAAW,KAAK,IAAI,CAAC;QAC/C,MAAM,EAAE,MAAM,IAAI,CAAC;KACtB,CAAC;gBAKU,EAAE,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM;IAuBxD,OAAO,CAAC,aAAa,EAAE,WAAW,GAAG,IAAI;IAWzC,UAAU,IAAI,IAAI;IAWlB,WAAW,IAAI,OAAO;CAGzB;AAqBD,wBAAgB,eAAe,CAAC,EAAE,EAAE,kBAAkB,GAAG,IAAI,CAM5D;AAED,wBAAgB,mBAAmB,CAAC,EAAE,EAAE,kBAAkB,GAAG,IAAI,CAShE"}

package/src/lightning/datatable/resizeObserver.js

@@ -7,31 +7,19 @@ import { LightningResizeObserver } from 'lightning/resizeObserver';
 import { isTableRenderedVisible } from './columnResizer';
 import { handlePrefetch } from './infiniteLoading';
 import { recomputeCellStyles } from './rows';
-
-// Used to adjust column size when table resizes
 function widthObserverCallback() {
     const { _columnWidthManager, state, widthsData } = this;
-    // Tracked state change.
-    _columnWidthManager.adjustColumnsSizeAfterResize(
-        this,
-        state.columns,
-        widthsData
-    );
+    _columnWidthManager.adjustColumnsSizeAfterResize(this, state.columns, widthsData);
     this._recalculateHeaderHeight = true;
-    // Managing cell widths is required for role-based render mode.
     if (state.renderModeRoleBased) {
         recomputeCellStyles(state);
     }
     state.shouldResetHeights = true;
-    // eslint-disable-next-line @lwc/lwc/no-async-operation, @lwc/lwc/ssr-no-restricted-browser-globals
     requestAnimationFrame(() => {
         this.updateHeaderHeight();
     });
 }
-
 const OBSERVER_MAP = {
-    // handlePrefetch called when either the
-    // table content or container changes size
     tableHeight: {
         observerProp: '_heightObserver',
         callback: handlePrefetch,
@@ -43,20 +31,13 @@ const OBSERVER_MAP = {
         targetRefs: ['widthObserver'],
     },
 };
-
 export class LightningDatatableResizeObserver {
     _connected = false;
-
-    /**
-     * Create either a standard ResizeObserver via LightningResizeObserver.
-     */
+    _resizeObserver;
+    _resizeSensor;
     constructor(dt, observerType) {
         const { callback, targetRefs } = OBSERVER_MAP[observerType];
         const resizeCallback = callback.bind(dt);
-
-        // Create ResizeObserver and begin observing for changes.
-        // Calculate and modify the column widths when there are changes to the dimensions
-        // and when the table is rendered and visible on screen.
         this._resizeObserver = new LightningResizeObserver(() => {
             const { refs, template } = dt;
             if (this._connected && isTableRenderedVisible(template, refs)) {
@@ -71,51 +52,42 @@ export class LightningDatatableResizeObserver {
         }
         this._connected = true;
     }
-
-    // Begins observing the specified element for changes in dimension
     observe(targetElement) {
         if (this._resizeObserver) {
             this._resizeObserver.observe(targetElement);
-        } else if (this._resizeSensor) {
+        }
+        else if (this._resizeSensor) {
             this._resizeSensor.reattach(targetElement);
         }
-
         this._connected = true;
     }
-
-    // Stops observing any/all observed elements for changes in dimension
     disconnect() {
         if (this._resizeObserver) {
             this._resizeObserver.disconnect();
-        } else if (this._resizeSensor) {
+        }
+        else if (this._resizeSensor) {
             this._resizeSensor.detach();
             this._resizeSensor = undefined;
         }
-
         this._connected = false;
     }
-
     isConnected() {
         return this._connected;
     }
 }
-
 function createOrConnectObserver(dt, observerType) {
     const { observerProp, targetRefs } = OBSERVER_MAP[observerType];
     const observer = dt[observerProp];
     if (!observer) {
-        dt[observerProp] = new LightningDatatableResizeObserver(
-            dt,
-            observerType
-        );
-    } else if (!observer.isConnected() && dt.refs) {
+        dt[observerProp] = new LightningDatatableResizeObserver(dt, observerType);
+    }
+    else if (!observer.isConnected() && dt.refs) {
         for (let i = 0; i < targetRefs.length; i += 1) {
             const resizeTarget = dt.refs[targetRefs[i]];
             observer.observe(resizeTarget);
         }
     }
 }
-
 export function updateObservers(dt) {
     const observerTypes = Object.keys(OBSERVER_MAP);
     const { length: observerCount } = observerTypes;
@@ -123,7 +95,6 @@ export function updateObservers(dt) {
         createOrConnectObserver(dt, observerTypes[i]);
     }
 }
-
 export function disconnectObservers(dt) {
     const observerTypes = Object.keys(OBSERVER_MAP);
     const { length: observerCount } = observerTypes;

package/src/lightning/datatable/rowLevelActions.d.ts

@@ -0,0 +1,4 @@
+export declare function handleRowActionTriggered(event: CustomEvent): void;
+export declare function handleLoadDynamicActions(event: CustomEvent): void;
+export declare function handleCellButtonClick(event: CustomEvent): void;
+//# sourceMappingURL=rowLevelActions.d.ts.map

package/src/lightning/datatable/rowLevelActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowLevelActions.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/datatable/rowLevelActions.ts"],"names":[],"mappings":"AASA,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAcjE;AAOD,wBAAgB,wBAAwB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAajE;AAOD,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,WAAW,GAAG,IAAI,CAiB9D"}

package/src/lightning/datatable/rowLevelActions.js

@@ -6,68 +6,35 @@
 import { unwrap } from 'lwc';
 import { getUserRowByKey } from './indexes';
 import { getUserColumnIndex } from './columns';
-
-/**
- * Handles the `privatecellactiontriggered` event on lightning-datatable
- *
- * @param {CustomEvent} event - `privatecellactiontriggered`
- */
 export function handleRowActionTriggered(event) {
     event.stopPropagation();
-
     const { action, rowKeyValue } = event.detail;
     const selectedRow = getUserRowByKey(this.state, rowKeyValue);
-
-    this.dispatchEvent(
-        new CustomEvent('rowaction', {
-            detail: {
-                action: unwrap(action),
-                row: unwrap(selectedRow),
-            },
-        })
-    );
+    this.dispatchEvent(new CustomEvent('rowaction', {
+        detail: {
+            action: unwrap(action),
+            row: unwrap(selectedRow),
+        },
+    }));
 }
-
-/**
- * Handles the `privatecellactionmenuopening` event on lightning-datatable
- *
- * @param {CustomEvent} event - `privatecellactionmenuopening`
- */
 export function handleLoadDynamicActions(event) {
     event.stopPropagation();
-
-    const {
-        actionsProviderFunction,
-        doneCallback,
-        rowKeyValue,
-        saveContainerPosition,
-    } = event.detail;
+    const { actionsProviderFunction, doneCallback, rowKeyValue, saveContainerPosition, } = event.detail;
     const selectedRow = getUserRowByKey(this.state, rowKeyValue);
-
     saveContainerPosition(this.getViewableRect());
     actionsProviderFunction(unwrap(selectedRow), doneCallback);
 }
-
-/**
- * Handles the `privatecellbuttonclicked` event on lightning-datatable
- *
- * @param {CustomEvent} event - `privatecellbuttonclicked`
- */
 export function handleCellButtonClick(event) {
     event.stopPropagation();
-
     const { state } = this;
     const { colKeyValue, rowKeyValue } = event.detail;
     const selectedRow = getUserRowByKey(state, rowKeyValue);
     const colIndex = getUserColumnIndex(state, colKeyValue);
     const col = this._rawColumns[colIndex];
-
-    this.dispatchEvent(
-        new CustomEvent('rowaction', {
-            detail: {
-                action: unwrap(col.typeAttributes),
-                row: unwrap(selectedRow),
-            },
-        })
-    );
+    this.dispatchEvent(new CustomEvent('rowaction', {
+        detail: {
+            action: unwrap(col.typeAttributes),
+            row: unwrap(selectedRow),
+        },
+    }));
 }

package/src/lightning/datatable/rowNumber.d.ts

@@ -0,0 +1,15 @@
+import { DatatableState, RowError, ColumnDefinition } from './types';
+export declare const ROW_NUMBER_INITIAL_WIDTH = 52;
+export declare const TOOLTIP_ALLOWANCE = 20;
+export declare function setRowNumberOffset(state: DatatableState, value: string | number): void;
+export declare function getAdjustedRowNumberColumnWidth(state: DatatableState): number;
+export declare function getRowNumberColumnIndex(state: DatatableState): number;
+interface RowNumberError {
+    title?: string;
+    messages?: string[];
+    alternativeText: string;
+}
+export declare function getRowNumberError(rowErrors: RowError | undefined, rowTitle?: string): RowNumberError;
+export declare function getRowNumberErrorColumnDef(rowErrors: RowError | undefined, rowTitle?: string): ColumnDefinition;
+export {};
+//# sourceMappingURL=rowNumber.d.ts.map

package/src/lightning/datatable/rowNumber.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rowNumber.d.ts","sourceRoot":"","sources":["../../../../../modules/lightning/datatable/rowNumber.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,cAAc,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAMrE,eAAO,MAAM,wBAAwB,KAAK,CAAC;AAC3C,eAAO,MAAM,iBAAiB,KAAK,CAAC;AAWpC,wBAAgB,kBAAkB,CAC9B,KAAK,EAAE,cAAc,EACrB,KAAK,EAAE,MAAM,GAAG,MAAM,GACvB,IAAI,CAON;AAWD,wBAAgB,+BAA+B,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAU7E;AASD,wBAAgB,uBAAuB,CAAC,KAAK,EAAE,cAAc,GAAG,MAAM,CAUrE;AAED,UAAU,cAAc;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CAC3B;AASD,wBAAgB,iBAAiB,CAC7B,SAAS,EAAE,QAAQ,GAAG,SAAS,EAC/B,QAAQ,CAAC,EAAE,MAAM,GAClB,cAAc,CAkBhB;AAWD,wBAAgB,0BAA0B,CACtC,SAAS,EAAE,QAAQ,GAAG,SAAS,EAC/B,QAAQ,CAAC,EAAE,MAAM,GAClB,gBAAgB,CAOlB"}