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/collection/components/test-component/inputs-example/inputs-example.js CHANGED Viewed

@@ -91,7 +91,7 @@ export class InputsExample {
         };
     }
     render() {
-        return (h("div", { key: '2c9774c01a36f857e6433aba926627a1257791c7', class: "inputs-example" }, h("h1", { key: '5c19b71a3f023b51f0c34ed8e7c5f37434ad091b' }, "Input Components Examples"), h("section", { key: 'f2447d8dfe430b466c61a2574ca753b9d5319ee9', class: "example-section" }, h("h2", { key: '818dcaa4f4c7dc505cdcccc3ffc484f70a3fb071' }, "Controlled Components"), h("p", { key: 'ea4ef0d9251996f67b861638238de0ad0a940e81' }, "Parent component manages state and passes values to child components."), h("div", { key: 'ee6a1e5c706fdb5f944e83624337a01331cc8d95', class: "input-grid" }, h("div", { key: '3ea82c30422559f59d4a0e10dddd02d918077eca', class: "input-example" }, h("h3", { key: '6c5ae1f68f5fa8e43a2b93176e610d88936982dd' }, "Text Field"), h("text-field", { key: '72ee35e0669b46c6c1707c079e87205c99155b00', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: '6c7607e7b5cd9e0d942d2a890e90a1c43d8b1089', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '4d1b4ee2ccdd1f1da7568de5c33c6180dbac9a73', class: "input-example" }, h("h3", { key: '378a2d4ae669e03703cc9296529812ca7f0e7afc' }, "Numeric Field"), h("numeric-field", { key: '8827d06eeb38b3658909dbbe20cbed16aef1ded7', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: '11797ec1b07020faee2cf620597c29b7ec3c91e3', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: 'c49569a4b48b03d0ba2846acd84a20ee0474f9e5', class: "input-example" }, h("h3", { key: '655878f8956003849b894125c2fb876c4e787acb' }, "Text Area"), h("text-area", { key: '3e3045fed0d2e5230a84658a7d7acb2d3a6bc3c8', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: 'b6a093c2a16379f854f8ec1890aca57d6b841685', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: 'f00587ad5255ac95ca7ef73ad525c9f2b7ad2e32', class: "input-example" }, h("h3", { key: '9e0ff081e371c2877d432d2e5c99e9b3447e1d73' }, "Checkbox"), h("check-box", { key: '1b3039be849d1fc56ee1b3cb35fde57d90dbe9b2', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: 'a5a2487cb7a5ece6ef34cafd22886aa3bb180682', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: '5297030b195b03b2a0406ee4578f458e787abf6a', class: "input-example" }, h("h3", { key: '58004f9d68fa3c844424b4f7365a0cca9479f968' }, "Toggle"), h("stencil-toggle", { key: '8b8f04ab81e681ab9520f89fa82e32a3d4250409', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: 'd2492200be23d7444fe71267e11c549f16d8bc9a', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '698863a621af9c58672847f4505aaa5e2482bd05', class: "input-example" }, h("h3", { key: '39e0bcc2b2f04b9730352bd305823d6b5a9f8e6a' }, "Date Selector"), h("udp-date-selector", { key: 'b3338f8cf609764338d6be2a7b87dbf1d2b70f7f', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: '09904cafd32d18a5cd7f576e576c6269f47dab94', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: '13ec4f54ac0fbbaa74c67b56a5cadd6a9fc45252', class: "input-example" }, h("h3", { key: '5b899dea25c2f3cad64165988817c9d78afd6049' }, "DateTime Selector"), h("udp-datetime-selector", { key: '531b20feccea342c3308a373bb920f4060179f0f', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '60d6d1e1e93897d5ff04fa269b8d79105e95e2fa', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: '29fefc86c4645769ce32ef9312518dd681eeeaf6', class: "input-example" }, h("h3", { key: '3cc3d33c55281e80a2a447bf68412aec3f0ba527' }, "Time Selector"), h("udp-time-selector", { key: 'b7bf0408622231fc893f7f5c5a8746e95775c8a7', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: '34234c591167b563554a6671ee294a1a3b426510', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: '6632d633fcdaf187024a726b95a4b67decb44126', class: "input-example" }, h("h3", { key: '6c35d09bda887f3128fe648392faffd00f8e2514' }, "UDP Selector"), h("udp-selector", { key: '03b8b44a84c3db73b74b0738e602d09e91f5f228', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: '73d475e90a204b46a15383d0e6b74269f29e59e4', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: 'd470e5bd6e16be2a67bdba2fca5fe0f494dabc12', class: "input-example" }, h("h3", { key: '703cadb6d041bc560fd72c60bfd562d409c4b653' }, "File Upload"), h("file-upload", { key: '94b4d3a82bc92353d5ebb8f3c7bc8b321902eb59', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: '1b9eaac708bbd6ea3a13b1f405e70c717de4361c', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '0a017099bef0d138db8311c2607aa96e829f2db9', class: "example-section" }, h("h2", { key: '3a299379ae5f9d8b66b723aaa151514c9664e147' }, "Uncontrolled Components"), h("p", { key: '62b6c718844eb84971a5e8533fe51ae4ce9185d7' }, "Components manage their own state with initial values."), h("div", { key: 'b0270fdf7b8d96560fc49c7830e6192d9b34c583', class: "input-grid" }, h("div", { key: '52af146f389abe67d9c6edf239b80dbb553f4b48', class: "input-example" }, h("h3", { key: '5f5e36b240ad4f7f5e952d91c7ab08d907180738' }, "Text Field"), h("text-field", { key: '779daef1e8f1f0184b7ed60e3432c4bbb6d78aa5', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: '925845b446b549ae12d3f67f40153ff88c1237ec', class: "input-example" }, h("h3", { key: '7b6eb7dfac92fcef0972f61bed2cc14c65c35a1f' }, "Numeric Field"), h("numeric-field", { key: 'f9e990f8a8b24fff7eda8513c0f33bb62c7a2522', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: 'dc700898e6043c871e81ba4215775e0b8ad86e64', class: "input-example" }, h("h3", { key: '89025e16958ad38e0de9a4fd2784617a434bb7b4' }, "Text Area"), h("text-area", { key: 'f89870ede0138fbd4c451de97b442a5eb440674d', label: "Uncontrolled Text Area", placeholder: "Enter description...", initialValue: "Initial description text", minRows: 3, onChange: (e) => console.log('Text area changed:', e.detail) })), h("div", { key: '840cdd4c554cb6f30a9660136586744e4df8391b', class: "input-example" }, h("h3", { key: '4af04e761094cf33faeda3366718ed912caa7d74' }, "Checkbox"), h("check-box", { key: '9263a3e6db5684bf304111ff8e7b7b12a6ed247b', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: 'e2ee60bd202d614335a35ad0344c2117061f40ca', class: "input-example" }, h("h3", { key: 'e8af0e815f5a89de6ec1596c6f0b457c0a413bd7' }, "Toggle"), h("stencil-toggle", { key: 'f6231a4394eb6d0f6b35c48b8850b98139df413e', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: 'bc457a401665ddcd8761555d1e664448ae240029', class: "input-example" }, h("h3", { key: '27c031274e7b4eefb1f629c9499d1f9d028714f6' }, "Date Selector"), h("udp-date-selector", { key: '0d001fa6aea835854f59a5adce3f86e91ecedad9', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '2adb1279494c4bef294fc4cdfab08a1e9d5dd51f', class: "input-example" }, h("h3", { key: 'b345f7f9dd7613ae3c90af685c6d7363b1fa5694' }, "Time Selector"), h("udp-time-selector", { key: '0b81754404c91875178909823c51a77821ba713c', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: 'e612112a0cfbad0378ce23559301468bbab528dd', class: "input-example" }, h("h3", { key: '58e3be8c3091b4375728653aa1025dd0800dea3a' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'a66319f6db6bc35756b3cf0ed3f224024eecf0c4', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '1b71ad2e2c0b7e8087202fa03abdd0ec68a3f397', class: "input-example" }, h("h3", { key: '1b4818d107d60a9fca534ccba3c858860078b371' }, "UDP Selector"), h("udp-selector", { key: 'b53bdbabed328bc79fb7ea4597ffe36a26474d93', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: 'beaa194b45bd4fac58599a4a5e0d373c8101a743', class: "example-section" }, h("h2", { key: '05164bd4b352c81513d5c4c41fdd8998e5426534' }, "Form-wrapped Components"), h("p", { key: '0c4485a9dacf1f32b9c80f17d2521bf50fab2029' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: '05de0c6af9963c337286a07a7058dc19174dd69a', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
+        return (h("div", { key: 'abe574b3dd1ee9e8b5555c053d7a0d1795ecf3d2', class: "inputs-example" }, h("h1", { key: '3f9736c2634d1240445325f074550a697628c392' }, "Input Components Examples"), h("section", { key: 'ef2adb1eabd987a4f0911c565a60706ef0861838', class: "example-section" }, h("h2", { key: '985471cff514932a6119efa86c249e134c58cce9' }, "Controlled Components"), h("p", { key: '44b5615e94e430a2ae93e3fd5e67508cd1b827a7' }, "Parent component manages state and passes values to child components."), h("div", { key: 'c882daf38f8176964782426a4a47b1a50976ba56', class: "input-grid" }, h("div", { key: 'c1ea02fa5fb830a673d64373c076168f0c33e3d3', class: "input-example" }, h("h3", { key: '8cbd4d2a65d59ade7fb327a067f53c555978091c' }, "Text Field"), h("text-field", { key: '61bac0b58709a914da2743471059e56e825823f3', label: "Controlled Text Input", placeholder: "Enter text...", value: this.controlledTextValue }), h("p", { key: 'dcf347abd7e620abbf82272e72cdae3e89c854b8', class: "value-display" }, "Value: ", this.controlledTextValue)), h("div", { key: '0cd0ba9649a57a2a8e67783ebd9db655968ccd5a', class: "input-example" }, h("h3", { key: 'fc30ac3caf640e17970e0a671454d697603b6896' }, "Numeric Field"), h("numeric-field", { key: '4525bbcec3dad6efb51ad1a5b1a9d0670846bc29', label: "Controlled Numeric Input", placeholder: "Enter number...", value: this.controlledNumericValue, min: "0", max: "100", step: "1", onChange: this.handleControlledNumericChange }), h("p", { key: '46ec9b30518bf1ccee57e9cc157aa96d2145070e', class: "value-display" }, "Value: ", this.controlledNumericValue)), h("div", { key: '02432f038d8578704fa49728dc467ce7517b00d5', class: "input-example" }, h("h3", { key: '5afeb54ebe9bf80c0ec7f6e6d1d6c8fa58ac6555' }, "Text Area"), h("text-area", { key: '89571b2150d69e9357c9b35ee0dc3012bba1d2e2', label: "Controlled Text Area", placeholder: "Enter description...", value: this.controlledTextAreaValue, minRows: 3, maxRows: 6 }), h("p", { key: '399f0b7c25c51938f6ce8d20ef3525cda914f41a', class: "value-display" }, "Value: ", this.controlledTextAreaValue)), h("div", { key: '976a4f288abd9da3fac5cd90779da562eb1f07ba', class: "input-example" }, h("h3", { key: 'feefcc2fdd89f4c091e2201793154006eaa4ca53' }, "Checkbox"), h("check-box", { key: '093bdbaaad8215105d3c9da538283ebfd6fcc11b', label: "Controlled Checkbox", checked: this.controlledCheckboxValue, onChange: this.handleControlledCheckboxChange }), h("p", { key: '667b7b7d0e3f7f4e51810187492cd4fa5fadcbdf', class: "value-display" }, "Checked: ", this.controlledCheckboxValue.toString())), h("div", { key: 'fc1ca95d79dbbcb89afe5603a4f8883672cb436a', class: "input-example" }, h("h3", { key: '965039e721923d437dbb6c0902cb6b8b2510d655' }, "Toggle"), h("stencil-toggle", { key: '7277efc340ab67a278b6f757b3c14f9ff33a24ca', label: "Controlled Toggle", checked: this.controlledToggleValue, onChange: this.handleControlledToggleChange }), h("p", { key: '52102651ff84c1d153f2a0696936692ff131c939', class: "value-display" }, "Toggled: ", this.controlledToggleValue.toString())), h("div", { key: '67ab2eab1bbd6a6cef77e6023059380203549f23', class: "input-example" }, h("h3", { key: 'bbf9adab02f8dfdac8e4c239e7a141bec81c066d' }, "Date Selector"), h("udp-date-selector", { key: '8bedfbe54bb13a41da3d53dddbb0c010e6e0235b', label: "Controlled Date", value: this.controlledDateValue, onChange: this.handleControlledDateChange }), h("p", { key: '8ffc0601166cde3f2fee27717cb16d63faa18dbc', class: "value-display" }, "Date: ", this.controlledDateValue)), h("div", { key: 'd709b2c64bc0a947cbf84e1f7323f6c089a182e9', class: "input-example" }, h("h3", { key: '42570f2b76fa18c3a06bb03a4128e45345b1d684' }, "DateTime Selector"), h("udp-datetime-selector", { key: '9989a6608780b43c8483124b565e6a3107995a02', label: "Controlled DateTime", value: this.controlledDateTimeValue, onChange: this.handleControlledDateTimeChange }), h("p", { key: '8a6c073b570582335819610fe57b6b61897c8387', class: "value-display" }, "DateTime: ", this.controlledDateTimeValue)), h("div", { key: 'a8ba282442bcdcb4798e9bcc2e838dc55eaeed12', class: "input-example" }, h("h3", { key: 'ccc07b9aafc75da0b61a3398540cfe08e215e6a5' }, "Time Selector"), h("udp-time-selector", { key: '40bfc386f6755e56dfbc4729b06b1113a8e6dae7', label: "Controlled Time", value: this.controlledTimeValue, onChange: this.handleControlledTimeChange }), h("p", { key: 'f466b67b1b1505046ffaad2bba6923d5b3591c1b', class: "value-display" }, "Time: ", this.controlledTimeValue)), h("div", { key: 'ea8db02e6b30a60216f190167a416daf766413e6', class: "input-example" }, h("h3", { key: 'b8f9eb9738a90b9c3cbc6d0aad442e2d6de72f67' }, "UDP Selector"), h("udp-selector", { key: '1f6a4746cd9993cb22839836e81324d0a0dac46e', label: "Controlled Selector", options: this.selectorOptions, value: this.controlledSelectorValue, onChange: this.handleControlledSelectorChange }), h("p", { key: '71cbdcf34a2173262a05eec7e23bd0a4cdf32890', class: "value-display" }, "Selected: ", this.controlledSelectorValue)), h("div", { key: '6d5e79fe14b0c3e61082e0c66b15e42defbd7dfe', class: "input-example" }, h("h3", { key: '44c56123a225141f587c842e661a8220704cbfe2' }, "File Upload"), h("file-upload", { key: '0639032ddae96c0bf84c999f539186fcfbb92584', label: "Controlled File Upload", allowMultiple: true, onChange: this.handleControlledFileChange }), h("p", { key: '7d38b179ef0c273297d86ec87a2f2aa092d92a4c', class: "value-display" }, "Files: ", this.controlledFileValue.length, " selected")))), h("section", { key: '83721d6d04e915185fa2b1ec50e34cec4d59c046', class: "example-section" }, h("h2", { key: 'ecddf27279957c4fe5bae08fb24ecbc08ecbb3da' }, "Uncontrolled Components"), h("p", { key: '93a297887f6e409ffaaab3e7812da15501300a9b' }, "Components manage their own state with initial values."), h("div", { key: '4d194aac8a2b5eb8fe42e49007360f17d137c683', class: "input-grid" }, h("div", { key: 'a09c44a6dac38b8f659deaf936007ce7cc214a13', class: "input-example" }, h("h3", { key: '2baa46d8fa9302f02c6d86cf20ffef291620ad83' }, "Text Field"), h("text-field", { key: '36a99de8d0234cba87f18687753daa4dfe1df024', label: "Uncontrolled Text Input", placeholder: "Enter text...", initialValue: "Initial text value", onChange: (e) => console.log('Text changed:', e.detail) })), h("div", { key: 'edb2fab456f22e1a5cb21763716665ba84c1f9ab', class: "input-example" }, h("h3", { key: 'cfcb677a6e04f6a390adc3bc90354c03ab98e0d7' }, "Numeric Field"), h("numeric-field", { key: 'bbd691def478dedbfaa9eccfc1a360ca71062bbd', label: "Uncontrolled Numeric Input", placeholder: "Enter number...", initialValue: "42", min: "0", max: "100", onChange: (e) => console.log('Number changed:', e.detail) })), h("div", { key: 'f383a974e5d5013f9ff66a2b1467041764a25b3b', class: "input-example" }, h("h3", { key: 'b75c1110dee252c2f3b9cc6aa17853fab53a224c' }, "Text Area"), h("text-area", { key: 'bead59b231e55ace7c2c1526a41e15b960b8e589', label: "Uncontrolled Text Area", placeholder: "Enter description...", initialValue: "Initial description text", minRows: 3, onChange: (e) => console.log('Text area changed:', e.detail) })), h("div", { key: '1ffc58531976a94b7841828b158f20feb24533d6', class: "input-example" }, h("h3", { key: '85c1f83c5e36800138e6f9fc0a3455758269f8e5' }, "Checkbox"), h("check-box", { key: '485549b469db06cf06d7df72d2b70dbee642ed72', label: "Uncontrolled Checkbox", initialValue: "true", onChange: (e) => console.log('Checkbox changed:', e.detail) })), h("div", { key: '9c51bfd29db2b28522139a014f5ebe3d467b544f', class: "input-example" }, h("h3", { key: 'aede99484605af827cfe923d5d4419077d7a039a' }, "Toggle"), h("stencil-toggle", { key: '6ba3250373b30a98ebdfd6dfa12eccce62a8a6d1', label: "Uncontrolled Toggle", initialValue: "false", onChange: (e) => console.log('Toggle changed:', e.detail) })), h("div", { key: 'bc42bda9a39d3a8a275375d07253db09b8702326', class: "input-example" }, h("h3", { key: '81009826ecfa308fa57dda17569ec68870320517' }, "Date Selector"), h("udp-date-selector", { key: 'ae5560bf99c290fefbb9f0811d62821d8ed5794e', label: "Uncontrolled Date", initialValue: "2024-01-15", onChange: (e) => console.log('Date changed:', e.detail) })), h("div", { key: '5b7d02ca49b220eed707782140bbe351c6b81b26', class: "input-example" }, h("h3", { key: 'e436cb22a6acc962482ab5e5b5e3ab75f03f35c9' }, "Time Selector"), h("udp-time-selector", { key: '97d803f67a41154901ec7bd383873d7f598f7ea6', label: "Uncontrolled Time", initialValue: "14:30", onChange: (e) => console.log('Time changed:', e.detail) })), h("div", { key: 'e009a51f1822f659c9186a4f799e30db09e6fc69', class: "input-example" }, h("h3", { key: '01d6323eb9c95f06dd107087f40607ba3d19a13f' }, "DateTime Selector"), h("udp-datetime-selector", { key: 'e382cec5ae925a43aa2e93082640b40ab00e620a', label: "Uncontrolled DateTime", initialValue: "2024-01-15T14:30", onChange: (e) => console.log('DateTime changed:', e.detail) })), h("div", { key: '6c067ddb9ca71d9f123278cf8863196a2373c8e1', class: "input-example" }, h("h3", { key: 'b2d5b2440c379a36b656c9f9943d94c5fcf280b3' }, "UDP Selector"), h("udp-selector", { key: '4ec419aa4fe540b1ae7ce6b8b68e2cc312bf345d', label: "Uncontrolled Selector", options: this.selectorOptions, initialValue: "option2", onChange: (e) => console.log('Selector changed:', e.detail) })))), h("section", { key: '3d3acc421c6265b86f3d25610da860cbbc9c96bf', class: "example-section" }, h("h2", { key: '861e50880024ed20ad848a24b1e3fd4adefad106' }, "Form-wrapped Components"), h("p", { key: '866753115f082c69d4878ee415395cdcdc6a8a32' }, "Components integrated with stencil-form and stencil-field for validation and state management."), h("stencil-form", { key: 'd326ec45efbe5baada989d806adab38fb9fc6c90', handleSubmit: this.handleFormSubmit, handleChange: this.handleFormChange, handleValidate: this.validateForm, initialValues: {
                 formTextField: 'Initial form text',
                 formNumericField: '25',
                 formTextArea: 'Initial form description',
@@ -100,7 +100,7 @@ export class InputsExample {
                 formDate: '2024-02-01',
                 formTime: '09:00',
                 formSelector: 'option1'
-            } }, h("div", { key: 'd35fe74a1e26cf0b8f398e9c894c8f1a5da45a48', class: "form-grid" }, h("stencil-field", { key: 'd77c0d4cc9d9cffb255eff419a5b0af8b561947e', name: "formTextField" }, h("text-field", { key: '0410f7248f9b229be53fcd674caeda0c65b05fe2', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '48fba9a081504e2a0bea41f27ce0325dc914991d', name: "formNumericField" }, h("numeric-field", { key: '7f9ec15a7f6f0dbe373edff972efb2c81e2b558d', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '2825b9b6932a7d66869f9ec08c60dc86a7d913da', name: "formTextArea" }, h("text-area", { key: '34b58939f90b746909880b22902bd7329d236cf4', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: '8ee8d90cf1c56d1a8f5f6d0dfd87fb8369a474e3', name: "formCheckbox" }, h("check-box", { key: 'f63e26765d059b3d950b06e00cb1e3f398247e9e', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '9c3412c4e9b54d1ef35b53af12246e81af00ff1b', name: "formToggle" }, h("stencil-toggle", { key: '700b07f98704353b99c936b26eb0b4142ff6a62a', label: "Enable Notifications" })), h("stencil-field", { key: '1698b7eee1656bf216498f09f7817307b74666b8', name: "formDate" }, h("udp-date-selector", { key: '8e8fc86fa7d371fabc6bf9eb72fbdd6e5e798102', label: "Form Date", required: true })), h("stencil-field", { key: 'b38b2317b83b226d34c0dc9491b8357ea8db261c', name: "formTime" }, h("udp-time-selector", { key: '570831455cbdc786acb1c06cff4c0089364999a9', label: "Form Time" })), h("stencil-field", { key: '71fc5f623dc700cfe77456d012dfa6e53a9d169e', name: "formSelector" }, h("udp-selector", { key: '22573dcbcb86203b9fe3ba0e79679225ad93eed8', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '3455ddb62d6e341a58c78dd2a9820d2eb326399c', name: "formFiles" }, h("file-upload", { key: '2ca7724c7443075b94da339efdf7b23e404a72d8', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '6d070a36e05b2bdf3928fce96d51a8e7bc42e9e0', class: "form-actions" }, h("button", { key: '7233a784011bd65fd5fe25105a4afa36cfad9bbd', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: 'b9b2382fa2f27d159a7e586479e2325b385b3163', class: "form-values" }, h("h3", { key: 'fc96b6c576f8198514a7c7aee5ae953eb8a752cd' }, "Current Form Values:"), h("pre", { key: '8fdc93279968950235a62a5b4022b0f578bbe993' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '2731e1a0beedccacb1bbb34efb3608855769bbcb', class: "example-section" }, h("h2", { key: 'bb06ef8c5593615f101046e448291d512d6b4375' }, "Additional Examples"), h("p", { key: 'ab93ddb0de3d6606cc6285a0ec2e397f453846b5' }, "More complex configurations and specialized use cases."), h("div", { key: 'b1d7de6e2daa82f758e147e93831f4c3a327756e', class: "input-grid" }, h("div", { key: 'a65e4e5ff0a7950743529e441eeb6c0c67d16774', class: "input-example" }, h("h3", { key: '787e43f64af484ea59ad6a860be0aae3ea8ec95d' }, "Multi-Select UDP Selector"), h("udp-selector", { key: '0b79b2f43a252f631176f73403aac729f69c5af6', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: '270209ebf674a2c4ce1b8211e11254f92c581735', class: "input-example" }, h("h3", { key: '967bc8d45e1c62d6a019f179a957f8e496160ba3' }, "Large UDP Selector"), h("udp-selector", { key: 'dbcd9fb9acf787233a62c4ff3bba8fbdbc982a71', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: 'bc60bade3cb2b8b71f3cd7c55ce41faac4ad1d5f', class: "input-example" }, h("h3", { key: 'a9e11f6c997cd208d46f13e9aa7a74343d0c6e58' }, "File Upload with Type Restrictions"), h("file-upload", { key: '7dff9c55cf4741c542c4aae3dc60e36e4a9caa3e', label: "Image Upload Only", allowedFileTypes: ['jpg', 'jpeg', 'png', 'gif'], allowMultiple: false, browseFileMessage: "Select an Image", onChange: (e) => console.log('Image upload changed:', e.detail) })), h("div", { key: 'cc464aa2b13e6a7852c735279094097675f68a71', class: "input-example" }, h("h3", { key: 'd06ed109dc3967f56f369a2806514d4c3987c2ca' }, "Disabled Components"), h("div", { key: 'f7295d2fdd1a89191aba44a0948e74228a8f056b', class: "disabled-examples" }, h("text-field", { key: '9cafed2788920b6f772abb0cda0006f94c7f7076', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: 'f7189fc4fd08c68970c5d97a1cc6516eb927e75c', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: 'b34905240d9b8f957a32791f3cba99cdf1128eb9', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
+            } }, h("div", { key: '3404e02d07838a570bb5c7481677e8ea02d0dbb0', class: "form-grid" }, h("stencil-field", { key: '4ecf959603a2ddfc14a87f02ced4a4fb003ee01c', name: "formTextField" }, h("text-field", { key: '8fdd03c93ae359032536e659f353539bdc3ae803', label: "Form Text Field", placeholder: "Enter text...", required: true })), h("stencil-field", { key: '748457f0d3d6534e7d5193eb291d81006b5c2de7', name: "formNumericField" }, h("numeric-field", { key: '31ac100387a041b219ee1566536bdd46d435f94b', label: "Form Numeric Field", placeholder: "Enter number...", min: "0", max: "100", required: true })), h("stencil-field", { key: '6dbee7b024057c61a788e51e832f58f32f9fee34', name: "formTextArea" }, h("text-area", { key: 'a1f82c50209df578d1f3f24b69b7c6dcda9fa66c', label: "Form Text Area", placeholder: "Enter description...", required: true, minRows: 3 })), h("stencil-field", { key: '80cad39ff02f2a0c023ec768f5f3649cda59e99f', name: "formCheckbox" }, h("check-box", { key: '851e5d29bec0677aa98caeb004d32326b0bd2176', label: "Accept Terms and Conditions", required: true })), h("stencil-field", { key: '46d97d62d0ed7a9858a5517358a7af7f653883eb', name: "formToggle" }, h("stencil-toggle", { key: 'a81ee453445f68d09e2cfd5a3eb550ba3807749d', label: "Enable Notifications" })), h("stencil-field", { key: '33a75fa40de10461c2729c1ba44b8087abc7d9a0', name: "formDate" }, h("udp-date-selector", { key: 'c00a78855e64d77b7af5f71b46d000f0cb4010aa', label: "Form Date", required: true })), h("stencil-field", { key: '5ff0c620188762adf2c33593ad4a53c09572860d', name: "formTime" }, h("udp-time-selector", { key: '61ef6e62830b611c13c41f5d06157be965507c90', label: "Form Time" })), h("stencil-field", { key: 'c80881c110642b91537edf88ac3f3d8566191543', name: "formSelector" }, h("udp-selector", { key: 'a88ed4209d8ab05a99f3739ab96219550349e2c1', label: "Form Selector", options: this.selectorOptions, required: true })), h("stencil-field", { key: '93b79a8855c505a064decce4e8e4eeb0119c8c85', name: "formFiles" }, h("file-upload", { key: 'c9aea49be28887288c265a0c8bba70ca57a3a28b', label: "Form File Upload", allowMultiple: true }))), h("div", { key: '6ea9bfd7d40198066baf052303e0073814bcd8a0', class: "form-actions" }, h("button", { key: 'd10606ee72f906d91ece0678803c714fba1867e1', type: "submit", class: "submit-button" }, "Submit Form"))), h("div", { key: 'bdb9ee546def68ccc683ab2b47d6d6654def9121', class: "form-values" }, h("h3", { key: '0badd2abe8683260ab76354ce5cfa2d86ef20d8f' }, "Current Form Values:"), h("pre", { key: '72322f22cf56dc104f5304ea35ccd8ecc51f2da4' }, JSON.stringify(this.formValues, null, 2)))), h("section", { key: '6d37fab5fee2c40376e55f3983f3b1e2d608182e', class: "example-section" }, h("h2", { key: '9610b8dd0070106043760075d23eb0e15923bd09' }, "Additional Examples"), h("p", { key: '2d988efe1068b7a97b209554fb51c1870acdccbb' }, "More complex configurations and specialized use cases."), h("div", { key: '3a969b4936267869ebe8e058b23071d9e9928368', class: "input-grid" }, h("div", { key: '9c20b6c5f6bc0adc57f218bffddcdd2d9e684a8a', class: "input-example" }, h("h3", { key: '8696ea07b2b35a7bb8ff36b8c01f0bb75f8b1063' }, "Multi-Select UDP Selector"), h("udp-selector", { key: 'a16955a67400e39e1a592c94cb803a69e2fa54a0', label: "Multi-Select Selector", options: this.selectorOptions, multiSelect: true, initialValue: "option1,option3", onChange: (e) => console.log('Multi-select changed:', e.detail) })), h("div", { key: 'f940514861fd547841097ce5b9acf79a7d358783', class: "input-example" }, h("h3", { key: '9e66970e236a9bc0609863442f3d243ceee4d5f8' }, "Large UDP Selector"), h("udp-selector", { key: '5ef4f73e2559fafaaa0536c241ccddd799c0558c', label: "Large Selector", options: this.selectorOptions, large: true, initialValue: "option2", onChange: (e) => console.log('Large selector changed:', e.detail) })), h("div", { key: '68d2d3af2d381a45ac3455e12ad9a1005e5214d5', class: "input-example" }, h("h3", { key: 'cf3fe633b88c2ead8a63fb5b1078f3c0fd01dd8b' }, "File Upload with Type Restrictions"), h("file-upload", { key: '4a82a2f0b1dfc4756e9fbf40778fa99ea6447511', label: "Image Upload Only", allowedFileTypes: ['jpg', 'jpeg', 'png', 'gif'], allowMultiple: false, browseFileMessage: "Select an Image", onChange: (e) => console.log('Image upload changed:', e.detail) })), h("div", { key: '66a2dfc4f6e34818e070e92ef5ee5066c3abb0de', class: "input-example" }, h("h3", { key: '1a51b6e43caac7fcb717df520a6d8429846e826e' }, "Disabled Components"), h("div", { key: '8c46d6ba7bdf4bbdaadb7a05952582a887f1f6a7', class: "disabled-examples" }, h("text-field", { key: '056903f9c1151252e2b7e923969643cbd27092ac', label: "Disabled Text Field", value: "Cannot edit this", disabled: true }), h("check-box", { key: 'efc82460a07bf66f66f8a0d5a07fa3fcf034e9b3', label: "Disabled Checkbox", checked: true, disabled: true }), h("udp-selector", { key: '39e1b245c972ee8976b3feb5cd19906e62217635', label: "Disabled Selector", options: this.selectorOptions, value: "option1", disabled: true })))))));
     }
     static get is() { return "inputs-example"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/global/ag-grid.js CHANGED Viewed

@@ -7,6 +7,9 @@ async function loadAgGridLibrary() {
         throw new Error('Failed to load ag-Grid script:\n' + e.message);
     }
 }
+/**
+ * @deprecated This component is deprecated and will be removed in a future version.
+ */
 export async function lazySetupAgGridLibrary({ LicenseKey }) {
     // Lazy-load the ag-grid library only once
     if (!agGridLibraryPromise)

package/dist/collection/global/ag-grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ag-grid.js","sourceRoot":"","sources":["../../src/global/ag-grid.ts"],"names":[],"mappings":"AAAA,IAAI,oBAAmC,CAAC;AAExC,KAAK,UAAU,iBAAiB;IAC9B,IAAI,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,kCAAkC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;AACH,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAAC,EAAE,UAAU,EAA0B;IACjF,0CAA0C;IAC1C,IAAI,CAAC,oBAAoB;QAAE,oBAAoB,GAAG,iBAAiB,EAAE,CAAC;IACtE,MAAM,oBAAoB,CAAC;IAE3B,8BAA8B;IAC9B,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,EAAE,CAAC;QACxD,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5D,CAAC;AACH,CAAC","sourcesContent":["let agGridLibraryPromise: Promise<void>;\n\nasync function loadAgGridLibrary() {\n try {\n window['agGrid'] = await import('ag-grid-enterprise');\n } catch (e) {\n throw new Error('Failed to load ag-Grid script:\\n' + e.message);\n }\n}\n\nexport async function lazySetupAgGridLibrary({ LicenseKey }: { LicenseKey: string }) {\n // Lazy-load the ag-grid library only once\n if (!agGridLibraryPromise) agGridLibraryPromise = loadAgGridLibrary();\n await agGridLibraryPromise;\n\n // Set the ag-Grid license key\n if (window['agGrid'] && window['agGrid'].LicenseManager) {\n window['agGrid'].LicenseManager.setLicenseKey(LicenseKey);\n }\n}\n"]}
1	+ {"version":3,"file":"ag-grid.js","sourceRoot":"","sources":["../../src/global/ag-grid.ts"],"names":[],"mappings":"AAAA,IAAI,oBAAmC,CAAC;AAExC,KAAK,UAAU,iBAAiB;IAC9B,IAAI,CAAC;QACH,MAAM,CAAC,QAAQ,CAAC,GAAG,MAAM,MAAM,CAAC,oBAAoB,CAAC,CAAC;IACxD,CAAC;IAAC,OAAO,CAAC,EAAE,CAAC;QACX,MAAM,IAAI,KAAK,CAAC,kCAAkC,GAAG,CAAC,CAAC,OAAO,CAAC,CAAC;IAClE,CAAC;AACH,CAAC;AAED;;GAEG;AAEH,MAAM,CAAC,KAAK,UAAU,sBAAsB,CAAC,EAAE,UAAU,EAA0B;IACjF,0CAA0C;IAC1C,IAAI,CAAC,oBAAoB;QAAE,oBAAoB,GAAG,iBAAiB,EAAE,CAAC;IACtE,MAAM,oBAAoB,CAAC;IAE3B,8BAA8B;IAC9B,IAAI,MAAM,CAAC,QAAQ,CAAC,IAAI,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,EAAE,CAAC;QACxD,MAAM,CAAC,QAAQ,CAAC,CAAC,cAAc,CAAC,aAAa,CAAC,UAAU,CAAC,CAAC;IAC5D,CAAC;AACH,CAAC","sourcesContent":["let agGridLibraryPromise: Promise<void>;\n\nasync function loadAgGridLibrary() {\n try {\n window['agGrid'] = await import('ag-grid-enterprise');\n } catch (e) {\n throw new Error('Failed to load ag-Grid script:\\n' + e.message);\n }\n}\n\n/*\n @deprecated This component is deprecated and will be removed in a future version.\n */\n\nexport async function lazySetupAgGridLibrary({ LicenseKey }: { LicenseKey: string }) {\n // Lazy-load the ag-grid library only once\n if (!agGridLibraryPromise) agGridLibraryPromise = loadAgGridLibrary();\n await agGridLibraryPromise;\n\n // Set the ag-Grid license key\n if (window['agGrid'] && window['agGrid'].LicenseManager) {\n window['agGrid'].LicenseManager.setLicenseKey(LicenseKey);\n }\n}\n"]}

package/dist/collection/index.js CHANGED Viewed

@@ -1,9 +1,6 @@
 export * from './components';
 export { setTheme } from './theme/theme-utils';
-export * from './udp-utilities/api/api-services';
-export * from './udp-utilities/api-udp/get-user';
 export * from './udp-utilities/api-udp/apiMutate';
-export * from './udp-utilities/api-udp/udp-fetch';
 export * from './udp-utilities/grid/convertToAgGridColumns';
 export * from './udp-utilities/grid/data-converters/transformSearchData';
 export { SearchBuilder, SearchUtilities, LogicalSearchOperator, SearchGroupingType, SearchOperators as SqlFilterOperators } from './udp-utilities/search';

package/dist/collection/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,cAAc,~~kCAAkC,CAAA;AAChD,cAAc,kCAAkC,CAAA;AAChD,cAAc,~~mCAAmC,CAAA;AACjD,cAAc,~~mCAAmC,CAAA;AACjD,cAAc,~~6CAA6C,CAAA;AAC3D,cAAc,0DAA0D,CAAA;AACxE,OAAO,EACL,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,IAAI,kBAAkB,EACtC,MAAM,wBAAwB,CAAA;AAQ/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAA;AAE1F,oEAAoE","sourcesContent":["export * from './components';\nexport { setTheme } from './theme/theme-utils'\nexport * from './udp-utilities/api~~/api~~-~~services'\nexport * from './~~udp~~-utilities~~/~~api-udp/get-user'\nexport * from './udp-utilities/api-udp/~~apiMutate'\nexport * from './udp-utilities/~~api-udp/udp-fetch'\nexport * from './udp-utilities/~~grid/convertToAgGridColumns'\nexport * from './udp-utilities/grid/data-converters/transformSearchData'\nexport {\n SearchBuilder,\n SearchUtilities,\n LogicalSearchOperator,\n SearchGroupingType,\n SearchOperators as SqlFilterOperators\n} from './udp-utilities/search'\nexport type {\n Search as SearchInterface,\n SearchFilters,\n SearchFilterGroups,\n GroupOperation,\n OrderElement\n} from './udp-utilities/search'\nexport * from './store/catalog-store'\nexport * from './udp-utilities/api-config'\nexport { useMatchBreakpoint } from './udp-utilities/layout/breakpoints/useMatchBreakpoint'\n\n// export { initializeUrls } from './udp-utilities/api-udp/apiUtils'\n"]}
1	+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAA;AAC9C,cAAc,mCAAmC,CAAA;AACjD,cAAc,6CAA6C,CAAA;AAC3D,cAAc,0DAA0D,CAAA;AACxE,OAAO,EACL,aAAa,EACb,eAAe,EACf,qBAAqB,EACrB,kBAAkB,EAClB,eAAe,IAAI,kBAAkB,EACtC,MAAM,wBAAwB,CAAA;AAQ/B,cAAc,uBAAuB,CAAA;AACrC,cAAc,4BAA4B,CAAA;AAC1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,uDAAuD,CAAA;AAE1F,oEAAoE","sourcesContent":["export * from './components';\nexport { setTheme } from './theme/theme-utils'\nexport * from './udp-utilities/api-udp/apiMutate'\nexport * from './udp-utilities/grid/convertToAgGridColumns'\nexport * from './udp-utilities/grid/data-converters/transformSearchData'\nexport {\n SearchBuilder,\n SearchUtilities,\n LogicalSearchOperator,\n SearchGroupingType,\n SearchOperators as SqlFilterOperators\n} from './udp-utilities/search'\nexport type {\n Search as SearchInterface,\n SearchFilters,\n SearchFilterGroups,\n GroupOperation,\n OrderElement\n} from './udp-utilities/search'\nexport * from './store/catalog-store'\nexport * from './udp-utilities/api-config'\nexport { useMatchBreakpoint } from './udp-utilities/layout/breakpoints/useMatchBreakpoint'\n\n// export { initializeUrls } from './udp-utilities/api-udp/apiUtils'\n"]}

package/dist/collection/store/user-store.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"user-store.js","sourceRoot":"","sources":["../../src/store/user-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;~~AAS7C~~,MAAM,YAAY,GAAU,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC3C,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAQ,YAAY,CAAC,CAAC;AAEnD,MAAM,UAAU,WAAW,CAAC,MAAuB;IACjD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,UAAU;YACb,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;YAC5B,MAAM;QACR,KAAK,kBAAkB;YACrB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;gBACf,KAAK,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;YAC1C,CAAC;YACD,MAAM;QACR;YACE,MAAM;IACV,CAAC;AACH,CAAC;AAED,eAAe;IACb,KAAK;IACL,WAAW;CACZ,CAAC","sourcesContent":["import { createStore } from '@stencil/store';\nimport { User } from '../udp-utilities/udp-user-creator';\nimport { UserActionTypes } from './internal';\n\n// Define an interface for the state that includes a User field\ninterface State {\n user: User \| null;\n}\n\nconst initialState: State = { user: null };\nconst { state } = createStore<State>(initialState);\n\nexport function updateState(action: UserActionTypes) {\n switch (action.type) {\n case 'SET_USER':\n state.user = action.payload;\n break;\n case 'SET_ACCESS_TOKEN':\n if (state.user) {\n state.user.accessToken = action.payload;\n }\n break;\n default:\n break;\n }\n}\n\nexport default {\n state,\n updateState,\n};\n"]}
1	+ {"version":3,"file":"user-store.js","sourceRoot":"","sources":["../../src/store/user-store.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAa7C,MAAM,YAAY,GAAU,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC;AAC3C,MAAM,EAAE,KAAK,EAAE,GAAG,WAAW,CAAQ,YAAY,CAAC,CAAC;AAEnD,MAAM,UAAU,WAAW,CAAC,MAAuB;IACjD,QAAQ,MAAM,CAAC,IAAI,EAAE,CAAC;QACpB,KAAK,UAAU;YACb,KAAK,CAAC,IAAI,GAAG,MAAM,CAAC,OAAO,CAAC;YAC5B,MAAM;QACR,KAAK,kBAAkB;YACrB,IAAI,KAAK,CAAC,IAAI,EAAE,CAAC;gBACf,KAAK,CAAC,IAAI,CAAC,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC;YAC1C,CAAC;YACD,MAAM;QACR;YACE,MAAM;IACV,CAAC;AACH,CAAC;AAED,eAAe;IACb,KAAK;IACL,WAAW;CACZ,CAAC","sourcesContent":["import { createStore } from '@stencil/store';\nimport { User } from '../udp-utilities/udp-user-creator';\nimport { UserActionTypes } from './internal';\n\n/*\n @deprecated This component is deprecated and will be removed in a future version.\n */\n\n// Define an interface for the state that includes a User field\ninterface State {\n user: User \| null;\n}\n\nconst initialState: State = { user: null };\nconst { state } = createStore<State>(initialState);\n\nexport function updateState(action: UserActionTypes) {\n switch (action.type) {\n case 'SET_USER':\n state.user = action.payload;\n break;\n case 'SET_ACCESS_TOKEN':\n if (state.user) {\n state.user.accessToken = action.payload;\n }\n break;\n default:\n break;\n }\n}\n\nexport default {\n state,\n updateState,\n};\n"]}

package/dist/collection/theme/color-preview/color-preview.js CHANGED Viewed

@@ -10,7 +10,7 @@ export class ColorPreview {
         return (h("div", { class: "color-section" }, h("unity-typography", { variant: "h4" }, title), h("div", { class: "color-grid" }, this.renderColorBox(`--${prefix}-color-main`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-dark`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-light`, `--${prefix}-contrast-text`), this.renderColorBox(`--${prefix}-color-hint`, `--${prefix}-contrast-text`))));
     }
     render() {
-        return (h("div", { key: '98a80f4e8502dd50d6f8f76a74196d1306456ddb', class: "container" }, h("unity-typography", { key: '70dfefd7b9032e0bea9ac6bd1c38e737ece1e034', variant: "h2" }, "Unity Theme"), h("div", { key: 'cdd7efeb53f12d6363e1ff391708eaeeb2cd89ab', class: "theme-section" }, h("div", { key: 'c698420ae9fb2fa3ca1067aa12f388ddccf5a566', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: 'c2cadbc40e7a4d1af6395ee98c2021af275e5187', variant: "h2" }, "SAP Theme"), h("div", { key: 'ce4312afaedc584183c85e356dad6c050bd13164', class: "theme-section" }, h("div", { key: '7460ef49884a7dd3a7c4e5e4c46dbd65d367b44a', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '110cdc21e09f0089365989ba4f7af4a38225f7cb', variant: "h2" }, "Status Colors"), h("div", { key: '15b1b26a27b44cef9da3de647dfed23c5744300f', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
+        return (h("div", { key: '6a678eb175b5f31c3603c23ee294deff7dd66492', class: "container" }, h("unity-typography", { key: '2e34f2801cfe69c50cff503eab7f335dc5c68886', variant: "h2" }, "Unity Theme"), h("div", { key: '98f757ab143ca37e9d96d91e2e48ed33be1083ea', class: "theme-section" }, h("div", { key: 'a5e7b1897b9d5cfaa1f657f66a5dcfe9d4fb15ce', class: "unity-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: '0f7ffa67cbd3b3dd8f65a911b6171350eb27814f', variant: "h2" }, "SAP Theme"), h("div", { key: 'b422596e917f262e33de5287f363d6da27d1f139', class: "theme-section" }, h("div", { key: 'd069b216f36761dca61571c98279e019a2b2ddc8', class: "sap-theme" }, this.renderColorSection('Primary Colors', 'primary'), this.renderColorSection('Secondary Colors', 'secondary'))), h("unity-typography", { key: 'd50a94470ca12c3c00cbd3828f1d016d10fc0244', variant: "h2" }, "Status Colors"), h("div", { key: '2977eeeeed409dd59656fbac811b988f87235d9f', class: "status-section" }, this.renderStatusSection('Success', 'success'), this.renderStatusSection('Error', 'error'), this.renderStatusSection('Warning', 'warning'), this.renderStatusSection('Info', 'info'), this.renderStatusSection('Note', 'note'))));
     }
     static get is() { return "color-preview"; }
     static get encapsulation() { return "scoped"; }

package/dist/collection/udp-utilities/api-udp/apiMutate.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"apiMutate.js","sourceRoot":"","sources":["../../../src/udp-utilities/api-udp/apiMutate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;~~AAU1B~~,8CAA8C;AAC9C,s4DAAs4D;AACt4D,OAAO;AAEP,4FAA4F;AAC5F,oEAAoE;AAEpE,2HAA2H;AAC3H,iGAAiG;AAEjG,qCAAqC;AACrC,OAAO;AAGP,qCAAqC;AACrC,uBAAuB;AACvB,mBAAmB;AACnB,sBAAsB;AACtB,iBAAiB;AACjB,iCAAiC;AACjC,WAAW;AACX,oDAAoD;AACpD,iEAAiE;AACjE,8DAA8D;AAC9D,OAAO;AAGP,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,EAAU,EAAE;IAC3E,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAC,CAAC,mBAAM,MAAM,CAAC,OAAO,EAAG,CAAC,CAAC,EAAE,CAAC;IAC7D,OAAO,CAAC,eAAe,GAAG,QAAQ,CAAC;IACnC,4FAA4F;IAE5F,uCAAY,MAAM,KAAE,OAAO,IAAG;AAChC,CAAC,CAAC;AAEF,mCAAmC;AACnC,qBAAqB;AACrB,iBAAiB;AACjB,oBAAoB;AACpB,eAAe;AACf,gCAAgC;AAChC,+CAA+C;AAC/C,SAAS;AACT,kDAAkD;AAClD,8FAA8F;AAC9F,4DAA4D;AAC5D,KAAK;AAEL,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,EAC5B,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,EACT,EAAE;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,OAAO,IAAI,GAAG,EAAE,EAAE,CAAC;IAC7C,OAAO,KAAK,+CAAM,OAAO,GAAK,MAAM,GAAK,IAAI,EAAG,CAAC;AACnD,CAAC,CAAC","sourcesContent":["\nimport Axios from 'axios';\n\ninterface Config {\n headers?: {\n [key: string]: string;\n };\n [key: string]: any;\n }\n\n\n// export const getAccessToken = async () => {\n// return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n// };\n\n// export const getMergedConfig = (accessToken: string \| null, config?: Config): Config => {\n// const headers = config?.headers ? { ...config.headers } : {};\n\n// headers.currentTenantId = headers.currentTenantId \|\| \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n// if (accessToken) headers.Authorization = headers.Authorization \|\| `Bearer ${accessToken}`;\n\n// return { ...config, headers };\n// };\n\n\n// export const apiMutate = async (\n// baseURL: string,\n// url: string,\n// config: Config,\n// data: any,\n// accessToken: string \| null\n// ) => {\n// const fullURL = { url: `${baseURL}/${url}` };\n// const mergedConfig = getMergedConfig(accessToken, config);\n// return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n const headers = config?.headers ? { ...config.headers } : {};\n headers.currentTenantId = tenantId;\n //if (accessToken) headers.Authorization = headers.Authorization \|\| `Bearer ${accessToken}`;\n\n return { ...config, headers };\n};\n\n// export const apiMutate = async (\n// baseURL: string,\n// url: string,\n// config: Config,\n// data: any,\n// accessToken: string \| null,\n// tenantId: string // New tenantId parameter\n// ) => {\n// const fullURL = { url: `${baseURL}/${url}` };\n// const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n// return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n baseURL: string,\n url: string,\n config: Config,\n data: any\n) => {\n const fullURL = { url: `${baseURL}/${url}` };\n return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n"]}
1	+ {"version":3,"file":"apiMutate.js","sourceRoot":"","sources":["../../../src/udp-utilities/api-udp/apiMutate.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAe1B,8CAA8C;AAC9C,s4DAAs4D;AACt4D,OAAO;AAEP,4FAA4F;AAC5F,oEAAoE;AAEpE,2HAA2H;AAC3H,iGAAiG;AAEjG,qCAAqC;AACrC,OAAO;AAGP,qCAAqC;AACrC,uBAAuB;AACvB,mBAAmB;AACnB,sBAAsB;AACtB,iBAAiB;AACjB,iCAAiC;AACjC,WAAW;AACX,oDAAoD;AACpD,iEAAiE;AACjE,8DAA8D;AAC9D,OAAO;AAGP,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,QAAgB,EAAE,MAAe,EAAU,EAAE;IAC3E,MAAM,OAAO,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,EAAC,CAAC,mBAAM,MAAM,CAAC,OAAO,EAAG,CAAC,CAAC,EAAE,CAAC;IAC7D,OAAO,CAAC,eAAe,GAAG,QAAQ,CAAC;IACnC,4FAA4F;IAE5F,uCAAY,MAAM,KAAE,OAAO,IAAG;AAChC,CAAC,CAAC;AAEF,mCAAmC;AACnC,qBAAqB;AACrB,iBAAiB;AACjB,oBAAoB;AACpB,eAAe;AACf,gCAAgC;AAChC,+CAA+C;AAC/C,SAAS;AACT,kDAAkD;AAClD,8FAA8F;AAC9F,4DAA4D;AAC5D,KAAK;AAEL,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,EAC5B,OAAe,EACf,GAAW,EACX,MAAc,EACd,IAAS,EACT,EAAE;IACF,MAAM,OAAO,GAAG,EAAE,GAAG,EAAE,GAAG,OAAO,IAAI,GAAG,EAAE,EAAE,CAAC;IAC7C,OAAO,KAAK,+CAAM,OAAO,GAAK,MAAM,GAAK,IAAI,EAAG,CAAC;AACnD,CAAC,CAAC","sourcesContent":["\nimport Axios from 'axios';\n\n/*\n @deprecated This component is deprecated and will be removed in a future version.\n * Use 'makeApiCall' instead\n */\n\ninterface Config {\n headers?: {\n [key: string]: string;\n };\n [key: string]: any;\n }\n\n\n// export const getAccessToken = async () => {\n// return 'eyJhbGciOiJSUzI1NiIsImtpZCI6Ik1Bc2V1MXplcmJDaVA0cW5UNUtkRlFjaFNpTHpiVDJieFdCVVBVXzYtNGMiLCJ0eXAiOiJKV1QifQ.eyJzdWIiOiI5YzI0MTNiZS1hNTZiLTQ5NzAtOWVmMC0wZTNmMDI4Y2E1YWEiLCJlbWFpbCI6ImdyZWdvcnlAcmVkd2Vya3Mub3JnIiwibmFtZSI6IkdyZWdvcnkgVGhvbWFzIiwiZ2l2ZW5fbmFtZSI6IkdyZWdvcnkiLCJmYW1pbHlfbmFtZSI6IlRob21hcyIsInVuaXR5VXNlcklkIjoiOGZlM2I1Y2UtNmE5NC00ZmY0LWIzNWMtYmUyNTk2ZWExMzgwIiwidGVuYW50c0xpc3QiOiJbe1wiVGVuYW50SWRcIjpcImY4NmE5YjdjLWJhYjAtNDI4MS04OWEyLTUyYjRjYWY4OWZhYlwiLFwiVGVuYW50TmFtZVwiOlwiVW5pdmVydXMgU29mdHdhcmUgSW5jXCIsXCJQcm9kdWN0c1wiOlszNiwzNywzNCwzNSwxLDMsNCw1LDYsNyw4LDksMTAsMTEsMTIsMTMsMTQsMTUsMTYsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMjcsMjgsMjksMiw0MSw1Ml0sXCJSb2xlc1wiOltcIjYyMzRiNzQwLWIyNmYtNDE4MS05Yjk1LTRjNDA2MzQ1MzhjMVwiXX0se1wiVGVuYW50SWRcIjpcIjk4ZjUwYTUxLTdjNjEtNDMxMC1iNWI0LTNhOWZlMDJjODEyM1wiLFwiVGVuYW50TmFtZVwiOlwiU21hcnRHcmlkQ0lTXCIsXCJQcm9kdWN0c1wiOlsxLDMsNCw1LDQxLDYsOCw3LDksMTEsMTAsMTUsMTYsMTQsMTcsMTgsMTksMjAsMjEsMjIsMjMsMjQsMjUsMjYsMTMsMTIsMjgsMjksMjcsMzBdLFwiUm9sZXNcIjpbXCI2MjM0Yjc0MC1iMjZmLTQxODEtOWI5NS00YzQwNjM0NTM4YzFcIl19XSIsInRpZCI6IjIxODg2NTI4LTM2MDItNGJmMi1hMzZiLTI5YjFkMTUyZTExYiIsImlzRm9yZ290UGFzc3dvcmQiOmZhbHNlLCJub25jZSI6IjQ3NDdkMTJhLWEzMGItNDRlMC1iNDllLTVmYmY0YjZhOTdmNiIsInNjcCI6ImFwaV9hY2Nlc3MiLCJhenAiOiJmYzUxNGZkOC01NGIzLTRmYWItYmRjOC1hZTdkY2Q4YzY1NzUiLCJ2ZXIiOiIxLjAiLCJpYXQiOjE2OTYzNTMzMTMsImF1ZCI6IjNmOTY2NDFmLTk0NDItNDUzMi1iNWJiLTdkYmM5Y2EzZjNhNSIsImV4cCI6MTY5NjM1NjkxMywiaXNzIjoiaHR0cHM6Ly91bml2ZXJ1c3VuaXR5ZGV2LmIyY2xvZ2luLmNvbS8yMTg4NjUyOC0zNjAyLTRiZjItYTM2Yi0yOWIxZDE1MmUxMWIvdjIuMC8iLCJuYmYiOjE2OTYzNTMzMTN9.Xcp8JSrF9mT3O3DSdqYmGRSAjo5Km4-XkLUDEuk3fXJnAPPF7vKtApSvA65iAlhqtyB4JY6idDrzWG5zgpyEvpTvc6Kvj6RjHXEkqMmsY6H1nFxAsIvfL72Sl8U4lBD9c4MOO1r5itfjsPkdZhV7ZtQi9xbFO0KTZmtLpET0hC0e8DA61uKAq2R5olfXi8pJThJGRRWleWFXwyatyjXIOfRpvuTfE5ls1zYSo62_7_FXOVAyAf-CrDLZFga8QYd4y5oncUAkbP4Lja0jDkHvvJhBRz67FePcWhJWo_6ofqGLRFBpFneduwgVgDMf6RY5mJa-5dlwDWE8YTqcuNMmlg'\n// };\n\n// export const getMergedConfig = (accessToken: string \| null, config?: Config): Config => {\n// const headers = config?.headers ? { ...config.headers } : {};\n\n// headers.currentTenantId = headers.currentTenantId \|\| \"f86a9b7c-bab0-4281-89a2-52b4caf89fab\"; // Your currentTenantId\n// if (accessToken) headers.Authorization = headers.Authorization \|\| `Bearer ${accessToken}`;\n\n// return { ...config, headers };\n// };\n\n\n// export const apiMutate = async (\n// baseURL: string,\n// url: string,\n// config: Config,\n// data: any,\n// accessToken: string \| null\n// ) => {\n// const fullURL = { url: `${baseURL}/${url}` };\n// const mergedConfig = getMergedConfig(accessToken, config);\n// return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\n\nexport const getMergedConfig = (tenantId: string, config?: Config): Config => {\n const headers = config?.headers ? { ...config.headers } : {};\n headers.currentTenantId = tenantId;\n //if (accessToken) headers.Authorization = headers.Authorization \|\| `Bearer ${accessToken}`;\n\n return { ...config, headers };\n};\n\n// export const apiMutate = async (\n// baseURL: string,\n// url: string,\n// config: Config,\n// data: any,\n// accessToken: string \| null,\n// tenantId: string // New tenantId parameter\n// ) => {\n// const fullURL = { url: `${baseURL}/${url}` };\n// const mergedConfig = getMergedConfig(tenantId, accessToken, config); // Pass the tenantId\n// return Axios({ ...fullURL, ...mergedConfig, ...data });\n// };\n\nexport const apiMutate = async (\n baseURL: string,\n url: string,\n config: Config,\n data: any\n) => {\n const fullURL = { url: `${baseURL}/${url}` };\n return Axios({ ...fullURL, ...config, ...data });\n};\n\n\n"]}

package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/chip-section/chip-section.js CHANGED Viewed

@@ -94,13 +94,13 @@ export class ChipSection {
     }
     render() {
         console.log("Rendering ChipSection", this.visibleFilterChips);
-        return (h("div", { key: '567b5925fcedb62ecf4f0435b7a564da46e21465', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '41c9dfc9f98d2d2d42261d1a28a6755faea2def9', class: "chipHolder" }, h("div", { key: 'aef7cada00ecb04c01a80967a07871ced2f8fe29', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: 'c82f515501ffdc2e33e4b147f370c3e88302afbb', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: '760c303eb392690316ea61e466ea70f2e3c32c6c', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
+        return (h("div", { key: '6994a612445bdd9a7f5460d0fd378e769302cfff', class: "wrapper", id: "chipSectionContainer" }, h("div", { key: '3057c393e97488039efa740a0927f9ce88928245', class: "chipHolder" }, h("div", { key: 'c5451dcd088350f3a1af702d26bbc671b7d6e1b5', id: "viewChipsContainer" }, this.viewChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('view', index), text: chip.label, class: "viewChip" })))), h("udp-dynamic-container-with-menu", { key: '56ea2b6731327b2c3c0ae9d2a9c0555eff34852a', id: "filterChipsContainer", menuItems: this.menuItems }, this.selectedFilterChip && (h("stencil-chip", { key: '3300dd8cb28f1776cee6c288dd4f68a2d5cb2efd', onOnDelete: this.handleFilterChipUntoggle, text: this.selectedFilterChip.label, class: "viewChip" })), console.log('filtering here...', this.filterChips), this.filterChips.map((chip) => {
             if (this.selectedFilterChip && chip.id === this.selectedFilterChip.id) {
                 console.log('returning null...');
                 return null;
             }
             return (h("stencil-chip", { text: `${chip.label} ${chip.value}`, class: "filterChip", onClick: () => this.handleFilterChipToggle(chip) }));
-        })), h("div", { key: '3651cb76022e5b363edd49428df66638114b52dc', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: '931110b82bf127b6a571a8b312e4d21a691423ef', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
+        })), h("div", { key: 'df752a43b704d1e2ca50be4990a94c3c0ae7cd1b', id: "additionalFilterChipsContainer" }, this.additionalFilterChips.map((chip, index) => (h("stencil-chip", { onOnDelete: () => this.handleDelete('additionalFilter', index), text: chip.label, class: "additionalFilterChip" })))), !this.hideKpiSection && (h("div", { key: 'd860a6cc904070797267c4b78f23f7b04945b07d', class: "KPI", id: "kpiContainer" }, this.kpiValues.slice(0, this.maxKPIsDisplayed).map((kpi) => (h("div", { class: "kpiItem" }, h("span", { class: "kpiLabel" }, this.abbreviateLabel(kpi.label) || kpi.label), h("span", { class: "kpiValue" }, this.abbrNum(kpi.value, 1))))))))));
     }
     static get is() { return "chip-section"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/udp-utilities/layout/udp-dynamic-container-with-menu/udp-dynamic-container-with-menu.js CHANGED Viewed

@@ -114,7 +114,7 @@ export class DynamicContainerWithMenu {
         this.udpChipClicked.emit(chipText);
     }
     render() {
-        return (h("div", { key: '99a3ae39a56314eacb1cad4a8088f98acc52ef9d', class: "container" }, h("div", { key: 'cf6c29cc6fc435cadcc12f22b61246d03a3fa85b', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '6f06947570a2f227909060d9cbb0c282ed219eda', class: "overflow" }, h("udp-pop-over", { key: '11cf2f25c44d69075d24f622c03bdd7418f037af', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'c69c2e7eadedaaa70e63da5b7e636050660dd889', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
+        return (h("div", { key: '1632aff437066d2819c8ae5990a6cfc22b14266b', class: "container" }, h("div", { key: 'b535aec5391b607008f6bcb2aca7e16ac5d1092a', class: "chips" }, console.log('Received data for chips via executeQwith', this.visibleChildren), this.visibleChildren && this.visibleChildren.map((child, index) => (h("stencil-chip", { color: "secondary", key: index, text: child.description, "show-delete": "false", externalToggleString: this.externalToggle })))), h("div", { key: '7cf506e0827cda70776ba9a72445019db7e7452c', class: "overflow" }, h("udp-pop-over", { key: 'ced356d4fa9d4f60b866d57b4d665377ce7d4ce6', isOpen: this.popoverOpen, anchorElement: document.getElementById('anchorElement') }, h("div", { key: 'd81d2fcc3f9bd2ea3dce48eb8398469df8cd4eb9', class: "menu" }, this.menuChildren && this.menuChildren.map((child, index) => (h("stencil-chip", { key: index, text: child.label, "show-delete": "false" }, " "))))))));
     }
     static get is() { return "udp-dynamic-container-with-menu"; }
     static get encapsulation() { return "shadow"; }

package/dist/components/add-map-feature-popup2.js CHANGED Viewed

@@ -82,11 +82,11 @@ const AddMapFeaturePopUp = /*@__PURE__*/ proxyCustomElement(class AddMapFeatureP
     }
     render() {
         var _a, _b, _c;
-        return (h("div", { key: '8a80462e93ff992138a3618d00230fa320f1247e', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'e23169696696373cdd2d7a73358d91b0c3bdf3fa', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
+        return (h("div", { key: 'f0e04b9bf0b9abdabb6b8d1ba06fd9740ad1e881', class: "popoverContent" }, !((_a = this.panelConfig) === null || _a === void 0 ? void 0 : _a.hideLayerSelector) && (h("udp-selector", { key: 'd144047e06398d5f3f8897e5655b84cf17655163', id: 'layer', options: this.layerToAddOptions, initialValue: this.selectedLayer, label: 'Layer', onChange: (e) => {
                 this.handleSetSelectedLayer(e.detail);
-            }, large: false })), h("udp-selector", { key: '03921fbbb989a7cc4f67a6789b5026e194cd5f5e', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
+            }, large: false })), h("udp-selector", { key: 'b0c83c31e788f43d25155f00e11d147da9ce4fff', id: 'type', options: (_b = this.drawingTypeOptions) !== null && _b !== void 0 ? _b : [], initialValue: this.selectedType, label: 'Type', onChange: (e) => {
                 this.handleSetSelectedType(e.detail);
-            }, large: false }), h("div", { key: '1359c6564351367c01c0703ed838de5b5096294a', class: "formButton" }, h("custom-button", { key: '91668bf33c28f218f7391a37997e4700b0ac1eab', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
+            }, large: false }), h("div", { key: '6789b9920e819eb5dca2e21c1b28722742815ccd', class: "formButton" }, h("custom-button", { key: 'ef4cdb3b19c8e7387494c736419ec15c75ae6c1e', label: h("unity-typography", { variant: "button" }, 'Draw feature'), onClick: () => this.handleStartDrawingMapFeature(this.selectedLayer, this.selectedType), variant: 'outline', disabled: (this.selectedLayer === null && !((_c = this.panelConfig) === null || _c === void 0 ? void 0 : _c.hideLayerSelector)) ||
                 this.selectedType === null }))));
     }
     static get watchers() { return {

package/dist/components/advanced-search-builder2.js CHANGED Viewed

@@ -359,11 +359,11 @@ const AdvancedSearchBuilder = /*@__PURE__*/ proxyCustomElement(class AdvancedSea
             // 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"))))));
     }
     get el() { return this; }
     static get style() { return advancedSearchBuilderCss; }

package/dist/components/advanced-search-grouped2.js CHANGED Viewed

@@ -237,10 +237,10 @@ const AdvancedSearchGrouped = /*@__PURE__*/ proxyCustomElement(class AdvancedSea
     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' } }))));
     }
     get el() { return this; }
     static get watchers() { return {

package/dist/components/advanced-search-grouped2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"advanced-search-grouped2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","uuid"],"sources":["src/components/my-component/UI/advanced-search/advanced-search.css?tag=advanced-search-grouped&encapsulation=shadow","src/components/my-component/UI/advanced-search/advanced-search-grouped.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n.container {\n display: flex;\n /* height: 100%; /\n height: 100vh;\n}\n\n.left-column {\n flex: 1;\n background-color: white;\n height: 90vh;\n overflow: scroll;\n padding: 8px;\n}\n\n.right-column {\n flex: 2;\n margin-left: 16px;\n padding: 16px;\n / padding-top: 0px; /\n height: 90vh;\n overflow: scroll;\n}\n\n.filter-group[data-level=\"0\"] {\n padding-left: 0;\n}\n\n.filter-group[data-level=\"1\"] {\n padding-left: 20px;\n}\n\n.filter-group[data-level=\"2\"] {\n padding-left: 40px;\n}\n\n.filter-group {\n margin-top: 24px;\n border-left: 1px solid #bababa;\n}\n\n.search-input-list {\n height: 100%;\n max-height: 70vh;\n overflow: auto;\n}\n\n.recent-searches {\n min-width: 300px;\n margin-bottom: 10px;\n}\n","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"],"version":3}
1	+ {"file":"advanced-search-grouped2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement","uuid"],"sources":["src/components/my-component/UI/advanced-search/advanced-search.css?tag=advanced-search-grouped&encapsulation=shadow","src/components/my-component/UI/advanced-search/advanced-search-grouped.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n.container {\n display: flex;\n /* height: 100%; /\n height: 100vh;\n}\n\n.left-column {\n flex: 1;\n background-color: white;\n height: 90vh;\n overflow: scroll;\n padding: 8px;\n}\n\n.right-column {\n flex: 2;\n margin-left: 16px;\n padding: 16px;\n / padding-top: 0px; /\n height: 90vh;\n overflow: scroll;\n}\n\n.filter-group[data-level=\"0\"] {\n padding-left: 0;\n}\n\n.filter-group[data-level=\"1\"] {\n padding-left: 20px;\n}\n\n.filter-group[data-level=\"2\"] {\n padding-left: 40px;\n}\n\n.filter-group {\n margin-top: 24px;\n border-left: 1px solid #bababa;\n}\n\n.search-input-list {\n height: 100%;\n max-height: 70vh;\n overflow: auto;\n}\n\n.recent-searches {\n min-width: 300px;\n margin-bottom: 10px;\n}\n","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"],"version":3}

package/dist/components/advanced-search2.js CHANGED Viewed

@@ -142,10 +142,10 @@ const AdvancedSearch = /*@__PURE__*/ proxyCustomElement(class AdvancedSearch ext
     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/components/advanced-search2.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"file":"advanced-search2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/advanced-search/advanced-search.css?tag=advanced-search&encapsulation=shadow","src/components/my-component/UI/advanced-search/advanced-search.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n.container {\n display: flex;\n /* height: 100%; /\n height: 100vh;\n}\n\n.left-column {\n flex: 1;\n background-color: white;\n height: 90vh;\n overflow: scroll;\n padding: 8px;\n}\n\n.right-column {\n flex: 2;\n margin-left: 16px;\n padding: 16px;\n / padding-top: 0px; */\n height: 90vh;\n overflow: scroll;\n}\n\n.filter-group[data-level=\"0\"] {\n padding-left: 0;\n}\n\n.filter-group[data-level=\"1\"] {\n padding-left: 20px;\n}\n\n.filter-group[data-level=\"2\"] {\n padding-left: 40px;\n}\n\n.filter-group {\n margin-top: 24px;\n border-left: 1px solid #bababa;\n}\n\n.search-input-list {\n height: 100%;\n max-height: 70vh;\n overflow: auto;\n}\n\n.recent-searches {\n min-width: 300px;\n margin-bottom: 10px;\n}\n","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"],"version":3}
1	+ {"file":"advanced-search2.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/advanced-search/advanced-search.css?tag=advanced-search&encapsulation=shadow","src/components/my-component/UI/advanced-search/advanced-search.tsx"],"sourcesContent":[":host {\n display: block;\n height: 100%;\n}\n\n.container {\n display: flex;\n /* height: 100%; /\n height: 100vh;\n}\n\n.left-column {\n flex: 1;\n background-color: white;\n height: 90vh;\n overflow: scroll;\n padding: 8px;\n}\n\n.right-column {\n flex: 2;\n margin-left: 16px;\n padding: 16px;\n / padding-top: 0px; /\n height: 90vh;\n overflow: scroll;\n}\n\n.filter-group[data-level=\"0\"] {\n padding-left: 0;\n}\n\n.filter-group[data-level=\"1\"] {\n padding-left: 20px;\n}\n\n.filter-group[data-level=\"2\"] {\n padding-left: 40px;\n}\n\n.filter-group {\n margin-top: 24px;\n border-left: 1px solid #bababa;\n}\n\n.search-input-list {\n height: 100%;\n max-height: 70vh;\n overflow: auto;\n}\n\n.recent-searches {\n min-width: 300px;\n margin-bottom: 10px;\n}\n","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"],"version":3}