@globalpayments/vega 2.35.0 → 2.36.0

package/dist/cjs/vega-input-select.cjs.entry.js

@@ -12,7 +12,7 @@ const responsiveFormatFacade = require('./responsive-format-facade-4363a00d.js')
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 const array = require('./array-5adef7b2.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
@@ -20,7 +20,7 @@ const accessibility = require('./accessibility-bfa227f6.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const internalIconManager = require('./internal-icon-manager-5ccb9443.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8d4d2723.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');

package/dist/cjs/vega-input.cjs.entry.js

@@ -12,7 +12,7 @@ const componentLoadRequired = require('./component-load-required-16d76afa.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const placeholder = require('./placeholder-cb6d37ad.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8d4d2723.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
@@ -21,13 +21,13 @@ const stringInputFormatterSlimmer = require('./string-input-formatter-slimmer-61
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
 const pageResizeObserverSlimmer = require('./page-resize-observer-slimmer-bb1eaebe.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080a4bea.js');
 require('./number-4816603d.js');
 require('./string-21427167.js');
 require('./ui-5fd9b267.js');
 require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 require('./dynamic-slimmer-f31fdfd7.js');
-require('./vega-internal-event-id-85b68849.js');
+require('./vega-internal-event-id-b12071ea.js');
 require('./translation-b9be41e0.js');
 require('./mutation-observer-slimmer-895b3d3e.js');
 require('./mutation-observer-filters-e5a7f85a.js');

package/dist/cjs/{vega-internal-event-id-85b68849.js → vega-internal-event-id-b12071ea.js}

@@ -35,6 +35,7 @@ const VegaDropdownRenderItemInternalOverridden = new VegaInternalEventID('dropdo
 const VegaDropdownSearchInternalOverridden = new VegaInternalEventID('VegaDropdownSearchInternalOverridden');
 const VegaInternalSidenavLinkClick = new VegaInternalEventID('sidenavLinkClick');
 const VegaInternalLeftNavGroupExpand = new VegaInternalEventID('leftNavGroupExpand');
+const VegaInternalDropdownUpdateTarget = new VegaInternalEventID('dropdownUpdateTarget');
 const VegaInternalRichTextEditorFlushChanges = new VegaInternalEventID('richTextEditorFlushChanges');
 const VegaInternalRichTextEditorSelectionRangeChange = new VegaInternalEventID('richTextEditorSelectionRangeChange');
 const VegaInternalRichTextImageClick = new VegaInternalEventID('richTextImageClick');
@@ -48,6 +49,7 @@ exports.VegaInternalButtonGroupClick = VegaInternalButtonGroupClick;
 exports.VegaInternalCalendarMonthEventsChange = VegaInternalCalendarMonthEventsChange;
 exports.VegaInternalComponentDidRender = VegaInternalComponentDidRender;
 exports.VegaInternalDropdownTemplateItemsChange = VegaInternalDropdownTemplateItemsChange;
+exports.VegaInternalDropdownUpdateTarget = VegaInternalDropdownUpdateTarget;
 exports.VegaInternalFieldErrorStateChange = VegaInternalFieldErrorStateChange;
 exports.VegaInternalLeftNavGroupExpand = VegaInternalLeftNavGroupExpand;
 exports.VegaInternalLeftNavLinkClick = VegaInternalLeftNavLinkClick;

package/dist/cjs/vega-left-nav_5.cjs.entry.js

@@ -17,14 +17,14 @@ const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
 const componentGlobalStyleSlimmer = require('./component-global-style-slimmer-6749808c.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
-const subStateNotifySlimmer = require('./sub-state-notify-slimmer-c2e08e06.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
+const subStateNotifySlimmer = require('./sub-state-notify-slimmer-994eb848.js');
 const chevronUp = require('./chevron-up-21465cf7.js');
 const chevronDown = require('./chevron-down-9847bf78.js');
 const changeManager = require('./change-manager-a297e4d2.js');
 const staticSubjectTitle = require('./static-subject-title-d66b88fb.js');
 const ui = require('./ui-5fd9b267.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080a4bea.js');
 const deprecatedPropertySlimmer = require('./deprecated-property-slimmer-fc729fd9.js');
 const designToken = require('./design-token-30c069c1.js');
 require('./index-8b247c17.js');

package/dist/cjs/vega-pagination.cjs.entry.js

@@ -67,7 +67,7 @@ const VegaPaginationGoTo = ({ onChange, pageCount, translationSlimmer, }) => {
         } }))));
 };
 
-const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onChange, translationSlimmer, }) => {
+const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, dropdownProps, onChange, translationSlimmer, }) => {
   const mergedPageSizeOptions = pageSizeSelectorOptions.sort((a, b) => a - b);
   const handleChange = (input) => {
     // Because input-select use single mode, so the detail is always a string type
@@ -80,7 +80,7 @@ const VegaPaginationPageSizeSelector = ({ pageSize, pageSizeSelectorOptions, onC
       index.h("vega-input-select", { size: "small", source: mergedPageSizeOptions.map((option) => ({
           id: option.toString(),
           displayName: option.toString(),
-        })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: { matchTargetWidth: false, searchable: false }, 
+        })), value: pageSize.toString(), placeholder: "Page Size", vegaDropdownProps: Object.assign({ matchTargetWidth: false, searchable: false }, dropdownProps), 
         /* eslint-disable-next-line react/jsx-no-bind */
         ref: (ref) => {
           domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, handleChange);
@@ -275,7 +275,7 @@ const VegaPagination = class {
           const pageSizeSelectorOptions = this.pageSizeSelectorOptions.includes(this.pageSize)
             ? this.pageSizeSelectorOptions
             : [...this.pageSizeSelectorOptions, this.pageSize];
-          return (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
+          return (index.h(VegaPaginationPageSizeSelector, { pageSize: this.pageSize, pageSizeSelectorOptions: pageSizeSelectorOptions, dropdownProps: this.dropdownProps, onChange: this.onPageSizeSelectorChange, translationSlimmer: this.translationSlimmer }));
         }
         case 'pageSelector':
           return (index.h(VegaPaginationPageSelector, { current: this.current, total: this.total, onChange: this.onPageSelectorChange, pageCount: this.pageCount }));

package/dist/cjs/vega-popover_2.cjs.entry.js

@@ -9,9 +9,9 @@ const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const elementAppenderSlimmer = require('./element-appender-slimmer-700b7004.js');
+const elementAppenderSlimmer = require('./element-appender-slimmer-77f9c4a0.js');
 const remoteInvocationRegistry = require('./remote-invocation-registry-ff9af278.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 require('./keyboard-manager-2df53b2f.js');
 require('./ui-5fd9b267.js');
 require('./dynamic-slimmer-f31fdfd7.js');

package/dist/cjs/vega-radio_2.cjs.entry.js

@@ -12,10 +12,10 @@ const ui = require('./ui-5fd9b267.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const eventEmitSlimmer = require('./event-emit-slimmer-9c223f73.js');
-const vegaInternalEventId = require('./vega-internal-event-id-85b68849.js');
+const vegaInternalEventId = require('./vega-internal-event-id-b12071ea.js');
 const requiredFieldRule = require('./required-field-rule-7f9945fa.js');
 const componentLoadRequired = require('./component-load-required-16d76afa.js');
-const formFieldControllerSlimmer = require('./form-field-controller-slimmer-dbb321ad.js');
+const formFieldControllerSlimmer = require('./form-field-controller-slimmer-8d4d2723.js');
 const childNodesNotifyObserverSlimmer = require('./child-nodes-notify-observer-slimmer-be92f366.js');
 const childNodesEventPreventSlimmer = require('./child-nodes-event-prevent-slimmer-96c3c4ae.js');
 const keyboardManagerSlimmer = require('./keyboard-manager-slimmer-feba3a83.js');

package/dist/cjs/vega-rich-text-content.cjs.entry.js

@@ -6,20 +6,20 @@ const index = require('./index-09acd3c9.js');
 const globalSlimmerRegistry = require('./global-slimmer-registry-b3bce7e0.js');
 const componentUsageRuntimeMetrics = require('./component-usage-runtime-metrics-dcb32c24.js');
 const component = require('./component-73a88c4e.js');
-const nodeAnnotation_abstract = require('./node-annotation.abstract-e5d3a859.js');
-const imageAnnotationAction = require('./image-annotation-action-d3e1699c.js');
-const listBlock = require('./list-block-91116257.js');
+const nodeAnnotation_abstract = require('./node-annotation.abstract-c3c07af5.js');
+const imageAnnotationAction = require('./image-annotation-action-4135ca69.js');
+const contentState = require('./content-state-2336e368.js');
 const typeGuard = require('./type-guard-4ba85fdc.js');
 const createPublicApiRuntimeMetricsSlimmer = require('./create-public-api-runtime-metrics-slimmer-54c3f73b.js');
 const accessibility = require('./accessibility-bfa227f6.js');
 const domNodeSubjectObserverFactory = require('./dom-node-subject-observer-factory-5f0eae19.js');
 const domNodeSubjectFactory = require('./dom-node-subject-factory-3ec114b8.js');
-const subStateObserverSlimmer = require('./sub-state-observer-slimmer-b97e46b5.js');
+const subStateObserverSlimmer = require('./sub-state-observer-slimmer-080a4bea.js');
 const ui = require('./ui-5fd9b267.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./static-subject-title-d66b88fb.js');
 require('./change-manager-a297e4d2.js');
-require('./vega-internal-event-id-85b68849.js');
+require('./vega-internal-event-id-b12071ea.js');
 require('./internal-icon-manager-5ccb9443.js');
 require('./icon-manager-edc2400b.js');
 require('./breakpoints-ebde4837.js');
@@ -99,9 +99,9 @@ class RTETextNodeRenderer extends RTENodeRenderer {
   render(node) {
     const codeAnnotation = node.annotationMap.get(nodeAnnotation_abstract.NodeAnnotationTypeEnum.CODE);
     if (codeAnnotation === null || codeAnnotation === void 0 ? void 0 : codeAnnotation.code) {
-      return (index.h("code", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || listBlock.ZERO_WIDTH_SPACE));
+      return (index.h("code", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || contentState.ZERO_WIDTH_SPACE));
     }
-    return (index.h("span", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || listBlock.ZERO_WIDTH_SPACE));
+    return (index.h("span", { style: super.getStyles(node), class: super.getClasses(node), ref: (ref) => this.registerRef(ref, node) }, node.text || contentState.ZERO_WIDTH_SPACE));
   }
   registerRef(ref, node) {
     super.registerRef(ref, node);
@@ -170,7 +170,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
           const textChanged = text !== textFromNodes;
           const groupKey = createPublicApiRuntimeMetricsSlimmer.generateUUID();
           linkNodes.forEach((node) => {
-            const linkAnnotationAction = new listBlock.LinkAnnotationAction({
+            const linkAnnotationAction = new contentState.LinkAnnotationAction({
               link: { href: url, groupKey: groupKey },
               newText: textChanged ? text : undefined,
               needMergeNode: textChanged && linkNodes.length > 1,
@@ -211,7 +211,7 @@ class RTEBlockTextNodesRenderer extends RTEBlockRenderer {
 
 class RTETextBlockRenderer extends RTEBlockTextNodesRenderer {
   canHandle(block) {
-    return block instanceof listBlock.RTETextBlock;
+    return block instanceof contentState.RTETextBlock;
   }
   render(block, renderContext) {
     const BlockTag = this.getBlockTagByType(block.type);
@@ -266,7 +266,7 @@ class RTEImageNodeRenderer extends RTENodeRenderer {
   }
   render(node, renderContext) {
     const imageAnnotation = node.getAnnotationByType(nodeAnnotation_abstract.NodeAnnotationTypeEnum.IMAGE);
-    const { size, alt } = imageAnnotation || new listBlock.ImageAnnotation('md', '');
+    const { size, alt } = imageAnnotation || new contentState.ImageAnnotation('md', '');
     return renderContext.editable ? (index.h("vega-rich-text-image-editor", { style: super.getStyles(node), size: size, alt: alt, ref: (ref) => {
         domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.addUniqueObserverToNode(ref, domNodeSubjectFactory.VegaChange, (e) => this.handleChange(e, node));
       } }, this.renderImage(alt, node, renderContext))) : (this.renderImage(alt, node, renderContext));
@@ -279,7 +279,7 @@ const RTEImageNodeRenderer$1 = new RTEImageNodeRenderer();
 
 class RTEImageBlockRenderer extends RTEBlockRenderer {
   canHandle(block) {
-    return block instanceof listBlock.RTEImageBlock;
+    return block instanceof contentState.RTEImageBlock;
   }
   render(block, renderContext) {
     return (index.h("div", { style: Object.assign({}, super.getStyles(block)), ref: (ref) => super.registerRef(ref, block), class: super.getClasses(block) }, block.nodes.map((node) => {
@@ -303,7 +303,7 @@ const RTEListItemBlockRenderer$1 = new RTEListItemBlockRenderer();
 
 class RTEListBlockRenderer extends RTEBlockRenderer {
   canHandle(block) {
-    return block instanceof listBlock.RTEListBlock;
+    return block instanceof contentState.RTEListBlock;
   }
   render(block, renderContext) {
     const BlockTag = block.type === 'number-list' ? 'ol' : 'ul';
@@ -328,6 +328,12 @@ class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
     ];
     nodeAnnotation_abstract.VegaDarkModeStyleController.registerCustomDarkModeColor(imageAnnotationAction.TextColorToolbarButtonSlimmer.formatDarkModeColor());
   }
+  componentWillLoad() {
+    this.setRTEContent();
+  }
+  watchValueUpdate() {
+    this.setRTEContent();
+  }
   /**
    * Get the rich text content element
    *
@@ -339,6 +345,11 @@ class VegaRichTextContentRenderer extends globalSlimmerRegistry.VegaSlimmer {
   render() {
     return index.h(index.Host, null, this.renderRichTextContent());
   }
+  setRTEContent() {
+    if (this.content && !(this.content instanceof contentState.VegaRTEContent)) {
+      this.content = contentState.VegaRTEContent.fromJSON(this.content);
+    }
+  }
   renderRichTextContent() {
     const showPlaceholder = this.shouldShowPlaceholder();
     return (index.h("div", { ref: (el) => (this.richTextContentRef = el), class: { 'showPlaceholder': showPlaceholder, 'rich-text-content': true }, "data-placeholder": this.placeholder, contenteditable: this.contentEditable }, this.renderContent()));
@@ -381,6 +392,12 @@ __decorate$2([
 __decorate$2([
   globalSlimmerRegistry.MapToComponentField({ writable: true })
 ], VegaRichTextContentRenderer.prototype, "content", void 0);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('componentWillLoad')
+], VegaRichTextContentRenderer.prototype, "componentWillLoad", null);
+__decorate$2([
+  globalSlimmerRegistry.MapToComponentMethod('watchValueUpdate')
+], VegaRichTextContentRenderer.prototype, "watchValueUpdate", null);
 
 var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -445,6 +462,8 @@ const VegaRichTextContent = class {
      */
     this.contentEditable = false;
   }
+  watchValueUpdate() {
+  }
   /**
    * Invoke this method to focus on rich text content editable div
    *
@@ -454,13 +473,16 @@ const VegaRichTextContent = class {
     this.vegaRichTextContentRenderer.getRichTextContentRef().focus();
     const richTextEditorRef = ui.findParent(this.host, 'vega-rich-text-editor');
     if (richTextEditorRef) {
-      await listBlock.waitForComponentDidRender(richTextEditorRef);
+      await contentState.waitForComponentDidRender(richTextEditorRef);
     }
   }
   render() {
     return component.sanitizeVegaComponent(this.vegaRichTextContentRenderer.render(), this.host);
   }
   get host() { return index.getElement(this); }
+  static get watchers() { return {
+    "content": ["watchValueUpdate"]
+  }; }
 };
 __decorate([
   componentUsageRuntimeMetrics.InjectVegaGlobalSlimmer()