npm - @integration-app/react - Versions diffs - 2.0.3 → 2.1.0 - Mend

@integration-app/react 2.0.3 → 2.1.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/components/DataBuilder/Formula/lookup.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.1.0
  */
 'use client';
@@ -23,7 +23,7 @@ const LookupFormula = React.forwardRef((props, ref) => {
   const isConfigError = Object.entries(formula.value?.query ?? {}).length === 0;
   return /* @__PURE__ */ jsxRuntime.jsxs(ComboBoxTag.ComboBoxTag, { ref, variant: "lookup", children: [
     isConfigError && /* @__PURE__ */ jsxRuntime.jsx(Tag.Tag.SvgIcon, { type: svgIconType.SvgIconType.AlertTriangle }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: "Select Dynamically Using Variables" })
+    /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: "Select Dynamically" })
   ] });
 });
 LookupFormula.displayName = "LookupFormula";

package/dist/cjs/components/DataBuilder/Formula/map.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Formula/mergeObjects.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Formula/noUi.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Formula/record.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Formula/styles.module.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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilder/Formula/tpl.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Formula/var.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Nested/ArrayItems.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/AddingFieldSelector.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/ControlPanel.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/ControlPanelForNonObjectRootField.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilder/Nested/FieldListWrapper/FieldListWrapper.module.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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilder/Nested/FieldListWrapper/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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilder/Nested/NoSchema.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Nested/ObjectFields.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Nested/ValueMapping.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/Nested.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/data-builder-context.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/data-field.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/field-context.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/hooks.cjs CHANGED Viewed

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

package/dist/cjs/components/DataBuilder/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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilder/styles.module.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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilderUI/FieldControlPanel/FieldControlPanel.module.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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilderUI/FieldControlPanel/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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilderUI/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.1.0
  */
 'use client';

package/dist/cjs/components/DataBuilderUI/styles.module.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.1.0
  */
 'use client';

package/dist/cjs/components/DataInput/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.1.0
  */
 'use client';

package/dist/cjs/components/DataLinks/data-link-tables-option-factory.cjs CHANGED Viewed

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

package/dist/cjs/components/DropdownUI/BackButton.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.1.0
  */
 'use client';
@@ -20,6 +20,7 @@ var flex = require('../../styled-system/jsx/flex.cjs');
 require('../../styled-system/patterns/visually-hidden.cjs');
 var text = require('../../ui-kit/styled/text.cjs');
 var iconButton = require('../../ui-kit/styled/icon-button.cjs');
+var utils = require('./utils.cjs');
 const dropdownBackButtonRecipe = sva.sva({
   className: "dropdown-back-button",
@@ -59,6 +60,7 @@ const BackButton = React.forwardRef(({ className, children, ...props }, ref) =>
         colorPalette: "gray",
         className: button,
         "aria-labelledby": id,
+        onMouseDown: utils.preventFocusShift,
         ...props,
         children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.ChevronLeft, className: icon })
       }

package/dist/cjs/components/DropdownUI/Content.cjs ADDED Viewed

@@ -0,0 +1,26 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.1.0
+ */
+'use client';
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var svaRecipe = require('./sva-recipe.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+var flex = require('../../styled-system/jsx/flex.cjs');
+require('../../styled-system/patterns/visually-hidden.cjs');
+const Content = React.forwardRef(({ children, className, ...props }, ref) => {
+  const { content } = svaRecipe.dropdownRecipe({});
+  return /* @__PURE__ */ jsxRuntime.jsx(flex.Flex, { ref, className: clsx(content, className), ...props, children });
+});
+exports.Content = Content;

package/dist/cjs/components/DropdownUI/ErrorHeading.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.1.0
  */
 'use client';
@@ -22,7 +22,7 @@ const ErrorHeading = React.forwardRef(({ className, text, ...props }, ref) => {
     {
       role: "heading",
       "aria-level": 2,
-      className: clsx(styles["error"], className),
+      className: clsx(styles["error-heading"], className),
       ...props,
       ref,
       children: [
@@ -30,7 +30,7 @@ const ErrorHeading = React.forwardRef(({ className, text, ...props }, ref) => {
           ItemIcon.ItemIcon,
           {
             type: svgIconType.SvgIconType.AlertCircle,
-            className: styles["error-icon"]
+            className: styles["error-heading-icon"]
           }
         ),
         text

package/dist/cjs/components/DropdownUI/Item.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.1.0
  */
 'use client';
@@ -15,6 +15,7 @@ var usehooksTs = require('usehooks-ts');
 var svaRecipe = require('./sva-recipe.cjs');
 var itemContext = require('./item-context.cjs');
 var useForwardedRef = require('../../hooks/useForwardedRef.cjs');
+var utils = require('./utils.cjs');
 const Item = React.forwardRef(({ children, className, current = false, ...props }, ref) => {
   const id = React.useId();
@@ -28,6 +29,7 @@ const Item = React.forwardRef(({ children, className, current = false, ...props
       "data-current": current || void 0,
       role: "listitem",
       "aria-labelledby": id,
+      onMouseDown: utils.preventFocusShift,
       ...props,
       children
     }

package/dist/cjs/components/DropdownUI/ItemIcon.cjs CHANGED Viewed

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

package/dist/cjs/components/DropdownUI/ItemNestingIndicator.cjs CHANGED Viewed

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

package/dist/cjs/components/DropdownUI/ItemTitle.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.1.0
  */
 'use client';
@@ -16,7 +16,15 @@ var svaRecipe = require('./sva-recipe.cjs');
 function ItemTitle({ children }) {
   const styles = svaRecipe.dropdownRecipe();
   const { id } = itemContext.useDropdownItemContext();
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles["item-title"], id, children: /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { mode: "end", children }) });
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      className: styles["item-title"],
+      id,
+      "aria-label": typeof children === "string" ? children : void 0,
+      children: /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { mode: "end", children })
+    }
+  );
 }
 exports.ItemTitle = ItemTitle;

package/dist/cjs/components/DropdownUI/List.cjs CHANGED Viewed

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

package/dist/cjs/components/DropdownUI/ListHeader.cjs CHANGED Viewed

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

package/dist/cjs/components/DropdownUI/LoadingItem.cjs CHANGED Viewed

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

package/dist/cjs/components/DropdownUI/NoOptionsHeading.cjs CHANGED Viewed

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

package/dist/cjs/components/DropdownUI/Panel.cjs CHANGED Viewed

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

package/dist/cjs/components/DropdownUI/PopoverContainer.cjs ADDED Viewed

@@ -0,0 +1,34 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.1.0
+ */
+'use client';
+'use strict';
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var svaRecipe = require('./sva-recipe.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/helpers.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+var box = require('../../styled-system/jsx/box.cjs');
+require('../../styled-system/patterns/visually-hidden.cjs');
+const PopoverContainer = React.forwardRef(({ children, className, ...props }, ref) => {
+  const styles = svaRecipe.dropdownRecipe({});
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    box.Box,
+    {
+      ref,
+      className: clsx(styles["popover-container"], className),
+      ...props,
+      children
+    }
+  );
+});
+exports.PopoverContainer = PopoverContainer;

package/dist/cjs/components/DropdownUI/Search.cjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.1.0
  */
 'use client';
@@ -14,6 +14,7 @@ var clsx = require('clsx');
 var svaRecipe = require('./sva-recipe.cjs');
 var useEventStopPropagation = require('../../hooks/useEventStopPropagation.cjs');
 var input = require('../../ui-kit/styled/input.cjs');
+var constants = require('./constants.cjs');
 const Search = React.forwardRef(
   ({ value, onChange, autoFocus, className, placeholder, ...props }, ref) => {
@@ -34,6 +35,7 @@ const Search = React.forwardRef(
           onChange: handleSearchChange,
           onKeyUp: handleEventAndStopPropagation,
           onClick: handleEventAndStopPropagation,
+          "data-navigation-emitter-id": constants.DROPDOWN_SEARCH_INPUT_ID,
           ref,
           ...props
         }

package/dist/cjs/components/DropdownUI/constants.cjs ADDED Viewed

@@ -0,0 +1,15 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.1.0
+ */
+'use client';
+'use strict';
+const DROPDOWN_NAVIGATOR_ID = "dropdown-navigator";
+const DROPDOWN_SEARCH_INPUT_ID = "dropdown-search-input";
+exports.DROPDOWN_NAVIGATOR_ID = DROPDOWN_NAVIGATOR_ID;
+exports.DROPDOWN_SEARCH_INPUT_ID = DROPDOWN_SEARCH_INPUT_ID;

package/dist/cjs/components/DropdownUI/index.cjs CHANGED Viewed

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.1.0
  */
 'use client';
 'use strict';
-var Root = require('./Root.cjs');
+var Content = require('./Content.cjs');
 var Search = require('./Search.cjs');
 var Panel = require('./Panel.cjs');
 var List = require('./List.cjs');
@@ -21,8 +21,10 @@ var BackButton = require('./BackButton.cjs');
 var ItemIcon = require('./ItemIcon.cjs');
 var ItemTitle = require('./ItemTitle.cjs');
 var ItemNestingIndicator = require('./ItemNestingIndicator.cjs');
+var PopoverContainer = require('./PopoverContainer.cjs');
-const DropdownUI = Object.assign(Root.Root, {
+const DropdownUI = Object.assign(PopoverContainer.PopoverContainer, {
+  Content: Content.Content,
   Search: Search.Search,
   Panel: Panel.Panel,
   List: List.List,

package/dist/cjs/components/DropdownUI/item-context.cjs CHANGED Viewed

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