npm - @nylas/web-elements - Versions diffs - 1.4.2 → 1.4.4 - Mend

@nylas/web-elements 1.4.2 → 1.4.4

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 (147) hide show

package/dist/cjs/checkmark-icon_15.cjs.entry.js CHANGED Viewed

@@ -1430,8 +1430,8 @@ const NylasEventTitle = class {
     }
     valueChangedHandler(event) {
         const { name, value } = event.detail;
-        const additionalFields = value || {};
         if (name === 'additional-fields') {
+            const additionalFields = JSON.parse(value.toString());
             const newKeys = Object.keys(additionalFields) || [];
             const newTokens = newKeys.map(key => {
                 return {
@@ -1693,10 +1693,10 @@ const NylasEventTitle = class {
         return (index.h("div", { class: "token-label" }, index.h("span", { class: "token" }, token.token), index.h("span", { class: "description" }, token.description)));
     }
     render() {
-        return (index.h(index.Host, { key: '77727ef052ef96fd01f44629fef5529637ab9512' }, index.h("div", { key: 'c155a7c80a37361d3764c87307603c9224a1acf3', class: "nylas-event-title", part: "net" }, index.h("label", { key: '167ce5894b815c0ba0af599c4d25567a65e7fe6a', htmlFor: "title" }, utils.instance.t('nylasEventTitle.headerTitle'), index.h("span", { key: 'f6ef51b14e683622ad43979bcea199c58d78fd29', class: "required" }, "*")), index.h("div", { key: '2f4039d517d45b52422197766ba9db0b09a5f903', class: {
+        return (index.h(index.Host, { key: 'be5c644520aa3a3a32699d33a74a53be4a874f6c' }, index.h("div", { key: '3ccaeb04b75c6e7e15ebeda6b0f6c02f3b9c0869', class: "nylas-event-title", part: "net" }, index.h("label", { key: '4cd1348b60a56dca4a8092aecfe51103c53f048e', htmlFor: "title" }, utils.instance.t('nylasEventTitle.headerTitle'), index.h("span", { key: '5d18db7ede458a9ab2d1b5bb19319d072ff2b70e', class: "required" }, "*")), index.h("div", { key: 'e4c00b94be0a861696d81526c26703fef888f536', class: {
                 title: true,
                 error: this.validationError !== '',
-            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (index.h("div", { class: "token-options", part: "net__dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), index.h("span", { key: '336b58f03f6f13957ab0b62f2f98e95e2980bc13', class: "help-text" }, utils.instance.t('nylasEventTitle.helpText', { context: 'start', field: utils.instance.t('nylasEventTitle.title') }), " ", index.h("code", { key: '7069beaf38ab7a2a67f6de371b2544d45b26146b' }, "$"), ' ', utils.instance.t('nylasEventTitle.helpText', { context: 'end' }), index.h("span", { key: '6b588508b38540c7d072f9e3c01c8e555669af2c', class: "label-icon" }, index.h("tooltip-component", { key: 'bbd2bcff01569fb91c87d78d36eb3c5b0163d73a' }, index.h("info-icon", { key: '0cbf47b89468838847282e729db536f8df63098c', slot: "tooltip-icon" }), index.h("span", { key: 'cb5a50ecd92b837fead8d1e08ceff2387173ea60', slot: "tooltip-content" }, utils.instance.t('nylasEventTitle.tooltip.desc'), " ", index.h("code", { key: '22c5e150dfe201cc0d7bd3dd995db94ebd759f31' }, '${invitee}'))))), this.validationError != '' && index.h("span", { class: "error-message" }, utils.instance.t(`nylasEventTitle.${this.validationError}`)))));
+            }, part: "net__title", ref: el => (this.titleRef = el), contentEditable: "true", onInput: e => this.handleChange(e), onKeyDown: event => this.handleInputKeyDown(event) }), this.showTokens && this.filteredTokens?.length > 0 && (index.h("div", { class: "token-options", part: "net__dropdown-content" }, index.h("ul", { tabindex: "-1", role: "listbox", "aria-label": this.name, "aria-activedescendant": this.ariaActivedescendant }, this.filteredTokens.map(option => (index.h("li", { tabindex: "0", key: option.label, id: option.label, class: { active: this.ariaActivedescendant === option.label }, onClick: e => this.selectOption(e, option), role: "option" }, this.getLabelHTML(option.labelHTML))))))), index.h("span", { key: '287386dc6cfafe56e01f6a51e3538da909cbd2db', class: "help-text" }, utils.instance.t('nylasEventTitle.helpText', { context: 'start', field: utils.instance.t('nylasEventTitle.title') }), " ", index.h("code", { key: '0a12678367abd26be60e14253837dfb8648f00b4' }, "$"), ' ', utils.instance.t('nylasEventTitle.helpText', { context: 'end' }), index.h("span", { key: '18102bdb2013e451ece515ae09acf18a529e8f78', class: "label-icon" }, index.h("tooltip-component", { key: 'b79fccb2ca7864ae7446546be6d255c11ba4eced' }, index.h("info-icon", { key: 'ff624259a594a5ff192ab0e24ebd6f621d99cf63', slot: "tooltip-icon" }), index.h("span", { key: 'd406f605a1b2f7c503cb16c16b9205a4fa6e8c03', slot: "tooltip-content" }, utils.instance.t('nylasEventTitle.tooltip.desc'), " ", index.h("code", { key: 'a4cf09de868ab908598a6d96a08b3880d76ff89d' }, '${invitee}'))))), this.validationError != '' && index.h("span", { class: "error-message" }, utils.instance.t(`nylasEventTitle.${this.validationError}`)))));
     }
     static get formAssociated() { return true; }
     get host() { return index.getElement(this); }