lightning-base-components 1.19.8-alpha → 1.19.9-alpha

package/src/lightning/treeGrid/__examples__/expanded/sampleData.js

@@ -1,519 +0,0 @@
-/**
- * Default settings values
- */
-export const KEYFIELD = 'name';
-
-/**
- * Columns definition
- * :: valid basic version
- */
-export const COLUMNS_DEFINITION_BASIC = [
-    {
-        type: 'text',
-        fieldName: 'accountName',
-        label: 'Account Name',
-    },
-    {
-        type: 'phone',
-        fieldName: 'phone',
-        label: 'Phone Number',
-    },
-];
-
-/**
- * Columns definition
- * :: with non-whitelisted column keys
- */
-export const COLUMNS_DEFINITION_NONWHITELIST = [
-    {
-        type: 'text',
-        fieldName: 'accountName',
-        label: 'Account Name',
-    },
-    {
-        type: 'phone',
-        fieldName: 'phone',
-        label: 'Phone Number',
-        sortable: true,
-    },
-];
-
-/**
- * Columns definition
- * :: used in examples
- */
-export const EXAMPLES_COLUMNS_DEFINITION_BASIC = [
-    {
-        type: 'text',
-        fieldName: 'accountName',
-        label: 'Account Name',
-        initialWidth: 300,
-    },
-    {
-        type: 'number',
-        fieldName: 'employees',
-        label: 'Employees',
-    },
-    {
-        type: 'phone',
-        fieldName: 'phone',
-        label: 'Phone Number',
-    },
-    {
-        type: 'url',
-        fieldName: 'accountOwner',
-        label: 'Account Owner',
-        typeAttributes: {
-            label: { fieldName: 'accountOwnerName' },
-        },
-    },
-    {
-        type: 'text',
-        fieldName: 'billingCity',
-        label: 'Billing City',
-    },
-];
-
-/**
- * Sample expanded rows
- * :: valid basic version, no invalid row IDs
- */
-export const EXPANDED_ROWS_BASIC = ['584996-s7', '377526-zg'];
-
-/**
- * Sample expanded rows including some without children content
- * :: valid basic version, no invalid row IDs
- */
-export const EXPANDED_ROWS_MISSING_CHILDREN_CONTENT = [
-    '584996-s7',
-    '377526-zg',
-    '816682-xr',
-];
-
-/**
- * Sample expanded rows
- * :: with invalid row IDs
- */
-export const EXPANDED_ROWS_INVALID = [
-    '584996-s7',
-    '377526-zg',
-    'AWEFUL-bad_iD',
-    '882894-s3',
-    'PiCkLeS',
-    '31337-ID',
-];
-
-/**
- * Sample selected rows
- * :: valid basic version, no invalid row IDs
- */
-export const SELECTED_ROWS_BASIC = ['125313-7j', '584996-s7'];
-
-/**
- * Sample selected rows
- * :: with invalid row IDs
- */
-export const SELECTED_ROWS_INVALID = [
-    '584996-s7',
-    '377526-zg',
-    'AWEFUL-bad_iD',
-    '882894-s3',
-    'PiCkLeS',
-    '31337-ID',
-];
-
-/**
- * Sample data
- * :: valid basic version, no missing children content
- */
-export const DATA_BASIC = [
-    {
-        name: '125313-7j',
-        accountName: 'Dach-Welch',
-        phone: '837-555-0100',
-    },
-    {
-        name: '584996-s7',
-        accountName: 'Corkery-Windler',
-        phone: '837-555-0100',
-        _children: [
-            {
-                name: '747773-jw',
-                accountName: 'Corkery-Abshire',
-                phone: '837-555-0100',
-            },
-            {
-                name: '377526-zg',
-                accountName: 'Robel, Friesen and Flatley',
-                phone: '837-555-0100',
-                _children: [
-                    {
-                        name: '955330-wp',
-                        accountName: 'Donnelly Group',
-                        phone: '837-555-0100',
-                    },
-                    {
-                        name: '343693-9x',
-                        accountName: 'Kshlerin Group',
-                        phone: '837-555-0100',
-                    },
-                ],
-            },
-            {
-                name: '638483-y2',
-                accountName: 'Bruen, Steuber and Spencer',
-                phone: '837-555-0100',
-            },
-        ],
-    },
-    {
-        name: '306979-mx',
-        accountName: 'Spinka LLC',
-        phone: '837-555-0100',
-    },
-    {
-        name: '066195-o1',
-        accountName: 'Koelpin LLC',
-        phone: '837-555-0100',
-        _children: [],
-    },
-];
-
-/**
- * Sample data
- * :: valid basic version, with missing children content
- */
-export const DATA_MISSING_CHILDREN_CONTENT = [
-    {
-        name: '125313-7j',
-        accountName: 'Dach-Welch',
-        phone: '837-555-0100',
-    },
-    {
-        name: '584996-s7',
-        accountName: 'Corkery-Windler',
-        phone: '837-555-0100',
-        _children: [],
-    },
-    {
-        name: '816682-xr',
-        accountName: 'Schmitt-Littel',
-        phone: '837-555-0100',
-        _children: [
-            {
-                name: '118985-mf',
-                accountName: 'Hegmann-Turcotte',
-                phone: '837-555-0100',
-            },
-            {
-                name: '841476-yo',
-                accountName: 'Kuhlman LLC',
-                phone: '837-555-0100',
-            },
-        ],
-    },
-    {
-        name: '653331-j4',
-        accountName: 'Swaniawski-Hilpert',
-        phone: '366-145-6134',
-        _children: [
-            {
-                name: '605249-ei',
-                accountName: 'Swaniawski, Veum and Barton',
-                phone: '837-555-0100',
-            },
-            {
-                name: '686777-5d',
-                accountName: 'Lubowitz, McClure and Russel',
-                phone: '837-555-0100',
-            },
-            {
-                name: '582166-n4',
-                accountName: 'Reichel-Jerde',
-                phone: '837-555-0100',
-                _children: [
-                    {
-                        name: '513683-mm',
-                        accountName: 'Tromp Inc',
-                        phone: '837-555-0100',
-                    },
-                ],
-            },
-        ],
-    },
-    {
-        name: '306979-mx',
-        accountName: 'Spinka LLC',
-        phone: '837-555-0100',
-    },
-    {
-        name: '066195-o1',
-        accountName: 'Koelpin LLC',
-        phone: '837-555-0100',
-        _children: [],
-    },
-];
-
-/**
- * Sample data
- * :: used by examples
- */
-export const EXAMPLES_DATA_BASIC = [
-    {
-        name: '123555',
-        accountName: 'Rewis Inc',
-        employees: 3100,
-        phone: '837-555-0100',
-        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-        accountOwnerName: 'Jane Doe',
-        billingCity: 'Phoeniz, AZ',
-    },
-
-    {
-        name: '123556',
-        accountName: 'Acme Corporation',
-        employees: 10000,
-        phone: '837-555-0100',
-        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-        accountOwnerName: 'John Doe',
-        billingCity: 'San Francisco, CA',
-        _children: [
-            {
-                name: '123556-A',
-                accountName: 'Acme Corporation (Bay Area)',
-                employees: 3000,
-                phone: '837-555-0100',
-                accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'New York, NY',
-                _children: [
-                    {
-                        name: '123556-A-A',
-                        accountName: 'Acme Corporation (Oakland)',
-                        employees: 745,
-                        phone: '837-555-0100',
-                        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                        accountOwnerName: 'John Doe',
-                        billingCity: 'New York, NY',
-                    },
-                    {
-                        name: '123556-A-B',
-                        accountName: 'Acme Corporation (San Francisco)',
-                        employees: 578,
-                        phone: '837-555-0100',
-                        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                        accountOwnerName: 'Jane Doe',
-                        billingCity: 'Los Angeles, CA',
-                    },
-                ],
-            },
-
-            {
-                name: '123556-B',
-                accountName: 'Acme Corporation (East)',
-                employees: 430,
-                phone: '837-555-0100',
-                accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'San Francisco, CA',
-                _children: [
-                    {
-                        name: '123556-B-A',
-                        accountName: 'Acme Corporation (NY)',
-                        employees: 1210,
-                        phone: '837-555-0100',
-                        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                        accountOwnerName: 'Jane Doe',
-                        billingCity: 'New York, NY',
-                    },
-                    {
-                        name: '123556-B-B',
-                        accountName: 'Acme Corporation (VA)',
-                        employees: 410,
-                        phone: '837-555-0100',
-                        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                        accountOwnerName: 'John Doe',
-                        billingCity: 'New York, NY',
-                        _children: [
-                            {
-                                name: '123556-B-B-A',
-                                accountName: 'Allied Technologies',
-                                employees: 390,
-                                phone: '837-555-0100',
-                                accountOwner:
-                                    'http://salesforce.com/fake/url/jane-doe',
-                                accountOwnerName: 'Jane Doe',
-                                billingCity: 'Los Angeles, CA',
-                                _children: [
-                                    {
-                                        name: '123556-B-B-A-A',
-                                        accountName: 'Allied Technologies (UV)',
-                                        employees: 270,
-                                        phone: '837-555-0100',
-                                        accountOwner:
-                                            'http://salesforce.com/fake/url/jane-doe',
-                                        accountOwnerName: 'John Doe',
-                                        billingCity: 'San Francisco, CA',
-                                    },
-                                ],
-                            },
-                        ],
-                    },
-                ],
-            },
-        ],
-    },
-
-    {
-        name: '123557',
-        accountName: 'Rhode Enterprises',
-        employees: 6000,
-        phone: '837-555-0100',
-        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-        accountOwnerName: 'John Doe',
-        billingCity: 'New York, NY',
-        _children: [
-            {
-                name: '123557-A',
-                accountName: 'Rhode Enterprises (UCA)',
-                employees: 2540,
-                phone: '837-555-0100',
-                accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'New York, NY',
-            },
-        ],
-    },
-
-    {
-        name: '123558',
-        accountName: 'Tech Labs',
-        employees: 1856,
-        phone: '837-555-0100',
-        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-        accountOwnerName: 'John Doe',
-        billingCity: 'New York, NY',
-        _children: [
-            {
-                name: '123558-A',
-                accountName: 'Opportunity Resources Inc',
-                employees: 1934,
-                phone: '837-555-0100',
-                accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'Los Angeles, CA',
-            },
-        ],
-    },
-];
-
-/**
- * Sample data
- * :: used by lazy loading example
- */
-export const EXAMPLES_DATA_LAZY_LOADING = [
-    {
-        name: '123555',
-        accountName: 'Rewis Inc',
-        employees: 3100,
-        phone: '837-555-0100',
-        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-        accountOwnerName: 'Jane Doe',
-        billingCity: 'Phoeniz, AZ',
-    },
-
-    {
-        name: '123556',
-        accountName: 'Acme Corporation',
-        employees: 10000,
-        phone: '837-555-0100',
-        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-        accountOwnerName: 'John Doe',
-        billingCity: 'San Francisco, CA',
-        _children: [
-            {
-                name: '123556-A',
-                accountName: 'Acme Corporation (Bay Area)',
-                employees: 3000,
-                phone: '837-555-0100',
-                accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'New York, NY',
-                _children: [],
-            },
-
-            {
-                name: '123556-B',
-                accountName: 'Acme Corporation (East)',
-                employees: 430,
-                phone: '837-555-0100',
-                accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'San Francisco, CA',
-                _children: [
-                    {
-                        name: '123556-B-A',
-                        accountName: 'Acme Corporation (NY)',
-                        employees: 1210,
-                        phone: '837-555-0100',
-                        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                        accountOwnerName: 'Jane Doe',
-                        billingCity: 'New York, NY',
-                    },
-                    {
-                        name: '123556-B-B',
-                        accountName: 'Acme Corporation (VA)',
-                        employees: 410,
-                        phone: '837-555-0100',
-                        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                        accountOwnerName: 'John Doe',
-                        billingCity: 'New York, NY',
-                        _children: [],
-                    },
-                ],
-            },
-        ],
-    },
-
-    {
-        name: '123557',
-        accountName: 'Rhode Enterprises',
-        employees: 6000,
-        phone: '837-555-0100',
-        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-        accountOwnerName: 'John Doe',
-        billingCity: 'New York, NY',
-        _children: [
-            {
-                name: '123557-A',
-                accountName: 'Rhode Enterprises (UCA)',
-                employees: 2540,
-                phone: '837-555-0100',
-                accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'New York, NY',
-            },
-        ],
-    },
-
-    {
-        name: '123558',
-        accountName: 'Tech Labs',
-        employees: 1856,
-        phone: '837-555-0100',
-        accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-        accountOwnerName: 'John Doe',
-        billingCity: 'New York, NY',
-        _children: [
-            {
-                name: '123558-A',
-                accountName: 'Opportunity Resources Inc',
-                employees: 1934,
-                phone: '837-555-0100',
-                accountOwner: 'http://salesforce.com/fake/url/jane-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'Los Angeles, CA',
-            },
-        ],
-    },
-];

package/src/lightning/treeGrid/__examples__/lazyLoading/lazyLoading.css

@@ -1,7 +0,0 @@
-.lgc-bg {
-    background-color: rgb(242 242 242);
-}
-
-.lgc-bg-inverse {
-    background-color: rgb(22 50 92);
-}

package/src/lightning/treeGrid/__examples__/lazyLoading/lazyLoading.html

@@ -1,20 +0,0 @@
-<template>
-    <div class="slds-m-top_medium slds-m-bottom_x-large">
-        <h2 class="slds-text-heading_medium slds-m-bottom_medium">
-            Tree Grid component with some rows that will dynamically load children only when initially expanded.
-        </h2>
-
-        <!-- Expanded rows -->
-        <div class="slds-p-around_medium lgc-bg">
-            <lightning-tree-grid
-                class="lgc-example-treegrid"
-                columns={gridColumns}
-                data={gridData}
-                expanded-rows={gridExpandedRows}
-                key-field="name"
-                is-loading={gridLoadingState}
-                ontoggle={handleRowToggle}
-            ></lightning-tree-grid>
-        </div>
-    </div>
-</template>

package/src/lightning/treeGrid/__examples__/lazyLoading/lazyLoading.js

@@ -1,142 +0,0 @@
-import { LightningElement } from 'lwc';
-import {
-    EXAMPLES_COLUMNS_DEFINITION_BASIC,
-    EXAMPLES_DATA_LAZY_LOADING,
-} from './sampleData';
-
-export default class TreeGridLazyLoading extends LightningElement {
-    gridLoadingState = false;
-
-    // definition of columns for the tree grid
-    gridColumns = EXAMPLES_COLUMNS_DEFINITION_BASIC;
-
-    // initial data provided to the tree grid
-    gridData = EXAMPLES_DATA_LAZY_LOADING;
-
-    // list of names for rows that are expanded
-    gridExpandedRows = ['123556', '123556-B', '123557'];
-
-    // when a row is toggled we retrieve values and dynamically load children if needed
-    handleRowToggle(event) {
-        // retrieve the unique identifier of the row being expanded
-        const rowName = event.detail.name;
-
-        // does the component have children content for this row already?
-        const hasChildrenContent = event.detail.hasChildrenContent;
-
-        /*
-         ** additional event.detail values available:
-         **
-         ** => the new expanded state for this row
-         **    const isExpanded = event.detail.isExpanded;
-         **
-         ** => the complete row data
-         **    const row = event.detail.row;
-         */
-
-        // if hasChildrenContent is false then we need to react and add children
-        if (hasChildrenContent === false) {
-            this.gridLoadingState = true;
-
-            // call a method to retrieve the updated data tree that includes the missing children
-            this.retrieveUpdatedData(rowName).then((newData) => {
-                this.gridData = newData;
-                this.gridLoadingState = false;
-            });
-        }
-    }
-
-    // mimic a delay in retrieving the data (2 second delay)
-    retrieveUpdatedData(rowName) {
-        return new Promise((resolve) => {
-            // mimic server delay
-            // eslint-disable-next-line @lwc/lwc/no-async-operation
-            window.setTimeout(() => {
-                // add children to data
-                const updatedData = this.addChildrenToRow(
-                    this.gridData,
-                    rowName,
-                    this.childrenData[rowName]
-                );
-
-                resolve(updatedData);
-            }, 2000);
-        });
-    }
-
-    // add the new child rows at the desired location
-    addChildrenToRow(data, rowName, children) {
-        // step through the array using recursion until we find the correct row to update
-        const newData = data.map((row) => {
-            // does this row have a properly formatted _children key with content?
-            let hasChildrenContent = false;
-            if (
-                // eslint-disable-next-line no-prototype-builtins
-                row.hasOwnProperty('_children') &&
-                Array.isArray(row._children) &&
-                row._children.length > 0
-            ) {
-                hasChildrenContent = true;
-            }
-
-            // if this is the row that was toggled then add the child content
-            if (row.name === rowName) {
-                row._children = children;
-                // otherwise keep searching for the correct row by recursively searching the tree
-            } else if (hasChildrenContent) {
-                this.addChildrenToRow(row._children, rowName, children);
-            }
-
-            return row;
-        });
-
-        return newData;
-    }
-
-    // child data to be added later
-    childrenData = {
-        '123556-A': [
-            {
-                name: '123556-A-A',
-                accountName: 'Acme Corporation (Oakland)',
-                employees: 745,
-                phone: '837-555-1212',
-                accountOwner: 'http://example.com/john-doe',
-                accountOwnerName: 'John Doe',
-                billingCity: 'New York, NY',
-            },
-            {
-                name: '123556-A-B',
-                accountName: 'Acme Corporation (San Francisco)',
-                employees: 578,
-                phone: '837-555-1212',
-                accountOwner: 'http://example.com/jane-doe',
-                accountOwnerName: 'Jane Doe',
-                billingCity: 'Los Angeles, CA',
-            },
-        ],
-
-        '123556-B-B': [
-            {
-                name: '123556-B-B-A',
-                accountName: 'Allied Technologies',
-                employees: 390,
-                phone: '837-555-1212',
-                accountOwner: 'http://example.com/jane-doe',
-                accountOwnerName: 'Jane Doe',
-                billingCity: 'Los Angeles, CA',
-                _children: [
-                    {
-                        name: '123556-B-B-A-A',
-                        accountName: 'Allied Technologies (UV)',
-                        employees: 270,
-                        phone: '837-555-1212',
-                        accountOwner: 'http://example.com/john-doe',
-                        accountOwnerName: 'John Doe',
-                        billingCity: 'San Francisco, CA',
-                    },
-                ],
-            },
-        ],
-    };
-}