lightning-base-components 1.21.2-alpha → 1.21.3-alpha

package/src/lightning/datatable/resizeSensor.js

@@ -1,244 +0,0 @@
-/**
- * IMPORTANT: This ResizeSensor is only used in the event that the standard ResizeObserver
- * is NOT available on the browser.
- *
- * Currently only IE11 does not support the ResizeObserver. We should be able to
- * remove this once we fully drop support of IE11.
- */
-
-/**
- * Based on Marc J. Schmidt library: https://github.com/marcj/css-element-queries/blob/master
- */
-
-class EventQueue {
-    q = [];
-
-    add(ev) {
-        this.q.push(ev);
-    }
-
-    call(sizeInfo) {
-        for (let i = 0, j = this.q.length; i < j; i++) {
-            this.q[i].call(this, sizeInfo);
-        }
-    }
-
-    remove(ev) {
-        const newQueue = [];
-        for (let i = 0, j = this.q.length; i < j; i++) {
-            if (this.q[i] !== ev) {
-                newQueue.push(this.q[i]);
-            }
-        }
-        this.q = newQueue;
-    }
-
-    length() {
-        return this.q.length;
-    }
-}
-
-/**
- * Get element size
- *
- * @param {HTMLElement} element Element to return the size.
- * @returns {Object} {width, height}
- */
-function getElementSize(element) {
-    const rect = element.getBoundingClientRect();
-    return {
-        width: Math.round(rect.width),
-        height: Math.round(rect.height),
-    };
-}
-
-function createResizeSensor() {
-    const resizeSensor = document.createElement('div');
-    resizeSensor.dir = 'ltr';
-    resizeSensor.className = 'resize-sensor';
-    const style =
-        'position: absolute; left: -10px; top: -10px; right: 0; bottom: 0; overflow: hidden; z-index: -1; visibility: hidden;';
-    const styleChild = 'position: absolute; left: 0; top: 0; transition: 0s;';
-
-    resizeSensor.style.cssText = style;
-    // eslint-disable-next-line @lwc/lwc/no-inner-html
-    resizeSensor.innerHTML =
-        `<div class="resize-sensor-expand" style="${style}">` +
-        `<div style="${styleChild}"></div>` +
-        `</div>` +
-        `<div class="resize-sensor-shrink" style="${style}">` +
-        `<div style="${styleChild} width: 200%; height: 200%"></div>` +
-        `</div>`;
-
-    return resizeSensor;
-}
-
-/**
- * Attaches the resize event to an element
- *
- * @param {HTMLElement} element Element to listen resize
- * @param {Function} resizeListener Resize event listener
- */
-function attachResizeEvent(element, resizeListener) {
-    if (!element) {
-        return;
-    }
-    if (element.resizedAttached) {
-        element.resizedAttached.add(resizeListener);
-        return;
-    }
-
-    element.resizedAttached = new EventQueue();
-    element.resizedAttached.add(resizeListener);
-
-    const resizeSensor = createResizeSensor();
-    element.resizeSensor = resizeSensor;
-    element.appendChild(resizeSensor);
-
-    const position = (
-        window.getComputedStyle(element) || element.style
-    ).getPropertyValue('position');
-
-    if (
-        position !== 'absolute' &&
-        position !== 'relative' &&
-        position !== 'fixed'
-    ) {
-        element.style.position = 'relative';
-    }
-
-    const expand = resizeSensor.childNodes[0];
-    const expandChild = expand.childNodes[0];
-    const shrink = resizeSensor.childNodes[1];
-
-    let dirty, rafId;
-    let size = getElementSize(element);
-    let lastWidth = size.width;
-    let lastHeight = size.height;
-    let initialHiddenCheck = true,
-        resetRafId;
-
-    const resetExpandShrink = function () {
-        expandChild.style.width = '100000px';
-        expandChild.style.height = '100000px';
-
-        expand.scrollLeft = 100000;
-        expand.scrollTop = 100000;
-
-        shrink.scrollLeft = 100000;
-        shrink.scrollTop = 100000;
-    };
-
-    const reset = function () {
-        // Check if element is hidden
-        if (initialHiddenCheck) {
-            if (!expand.scrollTop && !expand.scrollLeft) {
-                // reset
-                resetExpandShrink();
-
-                // Check in next frame
-                if (!resetRafId) {
-                    // eslint-disable-next-line @lwc/lwc/no-async-operation
-                    resetRafId = requestAnimationFrame(() => {
-                        resetRafId = 0;
-                        reset();
-                    });
-                }
-
-                return;
-            }
-
-            initialHiddenCheck = false;
-        }
-
-        resetExpandShrink();
-    };
-    resizeSensor.resetSensor = reset;
-
-    const onResized = function () {
-        rafId = 0;
-
-        if (!dirty) {
-            return;
-        }
-
-        lastWidth = size.width;
-        lastHeight = size.height;
-
-        if (element.resizedAttached) {
-            element.resizedAttached.call(size);
-        }
-    };
-
-    const onScroll = function () {
-        size = getElementSize(element);
-        dirty = size.width !== lastWidth || size.height !== lastHeight;
-
-        if (dirty && !rafId) {
-            // eslint-disable-next-line @lwc/lwc/no-async-operation
-            rafId = requestAnimationFrame(onResized);
-        }
-
-        reset();
-    };
-
-    const addEvent = function (el, name, cb) {
-        el.addEventListener(name, cb);
-    };
-
-    addEvent(expand, 'scroll', onScroll);
-    addEvent(shrink, 'scroll', onScroll);
-
-    // Fix for custom Elements
-    // eslint-disable-next-line @lwc/lwc/no-async-operation
-    requestAnimationFrame(reset);
-}
-
-/**
- * Removes a resize event from an element.
- *
- * @param {HTMLElement} element Element to remove resize listener from
- * @param {Event} event The event to remove
- */
-function detach(elem, ev) {
-    if (!elem) {
-        return;
-    }
-    if (elem.resizedAttached && typeof ev === 'function') {
-        elem.resizedAttached.remove(ev);
-        if (elem.resizedAttached.length()) {
-            return;
-        }
-    }
-    if (elem.resizeSensor) {
-        if (elem.contains(elem.resizeSensor)) {
-            elem.removeChild(elem.resizeSensor);
-        }
-        delete elem.resizeSensor;
-        delete elem.resizedAttached;
-    }
-}
-
-export class ResizeSensor {
-    constructor(element, resizeListener) {
-        this.targetElement = element;
-        this.resizeListener = resizeListener;
-
-        attachResizeEvent(this.targetElement, this.resizeListener);
-    }
-
-    detach() {
-        detach(this.targetElement, this.resizeListener);
-    }
-
-    // Reattach resize event with existing target element and listener
-    reattach(targetElement) {
-        this.targetElement = targetElement;
-
-        attachResizeEvent(this.targetElement, this.resizeListener);
-    }
-
-    reset() {
-        this.targetElement.resizeSensor.resetSensor();
-    }
-}

package/src/lightning/formattedRichText/linkify.js

@@ -1,43 +0,0 @@
-import {
-    urlRegexString,
-    emailRegexString,
-    tagRegexString,
-    createHttpHref,
-    createEmailHref,
-} from 'lightning/utilsPrivate';
-
-const linkRegex = new RegExp(
-    `${tagRegexString}|${emailRegexString}|${urlRegexString}`,
-    'gi'
-);
-
-const createHttpLink = function (match) {
-    const href = createHttpHref(match);
-    return `<a href="${href}" target="_blank" rel="noopener">${match}</a>`;
-};
-
-const createEmailLink = function (match) {
-    const href = createEmailHref(match);
-    return `<a href="${href}">${match}</a>`;
-};
-
-export const linkify = function (text) {
-    if (typeof text !== 'string') {
-        return '';
-    }
-    return text.replace(linkRegex, (match, tagMatch, emailMatch, hrefMatch) => {
-        if (tagMatch) {
-            return tagMatch;
-        } else if (hrefMatch) {
-            const endsWithQuote = hrefMatch.endsWith('&quot');
-            let href = hrefMatch;
-            if (endsWithQuote) {
-                href = hrefMatch.slice(0, hrefMatch.lastIndexOf('&quot'));
-            }
-            return createHttpLink(href) + (endsWithQuote ? '&quot' : '');
-        } else if (emailMatch) {
-            return createEmailLink(emailMatch);
-        }
-        return match;
-    });
-};

package/src/lightning/utilsPrivate/smartSetAttribute.js

@@ -1,19 +0,0 @@
-/**
- * Set an attribute on an element, if it's a normal element
- * it will use setAttribute, if it's an LWC component
- * it will use the public property
- *
- * @param {HTMLElement} element The element to act on
- * @param {String} attribute the attribute to set
- * @param {Any} value the value to set
- */
-export function smartSetAttribute(element, attribute, value) {
-    if (element.tagName.match(/^LIGHTNING/i)) {
-        attribute = attribute.replace(/-\w/g, (m) => m[1].toUpperCase());
-        element[attribute] = value ? value : null;
-    } else if (value) {
-        element.setAttribute(attribute, value);
-    } else {
-        element.removeAttribute(attribute);
-    }
-}