udp-stencil-component-library 25.18.1 → 25.18.2-beta.10

package/dist/components/advanced-search2.js

@@ -1,270 +1 @@
-import { p as proxyCustomElement, H, c as createEvent, f as forceUpdate, h } from './index2.js';
-import { u as useTreeDatasource } from './conversionFunctions.js';
-import { s as state } from './catalog-store.js';
-import { d as defineCustomElement$g } from './filter-conditions2.js';
-import { d as defineCustomElement$f } from './search-list-item2.js';
-import { d as defineCustomElement$e } from './status-chip2.js';
-import { d as defineCustomElement$d } from './stencil-icon-button2.js';
-import { d as defineCustomElement$c } from './text-field2.js';
-import { d as defineCustomElement$b } from './tree-list-item2.js';
-import { d as defineCustomElement$a } from './udp-ambient-tool-tip2.js';
-import { d as defineCustomElement$9 } from './udp-badge2.js';
-import { d as defineCustomElement$8 } from './udp-column-header2.js';
-import { d as defineCustomElement$7 } from './udp-function-button2.js';
-import { d as defineCustomElement$6 } from './udp-grid-loader2.js';
-import { d as defineCustomElement$5 } from './udp-page-header2.js';
-import { d as defineCustomElement$4 } from './udp-radio-button2.js';
-import { d as defineCustomElement$3 } from './udp-selector2.js';
-import { d as defineCustomElement$2 } from './udp-skeleton-loading2.js';
-import { d as defineCustomElement$1 } from './unity-typography2.js';
-
-const advancedSearchCss = ":host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level=\"0\"]{padding-left:0}.filter-group[data-level=\"1\"]{padding-left:20px}.filter-group[data-level=\"2\"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}";
-
-const AdvancedSearch = /*@__PURE__*/ proxyCustomElement(class AdvancedSearch extends H {
-    constructor(registerHost) {
-        super();
-        if (registerHost !== false) {
-            this.__registerHost();
-        }
-        this.__attachShadow();
-        this.advancedSearchItemChange = createEvent(this, "advancedSearchItemChange");
-        this.filterList = [];
-        this.filterRenderList = [];
-        this.nestedData = new Map();
-        this.searchObject = [];
-        this.tempNestedData = new Map();
-        //@Prop() parentFilter?: string;
-        this.testData = [];
-        this.showChildren = false;
-        this.handleReferenceClick = async (referenceValue, name, parentReference, parentFilter, parent, parentPath) => {
-            console.log('Clicked reference:', referenceValue, 'Name:', name, 'Parent Reference:', parentReference, 'parentFilter', parentFilter, 'parent reference click test', parent, parentPath);
-            if (state.isLoadingCatalogData || state.catalogData === null) {
-                return;
-            }
-            try {
-                const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);
-                if (Array.isArray(extendedSearchFilterList)) {
-                    this.updateNestedData(extendedSearchFilterList);
-                }
-                else {
-                    console.error('Extended search filter list is not an array');
-                }
-            }
-            catch (error) {
-                console.error('Error fetching filters:', error);
-            }
-        };
-        this.updateNestedData = children => {
-            if (!Array.isArray(children) || children.length === 0) {
-                console.error('Invalid or empty children data provided for updateNestedData');
-                return;
-            }
-            const fromFilter = children[0].extendedProperties.fromFilter;
-            const parentName = children[0].extendedProperties.parent;
-            const checkForName = fromFilter;
-            const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');
-            if (testParentArray) {
-                testParentArray.forEach(parentItem => {
-                    if (parentItem.name === parentName) {
-                        parentItem.referenceNode = children;
-                    }
-                    else if (parentItem.reference && parentItem.referenceNode) {
-                        this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);
-                    }
-                });
-            }
-            // Helper function to check if an item is already present in the array
-            const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);
-            // Recursive function to update the nested data
-            const updateNestedDataHelper = (array, children, parentName) => {
-                return array.map(item => {
-                    if (item.name === parentName) {
-                        // Filter out children that are already present before appending
-                        const newChildren = children.filter(child => !isItemPresent(item.referenceNode || [], child));
-                        return Object.assign(Object.assign({}, item), { referenceNode: [...(item.referenceNode || []), ...newChildren] });
-                    }
-                    else if (item.referenceNode) {
-                        return Object.assign(Object.assign({}, item), { referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) });
-                    }
-                    else {
-                        return item;
-                    }
-                });
-            };
-            // Start the recursive update and assign it to testData
-            this.testData = updateNestedDataHelper(this.testData, children, parentName);
-            forceUpdate(this); // Not generally recommended, use as a last resort
-        };
-        this.updateNestedDataRecursively = (nestedArray, children, parentName) => {
-            nestedArray.forEach(item => {
-                if (item.name === parentName) {
-                    item.referenceNode = children;
-                }
-                else if (item.referenceNode) {
-                    this.updateNestedDataRecursively(item.referenceNode, children, parentName);
-                }
-            });
-        };
-        this.onTreeListItemClick = (event) => {
-            const detail = event.detail;
-            // Function to convert string to PascalCase
-            const toPascalCase = str => {
-                return str
-                    .split('.')
-                    .map(part => part.charAt(0).toUpperCase() + part.slice(1))
-                    .join('.');
-            };
-            // Check if both parentName and parentPath are present
-            if (detail.parentName && detail.parentPath) {
-                detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;
-            }
-            else if (detail.parentName) {
-                // If only parentName is present, exclude parentPath
-                detail.searchField = `${detail.parentName}.${detail.searchField}`;
-            }
-            else {
-                // No parentName or parentPath, use searchField as is
-                detail.searchField = `${detail.searchField}`;
-            }
-            // Convert searchField to PascalCase
-            detail.searchField = toPascalCase(detail.searchField);
-            this.handleItemClick(detail); // Perform the search with the modified search object
-        };
-    }
-    componentWillLoad() {
-        // console.log('this.testData', this.testData);
-    }
-    filterListWatcher(newValue, oldValue) {
-        if (newValue !== oldValue) {
-            this.testData = newValue;
-        }
-    }
-    render() {
-        const safeTestData = Array.isArray(this.testData) ? this.testData : [];
-        const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (h("div", { key: '749ac603c7d5998cab9cdc804eb26ae15ab9502c', class: "container" }, h("div", { key: '19b11ac5eed4ebff194a2489bc647abfca3ee6bb', class: "left-column" }, !safeTestData.length && (h("div", { key: 'd6b693fca77ee5d6db78540dc218d70cd9558851', style: { marginRight: '8px' } }, h("udp-grid-loader", { key: '4d1384371f5de5ee8f5eff618aaaaa4d20ccdf0a', width: "362px", "num-columns": "1", "num-rows": "20" }))), h("div", { key: 'e9e277276dffb7163b9df189945c25ebfcc7246e' }, safeTestData.map((filter, index) => {
-            var _a;
-            return (h("tree-list-item", { key: `${filter.name}-${index}`, level: 0, label: this.getHeaderFieldLabel(filter.name), fieldName: filter.name, reference: filter.reference, parentName: "", parentFilter: filter.extendedProperties.parentFilter, parentPath: 'filter.extendedProperties.parentPath', parent: (_a = filter.extendedProperties) === null || _a === void 0 ? void 0 : _a.parent, nestedItems: filter.referenceNode, "onReference-clicked": (event) => this.handleReferenceClick(event.detail.reference, event.detail.name, event.detail.parentReference, event.detail.parentFilter, event.detail.parent, event.detail.parentPath), onItemClick: this.onTreeListItemClick }));
-        }))), h("div", { key: '85759f73d86b502052e61f2d8b465e3498967566', class: "right-column" }, h("udp-page-header", { key: 'a825cfd6fdfec752270bd24b48512185a49f3ee9', onValueChanged: this.handleValueChanged }), h("filter-conditions", { key: '22a0cfe66f0ab58a87e4a51aec2694d34a37fb49' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index) => {
-            var _a;
-            return (h("search-list-item", { key: `${item.searchField}-${index}`, label: (_a = item === null || item === void 0 ? void 0 : item.searchLabel) !== null && _a !== void 0 ? _a : item.searchField, fieldName: item.searchField, handleDelete: () => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue }), name: item.searchValue }));
-        })))));
-    }
-    static get watchers() { return {
-        "filterList": ["filterListWatcher"]
-    }; }
-    static get style() { return advancedSearchCss; }
-}, [257, "advanced-search", {
-        "filterList": [16],
-        "filterRenderList": [16],
-        "fetchFilters": [16],
-        "handleItemClick": [16],
-        "handleDelete": [16],
-        "handleValueChanged": [16],
-        "getHeaderFieldLabel": [16],
-        "nestedData": [32],
-        "searchObject": [32],
-        "tempNestedData": [32],
-        "testData": [32],
-        "showChildren": [32]
-    }, undefined, {
-        "filterList": ["filterListWatcher"]
-    }]);
-function defineCustomElement() {
-    if (typeof customElements === "undefined") {
-        return;
-    }
-    const components = ["advanced-search", "filter-conditions", "search-list-item", "status-chip", "stencil-icon-button", "text-field", "tree-list-item", "udp-ambient-tool-tip", "udp-badge", "udp-column-header", "udp-function-button", "udp-grid-loader", "udp-page-header", "udp-radio-button", "udp-selector", "udp-skeleton-loading", "unity-typography"];
-    components.forEach(tagName => { switch (tagName) {
-        case "advanced-search":
-            if (!customElements.get(tagName)) {
-                customElements.define(tagName, AdvancedSearch);
-            }
-            break;
-        case "filter-conditions":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$g();
-            }
-            break;
-        case "search-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$f();
-            }
-            break;
-        case "status-chip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$e();
-            }
-            break;
-        case "stencil-icon-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$d();
-            }
-            break;
-        case "text-field":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$c();
-            }
-            break;
-        case "tree-list-item":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$b();
-            }
-            break;
-        case "udp-ambient-tool-tip":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$a();
-            }
-            break;
-        case "udp-badge":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$9();
-            }
-            break;
-        case "udp-column-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$8();
-            }
-            break;
-        case "udp-function-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$7();
-            }
-            break;
-        case "udp-grid-loader":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$6();
-            }
-            break;
-        case "udp-page-header":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$5();
-            }
-            break;
-        case "udp-radio-button":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$4();
-            }
-            break;
-        case "udp-selector":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$3();
-            }
-            break;
-        case "udp-skeleton-loading":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$2();
-            }
-            break;
-        case "unity-typography":
-            if (!customElements.get(tagName)) {
-                defineCustomElement$1();
-            }
-            break;
-    } });
-}
-
-export { AdvancedSearch as A, defineCustomElement as d };
-//# sourceMappingURL=advanced-search2.js.map
-
-//# sourceMappingURL=advanced-search2.js.map
+import{p as e,H as t,c as s,f as a,h as r,t as i}from"./index2.js";import{u as o}from"./conversionFunctions.js";import{s as d}from"./catalog-store.js";import{d as n}from"./filter-conditions2.js";import{d as c}from"./search-list-item2.js";import{d as l}from"./status-chip2.js";import{d as m}from"./stencil-icon-button2.js";import{d as p}from"./text-field2.js";import{d as u}from"./tree-list-item2.js";import{d as h}from"./udp-ambient-tool-tip2.js";import{d as f}from"./udp-badge2.js";import{d as b}from"./udp-column-header2.js";import{d as g}from"./udp-function-button2.js";import{d as k}from"./udp-grid-loader2.js";import{d as y}from"./udp-page-header2.js";import{d as v}from"./udp-radio-button2.js";import{d as j}from"./udp-selector2.js";import{d as x}from"./udp-skeleton-loading2.js";import{d as E}from"./unity-typography2.js";const w=e(class extends t{constructor(e){super(),!1!==e&&this.__registerHost(),this.__attachShadow(),this.advancedSearchItemChange=s(this,"advancedSearchItemChange"),this.filterList=[],this.filterRenderList=[],this.nestedData=new Map,this.searchObject=[],this.tempNestedData=new Map,this.testData=[],this.showChildren=!1,this.handleReferenceClick=async(e,t,s,a,r,i)=>{if(console.log("Clicked reference:",e,"Name:",t,"Parent Reference:",s,"parentFilter",a,"parent reference click test",r,i),!d.isLoadingCatalogData&&null!==d.catalogData)try{const s=await o(d.catalogData,e,!0,!0,t,a,r);Array.isArray(s)?this.updateNestedData(s):console.error("Extended search filter list is not an array")}catch(e){console.error("Error fetching filters:",e)}},this.updateNestedData=e=>{if(!Array.isArray(e)||0===e.length)return void console.error("Invalid or empty children data provided for updateNestedData");const t=e[0].extendedProperties.parent,s=o(d.catalogData,e[0].extendedProperties.fromFilter,!0,!0,name,"","");s&&s.forEach((s=>{s.name===t?s.referenceNode=e:s.reference&&s.referenceNode&&this.updateNestedDataRecursively(s.referenceNode,e,t)}));const r=(e,t,s)=>e.map((e=>{if(e.name===s){const s=t.filter((t=>!((e,t)=>e.some((e=>e.name===t.name)))(e.referenceNode||[],t)));return Object.assign(Object.assign({},e),{referenceNode:[...e.referenceNode||[],...s]})}return e.referenceNode?Object.assign(Object.assign({},e),{referenceNode:r(e.referenceNode,t,s)}):e}));this.testData=r(this.testData,e,t),a(this)},this.updateNestedDataRecursively=(e,t,s)=>{e.forEach((e=>{e.name===s?e.referenceNode=t:e.referenceNode&&this.updateNestedDataRecursively(e.referenceNode,t,s)}))},this.onTreeListItemClick=e=>{const t=e.detail;t.searchField=t.parentName&&t.parentPath?`${t.parentPath}.${t.parentName}.${t.searchField}`:t.parentName?`${t.parentName}.${t.searchField}`:`${t.searchField}`,t.searchField=t.searchField.split(".").map((e=>e.charAt(0).toUpperCase()+e.slice(1))).join("."),this.handleItemClick(t)}}componentWillLoad(){}filterListWatcher(e,t){e!==t&&(this.testData=e)}render(){const e=Array.isArray(this.testData)?this.testData:[],t=Array.isArray(this.filterRenderList)?this.filterRenderList:[];return r("div",{key:"749ac603c7d5998cab9cdc804eb26ae15ab9502c",class:"container"},r("div",{key:"19b11ac5eed4ebff194a2489bc647abfca3ee6bb",class:"left-column"},!e.length&&r("div",{key:"d6b693fca77ee5d6db78540dc218d70cd9558851",style:{marginRight:"8px"}},r("udp-grid-loader",{key:"4d1384371f5de5ee8f5eff618aaaaa4d20ccdf0a",width:"362px","num-columns":"1","num-rows":"20"})),r("div",{key:"e9e277276dffb7163b9df189945c25ebfcc7246e"},e.map(((e,t)=>{var s;return r("tree-list-item",{key:`${e.name}-${t}`,level:0,label:this.getHeaderFieldLabel(e.name),fieldName:e.name,reference:e.reference,parentName:"",parentFilter:e.extendedProperties.parentFilter,parentPath:"filter.extendedProperties.parentPath",parent:null===(s=e.extendedProperties)||void 0===s?void 0:s.parent,nestedItems:e.referenceNode,"onReference-clicked":e=>this.handleReferenceClick(e.detail.reference,e.detail.name,e.detail.parentReference,e.detail.parentFilter,e.detail.parent,e.detail.parentPath),onItemClick:this.onTreeListItemClick})})))),r("div",{key:"85759f73d86b502052e61f2d8b465e3498967566",class:"right-column"},r("udp-page-header",{key:"a825cfd6fdfec752270bd24b48512185a49f3ee9",onValueChanged:this.handleValueChanged}),r("filter-conditions",{key:"22a0cfe66f0ab58a87e4a51aec2694d34a37fb49"}),t.map((e=>e.filterElements.map(((e,t)=>{var s;return r("search-list-item",{key:`${e.searchField}-${t}`,label:null!==(s=null==e?void 0:e.searchLabel)&&void 0!==s?s:e.searchField,fieldName:e.searchField,handleDelete:()=>this.handleDelete({searchField:e.searchField,searchValue:e.searchValue}),name:e.searchValue})}))))))}static get watchers(){return{filterList:[{filterListWatcher:0}]}}static get style(){return':host{display:block;height:100%}.container{display:flex;height:100vh}.left-column{flex:1;background-color:white;height:90vh;overflow:scroll;padding:8px}.right-column{flex:2;margin-left:16px;padding:16px;height:90vh;overflow:scroll}.filter-group[data-level="0"]{padding-left:0}.filter-group[data-level="1"]{padding-left:20px}.filter-group[data-level="2"]{padding-left:40px}.filter-group{margin-top:24px;border-left:1px solid #bababa}.search-input-list{height:100%;max-height:70vh;overflow:auto}.recent-searches{min-width:300px;margin-bottom:10px}'}},[1,"advanced-search",{filterList:[16],filterRenderList:[16],fetchFilters:[16],handleItemClick:[16],handleDelete:[16],handleValueChanged:[16],getHeaderFieldLabel:[16],nestedData:[32],searchObject:[32],tempNestedData:[32],testData:[32],showChildren:[32]},void 0,{filterList:[{filterListWatcher:0}]}]);function $(){"undefined"!=typeof customElements&&["advanced-search","filter-conditions","search-list-item","status-chip","stencil-icon-button","text-field","tree-list-item","udp-ambient-tool-tip","udp-badge","udp-column-header","udp-function-button","udp-grid-loader","udp-page-header","udp-radio-button","udp-selector","udp-skeleton-loading","unity-typography"].forEach((e=>{switch(e){case"advanced-search":customElements.get(i(e))||customElements.define(i(e),w);break;case"filter-conditions":customElements.get(i(e))||n();break;case"search-list-item":customElements.get(i(e))||c();break;case"status-chip":customElements.get(i(e))||l();break;case"stencil-icon-button":customElements.get(i(e))||m();break;case"text-field":customElements.get(i(e))||p();break;case"tree-list-item":customElements.get(i(e))||u();break;case"udp-ambient-tool-tip":customElements.get(i(e))||h();break;case"udp-badge":customElements.get(i(e))||f();break;case"udp-column-header":customElements.get(i(e))||b();break;case"udp-function-button":customElements.get(i(e))||g();break;case"udp-grid-loader":customElements.get(i(e))||k();break;case"udp-page-header":customElements.get(i(e))||y();break;case"udp-radio-button":customElements.get(i(e))||v();break;case"udp-selector":customElements.get(i(e))||j();break;case"udp-skeleton-loading":customElements.get(i(e))||x();break;case"unity-typography":customElements.get(i(e))||E()}}))}export{w as A,$ as d}

package/dist/components/ag-grid-base.js

@@ -1,9 +1 @@
-import { A as AgGridBase$1, d as defineCustomElement$1 } from './ag-grid-base2.js';
-
-const AgGridBase = AgGridBase$1;
-const defineCustomElement = defineCustomElement$1;
-
-export { AgGridBase, defineCustomElement };
-//# sourceMappingURL=ag-grid-base.js.map
-
-//# sourceMappingURL=ag-grid-base.js.map
+import{A as s,d as a}from"./ag-grid-base2.js";const o=s,r=a;export{o as AgGridBase,r as defineCustomElement}