lightning-base-components 1.13.6-alpha → 1.13.10-alpha

package/src/lightning/progressIndicator/progressIndicator.js

@@ -93,17 +93,28 @@ export default class LightningProgressIndicator extends LightningElement {
         this.updateSteps();
     }
 
-    updateSteps(activeStep) {
+    // Added `shouldFocus` as fix for W-9862373
+    updateSteps(activeStep, shouldFocus) {
         const steps = this.getSteps();
         const { privateStepHandlers, type, hasError, currentStep } = this;
         const currentStepIndex = getCurrentStepIndex(steps, currentStep);
-        let activeStepIndex = -1;
 
+        let activeStepIndex = -1;
+        // Set activeStepIndex to activeStep if provided.
+        // This happens when focus is updated by user using arrow keys or clicking a progress step.
+        // When component re-renders, active step is not passed from renderedCallback or handleSlotChange
+        // In this scenario, use the privateActiveStepIndex to maintain the activeStep.
+        // privateActiveStepInde will have the active step before the re-render
+        // In case of initial render, privateActiveStepIndex is undefined. Use privateCurrentStep as activeStepIndex for fallback.
+        // activeStep is needed to set active class and proper tabIndex for the progress step
         if (activeStep) {
             activeStepIndex = getStepIndex(steps, activeStep);
+        } else if (this.privateActiveStepIndex !== undefined) {
+            activeStepIndex = this.privateActiveStepIndex;
         } else {
             activeStepIndex = getStepIndex(steps, this.privateCurrentStep);
         }
+
         this.privateActiveStepIndex = activeStepIndex;
 
         // cast 'steps' NodeList to an Array for crossbrowser compatibility
@@ -111,24 +122,32 @@ export default class LightningProgressIndicator extends LightningElement {
 
         stepsArray.forEach((step, index) => {
             const stepName = step.value;
-            const isActive = index === activeStepIndex;
+            const isActive = index === this.privateActiveStepIndex;
 
             if (index < currentStepIndex) {
                 privateStepHandlers[stepName](
                     STATE_COMPLETED,
                     type,
                     index,
-                    isActive
+                    isActive,
+                    shouldFocus
                 );
             } else if (index === currentStepIndex) {
                 const state = hasError ? STATE_ERROR : STATE_CURRENT;
-                privateStepHandlers[stepName](state, type, index, isActive);
+                privateStepHandlers[stepName](
+                    state,
+                    type,
+                    index,
+                    isActive,
+                    shouldFocus
+                );
             } else {
                 privateStepHandlers[stepName](
                     STATE_INCOMPLETE,
                     type,
                     index,
-                    isActive
+                    isActive,
+                    shouldFocus
                 );
             }
         });
@@ -169,15 +188,17 @@ export default class LightningProgressIndicator extends LightningElement {
                 case LEFT:
                     if (this.privateActiveStepIndex - 1 >= 0) {
                         this.updateSteps(
-                            steps[this.privateActiveStepIndex - 1].value
+                            steps[this.privateActiveStepIndex - 1].value,
+                            true // Set shouldFocus to true to focus on nthe updated progress step
                         );
                     }
                     break;
                 case DOWN:
                 case RIGHT:
-                    if (this.privateActiveStepIndex + 1 <= steps.length) {
+                    if (this.privateActiveStepIndex + 1 < steps.length) {
                         this.updateSteps(
-                            steps[this.privateActiveStepIndex + 1].value
+                            steps[this.privateActiveStepIndex + 1].value,
+                            true // Set shouldFocus to true to focus on nthe updated progress step
                         );
                     }
                     break;

package/src/lightning/progressRing/progressRing.html

@@ -29,5 +29,11 @@
                 <span class="slds-assistive-text">{computedAltText}</span>
             </span>
         </div>
+        <div class="slds-progress-ring__progress-head">
+            <svg viewBox="-1 -1 2 2">
+                <circle if:true={isProgressHeadVisible} class="slds-progress-ring__path" cx={progressHeadCenter.x} cy={progressHeadCenter.y} r="0.2">
+                </circle>
+            </svg>
+        </div>
     </div>
 </template>

package/src/lightning/progressRing/progressRing.js

@@ -1,6 +1,11 @@
 import { LightningElement, api } from 'lwc';
 import { classSet } from 'lightning/utils';
 
+/**
+ * Progress head SVG element viewBox attribute is set as '-1 -1 2 2', hence viewbox height is 2 units
+ */
+export const PROGRESS_HEAD_VIEWBOX_HEIGHT = 2;
+
 /**
  * Displays a circular progress indicator to provide feedback about an action or process.
  * This component requires API version 48.0 and later.
@@ -42,6 +47,94 @@ export default class progressRing extends LightningElement {
      */
     @api size = 'medium';
 
+    arcY = 0;
+    arcX = 0;
+    radiusOfCircularMotionForProgressHead = 0;
+
+    isRendered = false;
+
+    /**
+     * Calculates the radius along which to rotate the SVG circle element present inside
+     * ".slds-progress-ring__progress-head" container element.
+     */
+    calculateRadiusOfCircularMotionForProgressHead() {
+        const progressHeadContainerHeight = parseFloat(
+            getComputedStyle(
+                this.template.querySelector(
+                    '.slds-progress-ring__progress-head'
+                )
+            ).height
+        );
+        const progressArcContainerHeight = parseFloat(
+            getComputedStyle(
+                this.template.querySelector('.slds-progress-ring__progress')
+            ).height
+        );
+        const progressContentContainerHeight = parseFloat(
+            getComputedStyle(
+                this.template.querySelector('.slds-progress-ring__content')
+            ).height
+        );
+        // NOTE:- The progress-head SVG viewbox attribute is set as '-1 -1 2 2', which means the "2" units
+        // height and width of viewbox would correspond to the actual height/width of the SVG in pixels.
+        // ex:- If the SVG's actual widthxheight in pixels is 32x32, then inside the viewbox the "32px" would
+        // correspond to "2" units. This means the viewbox scales down lengths to it's own units between 0 and 2.
+        // So to work with actual lengths in pixels inside the viewbox, you have to first convert the pixel length
+        // to "viewbox length" units.
+        // ex:- Continuing from previous example, If 32px is 2 units inside viewbox, how many units is 24px?
+        // it will be 24 * (2 / 32).
+        // Therefore, you need a "length scaling factor" to find the "viewbox length" for a given pixel length. The
+        // (2 / 32) in the previous example is the "length scaling factor"
+        const lengthScalingFactorInProgressHeadViewBox =
+            PROGRESS_HEAD_VIEWBOX_HEIGHT / progressHeadContainerHeight;
+        const radiusOfProgressArcInPixels = progressArcContainerHeight / 2;
+        const radiusOfProgressArcInProgressHeadViewBox =
+            radiusOfProgressArcInPixels *
+            lengthScalingFactorInProgressHeadViewBox;
+
+        // Note:- The progress-content container element partially overlaps the progress-arc container
+        // element like a concentric circle inside another circle. So the width of the progress arc that is visible to the user
+        // is equal to the length of the non-overlapping part between them.
+        const radiusOfProgressContentInPixels =
+            progressContentContainerHeight / 2;
+        const widthOfArcInPixels =
+            radiusOfProgressArcInPixels - radiusOfProgressContentInPixels;
+        const widthOfArcInProgressHeadViewBox =
+            widthOfArcInPixels * lengthScalingFactorInProgressHeadViewBox;
+
+        // Note:- Here the intent is to move the progress-head circle svg element
+        // along the midpoint of the progress arc width.
+        this.radiusOfCircularMotionForProgressHead =
+            radiusOfProgressArcInProgressHeadViewBox -
+            widthOfArcInProgressHeadViewBox / 2;
+    }
+
+    renderedCallback() {
+        if (this.isRendered) {
+            return;
+        }
+        this.calculateRadiusOfCircularMotionForProgressHead();
+        this.isRendered = true;
+    }
+
+    get progressHeadCenter() {
+        // Note:- Formula is x = radius * Cosine(theta), y = radius * Sine(theta), and here
+        // arcX = Cosine(theta), arcY = Sine(theta) calculated already in the method "get d()"
+        const x = this.arcX * this.radiusOfCircularMotionForProgressHead;
+        const y = this.arcY * this.radiusOfCircularMotionForProgressHead;
+        return {
+            x,
+            y,
+        };
+    }
+
+    get isProgressHeadVisible() {
+        if (this.value > 0 && this.value < 100) {
+            return true;
+        }
+        return false;
+    }
+
     get d() {
         const fillPercent = this.value / 100;
         const filldrain = this.direction === 'drain' ? 1 : 0;
@@ -50,10 +143,12 @@ export default class progressRing extends LightningElement {
 
         const subCalc = 2 * Math.PI * fillPercent;
 
-        const arcx = Math.cos(subCalc);
-        const arcy = Math.sin(subCalc) * inverter;
+        // Note:- The formula is x = radius * Cosine(theta), y = radius * Sine(theta) with appropriate signs (+ / -), and
+        // here the radius is 1 unit implicitly as per the svg's viewBox attribute.
+        this.arcX = Math.cos(subCalc);
+        this.arcY = Math.sin(subCalc) * inverter;
 
-        return `M 1 0 A 1 1 0 ${islong} ${filldrain} ${arcx} ${arcy} L 0 0`;
+        return `M 1 0 A 1 1 0 ${islong} ${filldrain} ${this.arcX} ${this.arcY} L 0 0`;
     }
 
     get iconSvg() {

package/src/lightning/progressStep/progressStep.js

@@ -33,12 +33,14 @@ export default class LightningProgressStep extends LightningElement {
 
     @track state = {};
 
-    updateInternal(newStatus, newType, newIndex, newActive) {
+    updateInternal(newStatus, newType, newIndex, newActive, shouldFocus) {
         classListMutation(
             this.classList,
             this.computeClassSet(newType, newStatus, newActive)
         );
-        if (newActive === true) {
+        // Added `shouldFocus` as fix for W-9862373
+        // This ensures progressStep is focused only when this argument is true.
+        if (newActive === true && shouldFocus) {
             this.focusPathLink();
         }
         this.state.status = newStatus;
@@ -85,7 +87,8 @@ export default class LightningProgressStep extends LightningElement {
             'slds-is-completed': !isPath && status === 'completed',
             'slds-has-error': !isPath && status === 'error',
             'slds-is-active':
-                isActive === true || (type === 'base' && status === 'current'),
+                (type !== 'base' && isActive === true) ||
+                (type === 'base' && status === 'current'),
             'slds-path__item': isPath,
             'slds-is-complete': isPath && status === 'completed',
             'slds-is-current':

package/src/lightning/timepicker/timepicker.html

@@ -18,6 +18,7 @@
             placeholder={placeholder}
             disabled={disabled}
             readonly={readOnly}
+            required={required}
             items={items}
             input-text={displayValue}
             input-icon-name="utility:clock"

package/src/lightning/utilsPrivate/aria.js

@@ -17,6 +17,7 @@ const ARIA_PROP_LIST = [
     'current',
     'describedAt',
     'describedBy',
+    'description',
     'details',
     'disabled',
     'dropEffect',
@@ -105,3 +106,32 @@ export const ARIA = getAriaLookup(ARIA_PROP_LIST);
  * Useful for converting from normal aria properties to aria camel cased values
  */
 export const ARIA_TO_CAMEL = getAriaLookup(ARIA_PROP_LIST, 'cc');
+
+/**
+ * Set either 'aria-describedby' or 'aria-description' value for accessibility
+ * based on the presence of 'description' api value and support of the newer ARIA
+ * 'aria-description'.  At launch, Firefox, Safari do not support it (and IE11 never will).
+ * https://caniuse.com/mdn-api_element_ariadescription
+ * @private
+ * @returns {boolean} true indicates aria-description is supported; false, no support
+ */
+// cached value, so check once and only once
+let ariaDescriptionSupported = null;
+
+export function isAriaDescriptionSupported() {
+    // return previously cached value, don't recheck
+    if (ariaDescriptionSupported !== null) {
+        return ariaDescriptionSupported;
+    }
+    // if not previously set, test for browser support
+    const testVal = 'test ability to set';
+    const span = document.createElement('span');
+    try {
+        span.ariaDescription = testVal;
+        const ariaDescVal = span.getAttribute(ARIA.DESCRIPTION);
+        ariaDescriptionSupported = testVal === ariaDescVal;
+    } catch (e) {
+        ariaDescriptionSupported = false;
+    }
+    return ariaDescriptionSupported;
+}

package/src/lightning/utilsPrivate/contentMutation.js

@@ -15,6 +15,19 @@ class Foo extends LightningElement {
         this.ariaObserver = new ContentMutation(this);
     }
 
+    connectedCallback() {
+        if (!this.ariaObserver) {
+            this.ariaObserver = new ContentMutation(this);
+        }
+    }
+
+    disconnectedCallback() {
+        if (this.ariaObserver) {
+            this.ariaObserver.disconnect();
+            this.ariaObserver = undefined;
+        }
+    }
+
     @track ariaLabeledbyValue = '';
 
     @api
@@ -258,16 +271,25 @@ export class ContentMutation {
         // caching root ref
         this.root = this.template.host.getRootNode();
         // creating the observer once
-        const mo = new MutationObserver(() => {
+        this.mo = new MutationObserver(() => {
             if (!this.component.isConnected) {
                 return; // do nothing when the template is not connected
             }
             this.sync();
         });
-        mo.observe(this.root, {
+        this.mo.observe(this.root, {
             characterData: true,
             childList: true,
             subtree: true,
         });
     }
+
+    disconnect() {
+        // MutationObservers must be disconnected manually when using @lwc/synthetic-shadow
+        // https://lwc.dev/guide/composition#:~:text=memory%20leak
+        if (this.mo) {
+            this.mo.disconnect();
+            this.mo = undefined;
+        }
+    }
 }

package/src/lightning/utilsPrivate/utilsPrivate.js

@@ -1,5 +1,5 @@
 export { assert } from './assert';
-export { ARIA, ARIA_TO_CAMEL } from './aria';
+export { ARIA, ARIA_TO_CAMEL, isAriaDescriptionSupported } from './aria';
 export { EventEmitter } from './eventEmitter';
 export { toNorthAmericanPhoneNumber } from './phonify';
 export * from './linkUtils';

package/src/lightning/datatable/datatable.html

@@ -1,237 +0,0 @@
-<template>
-    <span aria-live="polite">
-        <span class={computedAriaLiveClassForNavMode}>{ariaLiveNavigationModeText}</span>
-        <span class={computedAriaLiveClassForActionMode}>{ariaLiveActionModeText}</span>
-    </span>
-    <div lwc:dom="manual" class="dt-width-observer" style="width: 100%; height: 0px;"></div>
-    <div class="dt-outer-container" style="height: 100%; position: relative;">
-    <lightning-primitive-datatable-iedit-panel
-        data-iedit-panel="true"
-        visible={state.inlineEdit.isPanelVisible}
-        row-key-value={state.inlineEdit.rowKeyValue}
-        col-key-value={state.inlineEdit.colKeyValue}
-        edited-value={state.inlineEdit.editedValue}
-        column-def={state.inlineEdit.columnDef}
-        is-mass-edit-enabled={state.inlineEdit.massEditEnabled}
-        number-of-selected-rows={state.inlineEdit.massEditSelectedRows}
-        resolved-type-attributes={state.inlineEdit.resolvedTypeAttributes}
-        onieditfinished={handleInlineEditFinish}
-        onmasscheckboxchange={handleMassCheckboxChange}
-    ></lightning-primitive-datatable-iedit-panel>
-    <div class={computedTableContainerClass} onscroll={handleHorizontalScroll} style={scrollerXStyles}>
-        <div class="slds-scrollable_y" onscroll={handleVerticalScroll} style={computedScrollerStyle}>
-            <table class={computedTableClass} role={computedTableRole} style={computedTableStyle}
-                onkeydown={handleTableKeydown}
-                onclick={handleCellClick}
-                onfocusin={handleTableFocusIn}
-                onfocusout={handleTableFocusOut}
-                aria-label={ariaLabel}
-                aria-labelledby={ariaLabelledBy}
-                aria-rowcount={ariaRowCount}>
-                <template if:false={hasValidKeyField}>
-                    <!-- empty since keyField wasn't provided -->
-                </template>
-                <template if:true={hasValidKeyField}>
-                <thead class={computedTableHeaderClass}>
-                <tr class="slds-line-height_reset"
-                    onprivateresizestart={handleResizeStart}
-                    onprivateresizeend={handleResizeEnd}>
-                    <template for:each={state.columns} for:item="def" for:index="colIndex">
-                        <th style={def.style}
-                            scope="col"
-                            tabindex={def.tabIndex}
-                            aria-label={def.ariaLabel}
-                            aria-sort={def.sortAriaLabel}
-                            key={def.colKeyValue}>
-
-                            <template if:true={def.fixedWidth}>
-                                <lightning-primitive-header-factory
-                                    style={def.style}
-                                    def={def}
-                                    dt-context-id={privateDatatableId}
-                                    key={def.colKeyValue}
-                                    row-key-value="HEADER"
-                                    col-key-value={def.colKeyValue}
-                                    has-focus={def.hasFocus}
-                                    column-width={def.columnWidth}
-                                    col-index={colIndex}
-                                    sortable={def.sortable}
-                                    sorted={def.sorted}
-                                    sorted-direction={def.sortedDirection}
-                                    show-checkbox={showSelectAllCheckbox}
-                                    actions={def.actions}>
-                                </lightning-primitive-header-factory>
-                            </template>
-                            <template if:false={def.fixedWidth}>
-                                <lightning-primitive-header-factory
-                                    style={def.style}
-                                    def={def}
-                                    dt-context-id={privateDatatableId}
-                                    key={def.colKeyValue}
-                                    row-key-value="HEADER"
-                                    col-key-value={def.colKeyValue}
-                                    col-index={colIndex}
-                                    resizable={hasResizebleColumns}
-                                    sortable={def.sortable}
-                                    sorted={def.sorted}
-                                    sorted-direction={def.sortedDirection}
-                                    has-focus={def.hasFocus}
-                                    column-width={def.columnWidth}
-                                    resizestep={state.resizeStep}
-                                    actions={def.actions}>
-                                </lightning-primitive-header-factory>
-                            </template>
-                        </th>
-                    </template>
-                </tr>
-                </thead>
-                <tbody style={computedTbodyStyle}>
-                    <template for:each={renderedRows} for:item="row" for:index="rowIndex">
-                        <tr class={row.classnames}
-                            onkeydown={handleTrRowKeyDown}
-                            key={row.key}
-                            data-row-key-value={row.key}
-                            aria-selected={row.ariaSelected}
-                            aria-level={row.level}
-                            aria-expanded={row.isExpanded}
-                            aria-setsize={row.setSize}
-                            aria-posinset={row.posInSet}
-                            tabindex={row.tabIndex}>
-                            <template for:each={row.cells} for:item="cell">
-                                <template if:true={cell.isCheckbox}>
-                                    <td class={cell.class} role="gridcell" tabindex={cell.tabIndex} data-label={cell.dataLabel} key={cell.colKeyValue}>
-                                        <lightning-primitive-cell-checkbox
-                                            dt-context-id={privateDatatableId}
-                                            has-focus={cell.hasFocus}
-                                            data-label={cell.dataLabel}
-                                            key={cell.key}
-                                            row-key-value={row.key}
-                                            col-key-value={cell.colKeyValue}
-                                            row-index={rowIndex}
-                                            type={row.inputType}
-                                            is-selected={row.isSelected}
-                                            is-disabled={row.isDisabled}
-                                            column-header-id={computedCheckboxColumnHeaderId}>
-                                        </lightning-primitive-cell-checkbox>
-                                    </td>
-                                </template>
-                                <template if:true={cell.isDataTypeScope}>
-                                    <th class={cell.class}
-                                        style={cell.paddingStyle}
-                                        aria-selected={cell.ariaSelected}
-                                        aria-readonly={cell.ariaReadOnly}
-                                        scope="row"
-                                        tabindex={cell.tabIndex}
-                                        data-label={cell.dataLabel}
-                                        key={cell.colKeyValue}>
-                                        <lightning-primitive-cell-factory
-                                            types={privateTypes}
-                                            aria-selected={cell.ariaSelected}
-                                            data-label={cell.dataLabel}
-                                            alignment={cell.alignment}
-                                            has-error={cell.hasError}
-                                            has-focus={cell.hasFocus}
-                                            column-label={cell.dataLabel}
-                                            column-type={cell.columnType}
-                                            column-sub-type={cell.columnSubType}
-                                            wrap-text={cell.wrapText}
-                                            wrap-text-max-lines={cell.wrapTextMaxLines}
-                                            key={cell.columnType}
-                                            row-key-value={row.key}
-                                            col-key-value={cell.colKeyValue}
-                                            value={cell.value}
-                                            icon-name={cell.iconName}
-                                            icon-label={cell.iconLabel}
-                                            icon-position={cell.iconPosition}
-                                            icon-alternative-text={cell.iconAlternativeText}
-                                            editable={cell.editable}
-                                            display-read-only-icon={cell.displayReadOnlyIcon}
-                                            type-attribute-0={cell.typeAttribute0}
-                                            type-attribute-1={cell.typeAttribute1}
-                                            type-attribute-2={cell.typeAttribute2}
-                                            type-attribute-3={cell.typeAttribute3}
-                                            type-attribute-4={cell.typeAttribute4}
-                                            type-attribute-5={cell.typeAttribute5}
-                                            type-attribute-6={cell.typeAttribute6}
-                                            type-attribute-7={cell.typeAttribute7}
-                                            type-attribute-8={cell.typeAttribute8}
-                                            type-attribute-9={cell.typeAttribute9}
-                                            type-attribute-10={cell.typeAttribute10}
-                                            type-attribute-21={cell.typeAttribute21}
-                                            type-attribute-22={cell.typeAttribute22}>
-                                        </lightning-primitive-cell-factory>
-                                    </th>
-                                </template>
-                                <template if:true={cell.isDataType}>
-                                    <td
-                                        class={cell.class}
-                                        style={cell.paddingStyle}
-                                        aria-selected={cell.ariaSelected}
-                                        aria-readonly={cell.ariaReadOnly}
-                                        role="gridcell"
-                                        tabindex={cell.tabIndex}
-                                        data-label={cell.dataLabel}
-                                        key={cell.colKeyValue}>
-                                        <lightning-primitive-cell-factory
-                                            types={privateTypes}
-                                            aria-selected={cell.ariaSelected}
-                                            role="gridcell"
-                                            data-label={cell.dataLabel}
-                                            alignment={cell.alignment}
-                                            has-focus={cell.hasFocus}
-                                            has-error={cell.hasError}
-                                            column-label={cell.dataLabel}
-                                            column-type={cell.columnType}
-                                            column-sub-type={cell.columnSubType}
-                                            wrap-text={cell.wrapText}
-                                            wrap-text-max-lines={cell.wrapTextMaxLines}
-                                            key={cell.columnType}
-                                            row-key-value={row.key}
-                                            col-key-value={cell.colKeyValue}
-                                            value={cell.value}
-                                            icon-name={cell.iconName}
-                                            icon-label={cell.iconLabel}
-                                            icon-position={cell.iconPosition}
-                                            icon-alternative-text={cell.iconAlternativeText}
-                                            editable={cell.editable}
-                                            display-read-only-icon={cell.displayReadOnlyIcon}
-                                            type-attribute-0={cell.typeAttribute0}
-                                            type-attribute-1={cell.typeAttribute1}
-                                            type-attribute-2={cell.typeAttribute2}
-                                            type-attribute-3={cell.typeAttribute3}
-                                            type-attribute-4={cell.typeAttribute4}
-                                            type-attribute-5={cell.typeAttribute5}
-                                            type-attribute-6={cell.typeAttribute6}
-                                            type-attribute-7={cell.typeAttribute7}
-                                            type-attribute-8={cell.typeAttribute8}
-                                            type-attribute-9={cell.typeAttribute9}
-                                            type-attribute-10={cell.typeAttribute10}
-                                            type-attribute-21={cell.typeAttribute21}
-                                            type-attribute-22={cell.typeAttribute22}>
-                                        </lightning-primitive-cell-factory>
-                                    </td>
-                                </template>
-                            </template>
-                        </tr>
-                    </template>
-                    <template if:true={isLoading}>
-                        <tr>
-                            <td colspan={numberOfColumns} class="slds-is-relative">
-                                <lightning-primitive-datatable-loading-indicator></lightning-primitive-datatable-loading-indicator>
-                            </td>
-                        </tr>
-                    </template>
-                </tbody>
-                </template>
-            </table>
-        </div>
-    </div>
-    <template if:true={showStatusBar}>
-        <lightning-primitive-datatable-status-bar
-            error={tableError}
-            onprivatesave={handleInlineEditSave}
-            onprivatecancel={handleInlineEditCancel}
-        ></lightning-primitive-datatable-status-bar>
-    </template>
-    </div>
-</template>

package/src/lightning/datatable/keys.js

@@ -1,32 +0,0 @@
-/**
- * It creates a row key generator based on the keyField passed by the consumer
- * if the keyField does not point to a value row object passed in computeUniqueRowKey
- * it fallback to a generated key using indexes
- *
- * @param {String} keyField  - keyField provided by the consumer
- * @returns {*} - Object with a computeUniqueRowKey method
- */
-export const createRowKeysGenerator = function (keyField) {
-    let index = 0;
-    return {
-        computeUniqueRowKey(row) {
-            if (row[keyField]) {
-                return row[keyField];
-            }
-            return `row-${index++}`;
-        },
-    };
-};
-
-/**
- * It generate a unique column key value.
- *
- * @param {object} columnMetadata - the object for an specific column metadata
- * @param {int} index - optionally, the index of the column.
- * @returns {string} It generate the column key value based on the column field name and type.
- */
-export const generateColKeyValue = function (columnMetadata, index) {
-    const prefix =
-        columnMetadata.columnKey || columnMetadata.fieldName || index;
-    return `${prefix}-${columnMetadata.type}-${index}`;
-};