npm - udp-stencil-component-library - Versions diffs - 25.18.1-beta.7 → 25.18.1-beta.9 - Mend

udp-stencil-component-library 25.18.1-beta.7 → 25.18.1-beta.9

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (979) hide show

package/dist/cjs/udp-tab.cjs.entry.js ADDED Viewed

@@ -0,0 +1,38 @@
+'use strict';
+var index = require('./index-DrMNAZCL.js');
+const udpTabCss = ".tab-panel{display:none}.tab-panel.active{display:block}";
+const UdpTab = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        /**
+         * True if this is the active tab.
+         * This is set by the parent <udp-tabs> component.
+         */
+        this.active = false;
+        /**
+         * Placement of the icon relative to the title.
+         * @default 'start'
+         */
+        this.iconPlacement = 'start';
+        /**
+         * If true, the tab will be hidden from the tab list.
+         * @default false
+         */
+        this.hidden = false;
+        /**
+         * If true, the tab will be unselectable.
+         * @default false
+         */
+        this.disabled = false;
+    }
+    render() {
+        return (index.h("div", { key: '90108764a6f54e335d1d140cb314c097035c457b', class: { 'tab-panel': true, 'active': this.active }, role: "tabpanel" }, index.h("slot", { key: '6a4ceb9d61a89e4ef6fb6c3d8da60af03aa6ca64' })));
+    }
+};
+UdpTab.style = udpTabCss;
+exports.udp_tab = UdpTab;
+//# sourceMappingURL=udp-tab.entry.cjs.js.map

package/dist/cjs/udp-tab.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-tab.entry.cjs.js","sources":["src/components/my-component/UI/tabs/tab/udp-tab.css?tag=udp-tab","src/components/my-component/UI/tabs/tab/udp-tab.tsx"],"sourcesContent":[".tab-panel {\n display: none;\n }\n\n .tab-panel.active {\n display: block;\n }\n\n\n","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-tab',\n styleUrl: 'udp-tab.css',\n})\nexport class UdpTab {\n /**\n * The title of the tab, displayed in the tab-header.\n */\n @Prop() label: string;\n\n /**\n * True if this is the active tab.\n * This is set by the parent <udp-tabs> component.\n */\n @Prop({ reflect: true }) active: boolean = false;\n\n /**\n * Optional icon to display in the tab.\n */\n @Prop() icon?: string;\n\n /**\n * Placement of the icon relative to the title.\n * @default 'start'\n */\n @Prop() iconPlacement?: 'start' | 'end' | 'top' | 'bottom' = 'start';\n /**\n * If true, the tab will be hidden from the tab list.\n * @default false\n */\n @Prop() hidden?: boolean = false;\n\n /**\n * If true, the tab will be unselectable.\n * @default false\n */\n @Prop() disabled?: boolean = false;\n\n render() {\n return (\n <div class={{ 'tab-panel': true, 'active': this.active }} role=\"tabpanel\">\n <slot></slot>\n </div>\n );\n }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,SAAS,GAAG,0DAA0D;;MCM/D,MAAM,GAAA,MAAA;AAJnB,IAAA,WAAA,CAAA,OAAA,EAAA;;AAUE;;;AAGG;AACsB,QAAA,IAAM,CAAA,MAAA,GAAY,KAAK;AAOhD;;;AAGG;AACK,QAAA,IAAa,CAAA,aAAA,GAAwC,OAAO;AACpE;;;AAGG;AACK,QAAA,IAAM,CAAA,MAAA,GAAa,KAAK;AAEhC;;;AAGG;AACK,QAAA,IAAQ,CAAA,QAAA,GAAa,KAAK;AASnC;IAPC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAE,EAAE,WAAW,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,EAAC,UAAU,EAAA,EACvEA,OAAa,CAAA,MAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACT;;;;;;;"}

package/dist/cjs/udp-vertical-spacer.cjs.entry.js CHANGED Viewed

@@ -15,7 +15,7 @@ const UdpVerticalSpacer = class {
             large: 'spacing-13', // Assuming this corresponds to --spacing-13
         };
         const spacingClass = sizeMap[this.unit] || 'spacing-01';
-        return (index.h("div", { key: '6f95b2f7bac8b4c689e35d4923ff72ae310e5fdb', class: spacingClass }));
+        return (index.h("div", { key: '40591bca33eed59816db93c10b17e3fd869feda5', class: spacingClass }));
     }
 };
 UdpVerticalSpacer.style = udpVerticalSpacerCss;

package/dist/cjs/udp-xy-chart.cjs.entry.js CHANGED Viewed

@@ -120,7 +120,7 @@ const UdpXyChart = class {
         this.renderChart();
     }
     render() {
-        return (index.h("chart-container", { key: 'd9fde65c90053420c8cd49cdf1563cad73eaef77', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (index.h("chart-container", { key: 'f43c02933036c59003480fcc015b4ed7a520ac1d', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartHeight: this.customHeight, chartWidth: this.customWidth, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/udp-xy-multi-series-chart.cjs.entry.js CHANGED Viewed

@@ -127,7 +127,7 @@ const UdpXyMultiSeriesChart = class {
         this.renderChart();
     }
     render() {
-        return (index.h("chart-container", { key: '3d2981719204d4271691e787aa1b6809d3f4e7a0', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
+        return (index.h("chart-container", { key: 'ee130ed18c303e25fce7aa5dd5959a7ccabb7e8a', kpis: this.kpis, chartId: this.chartId, title: this.title, subheader: this.subheader, chartWidth: this.customWidth, chartHeight: this.customHeight, cardWidth: this.customCardWidth, kpisPosition: this.kpisPosition, hideAdornment: this.hideAdornment, hideBorder: this.hideBorder, removePadding: this.removePadding }));
     }
     get el() { return index.getElement(this); }
     static get watchers() { return {

package/dist/cjs/unity-typography.cjs.entry.js ADDED Viewed

@@ -0,0 +1,63 @@
+'use strict';
+var index = require('./index-DrMNAZCL.js');
+const unityTypographyCss = "body{font-family:var(--font-family)}:host{display:block;overflow:visible !important}h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0}:host([gutterBottom]) h1,:host([gutterBottom]) h2,:host([gutterBottom]) h3,:host([gutterBottom]) h4,:host([gutterBottom]) h5,:host([gutterBottom]) h6,:host([gutterBottom]) p,:host([gutterBottom]) span{margin-bottom:var(--spacing-02)}.body1{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.body2{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}h1{font-size:var(--h1-font-size);font-weight:var(--h1-font-weight);line-height:var(--h1-line-height);font-family:var(--font-family)}h2{font-size:var(--h2-font-size);font-weight:var(--h2-font-weight);line-height:var(--h2-line-height);font-family:var(--font-family)}h3{font-size:var(--h3-font-size);font-weight:var(--h3-font-weight);line-height:var(--h3-line-height);font-family:var(--font-family)}h4{font-size:var(--h4-font-size);font-weight:var(--h4-font-weight);line-height:var(--h4-line-height);font-family:var(--font-family)}h5{font-size:var(--h5-font-size);font-weight:var(--h5-font-weight);line-height:var(--h5-line-height);font-family:var(--font-family)}h6{font-size:var(--h6-font-size);font-weight:var(--h6-font-weight);line-height:var(--h6-line-height);font-family:var(--font-family)}p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);font-family:var(--font-family)}.caption-text{font-size:var(--caption-text-font-size);font-weight:var(--caption-text-font-weight);line-height:var(--caption-text-line-height);font-family:var(--font-family)}.data-display-one{font-size:var(--data-display-one-font-size);font-weight:var(--data-display-one-font-weight);line-height:var(--data-display-one-line-height);font-family:var(--font-family)}.data-display-two{font-size:var(--data-display-two-font-size);font-weight:var(--data-display-two-font-weight);line-height:var(--data-display-two-line-height);font-family:var(--font-family)}.data-display-three{font-size:var(--data-display-three-font-size);font-weight:var(--data-display-three-font-weight);line-height:var(--data-display-three-line-height);font-family:var(--font-family)}.data-display-four{font-size:var(--data-display-four-font-size);font-weight:var(--data-display-four-font-weight);line-height:var(--data-display-four-line-height);font-family:var(--font-family)}.button{font-size:var(--button-font-size);font-weight:var(--button-font-weight);line-height:var(--button-line-height);font-family:var(--font-family)}.bold{font-weight:var(--font-weight-bold, 700) !important}.color-main{color:var(--text-main)}.color-textSecondary{color:var(--text-secondary)}.color-primary{color:var(--primary-color)}.color-secondary{color:var(--secondary-color)}.color-disabled{color:var(--text-disabled)}.color-hint{color:var(--text-hint)}.color-inherit{color:inherit}.color-error{color:var(--error-color-main, #d32f2f) !important}";
+const typography = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        this.variant = 'body';
+        this.gutterBottom = false;
+        this.bold = false;
+        this.color = 'main';
+    }
+    getClasses(baseClass) {
+        return {
+            [baseClass]: true,
+            'bold': this.bold,
+            [`color-${this.color}`]: true
+        };
+    }
+    render() {
+        if (this.variant === 'body') {
+            return index.h("span", { class: this.getClasses('body') }, index.h("slot", null));
+        }
+        switch (this.variant) {
+            case 'h1':
+                return index.h("h1", { class: this.getClasses('h1') }, index.h("slot", null));
+            case 'h2':
+                return index.h("h2", { class: this.getClasses('h2') }, index.h("slot", null));
+            case 'h3':
+                return index.h("h3", { class: this.getClasses('h3') }, index.h("slot", null));
+            case 'h4':
+                return index.h("h4", { class: this.getClasses('h4') }, index.h("slot", null));
+            case 'h5':
+                return index.h("h5", { class: this.getClasses('h5') }, index.h("slot", null));
+            case 'h6':
+                return index.h("h6", { class: this.getClasses('h6') }, index.h("slot", null));
+            case 'body1':
+                return index.h("p", { class: this.getClasses('body1') }, index.h("slot", null));
+            case 'body2':
+                return index.h("p", { class: this.getClasses('body2') }, index.h("slot", null));
+            case 'caption-text':
+                return index.h("span", { class: this.getClasses('caption-text') }, index.h("slot", null));
+            case 'data-display-one':
+                return index.h("span", { class: this.getClasses('data-display-one') }, index.h("slot", null));
+            case 'data-display-two':
+                return index.h("span", { class: this.getClasses('data-display-two') }, index.h("slot", null));
+            case 'data-display-three':
+                return index.h("span", { class: this.getClasses('data-display-three') }, index.h("slot", null));
+            case 'data-display-four':
+                return index.h("span", { class: this.getClasses('data-display-four') }, index.h("slot", null));
+            case 'button':
+                return index.h("span", { class: this.getClasses('button') }, index.h("slot", null));
+            default:
+                return index.h("p", { class: this.getClasses('body1') }, index.h("slot", null));
+        }
+    }
+};
+typography.style = unityTypographyCss;
+exports.unity_typography = typography;
+//# sourceMappingURL=unity-typography.entry.cjs.js.map

package/dist/cjs/unity-typography.entry.cjs.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"unity-typography.entry.cjs.js","sources":["src/components/my-component/UI/unity-typography/unity-typography.css?tag=unity-typography&encapsulation=shadow","src/components/my-component/UI/unity-typography/unity-typography.tsx"],"sourcesContent":["body {\n font-family: var(--font-family);\n}\n\n:host {\n display: block;\n overflow: visible !important\n}\n\n/* Reset margins for all typography elements */\nh1, h2, h3, h4, h5, h6, p, span {\n margin: 0;\n padding: 0;\n}\n\n/* Add specific margins only when gutterBottom prop is true */\n:host([gutterBottom]) h1,\n:host([gutterBottom]) h2,\n:host([gutterBottom]) h3,\n:host([gutterBottom]) h4,\n:host([gutterBottom]) h5,\n:host([gutterBottom]) h6,\n:host([gutterBottom]) p,\n:host([gutterBottom]) span {\n margin-bottom: var(--spacing-02);\n}\n\n/* Body Text */\n.body1 {\n font-size: var(--body-font-size);\n font-weight: var(--body-font-weight);\n line-height: var(--body-line-height);\n font-family: var(--font-family);\n}\n\n.body2 {\n font-size: var(--body-font-size);\n font-weight: var(--body-font-weight);\n line-height: var(--body-line-height);\n font-family: var(--font-family);\n}\n\n/* Headings */\nh1 {\n font-size: var(--h1-font-size);\n font-weight: var(--h1-font-weight);\n line-height: var(--h1-line-height);\n font-family: var(--font-family);\n}\n\nh2 {\n font-size: var(--h2-font-size);\n font-weight: var(--h2-font-weight);\n line-height: var(--h2-line-height);\n font-family: var(--font-family);\n}\n\nh3 {\n font-size: var(--h3-font-size);\n font-weight: var(--h3-font-weight);\n line-height: var(--h3-line-height);\n font-family: var(--font-family);\n}\n\nh4 {\n font-size: var(--h4-font-size);\n font-weight: var(--h4-font-weight);\n line-height: var(--h4-line-height);\n font-family: var(--font-family);\n}\n\nh5 {\n font-size: var(--h5-font-size);\n font-weight: var(--h5-font-weight);\n line-height: var(--h5-line-height);\n font-family: var(--font-family);\n}\n\nh6 {\n font-size: var(--h6-font-size);\n font-weight: var(--h6-font-weight);\n line-height: var(--h6-line-height);\n font-family: var(--font-family);\n}\n\n/* Body */\np {\n font-size: var(--body-font-size);\n font-weight: var(--body-font-weight);\n line-height: var(--body-line-height);\n font-family: var(--font-family);\n}\n\n/* Caption Text */\n.caption-text {\n font-size: var(--caption-text-font-size);\n font-weight: var(--caption-text-font-weight);\n line-height: var(--caption-text-line-height);\n font-family: var(--font-family);\n}\n\n/* Data Display One */\n.data-display-one {\n font-size: var(--data-display-one-font-size);\n font-weight: var(--data-display-one-font-weight);\n line-height: var(--data-display-one-line-height);\n font-family: var(--font-family);\n}\n\n/* Data Display Two */\n.data-display-two {\n font-size: var(--data-display-two-font-size);\n font-weight: var(--data-display-two-font-weight);\n line-height: var(--data-display-two-line-height);\n font-family: var(--font-family);\n}\n\n/* Data Display Three */\n.data-display-three {\n font-size: var(--data-display-three-font-size);\n font-weight: var(--data-display-three-font-weight);\n line-height: var(--data-display-three-line-height);\n font-family: var(--font-family);\n}\n\n/* Data Display Four */\n.data-display-four {\n font-size: var(--data-display-four-font-size);\n font-weight: var(--data-display-four-font-weight);\n line-height: var(--data-display-four-line-height);\n font-family: var(--font-family);\n}\n\n/* Button */\n.button {\n font-size: var(--button-font-size);\n font-weight: var(--button-font-weight);\n line-height: var(--button-line-height);\n font-family: var(--font-family);\n}\n\n/* Add this after your existing styles */\n\n/* Bold modifier */\n.bold {\n font-weight: var(--font-weight-bold, 700) !important;\n}\n\n/* Add after existing styles */\n\n/* Color variants */\n.color-main {\n color: var(--text-main);\n}\n\n.color-textSecondary {\n color: var(--text-secondary);\n}\n\n.color-primary {\n color: var(--primary-color);\n}\n\n.color-secondary {\n color: var(--secondary-color);\n}\n\n.color-disabled {\n color: var(--text-disabled);\n}\n\n.color-hint {\n color: var(--text-hint);\n}\n\n/* Add this to your color variants section */\n.color-inherit {\n color: inherit;\n}\n\n/* Error color variant for form error messages */\n.color-error {\n color: var(--error-color-main, #d32f2f) !important;\n}\n","import { Component, h, Prop } from '@stencil/core';\nimport { TypographyVariant, TypographyColor, UnityTypographyProps } from './types';\n\n\n@Component({\n tag: 'unity-typography',\n styleUrl: 'unity-typography.css',\n shadow: true\n})\nexport class typography implements UnityTypographyProps {\n @Prop() variant: TypographyVariant = 'body';\n @Prop() gutterBottom: boolean = false;\n @Prop() bold: boolean = false;\n @Prop() color: TypographyColor = 'main';\n\n private getClasses(baseClass: string): { [key: string]: boolean } {\n return {\n [baseClass]: true,\n 'bold': this.bold,\n [`color-${this.color}`]: true\n };\n }\n\n render() {\n if (this.variant === 'body') {\n return <span class={this.getClasses('body')}><slot /></span>;\n }\n\n switch (this.variant) {\n case 'h1':\n return <h1 class={this.getClasses('h1')}><slot /></h1>;\n case 'h2':\n return <h2 class={this.getClasses('h2')}><slot /></h2>;\n case 'h3':\n return <h3 class={this.getClasses('h3')}><slot /></h3>;\n case 'h4':\n return <h4 class={this.getClasses('h4')}><slot /></h4>;\n case 'h5':\n return <h5 class={this.getClasses('h5')}><slot /></h5>;\n case 'h6':\n return <h6 class={this.getClasses('h6')}><slot /></h6>;\n case 'body1':\n return <p class={this.getClasses('body1')}><slot /></p>;\n case 'body2':\n return <p class={this.getClasses('body2')}><slot /></p>;\n case 'caption-text':\n return <span class={this.getClasses('caption-text')}><slot /></span>;\n case 'data-display-one':\n return <span class={this.getClasses('data-display-one')}><slot /></span>;\n case 'data-display-two':\n return <span class={this.getClasses('data-display-two')}><slot /></span>;\n case 'data-display-three':\n return <span class={this.getClasses('data-display-three')}><slot /></span>;\n case 'data-display-four':\n return <span class={this.getClasses('data-display-four')}><slot /></span>;\n case 'button':\n return <span class={this.getClasses('button')}><slot /></span>;\n default:\n return <p class={this.getClasses('body1')}><slot /></p>;\n }\n }\n}\n"],"names":["h"],"mappings":"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"}

package/dist/collection/collection-manifest.json CHANGED Viewed

@@ -1,12 +1,8 @@
 {
   "entries": [
     "udp-utilities/udp-user-creator.js",
-    "udp-utilities/api-udp/get-user.js",
-    "udp-utilities/api-udp/udp-fetch.js",
-    "toggle-button.js",
     "components/deprecated/side-sheet/side-sheet-container.js",
     "components/deprecated/side-sheet/side-sheet.js",
-    "components/my-component/my-component.js",
     "components/my-component/UI/advanced-search/advanced-search-grouped.js",
     "components/my-component/UI/advanced-search/advanced-search.js",
     "components/my-component/UI/advanced-search/filter-conditions/filter-conditions.js",
@@ -156,12 +152,8 @@
     "components/my-component/UI/toolbars/app-bar/app-bar.js",
     "components/my-component/UI/unity-typography/unity-typography.js",
     "components/my-component/UI/util/ghost-render/ghost-render.js",
-    "components/my-component/demo/ambient-demo-container.js",
-    "components/my-component/test-api/test-api.js",
     "components/test-component/inputs-example/inputs-example.js",
-    "page-renderer/page-renderer.js",
     "theme/color-preview/color-preview.js",
-    "udp-utilities/api/useAxiosMutate/testApi.js",
     "udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.js",
     "udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.js"
   ],

package/dist/collection/components/deprecated/side-sheet/side-sheet-container.js CHANGED Viewed

@@ -5,7 +5,7 @@ export class SideSheetContainer {
     }
     render() {
         const style = this.padding ? { 'padding': '16px' } : {};
-        return (h("div", { key: 'f0e6079f5c1f51ad498f5807242a8cdf6fbde319', class: "container", style: style }, h("slot", { key: '29bdfc0b3cb9864c68b29fcd60a4c9e418908836' })));
+        return (h("div", { key: '81051909c2df46958fc74039920edcfc3347ceeb', class: "container", style: style }, h("slot", { key: '208bb8004a57e236f9a9689eef96b10ef792285e' })));
     }
     static get is() { return "side-sheet-container"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/deprecated/side-sheet/side-sheet.js CHANGED Viewed

@@ -15,7 +15,7 @@ export class SideSheet {
     render() {
         const widthClass = typeof this.widthOption === 'number' ? 'custom-width' : this.widthOption;
         const sideSheetStyle = typeof this.widthOption === 'number' ? { width: `${this.widthOption}px` } : {};
-        return (h("div", { key: 'da0b1a0577d716fe8d840e1335a9bb591acfa148' }, h("div", { key: '1e3ea17a750f2224103c3e9b9423d464a95631b4', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: '3b6ec3db910a1a53e4c18323f65877c4b8fa5910', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: 'c911e28d5929c8fc0679c317e3d4201f791b4aa9', class: "title" }, h("div", { key: '49cc28869bd012456e1cbe410a2c403bf49a2226', class: 'close-button' }, h("stencil-icon-button", { key: '2b73d4e327784cca166c64689f75b3054b11c070', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: 'de821f022fa4d56b6759cac4fe100647abae8e19', class: 'title' }, h("unity-typography", { key: '6e144bd8ef033474cffc6b093a30ec63858c7866', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: '959c3f6648931360cb87ef28e4e63f399d132610', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: '18636ab27e74452bc7fca737e9512f7e774c3e25', padding: this.padding }, h("slot", { key: '81423b33efb595caf76b54a3e3094586940afe28' })))));
+        return (h("div", { key: '036108765e0adb7887260f2cf6720a4a17232a67' }, h("div", { key: 'a272a6e1416f15b53422016b2c019ff921ff1860', class: { 'backdrop': true, 'open': this.open }, onClick: this.toggleDrawer }), h("div", { key: 'e3ebe3552f40173924563f615c15e1cd7c555b80', class: { 'side-sheet': true, 'open': this.open, 'close': !this.open, [this.position]: true, [widthClass]: true }, style: sideSheetStyle }, h("div", { key: '91f6850ea18494467fe29e2b4d6055fd819afb5c', class: "title" }, h("div", { key: '3520199bade6fc0cd5bf4189b6c7295e9632473a', class: 'close-button' }, h("stencil-icon-button", { key: '3a40fdcca73e3a4ec9a2e8f70af24d68bec25562', icon: Close24, onClick: this.toggleDrawer })), h("div", { key: '639de6b74e7be616b993fbcc2cb32306cd537b4d', class: 'title' }, h("unity-typography", { key: '7b696cc1dfef033054bb5096ce1c1c12c2683d02', variant: "data-display-four" }, this.title)), this.sideSheetButtonLabel && h("custom-button", { key: '9062ff7cd51930b5321f3c6d3663a9637f25842a', style: { transform: this.buttonTransform, }, size: 'tall', disabled: this.disabled, onCustomClick: () => this.handleSideSheetButton() }, this.sideSheetButtonLabel)), h("side-sheet-container", { key: '325e75f40c3033746c2ab7f559ad24825a37b78a', padding: this.padding }, h("slot", { key: '86507469693b1d4cdca7d22d796a3f92561732e6' })))));
     }
     static get is() { return "side-sheet"; }
     static get originalStyleUrls() {

package/dist/collection/components/my-component/UI/advanced-search/advanced-search-grouped.js CHANGED Viewed

@@ -3,6 +3,10 @@ import { forceUpdate, h } from "@stencil/core";
 import { v4 as uuid } from "uuid";
 import { state } from "../../../../store/catalog-store";
 import { useTreeDatasource } from "../grid/conversionFunctions/conversionFunctions";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Please use `udp-advanced-search-builder` instead
+ */
 export class AdvancedSearchGrouped {
     constructor() {
         this.filterList = [];
@@ -216,10 +220,10 @@ export class AdvancedSearchGrouped {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (h("div", { key: '09f1fc821d769ebc2268c71b6d5e0cd9c5bb5dcd', class: "container" }, h("div", { key: 'b9783644aacfaaa48f6c979d2663f2dc11067822', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (h("div", { key: '6012e228fb701e7ec8dd2d35c613099aab8e70bb', class: "recent-searches" }, "Recent Searches", h("div", { key: '82039c4f92ddb0a36547ae951ebb186e461cab0e', style: { display: 'flex', alignItems: 'center' } }, h("udp-selector", { key: 'e9fb45d3955c35ce2e1719b3709e0aee6ee930d0', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), h("udp-function-button", { key: '51e1053362e00f57cebf23e294052a91b615b35f', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (h("div", { key: 'ce42c407075138781ed6cee4b489e7148589acd1', style: { marginRight: '8px' } }, h("udp-grid-loader", { key: '85a42fd1a921a430d478db952fdb440b0b6648a1', width: "362px", "num-columns": "1", "num-rows": "20" }))), h("div", { key: 'be1a94410067fcdad84fc35cd8b93ffe59dc3a3d' }, safeTestData.map((filter, index) => {
+        return (h("div", { key: '44ad58b7b1b20d4315c095a0aa2fae993581de5f', class: "container" }, h("div", { key: '8ab66afcc6b2be4a8c757034a013d085dfea9585', class: "left-column" }, this.selectRecentSearch !== null && this.fullClearSearch !== null && (h("div", { key: 'bdc179310c8dff96b24881504e0b939504aaa1bd', class: "recent-searches" }, "Recent Searches", h("div", { key: 'a995a2f902609373ff1cc94487cd53e3152205c4', style: { display: 'flex', alignItems: 'center' } }, h("udp-selector", { key: 'c34b4d62240fca2b7faa64d3681d254bb1eb24f1', options: this.recentSearchesOptions, onChange: (e) => this.selectRecentSearch(e), style: { marginRight: '10px' } }), h("udp-function-button", { key: '269bf9a2048436ef1c5fdf2dc3d1092e388153de', delete: true, onClick: this.fullClearSearch })))), !safeTestData.length && (h("div", { key: '8786af2cd61035fac7814c31635f2800bde03090', style: { marginRight: '8px' } }, h("udp-grid-loader", { key: 'e317dfbca9aa71158df07be961891dd009ccc2a7', width: "362px", "num-columns": "1", "num-rows": "20" }))), h("div", { key: 'a55cf9687c80d1411a061a7d11bde5068cee40be' }, safeTestData.map((filter, index) => {
             var _a;
             return (h("tree-list-item", { add: true, showAdd: true, 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: '9b487ff406e7909d0b3123dbe999000341bd3c0b', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (h("div", { key: '2fb75e0af3de5d4e1486033fbed129c059743e83', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
+        }))), h("div", { key: '3cfee395db5bd184e0d50a00136763fa97e792e4', class: "right-column" }, this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))), this.disableFilterSelection && (h("div", { key: 'b51704d900fc41cce97bb88ad9f10040b6071e39', style: { width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' } }))));
     }
     static get is() { return "advanced-search-grouped"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search/advanced-search-grouped.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"advanced-search-grouped.js","sourceRoot":"","sources":["../../../../../src/components/my-component/UI/advanced-search/advanced-search-grouped.tsx"],"names":[],"mappings":"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","sourcesContent":["import Close24 from '@carbon/icons/es/close/24';\nimport { Component, Element, Event, EventEmitter, forceUpdate, h, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\nimport { state } from '../../../../store/catalog-store';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { FilterGroup } from './types';\n\n@Component({\n tag: 'advanced-search-grouped',\n styleUrl: 'advanced-search.css',\n shadow: true,\n})\nexport class AdvancedSearchGrouped {\n @Prop() filterList: any[] = [];\n @Prop() filterRenderList: any[] = [];\n @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n @Prop() handleItemClick: (item: { searchField: string; searchOperator: string; searchValue: string }) => void;\n @State() nestedData: Map<string, any[]> = new Map();\n @Prop() handleDelete: (arg0: object) => void;\n @Prop() handleGroupDelete: (filterGroupId: string) => void;\n @Prop() findGroupById: (groups: FilterGroup[], id: string) => FilterGroup \| null;\n\n @Event() advancedSearchItemChange: EventEmitter;\n @Prop() handleValueChanged: (event: CustomEvent) => void;\n @State() searchObject: Array<any> = [];\n @State() tempNestedData: Map<string, any[]> = new Map();\n //@Prop() parentFilter?: string;\n @State() testData: any[] = [];\n @State() showChildren: boolean = false;\n @Element() el: HTMLElement;\n @State() filterGroups: FilterGroup[] = [];\n\n @Prop() filterObjectsWithGroups: FilterGroup[] = [];\n @State() disableFilterSelection: boolean = true;\n @Prop() searchData: any;\n @Prop() updateLogicalOperator: (groupId: string, logicalOperator: 'AND' \| 'OR') => void;\n\n @Prop() handleAddNewFilter: (groupId: string) => void;\n @Prop() handleAddNewGroup: (groupId: string, logicalOperator: 'AND' \| 'OR') => void;\n @State() sharedId: string = '';\n\n @Event() searchItemChanged: EventEmitter;\n @Event() searchOperatorChanged: EventEmitter;\n\n @State() filters: Array<{\n id: string;\n groupId: string;\n searchField: string;\n searchOperator: string;\n searchValue: string;\n }> = [];\n\n @Prop() recentSearchesOptions: any[] = [];\n @Prop() selectRecentSearch: (e: any) => void;\n @Prop() fullClearSearch: () => void;\n @Prop() getLogicalOperatorCode: (logicalOperator: 'AND' \| 'OR') => number;\n @Prop() getLogicalOperatorValue: (logicalOperator: number) => 'AND' \| 'OR';\n @Prop() getHeaderFieldLabel: (fieldName: string) => string;\n\n componentWillLoad() {}\n\n @Watch('filterList')\n filterListWatcher(newValue: any[], oldValue: any[]) {\n if (newValue !== oldValue) {\n this.testData = newValue;\n }\n }\n\n @Watch('filterObjectsWithGroups')\n filterObjectsWithGroupsChanged(newValue: FilterGroup[], oldValue: FilterGroup[]) {\n if (newValue !== oldValue) {\n // React to the change as necessary, e.g., re-initialize certain state based on the new prop value\n }\n }\n\n handleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n console.log(\n 'Clicked reference:',\n referenceValue,\n 'Name:',\n name,\n 'Parent Reference:',\n parentReference,\n 'parentFilter',\n parentFilter,\n 'parent reference click test',\n parent,\n parentPath,\n );\n\n if (state.isLoadingCatalogData \|\| state.catalogData === null) {\n console.log('Catalog data is not ready yet.');\n return;\n }\n\n try {\n console.log('state.catalogData', state.catalogData);\n const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n console.log('extendedSearchFilterList', extendedSearchFilterList);\n\n if (Array.isArray(extendedSearchFilterList)) {\n this.updateNestedData(extendedSearchFilterList);\n } else {\n console.error('Extended search filter list is not an array');\n }\n console.log('Updated nestedData:', Array.from(this.nestedData.entries()));\n } catch (error) {\n console.error('Error fetching filters:', error);\n }\n };\n\n updateNestedData = children => {\n if (!Array.isArray(children) \|\| children.length === 0) {\n console.error('Invalid or empty children data provided for updateNestedData');\n return;\n }\n\n console.log('children in updatedNest', children);\n const fromFilter = children[0].extendedProperties.fromFilter;\n const parentName = children[0].extendedProperties.parent;\n\n const checkForName = fromFilter;\n\n const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n console.log('testParentArray', testParentArray);\n\n if (testParentArray) {\n testParentArray.forEach(parentItem => {\n if (parentItem.name === parentName) {\n parentItem.referenceNode = children;\n console.log('add referenceNode array', children, testParentArray);\n } else if (parentItem.reference && parentItem.referenceNode) {\n this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n }\n });\n }\n\n // Helper function to check if an item is already present in the array\n const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n // Recursive function to update the nested data\n const updateNestedDataHelper = (array, children, parentName) => {\n return array.map(item => {\n if (item.name === parentName) {\n // Filter out children that are already present before appending\n const newChildren = children.filter(child => !isItemPresent(item.referenceNode \|\| [], child));\n return { ...item, referenceNode: [...(item.referenceNode \|\| []), ...newChildren] };\n } else if (item.referenceNode) {\n return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n } else {\n return item;\n }\n });\n };\n\n // Start the recursive update and assign it to testData\n this.testData = updateNestedDataHelper(this.testData, children, parentName);\n\n console.log('Updated testData', this.testData);\n forceUpdate(this); // Not generally recommended, use as a last resort\n };\n\n updateNestedDataRecursively = (nestedArray, children, parentName) => {\n nestedArray.forEach(item => {\n if (item.name === parentName) {\n item.referenceNode = children;\n } else if (item.referenceNode) {\n this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n }\n });\n };\n\n private onTreeListItemClick = (\n event: CustomEvent<{ searchField: string; searchOperator: string; searchValue: string; parentName?: string; parent?: string; parentPath?: string; id?: string }>,\n ) => {\n const detail = event.detail;\n console.log('Tree list item clicked in grouped:', detail);\n // Function to convert string to PascalCase\n const toPascalCase = str => {\n return str\n .split('.')\n .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n .join('.');\n };\n\n // Check if both parentName and parentPath are present\n if (detail.parentName && detail.parentPath) {\n detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n } else if (detail.parentName) {\n // If only parentName is present, exclude parentPath\n detail.searchField = `${detail.parentName}.${detail.searchField}`;\n } else {\n // No parentName or parentPath, use searchField as is\n detail.searchField = `${detail.searchField}`;\n }\n\n // Convert searchField to PascalCase\n detail.searchField = toPascalCase(detail.searchField);\n\n this.handleItemClick(detail); // Perform the search with the modified search object\n this.disableFilterSelection = true;\n };\n\n updateFilterWithUserData(uniqueId: string, userData: { searchField: string; searchOperator: string; searchValue: string }) {\n const updatedFilters = this.filters.map(filter => (filter.id === uniqueId ? { ...filter, ...userData } : filter));\n this.filters = updatedFilters; // Update the state with the modified filters array\n }\n\n updateGroupLogicalOperator(groupId: string, newLogicalOperator: 'AND' \| 'OR') {\n const updateOperatorInNode = (nodes: any[], nodeId: string, newOperator: 'AND' \| 'OR') => {\n for (const node of nodes) {\n if (node.id === nodeId) {\n node.logicalOperator = newOperator; // Update the operator\n return true;\n }\n if (node.children && updateOperatorInNode(node.children, nodeId, newOperator)) {\n return true; // Operator updated in a deeper level\n }\n }\n return false; // Node not found\n };\n\n // Attempt to update the operator in the node\n if (updateOperatorInNode(this.filterObjectsWithGroups, groupId, newLogicalOperator)) {\n // If the update was successful, trigger a state update\n this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];\n }\n }\n\n handleSearchItemChange(event: CustomEvent) {\n const { searchOperator, searchValue, filterGroupId, id } = event.detail;\n const group = this.findGroupById(this.filterObjectsWithGroups, filterGroupId);\n\n if (group) {\n const filter = group.filters.find(f => f.id === id);\n if (filter) {\n filter.searchOperator = searchOperator;\n filter.searchValue = searchValue;\n this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];\n }\n }\n\n this.searchItemChanged.emit(event.detail);\n }\n\n private handleOperatorSelected(event: CustomEvent, filterGroupId: string) {\n const selectedOptionValue = event.detail.value; // Assuming this is '1' for AND, '2' for OR\n const newLogicalOperator = this.getLogicalOperatorValue(selectedOptionValue);\n\n // Call the updateLogicalOperator prop function passed from the parent component\n this.updateLogicalOperator(filterGroupId, newLogicalOperator);\n this.searchOperatorChanged.emit();\n }\n\n currentLogicalOperator: 'AND' \| 'OR' = 'AND';\n\n private renderFilterGroup(filterGroup: FilterGroup, level: number = 0) {\n const isRoot = filterGroup.id === 'root';\n const isDefault = filterGroup.id === 'default';\n const paddingStyle = { 'padding-left': `${20 * level}px` };\n\n const logicalOperator = this.getLogicalOperatorCode(filterGroup.logicalOperator).toString();\n\n const operatorSelector = (\n <udp-selector\n options={[\n { value: '1', label: 'AND' },\n { value: '2', label: 'OR' },\n ]}\n onChange={(event: CustomEvent) => this.handleOperatorSelected(event, filterGroup.filterGroupId)}\n initialValue={logicalOperator}\n disabled={isRoot \|\| isDefault}\n />\n );\n\n const deleteGroupButton = !isRoot && !isDefault && <stencil-icon-button icon={Close24} onClick={() => this.handleGroupDelete(filterGroup.filterGroupId)} />;\n\n const filterItems = !isRoot && (\n <div class=\"search-input-list\">\n {filterGroup.filters.map((filter, index) => (\n <search-list-item\n key={`${filter.id}-${index}`}\n isDefault={isDefault}\n id={filter.id}\n filterGroupId={filter.filterGroupId}\n label={filter?.searchLabel ?? filter.searchField}\n fieldName={filter.searchField}\n handleDelete={() => this.handleDelete(filter)}\n name={filter.searchValue}\n operator={filter.searchOperator}\n onSearchItemChanged={event => this.handleSearchItemChange(event)}\n isInitialSearchItem={filter.isInitialFilterElement}\n />\n ))}\n </div>\n );\n\n const actionButtons = !isDefault && (\n <div style={{ display: 'flex', gap: '8px', marginTop: '8px' }}>\n {!isRoot && (\n <custom-button variant=\"outline\" onClick={() => this.addFilter(filterGroup.id, filterGroup.filterGroupId)}>\n + Field\n </custom-button>\n )}\n <custom-button variant=\"outline\" onClick={() => this.handleAddNewGroup(!isRoot ? filterGroup.id : 'root', this.currentLogicalOperator)}>\n + Group\n </custom-button>\n </div>\n );\n\n const nestedGroups = <div class=\"nested-groups\">{(filterGroup.children \|\| []).map(childGroup => this.renderFilterGroup(childGroup, level + 1))}</div>;\n\n return (\n <div class={!isRoot && 'filter-group'} style={paddingStyle}>\n {isDefault && filterGroup.filters.length === 0 ? null : (\n <div style={{ marginBottom: '16px' }}>\n <div style={{ display: 'flex', gap: '8px' }}>\n {operatorSelector}\n {deleteGroupButton}\n </div>\n </div>\n )}\n\n {filterItems}\n {actionButtons}\n {nestedGroups}\n </div>\n );\n }\n\n private addFilter(groupId: string, filterGroupId: string) {\n console.log('Adding filter...');\n this.disableFilterSelection = false;\n if (this.handleAddNewFilter) {\n this.handleAddNewFilter(filterGroupId);\n }\n\n const newFilterPlaceholder = {\n id: uuid(),\n groupId: groupId,\n filterGroupId: filterGroupId,\n searchField: '', // Initial placeholder for the search field\n searchOperator: '=', // Default or initial placeholder for the search operator\n searchValue: '', // Initial placeholder for the search value\n };\n this.filters = [...this.filters, newFilterPlaceholder];\n }\n\n render() {\n const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n return (\n <div class=\"container\">\n <div class=\"left-column\">\n {this.selectRecentSearch !== null && this.fullClearSearch !== null && (\n <div class=\"recent-searches\">\n Recent Searches\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <udp-selector options={this.recentSearchesOptions} onChange={(e: CustomEvent) => this.selectRecentSearch(e)} style={{ marginRight: '10px' }}></udp-selector>\n <udp-function-button delete onClick={this.fullClearSearch}></udp-function-button>\n </div>\n </div>\n )}\n\n {!safeTestData.length && (\n <div style={{ marginRight: '8px' }}>\n <udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader>\n </div>\n )}\n <div>\n {safeTestData.map((filter, index) => (\n <tree-list-item\n add={true}\n showAdd={true}\n key={`${filter.name}-${index}`}\n level={0}\n label={this.getHeaderFieldLabel(filter.name)}\n fieldName={filter.name}\n reference={filter.reference}\n parentName=\"\"\n parentFilter={filter.extendedProperties.parentFilter}\n parentPath={'filter.extendedProperties.parentPath'}\n parent={filter.extendedProperties?.parent}\n nestedItems={filter.referenceNode}\n onReference-clicked={(\n event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>,\n ) =>\n this.handleReferenceClick(\n event.detail.reference,\n event.detail.name,\n event.detail.parentReference,\n event.detail.parentFilter,\n event.detail.parent,\n event.detail.parentPath,\n )\n }\n onItemClick={this.onTreeListItemClick}\n ></tree-list-item>\n ))}\n </div>\n </div>\n <div class=\"right-column\">{this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))}</div>\n {this.disableFilterSelection && (\n <div style={{ width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' }}></div>\n )}\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"advanced-search-grouped.js","sourceRoot":"","sources":["../../../../../src/components/my-component/UI/advanced-search/advanced-search-grouped.tsx"],"names":[],"mappings":"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","sourcesContent":["import Close24 from '@carbon/icons/es/close/24';\nimport { Component, Element, Event, EventEmitter, forceUpdate, h, Prop, State, Watch } from '@stencil/core';\nimport { v4 as uuid } from 'uuid';\nimport { state } from '../../../../store/catalog-store';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { FilterGroup } from './types';\n\n/*\n @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-advanced-search-builder` instead\n /\n@Component({\n tag: 'advanced-search-grouped',\n styleUrl: 'advanced-search.css',\n shadow: true,\n})\nexport class AdvancedSearchGrouped {\n @Prop() filterList: any[] = [];\n @Prop() filterRenderList: any[] = [];\n @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n @Prop() handleItemClick: (item: { searchField: string; searchOperator: string; searchValue: string }) => void;\n @State() nestedData: Map<string, any[]> = new Map();\n @Prop() handleDelete: (arg0: object) => void;\n @Prop() handleGroupDelete: (filterGroupId: string) => void;\n @Prop() findGroupById: (groups: FilterGroup[], id: string) => FilterGroup \| null;\n\n @Event() advancedSearchItemChange: EventEmitter;\n @Prop() handleValueChanged: (event: CustomEvent) => void;\n @State() searchObject: Array<any> = [];\n @State() tempNestedData: Map<string, any[]> = new Map();\n //@Prop() parentFilter?: string;\n @State() testData: any[] = [];\n @State() showChildren: boolean = false;\n @Element() el: HTMLElement;\n @State() filterGroups: FilterGroup[] = [];\n\n @Prop() filterObjectsWithGroups: FilterGroup[] = [];\n @State() disableFilterSelection: boolean = true;\n @Prop() searchData: any;\n @Prop() updateLogicalOperator: (groupId: string, logicalOperator: 'AND' \| 'OR') => void;\n\n @Prop() handleAddNewFilter: (groupId: string) => void;\n @Prop() handleAddNewGroup: (groupId: string, logicalOperator: 'AND' \| 'OR') => void;\n @State() sharedId: string = '';\n\n @Event() searchItemChanged: EventEmitter;\n @Event() searchOperatorChanged: EventEmitter;\n\n @State() filters: Array<{\n id: string;\n groupId: string;\n searchField: string;\n searchOperator: string;\n searchValue: string;\n }> = [];\n\n @Prop() recentSearchesOptions: any[] = [];\n @Prop() selectRecentSearch: (e: any) => void;\n @Prop() fullClearSearch: () => void;\n @Prop() getLogicalOperatorCode: (logicalOperator: 'AND' \| 'OR') => number;\n @Prop() getLogicalOperatorValue: (logicalOperator: number) => 'AND' \| 'OR';\n @Prop() getHeaderFieldLabel: (fieldName: string) => string;\n\n componentWillLoad() {}\n\n @Watch('filterList')\n filterListWatcher(newValue: any[], oldValue: any[]) {\n if (newValue !== oldValue) {\n this.testData = newValue;\n }\n }\n\n @Watch('filterObjectsWithGroups')\n filterObjectsWithGroupsChanged(newValue: FilterGroup[], oldValue: FilterGroup[]) {\n if (newValue !== oldValue) {\n // React to the change as necessary, e.g., re-initialize certain state based on the new prop value\n }\n }\n\n handleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n console.log(\n 'Clicked reference:',\n referenceValue,\n 'Name:',\n name,\n 'Parent Reference:',\n parentReference,\n 'parentFilter',\n parentFilter,\n 'parent reference click test',\n parent,\n parentPath,\n );\n\n if (state.isLoadingCatalogData \|\| state.catalogData === null) {\n console.log('Catalog data is not ready yet.');\n return;\n }\n\n try {\n console.log('state.catalogData', state.catalogData);\n const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n console.log('extendedSearchFilterList', extendedSearchFilterList);\n\n if (Array.isArray(extendedSearchFilterList)) {\n this.updateNestedData(extendedSearchFilterList);\n } else {\n console.error('Extended search filter list is not an array');\n }\n console.log('Updated nestedData:', Array.from(this.nestedData.entries()));\n } catch (error) {\n console.error('Error fetching filters:', error);\n }\n };\n\n updateNestedData = children => {\n if (!Array.isArray(children) \|\| children.length === 0) {\n console.error('Invalid or empty children data provided for updateNestedData');\n return;\n }\n\n console.log('children in updatedNest', children);\n const fromFilter = children[0].extendedProperties.fromFilter;\n const parentName = children[0].extendedProperties.parent;\n\n const checkForName = fromFilter;\n\n const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n console.log('testParentArray', testParentArray);\n\n if (testParentArray) {\n testParentArray.forEach(parentItem => {\n if (parentItem.name === parentName) {\n parentItem.referenceNode = children;\n console.log('add referenceNode array', children, testParentArray);\n } else if (parentItem.reference && parentItem.referenceNode) {\n this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n }\n });\n }\n\n // Helper function to check if an item is already present in the array\n const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n // Recursive function to update the nested data\n const updateNestedDataHelper = (array, children, parentName) => {\n return array.map(item => {\n if (item.name === parentName) {\n // Filter out children that are already present before appending\n const newChildren = children.filter(child => !isItemPresent(item.referenceNode \|\| [], child));\n return { ...item, referenceNode: [...(item.referenceNode \|\| []), ...newChildren] };\n } else if (item.referenceNode) {\n return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n } else {\n return item;\n }\n });\n };\n\n // Start the recursive update and assign it to testData\n this.testData = updateNestedDataHelper(this.testData, children, parentName);\n\n console.log('Updated testData', this.testData);\n forceUpdate(this); // Not generally recommended, use as a last resort\n };\n\n updateNestedDataRecursively = (nestedArray, children, parentName) => {\n nestedArray.forEach(item => {\n if (item.name === parentName) {\n item.referenceNode = children;\n } else if (item.referenceNode) {\n this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n }\n });\n };\n\n private onTreeListItemClick = (\n event: CustomEvent<{ searchField: string; searchOperator: string; searchValue: string; parentName?: string; parent?: string; parentPath?: string; id?: string }>,\n ) => {\n const detail = event.detail;\n console.log('Tree list item clicked in grouped:', detail);\n // Function to convert string to PascalCase\n const toPascalCase = str => {\n return str\n .split('.')\n .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n .join('.');\n };\n\n // Check if both parentName and parentPath are present\n if (detail.parentName && detail.parentPath) {\n detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n } else if (detail.parentName) {\n // If only parentName is present, exclude parentPath\n detail.searchField = `${detail.parentName}.${detail.searchField}`;\n } else {\n // No parentName or parentPath, use searchField as is\n detail.searchField = `${detail.searchField}`;\n }\n\n // Convert searchField to PascalCase\n detail.searchField = toPascalCase(detail.searchField);\n\n this.handleItemClick(detail); // Perform the search with the modified search object\n this.disableFilterSelection = true;\n };\n\n updateFilterWithUserData(uniqueId: string, userData: { searchField: string; searchOperator: string; searchValue: string }) {\n const updatedFilters = this.filters.map(filter => (filter.id === uniqueId ? { ...filter, ...userData } : filter));\n this.filters = updatedFilters; // Update the state with the modified filters array\n }\n\n updateGroupLogicalOperator(groupId: string, newLogicalOperator: 'AND' \| 'OR') {\n const updateOperatorInNode = (nodes: any[], nodeId: string, newOperator: 'AND' \| 'OR') => {\n for (const node of nodes) {\n if (node.id === nodeId) {\n node.logicalOperator = newOperator; // Update the operator\n return true;\n }\n if (node.children && updateOperatorInNode(node.children, nodeId, newOperator)) {\n return true; // Operator updated in a deeper level\n }\n }\n return false; // Node not found\n };\n\n // Attempt to update the operator in the node\n if (updateOperatorInNode(this.filterObjectsWithGroups, groupId, newLogicalOperator)) {\n // If the update was successful, trigger a state update\n this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];\n }\n }\n\n handleSearchItemChange(event: CustomEvent) {\n const { searchOperator, searchValue, filterGroupId, id } = event.detail;\n const group = this.findGroupById(this.filterObjectsWithGroups, filterGroupId);\n\n if (group) {\n const filter = group.filters.find(f => f.id === id);\n if (filter) {\n filter.searchOperator = searchOperator;\n filter.searchValue = searchValue;\n this.filterObjectsWithGroups = [...this.filterObjectsWithGroups];\n }\n }\n\n this.searchItemChanged.emit(event.detail);\n }\n\n private handleOperatorSelected(event: CustomEvent, filterGroupId: string) {\n const selectedOptionValue = event.detail.value; // Assuming this is '1' for AND, '2' for OR\n const newLogicalOperator = this.getLogicalOperatorValue(selectedOptionValue);\n\n // Call the updateLogicalOperator prop function passed from the parent component\n this.updateLogicalOperator(filterGroupId, newLogicalOperator);\n this.searchOperatorChanged.emit();\n }\n\n currentLogicalOperator: 'AND' \| 'OR' = 'AND';\n\n private renderFilterGroup(filterGroup: FilterGroup, level: number = 0) {\n const isRoot = filterGroup.id === 'root';\n const isDefault = filterGroup.id === 'default';\n const paddingStyle = { 'padding-left': `${20 level}px` };\n\n const logicalOperator = this.getLogicalOperatorCode(filterGroup.logicalOperator).toString();\n\n const operatorSelector = (\n <udp-selector\n options={[\n { value: '1', label: 'AND' },\n { value: '2', label: 'OR' },\n ]}\n onChange={(event: CustomEvent) => this.handleOperatorSelected(event, filterGroup.filterGroupId)}\n initialValue={logicalOperator}\n disabled={isRoot \|\| isDefault}\n />\n );\n\n const deleteGroupButton = !isRoot && !isDefault && <stencil-icon-button icon={Close24} onClick={() => this.handleGroupDelete(filterGroup.filterGroupId)} />;\n\n const filterItems = !isRoot && (\n <div class=\"search-input-list\">\n {filterGroup.filters.map((filter, index) => (\n <search-list-item\n key={`${filter.id}-${index}`}\n isDefault={isDefault}\n id={filter.id}\n filterGroupId={filter.filterGroupId}\n label={filter?.searchLabel ?? filter.searchField}\n fieldName={filter.searchField}\n handleDelete={() => this.handleDelete(filter)}\n name={filter.searchValue}\n operator={filter.searchOperator}\n onSearchItemChanged={event => this.handleSearchItemChange(event)}\n isInitialSearchItem={filter.isInitialFilterElement}\n />\n ))}\n </div>\n );\n\n const actionButtons = !isDefault && (\n <div style={{ display: 'flex', gap: '8px', marginTop: '8px' }}>\n {!isRoot && (\n <custom-button variant=\"outline\" onClick={() => this.addFilter(filterGroup.id, filterGroup.filterGroupId)}>\n + Field\n </custom-button>\n )}\n <custom-button variant=\"outline\" onClick={() => this.handleAddNewGroup(!isRoot ? filterGroup.id : 'root', this.currentLogicalOperator)}>\n + Group\n </custom-button>\n </div>\n );\n\n const nestedGroups = <div class=\"nested-groups\">{(filterGroup.children \|\| []).map(childGroup => this.renderFilterGroup(childGroup, level + 1))}</div>;\n\n return (\n <div class={!isRoot && 'filter-group'} style={paddingStyle}>\n {isDefault && filterGroup.filters.length === 0 ? null : (\n <div style={{ marginBottom: '16px' }}>\n <div style={{ display: 'flex', gap: '8px' }}>\n {operatorSelector}\n {deleteGroupButton}\n </div>\n </div>\n )}\n\n {filterItems}\n {actionButtons}\n {nestedGroups}\n </div>\n );\n }\n\n private addFilter(groupId: string, filterGroupId: string) {\n console.log('Adding filter...');\n this.disableFilterSelection = false;\n if (this.handleAddNewFilter) {\n this.handleAddNewFilter(filterGroupId);\n }\n\n const newFilterPlaceholder = {\n id: uuid(),\n groupId: groupId,\n filterGroupId: filterGroupId,\n searchField: '', // Initial placeholder for the search field\n searchOperator: '=', // Default or initial placeholder for the search operator\n searchValue: '', // Initial placeholder for the search value\n };\n this.filters = [...this.filters, newFilterPlaceholder];\n }\n\n render() {\n const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n //const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n return (\n <div class=\"container\">\n <div class=\"left-column\">\n {this.selectRecentSearch !== null && this.fullClearSearch !== null && (\n <div class=\"recent-searches\">\n Recent Searches\n <div style={{ display: 'flex', alignItems: 'center' }}>\n <udp-selector options={this.recentSearchesOptions} onChange={(e: CustomEvent) => this.selectRecentSearch(e)} style={{ marginRight: '10px' }}></udp-selector>\n <udp-function-button delete onClick={this.fullClearSearch}></udp-function-button>\n </div>\n </div>\n )}\n\n {!safeTestData.length && (\n <div style={{ marginRight: '8px' }}>\n <udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader>\n </div>\n )}\n <div>\n {safeTestData.map((filter, index) => (\n <tree-list-item\n add={true}\n showAdd={true}\n key={`${filter.name}-${index}`}\n level={0}\n label={this.getHeaderFieldLabel(filter.name)}\n fieldName={filter.name}\n reference={filter.reference}\n parentName=\"\"\n parentFilter={filter.extendedProperties.parentFilter}\n parentPath={'filter.extendedProperties.parentPath'}\n parent={filter.extendedProperties?.parent}\n nestedItems={filter.referenceNode}\n onReference-clicked={(\n event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>,\n ) =>\n this.handleReferenceClick(\n event.detail.reference,\n event.detail.name,\n event.detail.parentReference,\n event.detail.parentFilter,\n event.detail.parent,\n event.detail.parentPath,\n )\n }\n onItemClick={this.onTreeListItemClick}\n ></tree-list-item>\n ))}\n </div>\n </div>\n <div class=\"right-column\">{this.filterObjectsWithGroups.map(group => this.renderFilterGroup(group))}</div>\n {this.disableFilterSelection && (\n <div style={{ width: '411px', height: '100vh', background: 'white', position: 'absolute', zIndex: '9', top: '45px', left: 'px', opacity: '0.7' }}></div>\n )}\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/my-component/UI/advanced-search/advanced-search.js CHANGED Viewed

@@ -1,6 +1,10 @@
 import { h, forceUpdate } from "@stencil/core";
 import { useTreeDatasource } from "../grid/conversionFunctions/conversionFunctions";
 import { state } from "../../../../store/catalog-store";
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Please use `udp-advanced-search-builder` instead
+ */
 export class AdvancedSearch {
     constructor() {
         this.filterList = [];
@@ -117,10 +121,10 @@ export class AdvancedSearch {
     render() {
         const safeTestData = Array.isArray(this.testData) ? this.testData : [];
         const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];
-        return (h("div", { key: 'e934c89544419b40824ec2e908faab9adad29ab9', class: "container" }, h("div", { key: '9b88e5f428d8f63be82c14f9ac9dedc6928bdd7e', class: "left-column" }, !safeTestData.length && (h("div", { key: '5f15150eb8261e50dc07ba97835e6d676dd2b256', style: { marginRight: '8px' } }, h("udp-grid-loader", { key: 'cfda37602aa920d702742273594f8bccf8a9c683', width: "362px", "num-columns": "1", "num-rows": "20" }))), h("div", { key: '2abeaafe5411dbc51aa8d14128070bb105a428dc' }, safeTestData.map((filter, index) => {
+        return (h("div", { key: '4836c6c40509b457544a5dff3b298b69e6eb6e74', class: "container" }, h("div", { key: '1f2111d6001b3eb8294197140eedcd426717083b', class: "left-column" }, !safeTestData.length && (h("div", { key: '749779efc8c6bd0b82ffb62e98d2d264ebfa2e5b', style: { marginRight: '8px' } }, h("udp-grid-loader", { key: 'f6b361e7a08cd80719d5dc041f4d4ecf0f56812e', width: "362px", "num-columns": "1", "num-rows": "20" }))), h("div", { key: 'f21ffa56fd67fc541b6ad57b51827f9a028df9f7' }, 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: '5ede2b2328f712bbc69ef6759297ac07da9160e1', class: "right-column" }, h("udp-page-header", { key: 'e0fdeee9c08c5a8c591db93aa8e22add6f2eb22d', onValueChanged: this.handleValueChanged }), h("filter-conditions", { key: '30f609b566febd45e6b3d41d460565861a8575d4' }), safeFilterRenderList.map(filter => filter.filterElements.map((item, index) => {
+        }))), h("div", { key: '06291f58613067479073e7d219c2ee70d8c98fac', class: "right-column" }, h("udp-page-header", { key: '16315b89430a5dc20d150f6ac4922528ee37f65f', onValueChanged: this.handleValueChanged }), h("filter-conditions", { key: 'f7469584c54f9991dc37eea0f04a32e90871c968' }), 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 }));
         })))));

package/dist/collection/components/my-component/UI/advanced-search/advanced-search.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"advanced-search.js","sourceRoot":"","sources":["../../../../../src/components/my-component/UI/advanced-search/advanced-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, h, Watch, forceUpdate } from '@stencil/core';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { state } from '../../../../store/catalog-store';\n\n@Component({\n tag: 'advanced-search',\n styleUrl: 'advanced-search.css',\n shadow: true,\n})\nexport class AdvancedSearch {\n @Prop() filterList: any[] = [];\n @Prop() filterRenderList: any[] = [];\n @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n @Prop() handleItemClick: (item: { searchField: string; searchOperator: string; searchValue: string }) => void;\n @State() nestedData: Map<string, any[]> = new Map();\n @Prop() handleDelete: (arg0: object) => void;\n @Event() advancedSearchItemChange: EventEmitter;\n @Prop() handleValueChanged: (event: CustomEvent) => void;\n @State() searchObject: Array<any> = [];\n @State() tempNestedData: Map<string, any[]> = new Map();\n //@Prop() parentFilter?: string;\n @State() testData: any[] = [];\n @State() showChildren: boolean = false;\n @Prop() getHeaderFieldLabel: (fieldName: string) => string;\n\n componentWillLoad() {\n // console.log('this.testData', this.testData);\n }\n\n @Watch('filterList')\n filterListWatcher(newValue: any[], oldValue: any[]) {\n if (newValue !== oldValue) {\n this.testData = newValue;\n }\n }\n\n handleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n console.log(\n 'Clicked reference:',\n referenceValue,\n 'Name:',\n name,\n 'Parent Reference:',\n parentReference,\n 'parentFilter',\n parentFilter,\n 'parent reference click test',\n parent,\n parentPath,\n );\n\n if (state.isLoadingCatalogData \|\| state.catalogData === null) {\n return;\n }\n\n try {\n const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n if (Array.isArray(extendedSearchFilterList)) {\n this.updateNestedData(extendedSearchFilterList);\n } else {\n console.error('Extended search filter list is not an array');\n }\n } catch (error) {\n console.error('Error fetching filters:', error);\n }\n };\n\n updateNestedData = children => {\n if (!Array.isArray(children) \|\| children.length === 0) {\n console.error('Invalid or empty children data provided for updateNestedData');\n return;\n }\n\n const fromFilter = children[0].extendedProperties.fromFilter;\n const parentName = children[0].extendedProperties.parent;\n\n const checkForName = fromFilter;\n\n const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n\n if (testParentArray) {\n testParentArray.forEach(parentItem => {\n if (parentItem.name === parentName) {\n parentItem.referenceNode = children;\n } else if (parentItem.reference && parentItem.referenceNode) {\n this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n }\n });\n }\n\n // Helper function to check if an item is already present in the array\n const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n // Recursive function to update the nested data\n const updateNestedDataHelper = (array, children, parentName) => {\n return array.map(item => {\n if (item.name === parentName) {\n // Filter out children that are already present before appending\n const newChildren = children.filter(child => !isItemPresent(item.referenceNode \|\| [], child));\n return { ...item, referenceNode: [...(item.referenceNode \|\| []), ...newChildren] };\n } else if (item.referenceNode) {\n return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n } else {\n return item;\n }\n });\n };\n\n // Start the recursive update and assign it to testData\n this.testData = updateNestedDataHelper(this.testData, children, parentName);\n forceUpdate(this); // Not generally recommended, use as a last resort\n };\n\n updateNestedDataRecursively = (nestedArray, children, parentName) => {\n nestedArray.forEach(item => {\n if (item.name === parentName) {\n item.referenceNode = children;\n } else if (item.referenceNode) {\n this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n }\n });\n };\n\n private onTreeListItemClick = (\n event: CustomEvent<{ searchField: string; searchOperator: string; searchValue: string; parentName?: string; parent?: string; parentPath?: string }>,\n ) => {\n const detail = event.detail;\n\n // Function to convert string to PascalCase\n const toPascalCase = str => {\n return str\n .split('.')\n .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n .join('.');\n };\n\n // Check if both parentName and parentPath are present\n if (detail.parentName && detail.parentPath) {\n detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n } else if (detail.parentName) {\n // If only parentName is present, exclude parentPath\n detail.searchField = `${detail.parentName}.${detail.searchField}`;\n } else {\n // No parentName or parentPath, use searchField as is\n detail.searchField = `${detail.searchField}`;\n }\n\n // Convert searchField to PascalCase\n detail.searchField = toPascalCase(detail.searchField);\n\n this.handleItemClick(detail); // Perform the search with the modified search object\n };\n\n render() {\n const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n return (\n <div class=\"container\">\n <div class=\"left-column\">\n {!safeTestData.length && (\n <div style={{ marginRight: '8px' }}>\n <udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader>\n </div>\n )}\n <div>\n {safeTestData.map((filter, index) => (\n <tree-list-item\n key={`${filter.name}-${index}`}\n level={0}\n label={this.getHeaderFieldLabel(filter.name)}\n fieldName={filter.name}\n reference={filter.reference}\n parentName=\"\"\n parentFilter={filter.extendedProperties.parentFilter}\n parentPath={'filter.extendedProperties.parentPath'}\n parent={filter.extendedProperties?.parent}\n nestedItems={filter.referenceNode}\n onReference-clicked={(\n event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>,\n ) =>\n this.handleReferenceClick(\n event.detail.reference,\n event.detail.name,\n event.detail.parentReference,\n event.detail.parentFilter,\n event.detail.parent,\n event.detail.parentPath,\n )\n }\n onItemClick={this.onTreeListItemClick}\n ></tree-list-item>\n ))}\n </div>\n </div>\n <div class=\"right-column\">\n <udp-page-header onValueChanged={this.handleValueChanged}></udp-page-header>\n <filter-conditions></filter-conditions>\n {safeFilterRenderList.map(filter =>\n filter.filterElements.map((item, index) => (\n <search-list-item\n key={`${item.searchField}-${index}`}\n label={item?.searchLabel ?? item.searchField}\n fieldName={item.searchField}\n handleDelete={() => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue })}\n name={item.searchValue}\n />\n )),\n )}\n </div>\n </div>\n );\n }\n}\n"]}
1	+ {"version":3,"file":"advanced-search.js","sourceRoot":"","sources":["../../../../../src/components/my-component/UI/advanced-search/advanced-search.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, Event, EventEmitter, h, Watch, forceUpdate } from '@stencil/core';\nimport { useTreeDatasource } from '../grid/conversionFunctions/conversionFunctions';\nimport { state } from '../../../../store/catalog-store';\n\n/*\n @deprecated This component is deprecated and will be removed in a future version.\n * Please use `udp-advanced-search-builder` instead\n */\n\n@Component({\n tag: 'advanced-search',\n styleUrl: 'advanced-search.css',\n shadow: true,\n})\nexport class AdvancedSearch {\n @Prop() filterList: any[] = [];\n @Prop() filterRenderList: any[] = [];\n @Prop() fetchFilters: Function; // Assuming this function is passed down as a prop correctly\n @Prop() handleItemClick: (item: { searchField: string; searchOperator: string; searchValue: string }) => void;\n @State() nestedData: Map<string, any[]> = new Map();\n @Prop() handleDelete: (arg0: object) => void;\n @Event() advancedSearchItemChange: EventEmitter;\n @Prop() handleValueChanged: (event: CustomEvent) => void;\n @State() searchObject: Array<any> = [];\n @State() tempNestedData: Map<string, any[]> = new Map();\n //@Prop() parentFilter?: string;\n @State() testData: any[] = [];\n @State() showChildren: boolean = false;\n @Prop() getHeaderFieldLabel: (fieldName: string) => string;\n\n componentWillLoad() {\n // console.log('this.testData', this.testData);\n }\n\n @Watch('filterList')\n filterListWatcher(newValue: any[], oldValue: any[]) {\n if (newValue !== oldValue) {\n this.testData = newValue;\n }\n }\n\n handleReferenceClick = async (referenceValue: string, name: string, parentReference?: string, parentFilter?: string, parent?: string, parentPath?: string) => {\n console.log(\n 'Clicked reference:',\n referenceValue,\n 'Name:',\n name,\n 'Parent Reference:',\n parentReference,\n 'parentFilter',\n parentFilter,\n 'parent reference click test',\n parent,\n parentPath,\n );\n\n if (state.isLoadingCatalogData \|\| state.catalogData === null) {\n return;\n }\n\n try {\n const extendedSearchFilterList = await useTreeDatasource(state.catalogData, referenceValue, true, true, name, parentFilter, parent);\n if (Array.isArray(extendedSearchFilterList)) {\n this.updateNestedData(extendedSearchFilterList);\n } else {\n console.error('Extended search filter list is not an array');\n }\n } catch (error) {\n console.error('Error fetching filters:', error);\n }\n };\n\n updateNestedData = children => {\n if (!Array.isArray(children) \|\| children.length === 0) {\n console.error('Invalid or empty children data provided for updateNestedData');\n return;\n }\n\n const fromFilter = children[0].extendedProperties.fromFilter;\n const parentName = children[0].extendedProperties.parent;\n\n const checkForName = fromFilter;\n\n const testParentArray = useTreeDatasource(state.catalogData, checkForName, true, true, name, '', '');\n\n if (testParentArray) {\n testParentArray.forEach(parentItem => {\n if (parentItem.name === parentName) {\n parentItem.referenceNode = children;\n } else if (parentItem.reference && parentItem.referenceNode) {\n this.updateNestedDataRecursively(parentItem.referenceNode, children, parentName);\n }\n });\n }\n\n // Helper function to check if an item is already present in the array\n const isItemPresent = (array, item) => array.some(existingItem => existingItem.name === item.name);\n\n // Recursive function to update the nested data\n const updateNestedDataHelper = (array, children, parentName) => {\n return array.map(item => {\n if (item.name === parentName) {\n // Filter out children that are already present before appending\n const newChildren = children.filter(child => !isItemPresent(item.referenceNode \|\| [], child));\n return { ...item, referenceNode: [...(item.referenceNode \|\| []), ...newChildren] };\n } else if (item.referenceNode) {\n return { ...item, referenceNode: updateNestedDataHelper(item.referenceNode, children, parentName) };\n } else {\n return item;\n }\n });\n };\n\n // Start the recursive update and assign it to testData\n this.testData = updateNestedDataHelper(this.testData, children, parentName);\n forceUpdate(this); // Not generally recommended, use as a last resort\n };\n\n updateNestedDataRecursively = (nestedArray, children, parentName) => {\n nestedArray.forEach(item => {\n if (item.name === parentName) {\n item.referenceNode = children;\n } else if (item.referenceNode) {\n this.updateNestedDataRecursively(item.referenceNode, children, parentName);\n }\n });\n };\n\n private onTreeListItemClick = (\n event: CustomEvent<{ searchField: string; searchOperator: string; searchValue: string; parentName?: string; parent?: string; parentPath?: string }>,\n ) => {\n const detail = event.detail;\n\n // Function to convert string to PascalCase\n const toPascalCase = str => {\n return str\n .split('.')\n .map(part => part.charAt(0).toUpperCase() + part.slice(1))\n .join('.');\n };\n\n // Check if both parentName and parentPath are present\n if (detail.parentName && detail.parentPath) {\n detail.searchField = `${detail.parentPath}.${detail.parentName}.${detail.searchField}`;\n } else if (detail.parentName) {\n // If only parentName is present, exclude parentPath\n detail.searchField = `${detail.parentName}.${detail.searchField}`;\n } else {\n // No parentName or parentPath, use searchField as is\n detail.searchField = `${detail.searchField}`;\n }\n\n // Convert searchField to PascalCase\n detail.searchField = toPascalCase(detail.searchField);\n\n this.handleItemClick(detail); // Perform the search with the modified search object\n };\n\n render() {\n const safeTestData = Array.isArray(this.testData) ? this.testData : [];\n const safeFilterRenderList = Array.isArray(this.filterRenderList) ? this.filterRenderList : [];\n\n return (\n <div class=\"container\">\n <div class=\"left-column\">\n {!safeTestData.length && (\n <div style={{ marginRight: '8px' }}>\n <udp-grid-loader width=\"362px\" num-columns=\"1\" num-rows=\"20\"></udp-grid-loader>\n </div>\n )}\n <div>\n {safeTestData.map((filter, index) => (\n <tree-list-item\n key={`${filter.name}-${index}`}\n level={0}\n label={this.getHeaderFieldLabel(filter.name)}\n fieldName={filter.name}\n reference={filter.reference}\n parentName=\"\"\n parentFilter={filter.extendedProperties.parentFilter}\n parentPath={'filter.extendedProperties.parentPath'}\n parent={filter.extendedProperties?.parent}\n nestedItems={filter.referenceNode}\n onReference-clicked={(\n event: CustomEvent<{ reference: string; name: string; parentReference?: string; parentFilter?: string; parent?: string; parentPath?: string }>,\n ) =>\n this.handleReferenceClick(\n event.detail.reference,\n event.detail.name,\n event.detail.parentReference,\n event.detail.parentFilter,\n event.detail.parent,\n event.detail.parentPath,\n )\n }\n onItemClick={this.onTreeListItemClick}\n ></tree-list-item>\n ))}\n </div>\n </div>\n <div class=\"right-column\">\n <udp-page-header onValueChanged={this.handleValueChanged}></udp-page-header>\n <filter-conditions></filter-conditions>\n {safeFilterRenderList.map(filter =>\n filter.filterElements.map((item, index) => (\n <search-list-item\n key={`${item.searchField}-${index}`}\n label={item?.searchLabel ?? item.searchField}\n fieldName={item.searchField}\n handleDelete={() => this.handleDelete({ searchField: item.searchField, searchValue: item.searchValue })}\n name={item.searchValue}\n />\n )),\n )}\n </div>\n </div>\n );\n }\n}\n"]}

package/dist/collection/components/my-component/UI/advanced-search/filter-conditions/filter-conditions.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class AdvancedSearch {
     render() {
-        return (h("div", { key: 'bbe013b5abccf54015f3132e752f07b761ee460d', class: "container" }, h("udp-column-header", { key: 'ed9fd5517c84bc744935327bef467c3c90e6e8fb' })));
+        return (h("div", { key: '4154598d43eb91bd15d283ac1acfb43b45b97138', class: "container" }, h("udp-column-header", { key: 'd26ae25d06228516b680e2188739eac3ee0e84ec' })));
     }
     static get is() { return "filter-conditions"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search/ui/logical-search-indicator/logical-search-indicator.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class LogicalSearchIndicator {
     render() {
-        return (h("div", { key: '1b51c4a2f2c74141174c55d7b1c57a3384075bac', class: "chip" }, this.type === 1 ? h("unity-typography", { variant: "data-display-one" }, "AND") : this.type === 2 ? h("unity-typography", { variant: "data-display-one" }, "OR") : ''));
+        return (h("div", { key: '331c0153dcdea00557219cb1585d682399c8268f', class: "chip" }, this.type === 1 ? h("unity-typography", { variant: "data-display-one" }, "AND") : this.type === 2 ? h("unity-typography", { variant: "data-display-one" }, "OR") : ''));
     }
     static get is() { return "logical-search-indicator"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search-builder/advanced-search-builder.js CHANGED Viewed

@@ -317,11 +317,11 @@ export class AdvancedSearchBuilder {
             // If resizable, this will be the initial height, constrained by the CSS.
             hostStyles['height'] = this.config.height;
         }
-        return (h(Host, { key: '841ba8110f782dd5d2dd13a3e9e68613d92e3bc0', style: hostStyles, class: {
+        return (h(Host, { key: '08b51b258349291075da0748a6e7cc2c0bbab62a', style: hostStyles, class: {
                 'is-resizable': isResizable,
                 'host-expanded': this.isExpanded,
                 'host-collapsed': !this.isExpanded,
-            } }, h("div", { key: 'f288ddc8595f3d9f43a9a621ced0f8ea368f3bc3', class: containerClasses }, isCollapsible && (h("div", { key: '2bde964230a5f671660c82db03d7554f1186c0c6', class: "collapsed-view" }, h("input", { key: '6d2c1eb02a43706b9b0423339921887eefe8b90c', type: "text", readonly: true, value: this.filterString, class: "string-display-input" }), h("custom-button", { key: 'f8615558e378e0898d71c732d115cd7e4aa4fb5f', class: "toggle-button", size: "short", variant: "text", handleClick: this.toggleExpanded }, h("span", { key: '7eb2e27912bf83c0ab4e58cf79467237b695c31d' }, this.isExpanded ? 'Collapse' : 'Expand'), h("svg", { key: 'b5bd36c8df7451be1062223369a0e313793ab8a0', class: "toggle-icon", viewBox: "0 0 16 16" }, h("path", { key: 'f18a71c2fbb9e382692eee312a68b610e34d8925', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "2" }))))), h("div", { key: '351d55e5deb81b71abfa0b180e3180d2a809719a', class: "anim-container", ref: el => (this.animContainerEl = el) }, h("div", { key: 'eb459d12922a242b08de989575f6e0a966ab8578', class: "content-wrapper" }, (this.isExpanded || !isCollapsible) && rootGroup && (h("filter-group", { key: rootGroup.groupId, groupId: rootGroup.groupId, filterData: this.currentFilterData, fields: this.fields, isRoot: true, onAddFilter: e => this.handleAddFilter(e.detail), onAddGroup: e => this.handleAddGroup(e.detail), onRemoveFilter: e => this.handleRemoveFilter(e.detail), onRemoveGroup: e => this.handleRemoveGroup(e.detail), onFilterChange: this.handleFilterChange, onGroupChange: this.handleGroupChange, onDropOnFilter: this.handleDrop, openAddMenuForGroupId: this.openAddMenuForGroupId, onToggleAddMenu: this.handleToggleAddMenu, onDropOnGroup: this.handleDropOnGroup })))), showFooter && (h("div", { key: '74c80e05fa6b9dc353ac0bf488d3cb18c7a22935', class: "advanced-filter-footer" }, h("validation-chip", { key: '277a0450b7477a669820319cf9f8f4f85fb3c06c', isValid: this.isFilterValid, errorMessages: this.errorMessages }), h("udp-button", { key: '239a3d4e9e1ca97a10586eae6a2e5144e307f77a', disabled: !this.isFilterValid, onClick: this.handleSearch, variant: "contained" }, "Search"))))));
+            } }, h("div", { key: '3a8b7381f9ba31a86a7f6531b8bef06ff17abad9', class: containerClasses }, isCollapsible && (h("div", { key: '96de7c63133ad974560602352df6f8b2760182c1', class: "collapsed-view" }, h("input", { key: '59b82858c9621c0ca836a5bd586d67278b037a2b', type: "text", readonly: true, value: this.filterString, class: "string-display-input" }), h("custom-button", { key: 'aad24900faaed98aa08404a231c1e6e72cbc1c67', class: "toggle-button", size: "short", variant: "text", handleClick: this.toggleExpanded }, h("span", { key: '840110da27ac4b0f8dd94be4617afc6d9125bc69' }, this.isExpanded ? 'Collapse' : 'Expand'), h("svg", { key: 'a88df568fce4686e58dc19701573883d7575ef81', class: "toggle-icon", viewBox: "0 0 16 16" }, h("path", { key: '92b11b751499a4b7489b1dc8f8cc184d3f659c5c', d: "M4 6L8 10L12 6", stroke: "currentColor", "stroke-width": "2" }))))), h("div", { key: 'd79c37547eaff035b1b9fe1c3a5059bc448734bf', class: "anim-container", ref: el => (this.animContainerEl = el) }, h("div", { key: '1e98e101bf1c29f1a79b523094610975a210a498', class: "content-wrapper" }, (this.isExpanded || !isCollapsible) && rootGroup && (h("filter-group", { key: rootGroup.groupId, groupId: rootGroup.groupId, filterData: this.currentFilterData, fields: this.fields, isRoot: true, onAddFilter: e => this.handleAddFilter(e.detail), onAddGroup: e => this.handleAddGroup(e.detail), onRemoveFilter: e => this.handleRemoveFilter(e.detail), onRemoveGroup: e => this.handleRemoveGroup(e.detail), onFilterChange: this.handleFilterChange, onGroupChange: this.handleGroupChange, onDropOnFilter: this.handleDrop, openAddMenuForGroupId: this.openAddMenuForGroupId, onToggleAddMenu: this.handleToggleAddMenu, onDropOnGroup: this.handleDropOnGroup })))), showFooter && (h("div", { key: '09099816ef976a42f1a0814e8bb87b2553a6d382', class: "advanced-filter-footer" }, h("validation-chip", { key: 'b511f111fabd20ca5bc44ed4ca366ebb5c4f05a0', isValid: this.isFilterValid, errorMessages: this.errorMessages }), h("udp-button", { key: '52ecf26b9baee62c2cd75f2fff3a75f9c27be6d5', disabled: !this.isFilterValid, onClick: this.handleSearch, variant: "contained" }, "Search"))))));
     }
     static get is() { return "advanced-search-builder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search-builder/udp-advanced-search-builder.js CHANGED Viewed

@@ -40,7 +40,7 @@ export class UdpAdvancedSearchBuilder {
         this.buildFieldTree();
     }
     render() {
-        return (h("div", { key: 'fd0a67611467f6cfad311da30952abd9312ef60d' }, h("advanced-search-builder", { key: '24ff6c84495cd6b282da58d921bd13e2981bf094', fields: this.fieldsArray, initialFilterData: this.initialFilterData, onFilterSave: this.handleFilterSave, config: this.config })));
+        return (h("div", { key: '9ac29f7fd1dea3382936d9970fefaf225e6dde77' }, h("advanced-search-builder", { key: 'adbfe94d4486d4a5bbbd6f98cffb4f7a2ad12974', fields: this.fieldsArray, initialFilterData: this.initialFilterData, onFilterSave: this.handleFilterSave, config: this.config })));
     }
     static get is() { return "udp-advanced-search-builder"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/advanced-search-builder/validation-chip.js CHANGED Viewed

@@ -11,7 +11,7 @@ export class ValidationChip {
             'is-invalid': !this.isValid,
         };
         const tooltipText = this.errorMessages.join('\n');
-        return (h("div", { key: '62d5cfd13e36e282cccb710002204b05c7b43c23', class: chipClass }, h("udp-chip", { key: '16cea46269ef0f5919c6926dbefae9e7d14f3a91', label: this.isValid ? 'Valid Filters' : 'Invalid Filters', color: this.isValid ? 'success' : 'error', startIcon: this.isValid ? 'checkMark' : 'close16', variant: 'outlined' }), !this.isValid && this.errorMessages.length > 0 && h("div", { key: 'cc3c5583afa5396bbe66391f5898aa81841ce018', class: "tooltip" }, tooltipText)));
+        return (h("div", { key: '970fba406ffb08bcabb5b440c06df4c0c0df6de2', class: chipClass }, h("udp-chip", { key: '0c9535dd4340b13c0407dfe63a43d8b98b750e61', label: this.isValid ? 'Valid Filters' : 'Invalid Filters', color: this.isValid ? 'success' : 'error', startIcon: this.isValid ? 'checkMark' : 'close16', variant: 'outlined' }), !this.isValid && this.errorMessages.length > 0 && h("div", { key: '521180276b58eaa8bd6fa8c79cbee02d1417b655', class: "tooltip" }, tooltipText)));
     }
     static get is() { return "validation-chip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/my-component/UI/buttons/icon-button/function-button/udp-function-button.js CHANGED Viewed

@@ -62,7 +62,7 @@ export class UdpFunctionButton {
     }
     render() {
         const btnClass = this.noBackground ? 'udp-btn no-bg' : 'udp-btn';
-        return (h("button", { key: '52ac9af7f328b8b45a649a52298ebfc7b4c9ad4d', class: btnClass }, h("span", { key: '4f2196fd6cf6aa678386acdfddd3e1bc020478c7', class: "btn-content" }, this.renderIcon())));
+        return (h("button", { key: 'f4cddbfd414b241e7ca9e99facecd74b44c46538', class: btnClass }, h("span", { key: 'dcdefcc90f99e66fafd64993f07ae8e6d9c870c2', class: "btn-content" }, this.renderIcon())));
     }
     static get is() { return "udp-function-button"; }
     static get encapsulation() { return "shadow"; }