lightning-base-components 1.13.8-alpha → 1.14.2-alpha

package/src/lightning/progressIndicator/progressIndicator.js

@@ -100,18 +100,16 @@ export default class LightningProgressIndicator extends LightningElement {
         const currentStepIndex = getCurrentStepIndex(steps, currentStep);
 
         let activeStepIndex = -1;
-
-        // Set activeStep index to activeStep if provided.
+        // 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 null. Use privateCurrentStep as activeStepIndex for fallback.
+        // 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) {
+        } else if (this.privateActiveStepIndex !== undefined) {
             activeStepIndex = this.privateActiveStepIndex;
         } else {
             activeStepIndex = getStepIndex(steps, this.privateCurrentStep);

package/src/lightning/progressStep/progressStep.js

@@ -31,6 +31,8 @@ export default class LightningProgressStep extends LightningElement {
      */
     @api value;
 
+    _privateLabel;
+
     @track state = {};
 
     updateInternal(newStatus, newType, newIndex, newActive, shouldFocus) {
@@ -47,6 +49,7 @@ export default class LightningProgressStep extends LightningElement {
         this.state.type = newType;
         this.state.index = newIndex;
         this.state.active = newActive;
+        this.initializeTooltip();
     }
     /**
      * Text to display as the name or tooltip for the step.
@@ -54,30 +57,12 @@ export default class LightningProgressStep extends LightningElement {
      */
     @api
     set label(value) {
-        if (this._tooltip) {
-            this._tooltip.value = value;
-        } else if (value && !this.isPath) {
-            // Note that because the tooltip target is a child element it may not be present in the
-            // dom during initial rendering.
-            this._tooltip = new Tooltip(value, {
-                root: this,
-                target: () => this.template.querySelector('button'),
-                type: TooltipType.Toggle,
-                align: {
-                    horizontal: Direction.Center,
-                    vertical: Direction.Bottom,
-                },
-                targetAlign: {
-                    horizontal: Direction.Center,
-                    vertical: Direction.Top,
-                },
-            });
-            this._tooltip.initialize();
-        }
+        this._privateLabel = value;
+        this.initializeTooltip();
     }
 
     get label() {
-        return this._tooltip ? this._tooltip.value : undefined;
+        return this._privateLabel;
     }
 
     computeClassSet(type, status, isActive) {
@@ -87,7 +72,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':
@@ -239,4 +225,27 @@ export default class LightningProgressStep extends LightningElement {
         }
         return base;
     }
+
+    initializeTooltip() {
+        if (this._tooltip) {
+            this._tooltip.value = this._privateLabel;
+        } else if (this._privateLabel && this.state.type && !this.isPath) {
+            // Note that because the tooltip target is a child element it may not be present in the
+            // dom during initial rendering.
+            this._tooltip = new Tooltip(this._privateLabel, {
+                root: this,
+                target: () => this.template.querySelector('button'),
+                type: TooltipType.Toggle,
+                align: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Bottom,
+                },
+                targetAlign: {
+                    horizontal: Direction.Center,
+                    vertical: Direction.Top,
+                },
+            });
+            this._tooltip.initialize();
+        }
+    }
 }

package/src/lightning/utilsPrivate/utilsPrivate.js

@@ -23,7 +23,6 @@ export {
 } from './keyboard';
 export { raf } from './scroll';
 export { isChrome, isIE11, isSafari } from './browser';
-export { ContentMutation } from './contentMutation';
 export { observePosition } from './observers';
 export { hasOnlyAllowedVideoIframes } from './videoUtils';
 export {
@@ -212,3 +211,15 @@ export function buttonGroupOrderClass(groupOrder) {
         [BUTTON_GROUP_ORDER.ONLY]: 'single-button',
     }[groupOrder];
 }
+
+/**
+ * Checks if the given component is native
+ * @param {Object} cmp Component instance
+ * @returns {Boolean} Whether the component is native
+ */
+export function isNativeComponent(cmp) {
+    if (cmp && cmp.template && cmp.template.constructor) {
+        return !!String(cmp.template.constructor).match(/\[native code\]/);
+    }
+    return false;
+}