npm - @integration-app/react - Versions diffs - 2.0.3 → 2.0.4-beta.0 - Mend

@integration-app/react 2.0.3 → 2.0.4-beta.0

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

package/dist/cjs/hooks/keyboard-events.cjs CHANGED Viewed

@@ -2,12 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';
 'use strict';
+var constants = require('../components/DropdownUI/constants.cjs');
 var React = require('react');
 var EVENT_TYPE = /* @__PURE__ */ ((EVENT_TYPE2) => {
@@ -20,29 +21,42 @@ var EVENT_TYPE = /* @__PURE__ */ ((EVENT_TYPE2) => {
   return EVENT_TYPE2;
 })(EVENT_TYPE || {});
 const eventEmitter = {
-  _events: {},
-  _isExist(event) {
-    return !!this?._events?.[event];
+  _events: {
+    ["option_down" /* OPTION_DOWN */]: {},
+    ["option_up" /* OPTION_UP */]: {},
+    ["option_right" /* OPTION_RIGHT */]: {},
+    ["option_left" /* OPTION_LEFT */]: {},
+    ["option_select" /* OPTION_SELECT */]: {},
+    ["form_submit" /* FORM_SUBMIT */]: {}
   },
-  dispatch(event) {
-    if (!this._isExist(event)) return;
-    this._events[event].forEach(
-      (callback) => callback()
+  _isExist(event, scopedComboboxId) {
+    return !!this?._events?.[event]?.[scopedComboboxId];
+  },
+  dispatch(event, scopedComboboxId) {
+    if (!this._isExist(event, scopedComboboxId)) return;
+    this._events[event][scopedComboboxId].forEach(
+      (callback) => callback(scopedComboboxId)
     );
   },
-  subscribe(event, callback) {
-    if (!this._isExist(event)) this._events[event] = [];
-    callback && this._events[event].push(callback);
+  subscribe(event, scopedComboboxId, callback) {
+    if (!this._isExist(event, scopedComboboxId)) {
+      this._events[event][scopedComboboxId] = [];
+    }
+    callback && this._events[event][scopedComboboxId].push(callback);
   },
-  unsubscribe(event, callback) {
-    if (!this._isExist(event)) return;
-    callback && (this._events[event] = this._events[event].filter((cb) => cb !== callback));
+  unsubscribe(event, scopedComboboxId, callback) {
+    if (!this._isExist(event, scopedComboboxId)) return;
+    callback && (this._events[event][scopedComboboxId] = this._events[event][scopedComboboxId].filter((cb) => cb !== callback));
   }
 };
-function useOptionListKeyNavDispatch(ref) {
-  return useKeyPressDispatch(ref, handleOptionListKeyNavigation);
+function useOptionListKeyNavDispatch(ref = null, scopedComboboxId) {
+  return useKeyPressDispatch(
+    ref,
+    (e) => handleOptionListKeyNavigation(e, scopedComboboxId)
+  );
 }
-function useKeyPressDispatch(ref, handler) {
+function useKeyPressDispatch(ref, handler = () => {
+}) {
   const savedHandler = React.useRef(handler);
   const targetElement = ref instanceof Element ? ref : ref?.current;
   return React.useEffect(() => {
@@ -56,38 +70,66 @@ function useKeyPressDispatch(ref, handler) {
     };
   }, [targetElement, savedHandler]);
 }
-function useKeyboardEventSubscribe(event, callback) {
+function useKeyboardEventSubscribe({
+  scopedComboboxId,
+  event,
+  callback
+}) {
   return React.useEffect(() => {
-    eventEmitter.subscribe(event, callback);
+    eventEmitter.subscribe(event, scopedComboboxId, callback);
     return () => {
-      eventEmitter.unsubscribe(event, callback);
+      eventEmitter.unsubscribe(event, scopedComboboxId, callback);
     };
   }, [event, callback]);
 }
-const dispatch = (event) => eventEmitter.dispatch(event);
-const handleOptionListKeyNavigation = (e) => {
+const dispatch = (event, scopedComboboxId) => eventEmitter.dispatch(event, scopedComboboxId);
+const handleOptionListKeyNavigation = (e, scopedComboboxId) => {
+  if (!(e.target instanceof HTMLElement)) {
+    return;
+  }
+  const targetId = e.target.getAttribute("data-navigation-emitter-id") || "";
+  const allowedTargets = [constants.DROPDOWN_NAVIGATOR_ID, constants.DROPDOWN_SEARCH_INPUT_ID];
+  if (!allowedTargets.includes(targetId)) {
+    return;
+  }
   switch (e.key) {
     case "Enter":
       if (!e.shiftKey) {
-        dispatch("option_select" /* OPTION_SELECT */);
+        dispatch("option_select" /* OPTION_SELECT */, scopedComboboxId);
         e.preventDefault();
         e.stopPropagation();
       }
       break;
     case "ArrowUp":
-      dispatch("option_down" /* OPTION_DOWN */);
+      dispatch("option_down" /* OPTION_DOWN */, scopedComboboxId);
       break;
     case "ArrowDown":
-      dispatch("option_up" /* OPTION_UP */);
+      dispatch("option_up" /* OPTION_UP */, scopedComboboxId);
       break;
     case "ArrowRight":
-      dispatch("option_right" /* OPTION_RIGHT */);
+      if (canHandleHorizontalNavigation(e.target)) {
+        dispatch("option_right" /* OPTION_RIGHT */, scopedComboboxId);
+      }
       break;
     case "ArrowLeft":
-      dispatch("option_left" /* OPTION_LEFT */);
+      if (canHandleHorizontalNavigation(e.target)) {
+        dispatch("option_left" /* OPTION_LEFT */, scopedComboboxId);
+      }
       break;
   }
 };
+const canHandleHorizontalNavigation = (target) => {
+  const targetId = target.getAttribute("data-navigation-emitter-id") || "";
+  if (targetId === constants.DROPDOWN_NAVIGATOR_ID) {
+    return true;
+  }
+  const isInput = target instanceof HTMLInputElement;
+  if (!isInput) {
+    return true;
+  }
+  const hasValue = !!target.value;
+  return targetId === constants.DROPDOWN_SEARCH_INPUT_ID && !hasValue;
+};
 exports.EVENT_TYPE = EVENT_TYPE;
 exports.useKeyboardEventSubscribe = useKeyboardEventSubscribe;

package/dist/cjs/hooks/scenarios/useScenario.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/scenarios/useScenarios.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/screens/useScreen.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useAutofocus.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useDeepEffect.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useElement.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useElements.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useEventStopPropagation.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useForwardedRef.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useIntegrationAppSWR.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useIsTextTruncated.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useResizeObserver.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/hooks/useWindowEvent.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/index.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';
@@ -76,7 +76,6 @@ var customField = require('./components/ComboBox/options-factories/custom-field.
 var _enum = require('./components/ComboBox/options-factories/enum.cjs');
 var objectFields = require('./components/ComboBox/options-factories/object-fields.cjs');
 var referenceRecords = require('./components/ComboBox/options-factories/reference-records.cjs');
-var referenceUdm = require('./components/ComboBox/options-factories/reference-udm.cjs');
 var variable = require('./components/ComboBox/options-factories/variable.cjs');
 var comboboxContext = require('./components/ComboBox/context/combobox-context.cjs');
 var comboboxDropdownContext = require('./components/ComboBox/context/combobox-dropdown-context.cjs');
@@ -234,7 +233,6 @@ exports.isCustomFieldValue = customField.isCustomFieldValue;
 exports.EnumOptionFactory = _enum.EnumOptionFactory;
 exports.ObjectFieldsOptionFactory = objectFields.ObjectFieldsOptionFactory;
 exports.ReferenceRecordsOptionsFactory = referenceRecords.ReferenceRecordsOptionsFactory;
-exports.ReferenceUdmOptionFactory = referenceUdm.ReferenceUdmOptionFactory;
 exports.VariableOptionFactory = variable.VariableOptionFactory;
 exports.ComboBoxProvider = comboboxContext.ComboBoxProvider;
 exports.useComboBox = comboboxContext.useComboBox;

package/dist/cjs/styled-system/css/conditions.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/css/css.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/css/cva.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/css/cx.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/css/sva.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/helpers.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/jsx/box.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/jsx/center.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/jsx/circle.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/jsx/factory-helper.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/jsx/factory.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/jsx/flex.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/jsx/is-valid-prop.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/jsx/visually-hidden.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/patterns/box.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/patterns/center.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/patterns/circle.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/patterns/flex.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/patterns/visually-hidden.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/alert.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/avatar.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/badge.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/button.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/create-recipe.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/icon.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/input.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/menu.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/popover.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/skeleton.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/spinner.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/text.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/recipes/tooltip.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/styled-system/tokens/index.cjs CHANGED Viewed

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';

package/dist/cjs/ui-kit/avatar.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.0.4-beta.0
  */
 'use client';