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

udp-stencil-component-library 25.18.1-beta.8 → 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 (965) hide show

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

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-pop-over.entry.cjs.js","sources":["src/components/my-component/UI/data-display/pop-over/udp-pop-over.css?tag=udp-pop-over&encapsulation=shadow","src/components/my-component/UI/data-display/pop-over/udp-pop-over.tsx"],"sourcesContent":[":host {\n display: block;\n position: fixed;\n z-index: 9999;\n\n /* FIX: Start with pointer-events none so it can't be clicked when invisible. */\n pointer-events: none;\n opacity: 0;\n\n /* This gives the subtle \"pop\" effect without the flying animation. */\n transform: scale(0.95);\n\n /* FIX: Only transition opacity for a clean fade-in/out. */\n transition: opacity 0.2s ease-out;\n\n}\n\n:host(.is-visible) {\n /* FIX: Re-enable pointer events so the menu can be clicked. */\n pointer-events: auto;\n opacity: 1;\n transform: scale(1);\n}\n\n.popover {\n background-color: white;\n box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);\n border: 1px solid #e0e0e0;\n}\n","import { createPopper, Instance } from '@popperjs/core';\nimport { Component, h, Host, Prop, Watch, Element } from '@stencil/core';\n\n@Component({\n tag: 'udp-pop-over',\n styleUrl: 'udp-pop-over.css',\n shadow: true,\n})\nexport class UdpPopOver {\n @Element() hostEl!: HTMLElement;\n @Prop() anchorElement: string | HTMLElement;\n @Prop({ reflect: true }) isOpen: boolean = false;\n @Prop() popoverWidth: string;\n @Prop() popoverMaxHeight: string;\n @Prop() popoverPlacement: any = 'bottom-start';\n @Prop() handleOnClose?: (event: Event) => void;\n @Prop() appendToBody: boolean = true;\n @Prop() container?: HTMLElement;\n @Prop() overflow?: string = 'auto';\n\n private popperInstance: Instance;\n\n disconnectedCallback() {\n this.removeListeners();\n this.destroyPopper();\n }\n\n @Watch('isOpen')\n handleOpenChange(newValue: boolean) {\n newValue ? this.present() : this.dismiss();\n }\n\n private present() {\n const containerEl = this.getContainer();\n\n if (containerEl) {\n containerEl.appendChild(this.hostEl);\n }\n\n this.addListeners();\n\n requestAnimationFrame(() => {\n this.setupPopper();\n this.hostEl.classList.add('is-visible');\n });\n }\n\n private dismiss() {\n this.removeListeners();\n this.hostEl.classList.remove('is-visible');\n this.hostEl.addEventListener('transitionend', this.handleTransitionEnd, { once: true });\n }\n\n private handleTransitionEnd = () => {\n // FIX: Only remove from body if it's truly closed and still there.\n if (!this.isOpen) {\n if (this.appendToBody && this.hostEl.parentElement === document.body) {\n document.body.removeChild(this.hostEl);\n } else if (this.container && this.hostEl.parentElement === this.container) {\n this.container.removeChild(this.hostEl);\n }\n }\n this.destroyPopper();\n };\n\n private addListeners() {\n document.addEventListener('keydown', this.handleKeyDown);\n setTimeout(() => {\n if (this.isOpen) {\n document.addEventListener('click', this.handleClickOutside);\n }\n }, 0);\n }\n\n private removeListeners() {\n document.removeEventListener('keydown', this.handleKeyDown);\n document.removeEventListener('click', this.handleClickOutside);\n }\n\n private handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Escape') {\n this.handleOnClose?.(event);\n }\n };\n\n private handleClickOutside = (event: MouseEvent) => {\n const path = event.composedPath();\n const anchorEl = this.getAnchorElement();\n if (path.includes(this.hostEl) || (anchorEl && path.includes(anchorEl))) {\n return;\n }\n this.handleOnClose?.(event);\n };\n\n private getAnchorElement(): HTMLElement | null {\n return typeof this.anchorElement === 'string' ? document.getElementById(this.anchorElement) : this.anchorElement;\n }\n\n private getContainer(): HTMLElement {\n if (this.container) return this.container;\n\n if (this.appendToBody) {\n return document.body;\n }\n\n return null;\n }\n\n private setupPopper() {\n const anchorEl = this.getAnchorElement();\n if (!anchorEl) {\n console.error('UdpPopover: Anchor element could not be found.');\n return;\n }\n // Ensure we don't create multiple instances\n if (this.popperInstance) {\n this.popperInstance.destroy();\n }\n\n this.popperInstance = createPopper(anchorEl, this.hostEl as HTMLElement, {\n strategy: 'fixed',\n placement: this.popoverPlacement,\n modifiers: [{ name: 'offset', options: { offset: [0, 8] } }, { name: 'preventOverflow', options: { padding: 8 } }, { name: 'flip' }],\n });\n }\n\n private destroyPopper() {\n if (this.popperInstance) {\n this.popperInstance.destroy();\n this.popperInstance = null;\n }\n }\n\n componentWillLoad() {\n if (this.isOpen) {\n this.present();\n }\n }\n\n\n render() {\n const style = {\n width: this.popoverWidth,\n maxHeight: this.popoverMaxHeight,\n overflow: this.overflow\n };\n\n return (\n <Host>\n <div class=\"popover\" style={style}>\n <slot />\n </div>\n </Host>\n );\n }\n}\n"],"names":["createPopper","h","Host"],"mappings":"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"}

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

@@ -85,7 +85,7 @@ const UdpSankeyChart = class {
         }
     }
     render() {
-        return (index.h("chart-container", { key: 'd172e6bdf59852b931e71f23412adac1d34f4773', 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: '6417cebcb21362b9653a8cae10dd81a111f22daf', 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-skeleton-loading.cjs.entry.js ADDED Viewed

@@ -0,0 +1,22 @@
+'use strict';
+var index = require('./index-DrMNAZCL.js');
+const udpSkeletonLoadingCss = ".skeleton-loader{background:linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);background-size:1000px 100%;display:inline-block;position:relative;overflow:hidden}.skeleton-loader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);animation:load 1.5s infinite}@keyframes load{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}";
+const UdpSkeletonLoading = class {
+    constructor(hostRef) {
+        index.registerInstance(this, hostRef);
+        // You can use properties to define the size, shape, etc.
+        this.width = '100%';
+        this.height = '20px';
+        this.borderRadius = '4px';
+    }
+    render() {
+        return (index.h("div", { key: '890870d09f1a34c25a89de82a1c4576341ce2e14', class: "skeleton-loader", style: { width: this.width, height: this.height, borderRadius: this.borderRadius } }));
+    }
+};
+UdpSkeletonLoading.style = udpSkeletonLoadingCss;
+exports.udp_skeleton_loading = UdpSkeletonLoading;
+//# sourceMappingURL=udp-skeleton-loading.entry.cjs.js.map

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

@@ -0,0 +1 @@

+ {"version":3,"file":"udp-skeleton-loading.entry.cjs.js","sources":["src/components/my-component/UI/loaders/udp-skeleton-loading.css?tag=udp-skeleton-loading&encapsulation=shadow","src/components/my-component/UI/loaders/udp-skeleton-loading.tsx"],"sourcesContent":["/* udp-skeleton-loading.css */\n.skeleton-loader {\n background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);\n background-size: 1000px 100%;\n display: inline-block;\n position: relative;\n overflow: hidden;\n }\n \n /* Animation */\n .skeleton-loader::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.5), transparent);\n animation: load 1.5s infinite;\n }\n \n @keyframes load {\n 0% {\n transform: translateX(-100%);\n }\n 100% {\n transform: translateX(100%);\n }\n }\n ","import { Component, h, Prop } from '@stencil/core';\n\n@Component({\n tag: 'udp-skeleton-loading',\n styleUrl: 'udp-skeleton-loading.css',\n shadow: true\n})\nexport class UdpSkeletonLoading {\n // You can use properties to define the size, shape, etc.\n @Prop() width: string = '100%';\n @Prop() height: string = '20px';\n @Prop() borderRadius: string = '4px';\n\n render() {\n return (\n <div class=\"skeleton-loader\" style={{ width: this.width, height: this.height, borderRadius: this.borderRadius }}>\n {/* Additional markup if needed */}\n </div>\n );\n }\n}\n"],"names":["h"],"mappings":";;;;AAAA,MAAM,qBAAqB,GAAG,idAAid;;MCOle,kBAAkB,GAAA,MAAA;AAL/B,IAAA,WAAA,CAAA,OAAA,EAAA;;;AAOU,QAAA,IAAK,CAAA,KAAA,GAAW,MAAM;AACtB,QAAA,IAAM,CAAA,MAAA,GAAW,MAAM;AACvB,QAAA,IAAY,CAAA,YAAA,GAAW,KAAK;AASrC;IAPC,MAAM,GAAA;AACJ,QAAA,QACEA,OAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,iBAAiB,EAAC,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,YAAY,EAAE,IAAI,CAAC,YAAY,EAAE,EAAA,CAEzG;;;;;;;"}

package/dist/cjs/udp-split-screen.cjs.entry.js CHANGED Viewed

@@ -57,7 +57,7 @@ const UdpSplitScreen = class {
         }
     }
     render() {
-        return (index.h("div", { key: 'ca232222c0c85071eb987d373ad1541631070e3e', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, index.h("div", { key: 'c221965b0e7542253986c878b05cc656289431e9', class: "panel", style: { width: `${this.panelWidth}%` } }, index.h("slot", { key: '4edf17b48cf6d2e89826878ede587f0a9e2ce1e8', name: "first-panel" })), index.h("div", { key: '51b5ea69206ebf1221cbb9dbed3f9456fbf54c59', class: "resizer", onMouseDown: (event) => event.preventDefault() }, index.h("div", { key: '86d906ebb8e8561e7e564b6c8b4af62a03e1653c', class: "drag-handle" })), index.h("div", { key: '28fba6e4b0f176b7e08c1f29a3edc045f66346e8', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, index.h("slot", { key: 'b1215db69a194eced28d595a39322afbe4c7ccde', name: "second-panel" }, this.panelContent))));
+        return (index.h("div", { key: 'ae2926169301f17c2ee273430ce42d96cfaad170', ref: (el) => this.element = el, class: { 'container': true, 'open': this.isOpen } }, index.h("div", { key: 'd87e238ab4f5f2778feb496f21f317f46f7ee998', class: "panel", style: { width: `${this.panelWidth}%` } }, index.h("slot", { key: '499f436025192de5dd301a8785e1f5c59c0d08ed', name: "first-panel" })), index.h("div", { key: '07551d3d07cdc8f29c3b141ebaa73506bea8780b', class: "resizer", onMouseDown: (event) => event.preventDefault() }, index.h("div", { key: '1e2fc668e65a56c15b8bb46f7877555fafb60dae', class: "drag-handle" })), index.h("div", { key: '8aba88f35a57d47c9cc6200d8d7c8ae42c014ae3', class: "panel", style: { width: `${100 - this.panelWidth}%` } }, index.h("slot", { key: '61d02fc16218af6100cdd9c79bcc437425084645', name: "second-panel" }, this.panelContent))));
     }
 };
 UdpSplitScreen.style = udpSplitScreenCss;

package/dist/cjs/udp-stepper-demo.cjs.entry.js CHANGED Viewed

@@ -94,7 +94,7 @@ const UdpStepperDemo = class {
         };
     }
     render() {
-        return (index.h("div", { key: 'e81619ca3c31f9f6662c0b3af6c02a2db3e3f564', style: { padding: '2rem' } }, index.h("unity-typography", { key: '5e11e57915b6081e460f47a344dd31bf722d7e5b', variant: "h2" }, "Horizontal Stepper with Labels bottom"), index.h("udp-stepper", { key: 'ec35e19cc92d59c85818becd4e4d56e065df5dc3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), index.h("unity-typography", { key: 'f0011595e8eb435dd85b6c6c2570029a3cbd6afc', variant: "h2" }, "Horizontal Stepper without Labels"), index.h("udp-stepper", { key: 'afe54dc4d369c757dcb6ba5fe455e84c95e86f07', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), index.h("unity-typography", { key: '394396ffff23cc1f4d99611bc3ccceeb096a2c1e', variant: "h2" }, "Horizontal Stepper with Labels to Right"), index.h("udp-stepper", { key: '104aaf080e02cd0c9da8a84cf911b721883e0a37', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), index.h("unity-typography", { key: '90b1aaf901ca38b48c5584c0fb79d75a0f5a2a8c', variant: "h2" }, "Vertical Stepper"), index.h("udp-stepper", { key: '219567475d5ea693bd77641df12c20ee9360367d', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
+        return (index.h("div", { key: 'c5eeb235f431d179bff6fc2f3dedad7cae38c3fd', style: { padding: '2rem' } }, index.h("unity-typography", { key: '770f2b808734bc2b25156e6f828b89fc77867a01', variant: "h2" }, "Horizontal Stepper with Labels bottom"), index.h("udp-stepper", { key: 'f988b4e4b60e46c1096592c391d5c95a8b1a9852', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "bottom" }), index.h("unity-typography", { key: '1d2bfae7c6f7c861f91de32e1861847f434ec0b9', variant: "h2" }, "Horizontal Stepper without Labels"), index.h("udp-stepper", { key: 'd54f08ef0f50d0ed75b7258af5857c2414a9b1c3', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "none", labelPosition: "bottom" }), index.h("unity-typography", { key: '0ad7daa55a787f68adb962bdf86faf4526b1ece2', variant: "h2" }, "Horizontal Stepper with Labels to Right"), index.h("udp-stepper", { key: 'c4a398059215ba9890093427b714b3f8c1527a18', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "horizontal", labelDisplay: "all", labelPosition: "right" }), index.h("unity-typography", { key: '3fac13b2bac2a1efb6bb9e1015c658c9db5cbb4e', variant: "h2" }, "Vertical Stepper"), index.h("udp-stepper", { key: '3d803fe2891e8c5f0f0028db56ddccfb8a5c07df', steps: this.steps, activeStep: this.activeStep, completed: this.completed, stepChange: this.handleStepChange, orientation: "vertical", labelDisplay: "all", labelPosition: "right" })));
     }
 };

package/dist/cjs/udp-tab-panel.cjs.entry.js CHANGED Viewed

@@ -10,10 +10,10 @@ const UdpTabPanel = class {
     }
     render() {
         const isActive = this.value === this.index;
-        return (index.h("div", { key: 'eaa68aa3e874dbf92d218eed44f6332efd7b4946', class: {
+        return (index.h("div", { key: '57acfd7252fdbb863d997a0f0d4b6e00cb6d8952', class: {
                 'tab-panel': true,
                 'active': isActive,
-            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, index.h("slot", { key: '5ebaeac17012121bcdf75249edd5042f47473f58' })));
+            }, role: "tabpanel", "aria-hidden": !isActive ? 'true' : 'false' }, index.h("slot", { key: '1860be25551f2cc92da3e8d081dfa8738b77040f' })));
     }
 };
 UdpTabPanel.style = udpTabPanelCss;

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: 'e05ad349a3c1df3a515ede40f457661c8b7913b9', 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 }));
         })))));