lightning-base-components 1.16.1-alpha → 1.16.3-alpha

package/metadata/raptor.json

@@ -3389,6 +3389,20 @@
       }
     ]
   },
+  "toast": {
+    "slotNames": [
+      "",
+      "message"
+    ],
+    "properties": [
+      {
+        "name": "mode"
+      },
+      {
+        "name": "variant"
+      }
+    ]
+  },
   "tree": {
     "minVersion": "41.0",
     "slotNames": [],

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "lightning-base-components",
-    "version": "1.16.1-alpha",
+    "version": "1.16.3-alpha",
     "engines": {
         "node": ">=14.18.2"
     },

package/src/lightning/colorPickerPanel/colorPickerPanel.css

@@ -1,2 +1,11 @@
 @import 'lightning/sldsCommon';
 @import './color-picker-panel.slds.css';
+
+/* Fix for footer button centering issue, for details see: W-11543875
+ *
+ * :host:not([data-render-mode]) - specifies that this style will only be applied in synthetic shadow mode
+ */
+
+:host:not([data-render-mode]) .fix-slds-color-picker__selector-footer > lightning-button {
+    flex: 1;
+ }

package/src/lightning/colorPickerPanel/colorPickerPanel.html

@@ -30,9 +30,9 @@
             </div> -->
         </div>
         <footer class="slds-popover__footer">
-            <div class="slds-color-picker__selector-footer">
+            <div class="slds-color-picker__selector-footer fix-slds-color-picker__selector-footer">
                 <lightning-button label={i18n.cancelButton} name="cancel" stretch onclick={handleCancelClick}></lightning-button>
-                <lightning-button variant="brand" label={i18n.doneButton} name="done" stretch onclick={handleDoneClick}></lightning-button>
+                <lightning-button class="slds-m-left_x-small" variant="brand" label={i18n.doneButton} name="done" stretch onclick={handleDoneClick}></lightning-button>
             </div>
         </footer>
     </section>

package/src/lightning/input/input.js

@@ -305,7 +305,6 @@ export default class LightningInput extends LightningElement {
     _files = null;
     _rendered;
     _selectionCache;
-    _isConnected = false;
 
     constructor() {
         super();
@@ -330,7 +329,6 @@ export default class LightningInput extends LightningElement {
         // i.e. create an input element and pass it to showCustomOverlay
         // Remove this state and the one in AriaObserver once the issue is fixed.
         // PR: https://github.com/salesforce/lwc/pull/1798
-        this._isConnected = true;
 
         this.classList.add('slds-form-element');
 
@@ -346,8 +344,6 @@ export default class LightningInput extends LightningElement {
     }
 
     disconnectedCallback() {
-        this._isConnected = false;
-
         this._rendered = false;
         this._initialValueSet = false;
         this._cachedInputElement = undefined;
@@ -381,7 +377,9 @@ export default class LightningInput extends LightningElement {
             this._initialValueSet = true;
         }
 
-        this.ariaObserver.sync();
+        if (this.isConnected) {
+            this.ariaObserver.sync();
+        }
         this._synchronizeA11y();
     }
 
@@ -1450,7 +1448,7 @@ export default class LightningInput extends LightningElement {
             // This will not affect the value dispatched by input via the change event, as it only dispatches a valid decimal number.
             // Due to the above, in integrations like input-field, the user's initial input of a symbol
             // like a minus sign will not be overwritten by an empty string value.
-            // See description in PR for more details: https://github.com/salesforce/lightning-components/pull/3843
+            // See description in PR for more details: https://github.com/salesforce-experience-platform/lightning-components/pull/3843
             if (
                 this._inputElement.value.length === 1 &&
                 hasValidNumberSymbol(this._inputElement.value)

package/src/lightning/internationalizationLibrary/datetime/intlFormat.js

@@ -35,7 +35,7 @@ function convertAndFormatDate(date, format, timeZone) {
  * @param {String|Number|Date} value
  * @returns Date
  */
-function toDate(value) {
+export function toDate(value) {
     if (!isDate(value) && isFinite(value)) {
         // handles timestamp as number or string
         return new Date(parseInt(value, 10));

package/src/lightning/internationalizationLibrary/internationalizationLibrary.js

@@ -29,6 +29,8 @@ export {
     getTimeFormatFromStyle,
 } from './datetime/dateTimeUtils';
 
+export { toDate } from './datetime/intlFormat';
+
 export {
     isBefore,
     isAfter,

package/src/lightning/primitiveCellFactory/primitiveCellFactory.js

@@ -1,6 +1,7 @@
 import PrimitiveDatatableCell from 'lightning/primitiveDatatableCell';
 import { api } from 'lwc';
 import { classSet } from 'lightning/utils';
+import { toDate } from 'lightning/internationalizationLibrary';
 import cellWithStandardLayout from './cellWithStandardLayout.html';
 import bareCustomCell from './bareCustomCell.html';
 import labelEdit from '@salesforce/label/LightningDatatable.edit';
@@ -325,7 +326,19 @@ export default class PrivateCellFactory extends PrimitiveDatatableCell {
     }
 
     get dateValue() {
-        return this.value;
+        // Supported values can be passed directly to lightning-formatted-date-time
+        // but non-supported formats need to be passed through Date constructor
+        // to avoid customer breakages for the time being. Ideally this will be
+        // temporary and we can remove use of the Date constructor in the future
+        try {
+            toDate(this.value); // will throw error if value isn't supported
+            return this.value;
+        } catch (err) {
+            console.warn(
+                `'${this.value}' does not follow a supported date format. Please use either a timestamp, ISO8601 string, or Date object to avoid risking inconsistencies and breakages.`
+            );
+            return new Date(this.value);
+        }
     }
 
     get computedDateLocalDay() {

package/src/lightning/shadowBaseClassPrivate/shadowBaseClassPrivate.html

@@ -0,0 +1 @@
+<template></template>

package/src/lightning/shadowBaseClassPrivate/shadowBaseClassPrivate.js

@@ -0,0 +1,11 @@
+import { LightningElement } from 'lwc';
+
+export default class LightningShadowBaseClass extends LightningElement {
+    static shadowSupportMode = 'any';
+
+    connectedCallback() {
+        if (!this.template.synthetic) {
+            this.template.host.setAttribute('data-render-mode', 'shadow');
+        }
+    }
+}