@heartlandone/vega 2.0.0-temp-test-0.3 → 2.0.0

package/dist/cjs/{subStateNotifySlimmer-d704ac90.js → elementAppenderSlimmer-853b7f89.js}

@@ -1,35 +1,33 @@
 'use strict';
 
 require('./global-slimmer-registry-58eee093.js');
-const mapToComponentMethod = require('./map-to-component-method-bdf875d3.js');
-const vegaSlimmer = require('./vega-slimmer-f026897e.js');
-const elementAppender = require('./elementAppender-f0ebe01e.js');
-const ui = require('./ui-25a66a2a.js');
-const keyboardManager = require('./keyboardManager-e8331705.js');
-const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
-const changeManager = require('./changeManager-1dd5ac2a.js');
-const staticSubjectTitle = require('./staticSubjectTitle-9a2a1b10.js');
+const vegaSlimmer = require('./vega-slimmer-af488dc3.js');
+const elementAppender = require('./elementAppender-e585dbc9.js');
+const ui = require('./ui-23cd9abb.js');
 
-var __decorate$1 = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+var __decorate = (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;
   if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
   else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
   return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 class ElementAppenderSlimmer extends vegaSlimmer.VegaSlimmer {
-  constructor(showConfigFactory, getTrigger, isDropdownShowName = 'isDropdownShow') {
+  constructor(showConfigFactory, getTrigger, isDropdownShowName = 'isDropdownShow', disableInteractiveGetter = () => false) {
     super();
     /**
      * It adds event listeners to the target and the appendable element
      */
     this.registerElementAppenderListener = () => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b, _c, _d, _e, _f;
       this.unRegisterElementAppenderListener();
-      (_a = this.showConfig.target) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.targetClickHandler);
-      (_b = this.showConfig.target) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseenter', this.targetMouseEnterHandler);
-      (_c = this.showConfig.target) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseleave', this.targetMouseLeaveHandler);
-      (_d = this.showConfig.appendableElement) === null || _d === void 0 ? void 0 : _d.addEventListener('mouseenter', this.elementMouseEnterHandler);
-      (_e = this.showConfig.appendableElement) === null || _e === void 0 ? void 0 : _e.addEventListener('mouseleave', this.elementMouseLeaveHandler);
+      if (this.showConfig) {
+        (_a = this.showConfig.target) === null || _a === void 0 ? void 0 : _a.addEventListener('click', this.targetClickHandler);
+        (_b = this.showConfig.target) === null || _b === void 0 ? void 0 : _b.addEventListener('mouseenter', this.targetMouseEnterHandler);
+        (_c = this.showConfig.target) === null || _c === void 0 ? void 0 : _c.addEventListener('mouseleave', this.targetMouseLeaveHandler);
+        (_d = this.showConfig.target) === null || _d === void 0 ? void 0 : _d.addEventListener('focusout', this.targetMouseLeaveHandler);
+        (_e = this.showConfig.appendableElement) === null || _e === void 0 ? void 0 : _e.addEventListener('mouseenter', this.elementMouseEnterHandler);
+        (_f = this.showConfig.appendableElement) === null || _f === void 0 ? void 0 : _f.addEventListener('mouseleave', this.elementMouseLeaveHandler);
+      }
       window.addEventListener('mousedown', this.globalMouseDownHandler);
     };
     /* It's a function that listens to the click event on the dropdown. It checks if the trigger
@@ -58,7 +56,7 @@ class ElementAppenderSlimmer extends vegaSlimmer.VegaSlimmer {
     /* It's a function that listens to the mouseenter event on the dropdown. It checks if the trigger
     property is equal to 'hover'. If it is, then it clears the timer. */
     this.elementMouseEnterHandler = () => {
-      if (this.shouldListenerWork('hover')) {
+      if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
         this.clearDelayHideTimer();
       }
     };
@@ -66,7 +64,7 @@ class ElementAppenderSlimmer extends vegaSlimmer.VegaSlimmer {
     property is equal to 'hover'. If it is, then it creates a timer that will hide the dropdown after a
     certain amount of time. */
     this.elementMouseLeaveHandler = () => {
-      if (this.shouldListenerWork('hover')) {
+      if (this.shouldListenerWork('hover') && !this.disableInteractiveGetter()) {
         this.createDelayHideTimer();
       }
     };
@@ -77,6 +75,7 @@ class ElementAppenderSlimmer extends vegaSlimmer.VegaSlimmer {
       const currentTarget = e.composedPath()[0];
       if (this.shouldListenerWork('custom') &&
         this.isShowing() &&
+        this.showConfig &&
         !ui.isParent(currentTarget, this.showConfig.appendableElement) &&
         !ui.isParent(currentTarget, this.showConfig.target) &&
         ui.findParent(currentTarget, 'vega-modal') === ui.findParent(this.showConfig.target, 'vega-modal')) {
@@ -111,6 +110,7 @@ class ElementAppenderSlimmer extends vegaSlimmer.VegaSlimmer {
     this.showConfigFactory = showConfigFactory;
     this.getTrigger = getTrigger;
     this.isDropdownShowName = isDropdownShowName;
+    this.disableInteractiveGetter = disableInteractiveGetter;
   }
   connectedCallback() {
     if (this.elementAppender === null) {
@@ -158,95 +158,27 @@ class ElementAppenderSlimmer extends vegaSlimmer.VegaSlimmer {
    * It removes all event listeners that were added in the `register()` function
    */
   unRegisterElementAppenderListener() {
-    var _a, _b, _c, _d, _e;
-    (_a = this.showConfig.target) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.targetClickHandler);
-    (_b = this.showConfig.target) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseenter', this.targetMouseEnterHandler);
-    (_c = this.showConfig.target) === null || _c === void 0 ? void 0 : _c.removeEventListener('mouseleave', this.targetMouseLeaveHandler);
-    (_d = this.showConfig.appendableElement) === null || _d === void 0 ? void 0 : _d.removeEventListener('mouseenter', this.elementMouseEnterHandler);
-    (_e = this.showConfig.appendableElement) === null || _e === void 0 ? void 0 : _e.removeEventListener('mouseleave', this.elementMouseLeaveHandler);
+    var _a, _b, _c, _d, _e, _f;
+    if (this.showConfig) {
+      (_a = this.showConfig.target) === null || _a === void 0 ? void 0 : _a.removeEventListener('click', this.targetClickHandler);
+      (_b = this.showConfig.target) === null || _b === void 0 ? void 0 : _b.removeEventListener('mouseenter', this.targetMouseEnterHandler);
+      (_c = this.showConfig.target) === null || _c === void 0 ? void 0 : _c.removeEventListener('mouseleave', this.targetMouseLeaveHandler);
+      (_d = this.showConfig.target) === null || _d === void 0 ? void 0 : _d.removeEventListener('focusout', this.targetMouseLeaveHandler);
+      (_e = this.showConfig.appendableElement) === null || _e === void 0 ? void 0 : _e.removeEventListener('mouseenter', this.elementMouseEnterHandler);
+      (_f = this.showConfig.appendableElement) === null || _f === void 0 ? void 0 : _f.removeEventListener('mouseleave', this.elementMouseLeaveHandler);
+    }
     window.removeEventListener('mousedown', this.globalMouseDownHandler);
   }
 }
 ElementAppenderSlimmer.DELAY_HIDE_TIME = 100;
-__decorate$1([
-  mapToComponentMethod.MapToComponentMethod('connectedCallback')
-], ElementAppenderSlimmer.prototype, "connectedCallback", null);
-__decorate$1([
-  mapToComponentMethod.MapToComponentMethod('disconnectedCallback')
-], ElementAppenderSlimmer.prototype, "disconnectedCallback", null);
-__decorate$1([
-  mapToComponentMethod.MapToComponentMethod('componentDidLoad')
-], ElementAppenderSlimmer.prototype, "componentDidLoad", null);
-
-var __decorate = (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;
-  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-  else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-  return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-class KeyboardManagerSlimmer extends vegaSlimmer.VegaSlimmer {
-  constructor(listenersRetriever) {
-    super();
-    this.listenersRetriever = listenersRetriever;
-  }
-  connectedCallback() {
-    this.keyboardEventListeners && keyboardManager.KeyboardManager.register(this.keyboardEventListeners);
-  }
-  disconnectedCallback() {
-    keyboardManager.KeyboardManager.deregister(this.keyboardEventListeners);
-  }
-  componentDidLoad() {
-    this.keyboardEventListeners = this.listenersRetriever(this);
-    keyboardManager.KeyboardManager.register(this.keyboardEventListeners);
-  }
-}
 __decorate([
-  mapToComponentMethod.MapToComponentMethod('connectedCallback')
-], KeyboardManagerSlimmer.prototype, "connectedCallback", null);
+  vegaSlimmer.MapToComponentMethod('connectedCallback')
+], ElementAppenderSlimmer.prototype, "connectedCallback", null);
 __decorate([
-  mapToComponentMethod.MapToComponentMethod('disconnectedCallback')
-], KeyboardManagerSlimmer.prototype, "disconnectedCallback", null);
+  vegaSlimmer.MapToComponentMethod('disconnectedCallback')
+], ElementAppenderSlimmer.prototype, "disconnectedCallback", null);
 __decorate([
-  mapToComponentMethod.MapToComponentMethod('componentDidLoad')
-], KeyboardManagerSlimmer.prototype, "componentDidLoad", null);
-
-/**
- * Sub state notify slimmer
- */
-class SubStateNotifySlimmerBase extends vegaSlimmer.VegaSlimmer {
-  // eslint-disable-next-line jsdoc/require-jsdoc
-  constructor({ propName }) {
-    super();
-    this.propName = propName;
-  }
-  /**
-   * Notify the children component which prop has been changed in the parent component
-   */
-  subStateNotify() {
-    changeManager.ChangeManager.notify(staticSubjectTitle.SUB_STATE_CHANGE, {
-      host: this.host,
-      stateName: this.propName,
-      value: this.host[this.propName],
-    });
-  }
-}
-
-/**
- * Create dynamic subState notify slimmer
- *
- * @param {ClassPrototype} mapFromClass - It represents the class that you want to map from.
- * @param {string} propName - The parent component prop name
- * @param {string} watchMethodName - The watch method name of prop change
- * @returns {SubStateNotifySlimmerBase} - SubState notify slimmer
- */
-function createSubStateNotifySlimmer(mapFromClass, propName, watchMethodName) {
-  return dynamicSlimmer.createDynamicSlimmer(mapFromClass, SubStateNotifySlimmerBase, [{ mapFrom: 'host', mapTo: 'host' }], [{ mapFrom: watchMethodName, mapTo: 'subStateNotify' }], [
-    {
-      propName: propName,
-    },
-  ]);
-}
+  vegaSlimmer.MapToComponentMethod('componentDidLoad')
+], ElementAppenderSlimmer.prototype, "componentDidLoad", null);
 
 exports.ElementAppenderSlimmer = ElementAppenderSlimmer;
-exports.KeyboardManagerSlimmer = KeyboardManagerSlimmer;
-exports.createSubStateNotifySlimmer = createSubStateNotifySlimmer;

package/dist/cjs/{eventEmitSlimmer-63a34620.js → eventEmitSlimmer-f0546f9d.js}

@@ -1,11 +1,155 @@
 'use strict';
 
 const globalSlimmerRegistry = require('./global-slimmer-registry-58eee093.js');
-const vegaSlimmer = require('./vega-slimmer-f026897e.js');
-const dynamicSlimmer = require('./dynamic-slimmer-028b0e61.js');
+const vegaSlimmer = require('./vega-slimmer-af488dc3.js');
+const dynamicSlimmer = require('./dynamic-slimmer-c718b7d9.js');
 const changeManager = require('./changeManager-1dd5ac2a.js');
-const domNodeSubjectObserverFactory = require('./domNodeSubjectObserverFactory-8663ab4f.js');
-const internalVegaEventManager = require('./internalVegaEventManager-a5ad4b61.js');
+const internalVegaEventManager = require('./internalVegaEventManager-cfb1df83.js');
+
+/**
+ *  An Observer is a class that has a listener method that accepts a value of type T
+ *  and calls the listener method with a value of type T
+ */
+class Observer {
+  /**
+   * It accepts a function that accepts a value and returns a boolean, and a function that accepts a value of the type that
+   * the first function accepts
+   *
+   * @typedef T generic type parameter
+   * @param {(input: unknown) => input is T} accept - A function that indicate if the input is acceptable by the observer
+   * @param {(input: T) => void} listener - A function handle the input for the observer if the input is accepted
+   */
+  constructor(accept, listener) {
+    this.accept = accept;
+    this.listener = listener;
+  }
+  /**
+   * If the input is of the type that this handler is interested in, then call the listener function
+   *
+   * @param {unknown} input - unknown
+   */
+  notify(input) {
+    if (this.accept(input)) {
+      this.listener(input);
+    }
+  }
+}
+
+/** The DomNodeSubject class represents a subject related to DOM nodes. */
+class DomNodeSubject {
+  /**
+   * The constructor function takes a SubjectTitle parameter and assigns it to the private title property.
+   *
+   * @param {SubjectTitle} title - The "title" parameter is a private property of the class that is of type "SubjectTitle".
+   * @param {HTMLElement} host - The `host` parameter is an HTMLElement that represents the container or
+   * parent element where the subject title will be displayed. It is used to specify the location where
+   * the title will be rendered on the web page.
+   */
+  constructor(title, host) {
+    this.title = title;
+    this.host = host;
+  }
+  /**
+   * The getDescription function returns the title of an object as a string.
+   *
+   * @returns {string} The title of the object.
+   */
+  getDescription() {
+    return `, this is a dom nodes subject of ${this.title}.(class name:${this.host.className}, id:${this.host.id})`;
+  }
+}
+
+/** The `DomNodesSubjectFactory` class is responsible for managing and caching `DomNodeSubject` objects associated with HTML elements. */
+class DomNodeSubjectFactory {
+  constructor() {
+    this.cache = new WeakMap();
+  }
+  /**
+   * The function `getSubject` returns the subject associated with a given node and event ID, either from the cache or by setting it if it doesn't exist.
+   *
+   * @param {HTMLElement} node - The `node` parameter is an HTMLElement, which represents an element in the HTML document.
+   * @param {VegaEventIDInterface} eventId - The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of the event for which we want to get the subject.
+   * @returns {DomNodeSubject} a `DomNodeSubject` object.
+   */
+  getSubject(node, eventId) {
+    if (this.isExist(node, eventId)) {
+      return this.cache.get(node).get(eventId);
+    }
+    else {
+      return this.setSubject(node, eventId);
+    }
+  }
+  /**
+   * The function checks if a given node exists in the cache and if it has a specific event ID.
+   *
+   * @param {HTMLElement} node - The "node" parameter is an HTMLElement, which represents an HTML element in the DOM (Document Object Model). It could be any HTML element such as a div, span, button, etc.
+   * @param {VegaEventIDInterface} eventId - The `eventId` parameter is of type `VegaEventIDInterface`. It represents an event ID that is used to identify a specific event.
+   * @returns {boolean} a boolean value.
+   */
+  isExist(node, eventId) {
+    if (node) {
+      return (this.cache.has(node) &&
+        this.cache.get(node) !== undefined &&
+        this.cache.get(node).has(eventId));
+    }
+    return false;
+  }
+  /**
+   * The function `setSubject` creates a new `DomNodeSubject` and associates it with a given `node` and `eventId`, and then returns the created subject.
+   *
+   * @param {HTMLElement} node - The `node` parameter is an HTMLElement object representing an HTML element in the DOM (Document Object Model).
+   * @param {VegaEventIDInterface} eventId - The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
+   * @returns {DomNodeSubject} dom node subject object
+   */
+  setSubject(node, eventId) {
+    const subjectTitle = `${node.tagName}:${eventId.getName()}`;
+    const subject = new DomNodeSubject(subjectTitle, node);
+    if (!this.cache.get(node)) {
+      this.cache.set(node, new Map());
+    }
+    this.cache.get(node).set(eventId, subject);
+    return subject;
+  }
+}
+const domNodeSubjectFactory = new DomNodeSubjectFactory();
+
+/**
+ * The function `domAcceptableHandle` always returns `true`.
+ *
+ * @returns {boolean} true
+ */
+const domAcceptableHandle = () => {
+  return true;
+};
+/** The `DomNodeSubjectObserverFactory` class provides methods to add and remove observers to HTML element nodes. */
+class DomNodeSubjectObserverFactory {
+  /**
+   * add observer to a given HTML element node
+   *
+   * @param {HTMLElement} node the node ref
+   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
+   * @param {(input?: unknown) => void} callback the callback handle
+   * @param {(input?: unknown) => boolean} acceptableHandle the acceptable handle
+   */
+  static addUniqueObserverToNode(node, eventId, callback, acceptableHandle) {
+    if (node) {
+      const domNodesObserver = new Observer(typeof acceptableHandle === 'function' ? acceptableHandle.bind(null) : domAcceptableHandle, callback);
+      DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(node, eventId);
+      changeManager.ChangeManager.register(domNodeSubjectFactory.getSubject(node, eventId), domNodesObserver);
+    }
+  }
+  /**
+   * The function removes observers from a given HTML element node.
+   *
+   * @param {HTMLElement} node - The `node` parameter is an `HTMLElement` object representing an HTML element in the DOM (Document Object Model).
+   * @param {VegaEventIDInterface} eventId The `eventId` parameter is of type `VegaEventIDInterface`. It represents the ID of a Vega event.
+   */
+  static removeUniqueObserverFromNode(node, eventId) {
+    if (domNodeSubjectFactory.isExist(node, eventId)) {
+      changeManager.ChangeManager.clearObserversBySubject(domNodeSubjectFactory.getSubject(node, eventId));
+    }
+  }
+}
 
 var __decorate$3 = (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;
@@ -124,9 +268,9 @@ class JqueryDelegatedEventEmitHandlerSlimmer extends vegaSlimmer.VegaSlimmer {
     };
   }
   /**
-   * The function "setEventID" sets the eventID property of the current object to the provided VegaEventIDInterface value.
+   * The function "setEventID" sets the eventID property of the current object to the provided VegaEventID value.
    *
-   * @param {VegaEventIDInterface} eventID - The eventID parameter is of type VegaEventIDInterface.
+   * @param {VegaEventID} eventID - The eventID parameter is of type VegaEventID.
    */
   setEventID(eventID) {
     this.eventID = eventID;
@@ -162,12 +306,12 @@ class EventEmitSlimmerBase extends vegaSlimmer.VegaSlimmer {
      * @param {Event} [e] the event object
      */
     this.emit = (detail, e) => {
-      changeManager.ChangeManager.notify(domNodeSubjectObserverFactory.domNodeSubjectFactory.getSubject(this.host, this.eventID), {
+      changeManager.ChangeManager.notify(domNodeSubjectFactory.getSubject(this.host, this.eventID), {
         host: this.host,
         detail: detail,
         eventName: this.eventName,
       });
-      const eventSemantics = internalVegaEventManager.internalVegaEventManager.getSemantics(this.host);
+      const eventSemantics = internalVegaEventManager.InternalVegaEventManager.getSemantics(this.host);
       for (const handler of this.eventHandlers) {
         if (handler.canHandle(eventSemantics)) {
           handler.handle(detail, e);
@@ -182,7 +326,7 @@ class EventEmitSlimmerBase extends vegaSlimmer.VegaSlimmer {
       // add promise to fix the testPolyfill#replaceChildren
       void Promise.resolve(true).then(() => {
         if (this.isNodeRemovedFromDocument(this.host)) {
-          domNodeSubjectObserverFactory.DomNodeSubjectObserverFactory.removeObserverFromNode(this.host, this.eventID);
+          DomNodeSubjectObserverFactory.removeUniqueObserverFromNode(this.host, this.eventID);
         }
       });
     };
@@ -230,7 +374,7 @@ __decorate([
  * The function `createEventEmitSlimmer` creates a slimmer version of an event emitter class by mapping specific properties and events.
  *
  * @param {ClassPrototype<unknown>} mapFromClass - The class prototype from which the event emitter will be created.
- * @param {VegaEventIDInterface} eventID - The eventName parameter is a VegaEventID that represents the name of the event.
+ * @param {VegaEventID} eventID - The eventName parameter is a VegaEventID that represents the name of the event.
  * @param {string} [nativeEventPropertyName] - usually the native event name is eventID#nativeName, set a property name when the native name is used by other method or property
  * @returns {EventEmitSlimmerBase} an instance of the `EventEmitSlimmerBase` class.
  */
@@ -249,4 +393,7 @@ function createEventEmitSlimmer(mapFromClass, eventID, nativeEventPropertyName)
   ]);
 }
 
+exports.DomNodeSubjectObserverFactory = DomNodeSubjectObserverFactory;
+exports.Observer = Observer;
 exports.createEventEmitSlimmer = createEventEmitSlimmer;
+exports.domNodeSubjectFactory = domNodeSubjectFactory;

package/dist/cjs/{featureFlagController-daf977be.js → featureFlagController-e3dc9be9.js}

@@ -10,22 +10,24 @@ const FeatureFlagsMap = {
     description: `Feature flag to enable the required decorator for the date picker component. <br/> <b>Note: This feature flag is for demonstration purpose and will be persisted permanently.</b>`,
     createdTimestamp: 1660330561422,
     createdAtVersion: '1.2.0',
+    removedAfterVersion: '1.11.1',
   },
   'VEGA_COMPONENT.SANITIZE_VEGA_COMPONENT': {
     description: `Feature flag to enable sanitize vega components.`,
     createdTimestamp: 1664262689486,
     createdAtVersion: '1.8.1',
+    removedAfterVersion: '2.0.0',
   },
   'VEGA_TEXT.LABEL_OR_CONTENT_NESTED_VEGA_TEXT_COMPONENT': {
     description: 'Feature flag to enable the label or content of other component nested vega-text component.',
     createdTimestamp: 1665218525140,
     createdAtVersion: '1.8.1',
+    removedAfterVersion: '1.9.1',
   },
   'VEGA_FLEX.ENABLE_DIRECTION_ONLY': {
     description: `Feature flag to make direction take effect only regardless of breakpoint for vega-flex component.`,
     createdTimestamp: 1665639912117,
     createdAtVersion: '1.9.0',
-    removedAfterVersion: '2.0.0',
   },
   'VEGA_FIELD_LABEL.SHOW_LABEL': {
     description: `Feature flag to enable the vega-field-label component for vega-input, vega-input-select and vega-date-picker.`,
@@ -55,11 +57,13 @@ const FeatureFlagsMap = {
     description: `Feature flag to deprecate the form field should validate only have data-vega-from attribute`,
     createdTimestamp: 1676017004107,
     createdAtVersion: '1.19.0',
+    removedAfterVersion: '2.0.0',
   },
   'VEGA_FORM_FIELD.CHANGE_BLOCK_TO_INLINE_BLOCK': {
     description: `Feature flag to deprecate the form fields like input/datePicker/timePicker should use inline block`,
     createdTimestamp: 1676512727310,
     createdAtVersion: '1.20.0',
+    removedAfterVersion: '2.0.0',
   },
   'VEGA_CHECKBOX_RADIO_GROUP.FLEX_DIRECTION_COL_DEFAULT': {
     description: `Feature flag to make the checkbox group and radio group prop vegaFlexProp default direction to col`,
@@ -77,9 +81,10 @@ const FeatureFlagsMap = {
     description: `Feature flag to rename the prop input-editable to input-disabled `,
     createdTimestamp: 1683252081350,
     createdAtVersion: '1.30.0',
+    removedAfterVersion: '2.0.0',
   },
   'VEGA_FLEX.ALIGNITEM_JUSTIFYCONTENT_USE_PREFIX_V_INSTEAD_OF_VEGA': {
-    description: `Feature flag to render vega-flex prop alignItem and justifyContent classes by using v- instead of vega-`,
+    description: `Feature flag to render vega-flex prop alignItems and justifyContent classes by using v- instead of vega-`,
     createdTimestamp: 1684128467390,
     createdAtVersion: '1.32.0',
     removedAfterVersion: '1.48.3',
@@ -104,11 +109,13 @@ const FeatureFlagsMap = {
     description: `Feature flag to deprecated the component vega-item-toggle property isError`,
     createdTimestamp: 1687934508330,
     createdAtVersion: '1.36.0',
+    removedAfterVersion: '2.0.0',
   },
   'VEGA_BUTTON_LINK.DEPRECATED_EVENTFUL': {
     description: `Feature flag to deprecated eventful property`,
     createdTimestamp: 1689313658898,
     createdAtVersion: '1.36.1',
+    removedAfterVersion: '2.0.0',
   },
   'VEGA_DROPDOWN.RENAME_PREFIX_TO_PREFIX_ICON': {
     description: `Feature flag to rename prefix to prefixIcon`,
@@ -121,6 +128,16 @@ const FeatureFlagsMap = {
     createdTimestamp: 1706598728908,
     createdAtVersion: '2.0.0',
   },
+  'VEGA_FRAMEWORK.PREVENT_CALL_WATCH_METHOD_BEFORE_COMPONENT_LOAD': {
+    description: `Feature flag to prevent call watch method before componnentDidLoad in all framework`,
+    createdTimestamp: 1708495728180,
+    createdAtVersion: '2.0.0',
+  },
+  'VEGA_REACT.ENABLE_ON_CHANGE_HANDLE_UNDER_LOW_VERSION': {
+    description: `Feature flag to enable the onChange event handle under react version 19 or below`,
+    createdTimestamp: 1709603823660,
+    createdAtVersion: '2.0.0',
+  },
 };
 const FeatureFlagsMap$1 = Object.freeze(FeatureFlagsMap);