udp-stencil-component-library 1.0.0

package/dist/components/p-CNX-gAQi.js

@@ -0,0 +1,419 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { d as defineCustomElement$h } from './p-7300SNnv.js';
+import { d as defineCustomElement$g } from './p-C6110wen.js';
+import { d as defineCustomElement$f } from './p-DOY3zm9N.js';
+import { d as defineCustomElement$e } from './p-DOeV3SFM.js';
+import { d as defineCustomElement$d } from './p-hRee3qYx.js';
+import { d as defineCustomElement$c } from './p-Dx-EPCPD.js';
+import { d as defineCustomElement$b } from './p-DaQoPi4y.js';
+import { d as defineCustomElement$a } from './p-B08DbAFW.js';
+import { d as defineCustomElement$9 } from './p-ZeWoGdjP.js';
+import { d as defineCustomElement$8 } from './p-C-wDzVCk.js';
+import { d as defineCustomElement$7 } from './p-Dri6DPsA.js';
+import { d as defineCustomElement$6 } from './p-jFAd2Xfe.js';
+import { d as defineCustomElement$5 } from './p-CszAUhYJ.js';
+import { d as defineCustomElement$4 } from './p-D_p1JpLt.js';
+import { d as defineCustomElement$3 } from './p-BoD1tv2h.js';
+import { d as defineCustomElement$2 } from './p-e0GmP80t.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const deepCloneFormSections = (formSections) => {
+    return structuredClone(formSections);
+};
+
+// === Helper Functions ===
+const updateFieldProperties = (formSections, sIndex, qIndex, updateFn) => {
+    const newSections = deepCloneFormSections(formSections);
+    const questionItem = Object.assign({}, newSections[sIndex][qIndex]);
+    const oldProps = questionItem.fieldProperties || {};
+    questionItem.fieldProperties = updateFn(oldProps);
+    newSections[sIndex][qIndex] = questionItem;
+    return newSections;
+};
+// === Handlers ===
+const handleFieldPropertyAddListItem = (formSections, sIndex, qIndex, displayText, valueText) => updateFieldProperties(formSections, sIndex, qIndex, props => (Object.assign(Object.assign({}, props), { items: [...(props.items || []), { display: displayText, value: valueText }] })));
+const handleFieldPropertyRemoveListItem = (formSections, sIndex, qIndex, itemIndex) => updateFieldProperties(formSections, sIndex, qIndex, props => {
+    const items = [...(props.items || [])];
+    items.splice(itemIndex, 1);
+    return Object.assign(Object.assign({}, props), { items });
+});
+const handleFieldPropertyListItemChange = (event, formSections, sIndex, qIndex, idx, field) => {
+    const input = event.target;
+    return updateFieldProperties(formSections, sIndex, qIndex, props => {
+        const items = [...(props.items || [])];
+        items[idx] = Object.assign(Object.assign({}, items[idx]), { [field]: input.value });
+        return Object.assign(Object.assign({}, props), { items });
+    });
+};
+const handleFieldPropertyLookupChange = (selectedLookupId, formSections, sIndex, qIndex) => {
+    return updateFieldProperties(formSections, sIndex, qIndex, props => (Object.assign(Object.assign({}, props), { lookupId: selectedLookupId })));
+};
+const handleFieldPropertyToggleManualOrLookupOptions = (formSections, sIndex, qIndex) => {
+    return updateFieldProperties(formSections, sIndex, qIndex, props => {
+        if (props.items) {
+            return {
+                lookupId: '', // you can replace this with undefined if preferred
+            };
+        }
+        else {
+            return {
+                items: [
+                    {
+                        display: '',
+                        value: '',
+                    },
+                ],
+            };
+        }
+    });
+};
+const handleFieldPropertyMinMaxCharacter = (event, formSections, sIndex, qIndex, fieldName) => {
+    const input = event.target;
+    return updateFieldProperties(formSections, sIndex, qIndex, props => (Object.assign(Object.assign({}, props), { [fieldName]: input.value })));
+};
+const handleFieldPropertyBoolean = (event, formSections, sIndex, qIndex, fieldName) => {
+    const input = event.target;
+    return updateFieldProperties(formSections, sIndex, qIndex, props => (Object.assign(Object.assign({}, props), { [fieldName]: input.checked })));
+};
+const handleFieldPropertyBooleanToggle = (formSections, sIndex, qIndex, fieldName) => updateFieldProperties(formSections, sIndex, qIndex, props => (Object.assign(Object.assign({}, props), { [fieldName]: !props[fieldName] })));
+const handleFieldPropertyDateTime = (event, formSections, sIndex, qIndex, fieldName) => {
+    const input = event.target;
+    return updateFieldProperties(formSections, sIndex, qIndex, props => (Object.assign(Object.assign({}, props), { [fieldName]: input.value })));
+};
+const handleGenericProperty = (value, formSections, sIndex, qIndex, fieldName) => {
+    const newSections = deepCloneFormSections(formSections);
+    const questionItem = Object.assign({}, newSections[sIndex][qIndex]);
+    questionItem[fieldName] = value;
+    newSections[sIndex][qIndex] = questionItem;
+    return newSections;
+};
+const questionsTemplate = [
+    {
+        fieldTypeId: 1,
+        questionTypeName: 'Hidden',
+        icon: 'formHiddenField',
+        handlers: { handleGenericProperty },
+        defaultFieldProperties: {},
+    },
+    {
+        fieldTypeId: 2,
+        questionTypeName: 'Single Line Text',
+        icon: 'formTextField',
+        handlers: { handleGenericProperty, handleFieldPropertyMinMaxCharacter },
+        defaultFieldProperties: { maxCharacter: 64, minCharacter: 0 },
+    },
+    {
+        fieldTypeId: 3,
+        questionTypeName: 'Multi Line Text',
+        icon: 'formTextArea',
+        handlers: { handleGenericProperty, handleFieldPropertyMinMaxCharacter },
+        defaultFieldProperties: { maxCharacter: 256, minCharacter: 10 },
+    },
+    {
+        fieldTypeId: 4,
+        questionTypeName: 'Checkbox',
+        icon: 'formCheckbox',
+        isContainsOptionItems: true,
+        handlers: {
+            handleGenericProperty,
+            handleFieldPropertyAddListItem,
+            handleFieldPropertyRemoveListItem,
+            handleFieldPropertyListItemChange,
+            handleFieldPropertyToggleManualOrLookupOptions,
+            handleFieldPropertyLookupChange,
+        },
+        defaultFieldProperties: {
+            items: [
+                {
+                    display: '',
+                    value: '',
+                },
+            ],
+        },
+    },
+    {
+        fieldTypeId: 5,
+        questionTypeName: 'Radio Button',
+        icon: 'formRadioButton',
+        isContainsOptionItems: true,
+        handlers: {
+            handleGenericProperty,
+            handleFieldPropertyAddListItem,
+            handleFieldPropertyRemoveListItem,
+            handleFieldPropertyListItemChange,
+            handleFieldPropertyToggleManualOrLookupOptions,
+            handleFieldPropertyLookupChange,
+        },
+        defaultFieldProperties: {
+            items: [
+                {
+                    display: '',
+                    value: '',
+                },
+            ],
+        },
+    },
+    {
+        fieldTypeId: 6,
+        questionTypeName: 'Dropdown Single Select',
+        icon: 'formSingleSelectField',
+        isContainsOptionItems: true,
+        handlers: {
+            handleGenericProperty,
+            handleFieldPropertyAddListItem,
+            handleFieldPropertyRemoveListItem,
+            handleFieldPropertyListItemChange,
+            handleFieldPropertyToggleManualOrLookupOptions,
+            handleFieldPropertyLookupChange,
+        },
+        defaultFieldProperties: {
+            items: [
+                {
+                    display: '',
+                    value: '',
+                },
+            ],
+        },
+    },
+    {
+        fieldTypeId: 7,
+        questionTypeName: 'Dropdown Multiple Select',
+        icon: 'formMultiSelectField',
+        isContainsOptionItems: true,
+        handlers: {
+            handleGenericProperty,
+            handleFieldPropertyAddListItem,
+            handleFieldPropertyRemoveListItem,
+            handleFieldPropertyListItemChange,
+            handleFieldPropertyToggleManualOrLookupOptions,
+            handleFieldPropertyLookupChange,
+        },
+        defaultFieldProperties: {
+            items: [
+                {
+                    display: '',
+                    value: '',
+                },
+            ],
+        },
+    },
+    {
+        fieldTypeId: 8,
+        questionTypeName: 'List',
+        icon: 'list',
+        isContainsOptionItems: true,
+        handlers: {
+            handleGenericProperty,
+            handleFieldPropertyAddListItem,
+            handleFieldPropertyRemoveListItem,
+            handleFieldPropertyListItemChange,
+            handleFieldPropertyToggleManualOrLookupOptions,
+            handleFieldPropertyLookupChange,
+        },
+        defaultFieldProperties: {
+            items: [
+                {
+                    display: '',
+                    value: '',
+                },
+            ],
+        },
+    },
+    {
+        fieldTypeId: 9,
+        questionTypeName: 'Date Selector',
+        icon: 'formDateField',
+        handlers: {
+            handleGenericProperty,
+            handleFieldPropertyDateTime,
+            handleFieldPropertyBoolean,
+            handleFieldPropertyBooleanToggle,
+        },
+        defaultFieldProperties: { allowFutureDate: false, maxDate: '2099-12-31', minDate: '1980-01-01' },
+    },
+    {
+        fieldTypeId: 10,
+        questionTypeName: 'Time Selector',
+        icon: 'formTimeField',
+        handlers: { handleGenericProperty, handleFieldPropertyDateTime },
+        defaultFieldProperties: { maxTime: '17:00:00', minTime: '09:00:00' },
+    },
+    {
+        fieldTypeId: 11,
+        questionTypeName: 'DateTime Selector',
+        icon: 'formDateTimeField',
+        handlers: {
+            handleGenericProperty,
+            handleFieldPropertyDateTime,
+            handleFieldPropertyBoolean,
+            handleFieldPropertyBooleanToggle,
+        },
+        defaultFieldProperties: { allowFutureDate: false, maxDateTime: '2099-12-31 23:59:59', minDateTime: '1980-01-01 00:00:00' },
+    },
+    {
+        fieldTypeId: 12,
+        questionTypeName: 'File Upload',
+        icon: 'formFileUpload',
+        handlers: { handleGenericProperty, handleFieldPropertyBoolean, handleFieldPropertyBooleanToggle },
+        defaultFieldProperties: { hideDragAndDrop: false, hideButton: false },
+    },
+    // commented out -> need to confirm it's supported on the server side
+    // {
+    //   fieldTypeId: 13,
+    //   questionTypeName: 'Description',
+    //   icon: 'text',
+    //   handlers: {},
+    //   defaultFieldProperties: {},
+    // },
+];
+
+const questionSpecificConfigsRendererCss = "";
+
+const QuestionSpecificConfigsRenderer = /*@__PURE__*/ proxyCustomElement(class QuestionSpecificConfigsRenderer extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+        this.getHandler = (fieldTypeId, handlerName) => {
+            var _a;
+            const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);
+            return (_a = template === null || template === void 0 ? void 0 : template.handlers) === null || _a === void 0 ? void 0 : _a[handlerName];
+        };
+    }
+    get question() {
+        var _a, _b;
+        return (_b = (_a = this.formSectionsDraft) === null || _a === void 0 ? void 0 : _a[this.sIndex]) === null || _b === void 0 ? void 0 : _b[this.qIndex];
+    }
+    render() {
+        switch (this.question.fieldTypeId) {
+            case 2: // Single Line Text
+            case 3: // Multi Line Text
+                return (h("text-input-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
+            case 4: // Checkbox
+            case 5: // Radio Button
+            case 6: // Dropdown Single Select
+            case 7: // Dropdown Multiple Select
+            case 8: // List
+                return (h("list-options-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler, lookupOptions: this.lookupOptions }));
+            case 9: // Date Selector
+            case 10: // Time Selector
+            case 11: // DateTime Selector
+                return (h("date-time-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
+            case 12: // File Upload
+                return (h("file-upload-renderer", { question: this.question, isViewOnly: this.isViewOnly, formSectionsDraft: this.formSectionsDraft, sIndex: this.sIndex, qIndex: this.qIndex, onFormSectionsDraftChange: this.onFormSectionsDraftChange, getHandler: this.getHandler }));
+            default:
+                return null;
+        }
+    }
+    static get style() { return questionSpecificConfigsRendererCss; }
+}, [1, "question-specific-configs-renderer", {
+        "formSectionsDraft": [16, "form-sections-draft"],
+        "sIndex": [2, "s-index"],
+        "qIndex": [2, "q-index"],
+        "isViewOnly": [4, "is-view-only"],
+        "lookupOptions": [16, "lookup-options"],
+        "onFormSectionsDraftChange": [16, "on-form-sections-draft-change"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["question-specific-configs-renderer", "date-time-renderer", "file-upload-renderer", "list-options-renderer", "numeric-field", "stencil-icon-button", "stencil-toggle", "text-field", "text-input-renderer", "udp-ambient-tool-tip", "udp-badge", "udp-button", "udp-date-selector", "udp-datetime-selector", "udp-icon", "udp-selector", "udp-time-selector", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "question-specific-configs-renderer":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, QuestionSpecificConfigsRenderer);
+            }
+            break;
+        case "date-time-renderer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$h();
+            }
+            break;
+        case "file-upload-renderer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$g();
+            }
+            break;
+        case "list-options-renderer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$f();
+            }
+            break;
+        case "numeric-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$e();
+            }
+            break;
+        case "stencil-icon-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$d();
+            }
+            break;
+        case "stencil-toggle":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$c();
+            }
+            break;
+        case "text-field":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$b();
+            }
+            break;
+        case "text-input-renderer":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$a();
+            }
+            break;
+        case "udp-ambient-tool-tip":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$9();
+            }
+            break;
+        case "udp-badge":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$8();
+            }
+            break;
+        case "udp-button":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$7();
+            }
+            break;
+        case "udp-date-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$6();
+            }
+            break;
+        case "udp-datetime-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$5();
+            }
+            break;
+        case "udp-icon":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$4();
+            }
+            break;
+        case "udp-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$3();
+            }
+            break;
+        case "udp-time-selector":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { QuestionSpecificConfigsRenderer as Q, deepCloneFormSections as a, defineCustomElement as d, questionsTemplate as q };
+//# sourceMappingURL=p-CNX-gAQi.js.map
+
+//# sourceMappingURL=p-CNX-gAQi.js.map

package/dist/components/p-CNX-gAQi.js.map

@@ -0,0 +1 @@
+{"file":"p-CNX-gAQi.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/udp-forms/udp-forms-builder/forms-builder-utils.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-question-template.ts","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.css?tag=question-specific-configs-renderer&encapsulation=shadow","src/components/my-component/UI/forms/udp-forms/udp-forms-builder/udp-forms-builder-item/question-specific-configs-renderer.tsx"],"sourcesContent":["export const deepCloneFormSections = (formSections: any[][]): any[][] => {\n  return structuredClone(formSections);\n};","import { deepCloneFormSections } from './forms-builder-utils';\n\ntype FormSections = any[][];\n\n// === Helper Functions ===\n\nconst updateFieldProperties = (formSections: FormSections, sIndex: number, qIndex: number, updateFn: (props: any) => any): FormSections => {\n  const newSections = deepCloneFormSections(formSections);\n  const questionItem = { ...newSections[sIndex][qIndex] };\n  const oldProps = questionItem.fieldProperties || {};\n  questionItem.fieldProperties = updateFn(oldProps);\n  newSections[sIndex][qIndex] = questionItem;\n  return newSections;\n};\n\n// === Handlers ===\n\nconst handleFieldPropertyAddListItem = (formSections: FormSections, sIndex: number, qIndex: number, displayText: string, valueText: string) =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    items: [...(props.items || []), { display: displayText, value: valueText }],\n  }));\n\nconst handleFieldPropertyRemoveListItem = (formSections: FormSections, sIndex: number, qIndex: number, itemIndex: number) =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => {\n    const items = [...(props.items || [])];\n    items.splice(itemIndex, 1);\n    return { ...props, items };\n  });\n\nconst handleFieldPropertyListItemChange = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, idx: number, field: 'display' | 'value') => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => {\n    const items = [...(props.items || [])];\n    items[idx] = { ...items[idx], [field]: input.value };\n    return { ...props, items };\n  });\n};\n\nconst handleFieldPropertyLookupChange = (selectedLookupId: string, formSections: FormSections, sIndex: number, qIndex: number) => {\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    lookupId: selectedLookupId,\n  }));\n};\n\nconst handleFieldPropertyToggleManualOrLookupOptions = (formSections: FormSections, sIndex: number, qIndex: number) => {\n  return updateFieldProperties(formSections, sIndex, qIndex, props => {\n    if (props.items) {\n      return {\n        lookupId: '', // you can replace this with undefined if preferred\n      };\n    } else {\n      return {\n        items: [\n          {\n            display: '',\n            value: '',\n          },\n        ],\n      };\n    }\n  });\n};\n\nconst handleFieldPropertyMinMaxCharacter = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'maxCharacter' | 'minCharacter') => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: input.value,\n  }));\n};\n\nconst handleFieldPropertyBoolean = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'allowFutureDate' | 'hideDragAndDrop' | 'hideButton') => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: input.checked,\n  }));\n};\n\nconst handleFieldPropertyBooleanToggle = (formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'allowFutureDate' | 'hideDragAndDrop' | 'hideButton') =>\n  updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: !props[fieldName],\n  }));\n\nconst handleFieldPropertyDateTime = (event: Event, formSections: FormSections, sIndex: number, qIndex: number, fieldName: string) => {\n  const input = event.target as HTMLInputElement;\n  return updateFieldProperties(formSections, sIndex, qIndex, props => ({\n    ...props,\n    [fieldName]: input.value,\n  }));\n};\n\nconst handleGenericProperty = (value: any, formSections: FormSections, sIndex: number, qIndex: number, fieldName: 'questionText' | 'helperText' | 'required') => {\n  const newSections = deepCloneFormSections(formSections);\n  const questionItem = { ...newSections[sIndex][qIndex] };\n  questionItem[fieldName] = value;\n  newSections[sIndex][qIndex] = questionItem;\n  return newSections;\n};\n\nconst questionsTemplate = [\n  {\n    fieldTypeId: 1,\n    questionTypeName: 'Hidden',\n    icon: 'formHiddenField',\n    handlers: { handleGenericProperty },\n    defaultFieldProperties: {},\n  },\n  {\n    fieldTypeId: 2,\n    questionTypeName: 'Single Line Text',\n    icon: 'formTextField',\n    handlers: { handleGenericProperty, handleFieldPropertyMinMaxCharacter },\n    defaultFieldProperties: { maxCharacter: 64, minCharacter: 0 },\n  },\n  {\n    fieldTypeId: 3,\n    questionTypeName: 'Multi Line Text',\n    icon: 'formTextArea',\n    handlers: { handleGenericProperty, handleFieldPropertyMinMaxCharacter },\n    defaultFieldProperties: { maxCharacter: 256, minCharacter: 10 },\n  },\n  {\n    fieldTypeId: 4,\n    questionTypeName: 'Checkbox',\n    icon: 'formCheckbox',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 5,\n    questionTypeName: 'Radio Button',\n    icon: 'formRadioButton',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 6,\n    questionTypeName: 'Dropdown Single Select',\n    icon: 'formSingleSelectField',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 7,\n    questionTypeName: 'Dropdown Multiple Select',\n    icon: 'formMultiSelectField',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 8,\n    questionTypeName: 'List',\n    icon: 'list',\n    isContainsOptionItems: true,\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyAddListItem,\n      handleFieldPropertyRemoveListItem,\n      handleFieldPropertyListItemChange,\n      handleFieldPropertyToggleManualOrLookupOptions,\n      handleFieldPropertyLookupChange,\n    },\n    defaultFieldProperties: {\n      items: [\n        {\n          display: '',\n          value: '',\n        },\n      ],\n    },\n  },\n  {\n    fieldTypeId: 9,\n    questionTypeName: 'Date Selector',\n    icon: 'formDateField',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyDateTime,\n      handleFieldPropertyBoolean,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: { allowFutureDate: false, maxDate: '2099-12-31', minDate: '1980-01-01' },\n  },\n  {\n    fieldTypeId: 10,\n    questionTypeName: 'Time Selector',\n    icon: 'formTimeField',\n    handlers: { handleGenericProperty, handleFieldPropertyDateTime },\n    defaultFieldProperties: { maxTime: '17:00:00', minTime: '09:00:00' },\n  },\n  {\n    fieldTypeId: 11,\n    questionTypeName: 'DateTime Selector',\n    icon: 'formDateTimeField',\n    handlers: {\n      handleGenericProperty,\n      handleFieldPropertyDateTime,\n      handleFieldPropertyBoolean,\n      handleFieldPropertyBooleanToggle,\n    },\n    defaultFieldProperties: { allowFutureDate: false, maxDateTime: '2099-12-31 23:59:59', minDateTime: '1980-01-01 00:00:00' },\n  },\n  {\n    fieldTypeId: 12,\n    questionTypeName: 'File Upload',\n    icon: 'formFileUpload',\n    handlers: { handleGenericProperty, handleFieldPropertyBoolean, handleFieldPropertyBooleanToggle },\n    defaultFieldProperties: { hideDragAndDrop: false, hideButton: false },\n  },\n  // commented out -> need to confirm it's supported on the server side\n  // {\n  //   fieldTypeId: 13,\n  //   questionTypeName: 'Description',\n  //   icon: 'text',\n  //   handlers: {},\n  //   defaultFieldProperties: {},\n  // },\n];\n\nexport default questionsTemplate;\n","/* Add styles for question-specific-configs-renderer component here */ ","import { Component, h, Prop } from '@stencil/core';\nimport questionsTemplate from '../udp-forms-builder-question-template'; // Corrected path\n\n// Moved getHandler here\n// const getHandler = (fieldTypeId: number, handlerName: string) => {\n//   const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n//   return template?.handlers?.[handlerName];\n// };\n\n@Component({\n  tag: 'question-specific-configs-renderer',\n  styleUrl: 'question-specific-configs-renderer.css', // Explicitly added ./\n  shadow: true,\n})\nexport class QuestionSpecificConfigsRenderer {\n  @Prop() formSectionsDraft: any[][];\n  @Prop() sIndex: number;\n  @Prop() qIndex: number;\n  @Prop() isViewOnly: boolean;\n  @Prop() lookupOptions: any[];\n  @Prop() onFormSectionsDraftChange: (updatedSections: any[][]) => void;\n\n  private getHandler = (fieldTypeId: number, handlerName: string) => {\n    const template = questionsTemplate.find(q => q.fieldTypeId === fieldTypeId);\n    return template?.handlers?.[handlerName];\n  };\n\n  private get question() {\n    return this.formSectionsDraft?.[this.sIndex]?.[this.qIndex];\n  }\n\n  render() {\n    switch (this.question.fieldTypeId) {\n      case 2: // Single Line Text\n      case 3: // Multi Line Text\n        return (\n          <text-input-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></text-input-renderer>\n        );\n\n      case 4: // Checkbox\n      case 5: // Radio Button\n      case 6: // Dropdown Single Select\n      case 7: // Dropdown Multiple Select\n      case 8: // List\n        return (\n          <list-options-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n            lookupOptions={this.lookupOptions}\n          ></list-options-renderer>\n        );\n\n      case 9: // Date Selector\n      case 10: // Time Selector\n      case 11: // DateTime Selector\n        return (\n          <date-time-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></date-time-renderer>\n        );\n\n      case 12: // File Upload\n        return (\n          <file-upload-renderer\n            question={this.question}\n            isViewOnly={this.isViewOnly}\n            formSectionsDraft={this.formSectionsDraft}\n            sIndex={this.sIndex}\n            qIndex={this.qIndex}\n            onFormSectionsDraftChange={this.onFormSectionsDraftChange}\n            getHandler={this.getHandler}\n          ></file-upload-renderer>\n        );\n\n      default:\n        return null;\n    }\n  }\n}\n"],"version":3}

package/dist/components/p-CPoC5Sp5.js

@@ -0,0 +1,45 @@
+import { p as proxyCustomElement, H, h } from './p-DPon6DDX.js';
+import { d as defineCustomElement$2 } from './p-CC2PFIrk.js';
+import { d as defineCustomElement$1 } from './p-DkppmXNM.js';
+
+const filterConditionsCss = "";
+
+const AdvancedSearch = /*@__PURE__*/ proxyCustomElement(class AdvancedSearch extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.__attachShadow();
+    }
+    render() {
+        return (h("div", { key: 'bbe013b5abccf54015f3132e752f07b761ee460d', class: "container" }, h("udp-column-header", { key: 'ed9fd5517c84bc744935327bef467c3c90e6e8fb' })));
+    }
+    static get style() { return filterConditionsCss; }
+}, [1, "filter-conditions"]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["filter-conditions", "udp-column-header", "unity-typography"];
+    components.forEach(tagName => { switch (tagName) {
+        case "filter-conditions":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, AdvancedSearch);
+            }
+            break;
+        case "udp-column-header":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$2();
+            }
+            break;
+        case "unity-typography":
+            if (!customElements.get(tagName)) {
+                defineCustomElement$1();
+            }
+            break;
+    } });
+}
+
+export { AdvancedSearch as A, defineCustomElement as d };
+//# sourceMappingURL=p-CPoC5Sp5.js.map
+
+//# sourceMappingURL=p-CPoC5Sp5.js.map

package/dist/components/p-CPoC5Sp5.js.map

@@ -0,0 +1 @@
+{"file":"p-CPoC5Sp5.js","mappings":";;;;AAAA,MAAM,mBAAmB,GAAG,EAAE;;MCOjB,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;IACzB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,WAAW,EAAA,EACpB,CAAuC,CAAA,mBAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,CAAA,CACnC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/advanced-search/filter-conditions/filter-conditions.css?tag=filter-conditions&encapsulation=shadow","src/components/my-component/UI/advanced-search/filter-conditions/filter-conditions.tsx"],"sourcesContent":["","import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'filter-conditions',\n  styleUrl: 'filter-conditions.css',\n  shadow: true,\n})\nexport class AdvancedSearch {\n  render() {\n    return (\n      <div class=\"container\">\n        <udp-column-header></udp-column-header>\n      </div>\n    );\n  }\n}\n"],"version":3}

package/dist/components/p-CSeP-AWV.js

@@ -0,0 +1,113 @@
+import { p as proxyCustomElement, H, c as createEvent, h } from './p-DPon6DDX.js';
+import { s as state } from './p-CoGvHEIU.js';
+import { createForm } from 'final-form';
+import debounce from 'lodash.debounce';
+
+const StencilForm = /*@__PURE__*/ proxyCustomElement(class StencilForm extends H {
+    constructor() {
+        super();
+        this.__registerHost();
+        this.stencilFormInvalidEvent = createEvent(this, "stencilFormInvalidEvent");
+        this.validateOnBlur = true;
+        this.submitWithValidation = this.submitWithValidation.bind(this);
+        this.defaultValidation = this.defaultValidation.bind(this);
+        this.submit = this.submit.bind(this);
+        this.onFormChange = this.onFormChange.bind(this);
+    }
+    componentWillLoad() {
+        state.api = createForm({
+            onSubmit: this.submitWithValidation,
+            initialValues: this.initialValues,
+            validate: this.defaultValidation,
+            validateOnBlur: this.validateOnBlur
+        });
+        // Subscribe to form state changes if handleFormChange prop is provided
+        if (this.handleFormChange) {
+            state.api.subscribe(this.onFormChange, { values: true });
+        }
+    }
+    /**
+     * Handle form value changes and call the handleFormChange prop
+     */
+    onFormChange(formState) {
+        if (this.handleFormChange && formState.values) {
+            this.handleFormChange(formState.values);
+        }
+    }
+    async submitWithValidation(values) {
+        const errors = this.defaultValidation(values);
+        if (Object.keys(errors).length === 0) {
+            this.handleSubmit(values);
+        }
+        else {
+            this.stencilFormInvalidEvent.emit(errors);
+        }
+    }
+    defaultValidation(values) {
+        var _a;
+        const { registeredFields } = state;
+        const errors = {};
+        Object.keys(registeredFields).forEach(field => {
+            var _a;
+            if (registeredFields[field].required && (!values[field] || ((_a = values[field]) === null || _a === void 0 ? void 0 : _a.length) === 0)) {
+                errors[field] = 'Required';
+            }
+        });
+        if (this === null || this === void 0 ? void 0 : this.validate)
+            return (_a = this.validate) === null || _a === void 0 ? void 0 : _a.call(this, values, errors);
+        return errors;
+    }
+    getValues() {
+        const values = {};
+        state.api.getRegisteredFields().forEach((fieldName) => {
+            values[fieldName] = state.api.getFieldState(fieldName).value;
+        });
+        return values;
+    }
+    disconnectedCallback() {
+        state.api = null;
+        state.registeredFields = {};
+    }
+    submit(e) {
+        var _a;
+        (_a = e === null || e === void 0 ? void 0 : e.preventDefault) === null || _a === void 0 ? void 0 : _a.call(e);
+        const submitFunction = () => {
+            var _a;
+            // const errors = state.api.validate
+            const errors = this.defaultValidation(this.getValues());
+            if (Object.keys(errors).length) {
+                this.stencilFormInvalidEvent.emit(errors);
+                return;
+            }
+            (_a = state.api) === null || _a === void 0 ? void 0 : _a.submit();
+        };
+        debounce(submitFunction, 1000, { leading: true, trailing: true })();
+    }
+    render() {
+        return (h("form", { key: 'd9fe43278d4881b0907a055943d47cf7de87017d', onSubmit: this.submit }, h("slot", { key: '3f8b1bb4da3fd4b7c81e1ce65de646dea4a517da' })));
+    }
+}, [4, "stencil-form", {
+        "handleSubmit": [16, "handle-submit"],
+        "initialValues": [16, "initial-values"],
+        "validate": [16],
+        "validateOnBlur": [4, "validate-on-blur"],
+        "handleFormChange": [16, "handle-form-change"]
+    }]);
+function defineCustomElement() {
+    if (typeof customElements === "undefined") {
+        return;
+    }
+    const components = ["stencil-form"];
+    components.forEach(tagName => { switch (tagName) {
+        case "stencil-form":
+            if (!customElements.get(tagName)) {
+                customElements.define(tagName, StencilForm);
+            }
+            break;
+    } });
+}
+
+export { StencilForm as S, defineCustomElement as d };
+//# sourceMappingURL=p-CSeP-AWV.js.map
+
+//# sourceMappingURL=p-CSeP-AWV.js.map

package/dist/components/p-CSeP-AWV.js.map

@@ -0,0 +1 @@
+{"file":"p-CSeP-AWV.js","mappings":"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","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/my-component/UI/forms/form/stencil-form.tsx"],"sourcesContent":["import { Component, h, Prop, Event as StencilEvent, EventEmitter } from '@stencil/core';\nimport state from './stencil-form-store';\nimport { createForm } from 'final-form';\nimport debounce from 'lodash.debounce'\n@Component({\n  tag: 'stencil-form',\n})\nexport class StencilForm {\n  @Prop() handleSubmit: (values: Object) => void;\n  @Prop() initialValues: Object;\n  @Prop() validate: (values: Object, errors: Object) => Object;\n  @Prop() validateOnBlur: boolean = true;\n  @Prop() handleFormChange: (values: Object) => void;\n  @StencilEvent() stencilFormInvalidEvent: EventEmitter<Object>;\n\n\n  constructor(){\n    this.submitWithValidation = this.submitWithValidation.bind(this)\n    this.defaultValidation = this.defaultValidation.bind(this)\n    this.submit = this.submit.bind(this)\n    this.onFormChange = this.onFormChange.bind(this)\n  }\n\n  componentWillLoad() {\n    state.api = createForm({\n      onSubmit: this.submitWithValidation,\n      initialValues: this.initialValues,\n      validate: this.defaultValidation,\n      validateOnBlur: this.validateOnBlur\n    });\n\n    // Subscribe to form state changes if handleFormChange prop is provided\n    if (this.handleFormChange) {\n      state.api.subscribe(\n        this.onFormChange,\n        { values: true }\n      );\n    }\n  }\n\n  /**\n   * Handle form value changes and call the handleFormChange prop\n   */\n  onFormChange(formState: any): void {\n    if (this.handleFormChange && formState.values) {\n      this.handleFormChange(formState.values);\n    }\n  }\n\n  async submitWithValidation(values: {[key: string] : any}): Promise<void>{\n    const errors = this.defaultValidation(values);\n    if(Object.keys(errors).length === 0){\n      this.handleSubmit(values)\n    }else{\n      this.stencilFormInvalidEvent.emit(errors)\n    }\n  }\n\n\n\n  defaultValidation(values: Object):Object{\n    const {registeredFields} = state;\n    const errors = {}\n\n    Object.keys(registeredFields).forEach(field => {\n      if(registeredFields[field].required && (!values[field] || values[field]?.length === 0) ){\n        errors[field] = 'Required'\n      }\n    })\n    if (this?.validate) return this.validate?.(values, errors);\n\n    return errors\n\n  }\n\n  getValues(){\n    const values = {}\n    state.api.getRegisteredFields().forEach((fieldName: string) => {\n      values[fieldName] = state.api.getFieldState(fieldName).value;\n    })\n    return values\n  }\n  disconnectedCallback() {\n    state.api = null;\n    state.registeredFields = {};\n\n  }\n  submit(e) {\n    e?.preventDefault?.();\n    const submitFunction = () => {\n      // const errors = state.api.validate\n      const errors = this.defaultValidation(this.getValues())\n      if(Object.keys(errors).length){\n        this.stencilFormInvalidEvent.emit(errors)\n        return\n      }\n\n      state.api?.submit();\n    }\n\n    debounce(submitFunction, 1000, {leading:true, trailing: true})()\n\n  }\n\n  render() {\n    return (\n      <form\n        onSubmit={this.submit}\n      >\n        <slot />\n      </form>\n    );\n  }\n}\n"],"version":3}