lightning-base-components 1.15.1-alpha → 1.15.4-alpha

package/src/lightning/datatable/virtualization.js

@@ -1,4 +1,4 @@
-import { styleToString } from './utils';
+import { styleToString, escapeDoubleQuotes } from './utils';
 
 /**
  * sets an initial table height in the datatable state
@@ -48,7 +48,7 @@ export function handleVariableRowHeights(template, state, renderedRows) {
         if (!state.heightCache[row.key]) {
             // need to get row actual element so we can find its height
             const rowElement = template.querySelector(
-                `[data-row-key-value="${row.key}"]`
+                `[data-row-key-value="${escapeDoubleQuotes(row.key)}"]`
             );
             if (rowElement) {
                 // first rendered row needs height increased by 1 to account for missing border

package/src/lightning/datatable/wrapText.js

@@ -143,6 +143,7 @@ export function handleTriggeredAction(state, action, colKeyValue) {
     if (actionName === 'wrapText' || actionName === 'clipText') {
         // If state should be changed
         if (state.wrapText[colKeyValue] !== (actionName === 'wrapText')) {
+            state.shouldResetHeights = true;
             state.wrapText[colKeyValue] = actionName === 'wrapText';
 
             updateSelectedOptionInHeaderActions(state, colKeyValue);

package/src/lightning/datepicker/datepicker.html

@@ -7,7 +7,7 @@
                 </template>
                 {label}
             </label>
-            <lightning-helptext if:true={fieldLevelHelp} content={fieldLevelHelp}></lightning-helptext>
+            <lightning-helptext if:true={fieldLevelHelp} content={fieldLevelHelp} alternative-text={helptextAlternativeText}></lightning-helptext>
         </template>
         <template if:true={isRangeMessageVisible}>
             <span id="range-message" data-range-message class="slds-assistive-text">{rangeMessage}</span>
@@ -17,6 +17,7 @@
                     name={name}
                     value={displayValue}
                     placeholder={placeholder}
+                    aria-invalid={computedAriaInvalid}
                     aria-label={ariaLabel}
                     required={required}
                     readonly={readOnly}
@@ -54,7 +55,7 @@
         </div>
     </div>
 
-    <template if:true={errorMessage}>
-        <div id="error-message" data-error-message class="slds-form-element__help" aria-live="assertive">{errorMessage}</div>
-    </template>
+
+        <div id="error-message" data-error-message class={computedClass} aria-live="assertive">{errorMessage}</div>
+
 </template>

package/src/lightning/datepicker/datepicker.js

@@ -6,16 +6,13 @@ import labelMaxRangeMessage from '@salesforce/label/LightningDateTimePicker.maxR
 import labelMinAndMaxRangeMessage from '@salesforce/label/LightningDateTimePicker.minAndMaxRangeMessage';
 import labelRequired from '@salesforce/label/LightningControl.required';
 import labelSelectDateFor from '@salesforce/label/LightningDateTimePicker.selectDateFor';
-import shortDateFormat from '@salesforce/i18n/dateTime.shortDateFormat';
-import mediumDateFormat from '@salesforce/i18n/dateTime.mediumDateFormat';
-import longDateFormat from '@salesforce/i18n/dateTime.longDateFormat';
+import labelHelpTextAlternativeText from '@salesforce/label/LightningInput.helptextAlternativeText';
 import { LightningElement, track, api } from 'lwc';
 import {
-    parseDateTime,
     normalizeISODate,
-    normalizeFormattedDate,
+    parseFormattedDate,
+    getDateFormatFromStyle,
 } from 'lightning/internationalizationLibrary';
-import { STANDARD_DATE_FORMAT } from 'lightning/iso8601Utils';
 import {
     startPositioning,
     stopPositioning,
@@ -29,6 +26,7 @@ import {
     synchronizeAttrs,
     getRealDOMId,
     isIE11,
+    computeAriaInvalid,
 } from 'lightning/utilsPrivate';
 import {
     generateUniqueId,
@@ -49,12 +47,14 @@ const i18n = {
     minAndMaxRangeMessage: labelMinAndMaxRangeMessage,
     required: labelRequired,
     selectDateFor: labelSelectDateFor,
+    helpTextAlternativeText: labelHelpTextAlternativeText,
 };
 
 const ARIA_CONTROLS = 'aria-controls';
 const ARIA_LABEL = 'aria-label';
 const ARIA_LABELLEDBY = 'aria-labelledby';
 const ARIA_DESCRIBEDBY = 'aria-describedby';
+const ARIA_INVALID = 'aria-invalid';
 const DATE_STYLE = {
     SHORT: 'short',
     MEDIUM: 'medium',
@@ -78,6 +78,7 @@ export default class LightningDatePicker extends LightningElement {
     _max;
     _displayMin;
     _displayMax;
+    _dateStyle = DATE_STYLE.MEDIUM;
 
     @api label;
     @api name;
@@ -103,7 +104,7 @@ export default class LightningDatePicker extends LightningElement {
         this._min = value;
         this._displayMin = value;
 
-        const normalizedDate = normalizeISODate(value, this.dateFormat);
+        const normalizedDate = normalizeISODate(value, this.dateStyle);
         if (normalizedDate.isoValue) {
             this._min = normalizedDate.isoValue;
             this._displayMin = normalizedDate.displayValue;
@@ -120,7 +121,7 @@ export default class LightningDatePicker extends LightningElement {
         this._max = value;
         this._displayMax = value;
 
-        const normalizedDate = normalizeISODate(value, this.dateFormat);
+        const normalizedDate = normalizeISODate(value, this.dateStyle);
         if (normalizedDate.isoValue) {
             this._max = normalizedDate.isoValue;
             this._displayMax = normalizedDate.displayValue;
@@ -131,7 +132,10 @@ export default class LightningDatePicker extends LightningElement {
     get messageWhenBadInput() {
         return (
             this._messageWhenBadInput ||
-            formatLabel(this.i18n.invalidDate, this.dateFormat)
+            formatLabel(
+                this.i18n.invalidDate,
+                getDateFormatFromStyle(this.dateStyle, true)
+            )
         );
     }
     set messageWhenBadInput(message) {
@@ -228,6 +232,7 @@ export default class LightningDatePicker extends LightningElement {
             [ARIA_DESCRIBEDBY]: this.computedAriaDescribedby,
             [ARIA_CONTROLS]: this.ariaControlsId,
             [ARIA_LABEL]: this._ariaLabel,
+            [ARIA_INVALID]: this.computedAriaInvalid,
         });
 
         // Set aria-describedby on the calendar button that opens the calendar dialog
@@ -248,7 +253,7 @@ export default class LightningDatePicker extends LightningElement {
         return this._value;
     }
     set value(newValue) {
-        const normalizedDate = normalizeISODate(newValue, this.dateFormat);
+        const normalizedDate = normalizeISODate(newValue, this.dateStyle);
 
         this._value = normalizedDate.isoValue;
         this._displayValue = normalizedDate.displayValue;
@@ -336,9 +341,8 @@ export default class LightningDatePicker extends LightningElement {
             fallbackValue: DATE_STYLE.MEDIUM,
             validValues: [DATE_STYLE.SHORT, DATE_STYLE.MEDIUM, DATE_STYLE.LONG],
         });
-        this.dateFormat = this.getDateFormatFromStyle(this._dateStyle);
 
-        const normalizedDate = normalizeISODate(this._value, this.dateFormat);
+        const normalizedDate = normalizeISODate(this._value, this.dateStyle);
         this._displayValue = normalizedDate.displayValue;
     }
 
@@ -393,6 +397,11 @@ export default class LightningDatePicker extends LightningElement {
         return this._displayValue;
     }
 
+    get computedClass() {
+        let displayClass = this.errorMessage ? 'slds-show' : 'slds-hide';
+        return 'slds-form-element__help ' + displayClass;
+    }
+
     get errorMessage() {
         return this._errorMessage;
     }
@@ -457,8 +466,7 @@ export default class LightningDatePicker extends LightningElement {
 
         // keeping the display value in sync with the element's value
         this._displayValue = event.currentTarget.value;
-        this._value = this.parseFormattedDate(this._displayValue);
-
+        this._value = parseFormattedDate(this._displayValue).value;
         this.dispatchChangeEvent();
     }
 
@@ -481,7 +489,7 @@ export default class LightningDatePicker extends LightningElement {
         if (this._value !== null) {
             const normalizedDate = normalizeISODate(
                 this._value,
-                this.dateFormat
+                this.dateStyle
             );
             this._displayValue = normalizedDate.displayValue;
         }
@@ -561,7 +569,7 @@ export default class LightningDatePicker extends LightningElement {
 
         this._displayValue = normalizeISODate(
             this._value,
-            this.dateFormat
+            this.dateStyle
         ).displayValue;
 
         this.hideCalendarAndFocusTrigger();
@@ -649,34 +657,6 @@ export default class LightningDatePicker extends LightningElement {
         return this.template.querySelector('input');
     }
 
-    get dateFormat() {
-        if (!this._dateFormat) {
-            this._dateFormat = this.getDateFormatFromStyle();
-        }
-        return this._dateFormat;
-    }
-
-    set dateFormat(value) {
-        this._dateFormat = value;
-    }
-
-    getDateFormatFromStyle(dateStyle) {
-        let dateFormat;
-        switch (dateStyle) {
-            case DATE_STYLE.SHORT:
-                dateFormat = shortDateFormat;
-                break;
-            case DATE_STYLE.LONG:
-                dateFormat = longDateFormat;
-                break;
-            default:
-                dateFormat = mediumDateFormat;
-                break;
-        }
-
-        return dateFormat;
-    }
-
     dispatchChangeEvent() {
         this.dispatchEvent(
             new CustomEvent('change', {
@@ -704,39 +684,6 @@ export default class LightningDatePicker extends LightningElement {
         };
     }
 
-    parse(dateString) {
-        // We cannot use parseDateTimeISO8601 here because that method does not have a strict flag. If the value is not an ISO string, that method will parse using the native Date()
-        // Alternatively we could call isValidISODateTimeString and then parseDateTimeISO8601.
-        return parseDateTime(dateString, STANDARD_DATE_FORMAT, true);
-    }
-
-    get allowedDateFormats() {
-        // We should prioritize the long, because a long date matched with the medium format. An issue in aura?
-        // Ex: September 8, 2017 when be parsed with the medium format, returns a valid iso date.
-        return [longDateFormat, mediumDateFormat, shortDateFormat];
-    }
-
-    /**
-     * Parses the input date and sets the dateFormat used to parse the displayValue
-     * if it is a valid Date.
-     *
-     * @param {String} displayValue - The input date.
-     * @return {null | string} - A normalized formatted date if displayValue is valid. null otherwise.
-     */
-    parseFormattedDate(displayValue) {
-        const allowedFormats = this.allowedDateFormats;
-        const n = allowedFormats.length;
-        let i = 0,
-            value = null;
-
-        do {
-            value = normalizeFormattedDate(displayValue, allowedFormats[i]);
-            i++;
-        } while (value === null && i < n);
-
-        return value;
-    }
-
     get hasExternalLabel() {
         return (
             this.variant === VARIANT.LABEL_HIDDEN &&
@@ -744,4 +691,15 @@ export default class LightningDatePicker extends LightningElement {
             this.ariaLabelledByElement.length
         );
     }
+
+    get computedAriaInvalid() {
+        const isAriaInvalid =
+            this.template.host.getAttribute('data-aria-invalid') ||
+            this._errorMessage;
+        return computeAriaInvalid(isAriaInvalid, this.value);
+    }
+
+    get helptextAlternativeText() {
+        return formatLabel(i18n.helpTextAlternativeText, this.label);
+    }
 }

package/src/lightning/datetimepicker/datetimepicker.html

@@ -5,12 +5,13 @@
                 <legend class={computedLabelClass}>
                     {label}
                 </legend>
-                <lightning-helptext if:true={fieldLevelHelp} content={fieldLevelHelp}></lightning-helptext>
+                <lightning-helptext if:true={fieldLevelHelp} content={fieldLevelHelp} alternative-text={helptextAlternativeText}></lightning-helptext>
             </template>
             <div class="slds-form-element__control">
                 <div class="slds-form-element__group">
                     <div class="slds-form-element__row">
                         <lightning-datepicker
+                            data-aria-invalid={computedDateAriaInvalid}
                             class="slds-form-element"
                             autocomplete={autocomplete}
                             min={dateMin}
@@ -29,6 +30,7 @@
                         </lightning-datepicker>
 
                         <lightning-timepicker
+                            data-aria-invalid={computedTimeAriaInvalid}
                             class="slds-form-element"
                             autocomplete={autocomplete}
                             label={i18n.time}

package/src/lightning/datetimepicker/datetimepicker.js

@@ -2,6 +2,8 @@ import labelDate from '@salesforce/label/LightningDateTimePicker.dateLabel';
 import labelRangeOverflow from '@salesforce/label/LightningDateTimePicker.rangeOverflow';
 import labelRangeUnderflow from '@salesforce/label/LightningDateTimePicker.rangeUnderflow';
 import labelTime from '@salesforce/label/LightningDateTimePicker.timeLabel';
+import labelHelpTextAlternativeText from '@salesforce/label/LightningInput.helptextAlternativeText';
+import sfTimeZone from '@salesforce/i18n/timeZone';
 import { LightningElement, track, api } from 'lwc';
 import { classSet, formatLabel } from 'lightning/utils';
 import {
@@ -9,11 +11,13 @@ import {
     normalizeAriaAttribute,
     synchronizeAttrs,
     getRealDOMId,
+    computeAriaInvalid,
 } from 'lightning/utilsPrivate';
 import {
-    getCurrentTime,
+    getCurrentTimeString,
     normalizeISODateTime,
     normalizeFormattedDateTime,
+    isAuraL10NAvailable,
 } from 'lightning/internationalizationLibrary';
 import { TIME_SEPARATOR } from 'lightning/iso8601Utils';
 import {
@@ -28,6 +32,7 @@ const i18n = {
     rangeOverflow: labelRangeOverflow,
     rangeUnderflow: labelRangeUnderflow,
     time: labelTime,
+    helpTextAlternativeText: labelHelpTextAlternativeText,
 };
 
 export default class LightningDateTimePicker extends LightningElement {
@@ -177,6 +182,20 @@ export default class LightningDateTimePicker extends LightningElement {
         }
     }
 
+    /**
+     * Returns time zone if one is set, otherwise returns
+     * the Salesforce time zone when Aura localization is
+     * available, and the system's time zone otherwise
+     */
+    get normalizedTimezone() {
+        if (this.timezone) {
+            return this.timezone;
+        } else if (isAuraL10NAvailable) {
+            return sfTimeZone;
+        }
+        return Intl.DateTimeFormat().resolvedOptions().timeZone;
+    }
+
     @api
     get disabled() {
         return this._disabled;
@@ -453,14 +472,14 @@ export default class LightningDateTimePicker extends LightningElement {
 
     handleDateChange(event) {
         event.stopPropagation();
-
         if (!event.detail) {
             return;
         }
-
         this._dateValue = event.detail.value;
         if (this._dateValue) {
-            this._timeValue = this._timeValue || getCurrentTime(this.timezone);
+            this._timeValue =
+                this._timeValue ||
+                getCurrentTimeString(this.normalizedTimezone);
             this.setTimepickerValue(this._timeValue);
         }
 
@@ -487,7 +506,7 @@ export default class LightningDateTimePicker extends LightningElement {
             const dateTimeString = dateValue + TIME_SEPARATOR + timeValue;
             this._value = normalizeFormattedDateTime(
                 dateTimeString,
-                this.timezone
+                this.normalizedTimezone
             );
 
             this.dispatchChangeEvent();
@@ -519,7 +538,7 @@ export default class LightningDateTimePicker extends LightningElement {
     setDateAndTimeValues(value) {
         const normalizedValue = normalizeISODateTime(
             value,
-            this.timezone
+            this.normalizedTimezone
         ).isoValue;
 
         const isDateOnly = normalizedValue && value.indexOf(TIME_SEPARATOR) < 0;
@@ -559,7 +578,10 @@ export default class LightningDateTimePicker extends LightningElement {
             return;
         }
 
-        const normalizedDate = normalizeISODateTime(this.min, this.timezone);
+        const normalizedDate = normalizeISODateTime(
+            this.min,
+            this.normalizedTimezone
+        );
         this._dateMin = this.separateDateTime(normalizedDate.isoValue)[0];
         this.formattedMin = normalizedDate.displayValue;
     }
@@ -569,7 +591,10 @@ export default class LightningDateTimePicker extends LightningElement {
             return;
         }
 
-        const normalizedDate = normalizeISODateTime(this.max, this.timezone);
+        const normalizedDate = normalizeISODateTime(
+            this.max,
+            this.normalizedTimezone
+        );
         this._dateMax = this.separateDateTime(normalizedDate.isoValue)[0];
         this.formattedMax = normalizedDate.displayValue;
     }
@@ -579,4 +604,15 @@ export default class LightningDateTimePicker extends LightningElement {
             ? isoString.split(TIME_SEPARATOR)
             : null;
     }
+
+    get computedDateAriaInvalid() {
+        return computeAriaInvalid(this._customErrorMessage, this._dateValue);
+    }
+    get computedTimeAriaInvalid() {
+        return computeAriaInvalid(this._customErrorMessage, this._timeValue);
+    }
+
+    get helptextAlternativeText() {
+        return formatLabel(i18n.helpTextAlternativeText, this.label);
+    }
 }

package/src/lightning/dualListbox/dualListbox.html

@@ -6,7 +6,7 @@
                 <abbr class="slds-required" title={i18n.required}>*</abbr>
             </template>{label}
         </div>
-        <lightning-helptext if:true={fieldLevelHelp} content={fieldLevelHelp}></lightning-helptext>
+        <lightning-helptext if:true={fieldLevelHelp} content={fieldLevelHelp} alternative-text={helptextAlternativeText}></lightning-helptext>
         <div class="slds-form-element__control">
             <div class="slds-dueling-list" onfocusin={handleFocus} onfocusout={handleBlur}>
                 <div class="slds-assistive-text" id="assertive-thing" aria-live="assertive">{_messageToDisplay}</div>

package/src/lightning/dualListbox/dualListbox.js

@@ -16,6 +16,7 @@ import labelMoveSelectionToAssistiveText from '@salesforce/label/LightningDualLi
 import labelLoadingText from '@salesforce/label/LightningCombobox.loadingText';
 import labelMovedOptionsSingular from '@salesforce/label/LightningDualListbox.movedOptionsSingular';
 import labelMovedOptionsPlural from '@salesforce/label/LightningDualListbox.movedOptionsPlural';
+import labelHelpTextAlternativeText from '@salesforce/label/LightningInput.helptextAlternativeText';
 import { LightningElement, api, track } from 'lwc';
 import { handleKeyDownOnOption } from './keyboard';
 import { classSet, formatLabel } from 'lightning/utils';
@@ -51,6 +52,7 @@ const i18n = {
     loadingText: labelLoadingText,
     movedOptionsSingular: labelMovedOptionsSingular,
     movedOptionsPlural: labelMovedOptionsPlural,
+    helpTextAlternativeText: labelHelpTextAlternativeText,
 };
 
 /**
@@ -498,7 +500,8 @@ export default class LightningDualListbox extends LightningElement {
 
         return {
             ...option,
-            tabIndex: option.value === focusableValue ? '0' : '-1',
+            tabIndex:
+                !this.disabled && option.value === focusableValue ? '0' : '-1',
             selected: isSelected ? 'true' : 'false',
             classList,
         };
@@ -1057,4 +1060,8 @@ export default class LightningDualListbox extends LightningElement {
             this._messageToDisplay = '';
         }
     }
+
+    get helptextAlternativeText() {
+        return formatLabel(i18n.helpTextAlternativeText, this.label);
+    }
 }

package/src/lightning/fileDownload/fileDownload.js

@@ -0,0 +1,15 @@
+import { resolveFileTypeToURL } from './resourceResolver';
+
+export function generateUrl(recordId) {
+    const url = resolveFileTypeToURL(recordId);
+    return isValidUrl(url) ? url : undefined;
+}
+
+function isValidUrl(url) {
+    return (
+        url &&
+        (url.indexOf('http://') === 0 ||
+            url.indexOf('https://') === 0 ||
+            url.indexOf('/') === 0)
+    );
+}

package/src/lightning/fileDownload/fileDownload.js-meta.xml

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<LightningComponentBundle xmlns="xmlns=http://soap.sforce.com/2006/04/metadata">
+    <minApiVersion>56.0</minApiVersion>
+    <isExposed>true</isExposed>
+</LightningComponentBundle>

package/src/lightning/fileDownload/resourceResolver.js

@@ -0,0 +1,58 @@
+import { getPathPrefix } from 'lightning/configProvider'; // Provides the path prefix to Core resources
+
+export function resolveFileTypeToURL(recordId) {
+    const keyPrefixLength = 3;
+    const keyPrefix = recordId.substring(0, keyPrefixLength);
+
+    /*  Returns url according to file key prefix */
+    const fileAttributes = {
+        // Content Document
+        '069':
+            '/sfc/servlet.shepherd/document/download/' +
+            recordId +
+            '?operationContext=S1',
+
+        // Content Version
+        '068':
+            '/sfc/servlet.shepherd/version/download/' +
+            recordId +
+            '?operationContext=S1',
+
+        // Attachment
+        '00P':
+            '/servlet/servlet.FileDownload?file=' +
+            recordId +
+            '&operationContext=S1',
+
+        // Document
+        '015':
+            '/servlet/servlet.FileDownload?file=' +
+            recordId +
+            '&operationContext=S1',
+    };
+
+    return (
+        keyPrefix &&
+        fileAttributes[keyPrefix] &&
+        getUrlWithSitePrefix(fileAttributes[keyPrefix])
+    );
+}
+
+/*  In order to do any URL redirects, we need the site URL with the site path prefix.
+    getUrlWithSitePrefix returns the URL path prefix of the current site. 
+    For example, if your site URL is MyDomainName.my.salesforce-sites.com/partners, 
+    /partners is the path prefix. Returns null if the prefix isn’t defined. 
+    If the current request is not a site request, then this field returns an empty string. 
+   */
+function getUrlWithSitePrefix(url) {
+    let siteUrlPrefix = getPathPrefix();
+
+    // remove /s in siteUrlPrefix
+    siteUrlPrefix =
+        siteUrlPrefix && siteUrlPrefix.endsWith('/s')
+            ? siteUrlPrefix.slice(0, siteUrlPrefix.length - 2)
+            : siteUrlPrefix;
+
+    // retun url directly if path prefix is already added to site URL
+    return url.indexOf(siteUrlPrefix) === 0 ? url : siteUrlPrefix + url;
+}

package/src/lightning/formattedAddress/__docs__/formattedAddress.md

@@ -6,6 +6,9 @@ examples:
     - name: latitude
       label: Formatted Address with Latitude/Longitude
       description: Displays an address that includes latitude and longitude.
+    - name: customLocale
+      label: Formatted Address with Custom Locale
+      description: Displays an address in the format of a specific locale.
 ---
 
 A `lightning-formatted-address` component displays addresses in a format and field order

package/src/lightning/formattedAddress/__examples__/customLocale/customLocale.html

@@ -0,0 +1,22 @@
+<template>
+    <h1 class="slds-text-heading_small">Address in Spanish format</h1>
+
+    <lightning-formatted-address
+        street="Avenida Concha Espina, Nº 1"
+        city="Madrid"
+        postal-code="28036"
+        country="España"
+        locale="es-ES"
+    ></lightning-formatted-address>
+
+    <h1 class="slds-text-heading_small">Address in Japanese format</h1>
+
+    <lightning-formatted-address
+        street="下連雀1丁目1−83"
+        city="三鷹市"
+        country="日本"
+        province="東京都"
+        postal-code="181–0013"
+        locale="ja-JP"
+    ></lightning-formatted-address>
+</template>

package/src/lightning/formattedAddress/__examples__/customLocale/customLocale.js

@@ -0,0 +1,3 @@
+import { LightningElement } from 'lwc';
+
+export default class LightningExampleFormattedAddressCustomLocale extends LightningElement {}

package/src/lightning/formattedAddress/formattedAddress.js

@@ -25,6 +25,12 @@ export default class LightningFormattedAddress extends LightningElement {
 
     @track href;
 
+    /**
+     * The locale of the address. The default value is 'en-US'.
+     * @type {string}
+     */
+    @api locale = locale;
+
     /**
      * The street detail for the address.
      * @type {string}
@@ -188,7 +194,7 @@ export default class LightningFormattedAddress extends LightningElement {
     }
 
     get address() {
-        const [langCode, countryCode] = locale.split('-');
+        const [langCode, countryCode] = this.locale.split('-');
         return (
             addressFormat.formatAddressAllFields(langCode, countryCode, {
                 address: this.street,

package/src/lightning/formattedDateTime/formattedDateTime.js

@@ -1,7 +1,7 @@
 import { LightningElement, api, track } from 'lwc';
 import { dateTimeFormat } from 'lightning/internationalizationLibrary';
-import { isValidISODateTimeString } from 'lightning/iso8601Utils';
 import { isIE11, normalizeBoolean } from 'lightning/utilsPrivate';
+import { isValidISODateTimeString } from 'lightning/iso8601Utils';
 
 /**
  * Displays formatted date and time.

package/src/lightning/formattedLookup/events.js

@@ -0,0 +1,19 @@
+/**
+ * @event LightningFormattedLookup#onprivatelookupitempicked
+ * @type {object}
+ * @property {string} recordId
+ */
+export class PrivateLookupItemPickedEvent extends CustomEvent {
+    static NAME = 'privatelookupitempicked';
+
+    constructor({ recordId }) {
+        super(PrivateLookupItemPickedEvent.NAME, {
+            composed: true,
+            cancelable: true,
+            bubbles: true,
+            detail: {
+                recordId,
+            },
+        });
+    }
+}

package/src/lightning/formattedLookup/formattedLookup.js

@@ -1,6 +1,7 @@
 import { LightningElement, api, track } from 'lwc';
 import { normalizeBoolean } from 'lightning/utilsPrivate';
 import { getLinkInfo } from 'lightning/routingService';
+import { PrivateLookupItemPickedEvent } from './events';
 
 export default class LightningFormattedLookup extends LightningElement {
     /**
@@ -181,6 +182,12 @@ export default class LightningFormattedLookup extends LightningElement {
      * @returns {undefined}
      */
     handleClick(event) {
+        this.dispatchEvent(
+            new PrivateLookupItemPickedEvent({
+                recordId: this.recordId,
+            })
+        );
+
         this.dispatcher(event);
     }
 }