@integration-app/react 2.18.0 → 2.20.0

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.18.0
+ * v2.20.0
  */
 'use client';
 
@@ -17,27 +17,23 @@ var dataField = require('./data-field.cjs');
 function useDataBuilderField() {
   return React.useContext(DataBuilderFieldContext);
 }
-const DataBuilderFieldContext = React.createContext(
-  {
-    field: { level: 0, optionFactories: [] },
-    localSchema: {},
-    setLocalSchema: () => {
-    },
-    resetLocalSchema: () => {
-    },
-    localSchemaChangedManually: false,
-    setLocalSchemaChangedManually: () => {
-    },
-    autoOpen: false,
-    setAutoOpen: () => {
-    }
+const DataBuilderFieldContext = React.createContext({
+  field: { level: 0, optionFactories: [] },
+  localSchema: {},
+  setLocalSchema: () => {
+  },
+  resetLocalSchema: () => {
+  },
+  localSchemaChangedManually: false,
+  setLocalSchemaChangedManually: () => {
+  },
+  autoOpen: false,
+  setAutoOpen: () => {
   }
-);
+});
 DataBuilderFieldContext.displayName = "DataBuilderFieldContext";
 const DataBuilderFieldProvider = ({ field, children }) => {
-  const [localSchema, setLocalSchema] = React.useState(
-    getDefaultLocalSchema(field)
-  );
+  const [localSchema, setLocalSchema] = React.useState(getDefaultLocalSchema(field));
   function resetLocalSchema() {
     setLocalSchema(getDefaultLocalSchema(field));
   }

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.18.0
+ * v2.20.0
  */
 'use client';
 
@@ -14,16 +14,14 @@ var valueSpec = require('../ComboBox/value-spec.cjs');
 
 function useDataBuilderFieldCanUseVarFromVariables() {
   const { field, localSchema } = fieldContext.default();
-  const localSchemaIsArrayOrObject = ["array", "object"].includes(
-    localSchema?.type || ""
-  );
+  const localSchemaIsArrayOrObject = ["array", "object"].includes(localSchema?.type || "");
   if (!localSchemaIsArrayOrObject) {
     return false;
   }
   const valueSpec$1 = valueSpec.getValueSpecFromSchema(localSchema);
-  const hasMatchedVariables = Object.values(
-    field?.variablesSchema?.properties ?? {}
-  ).some((schema) => valueSpec.doesSchemaMatchValueType(schema, valueSpec$1, true));
+  const hasMatchedVariables = Object.values(field?.variablesSchema?.properties ?? {}).some(
+    (schema) => valueSpec.doesSchemaMatchValueType(schema, valueSpec$1, true)
+  );
   const hasOptionFactories = (field?.optionFactories ?? []).length > 0;
   return hasMatchedVariables || hasOptionFactories;
 }

package/dist/cjs/components/DataBuilder/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.18.0
+ * v2.20.0
  */
 'use client';
 
@@ -64,10 +64,7 @@ function addAdditionalPropertiesPropertyToNestedObjects(schema) {
     ...additionalPropertiesObject,
     // Iterate over all properties and calculate `additionalProperties` flag for them
     properties: Object.fromEntries(
-      Object.entries(schema?.properties ?? {}).map(([k, v]) => [
-        k,
-        addAdditionalPropertiesPropertyToNestedObjects(v)
-      ])
+      Object.entries(schema?.properties ?? {}).map(([k, v]) => [k, addAdditionalPropertiesPropertyToNestedObjects(v)])
     )
   };
 }

package/dist/cjs/components/DataBuilder/styles.module.css.cjs

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

package/dist/cjs/components/DataBuilderUI/FieldControlPanel/FieldControlPanel.module.css.cjs

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

package/dist/cjs/components/DataBuilderUI/FieldControlPanel/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.18.0
+ * v2.20.0
  */
 'use client';
 
@@ -18,17 +18,7 @@ function FieldControlPanelRoot({
   compact,
   noWrap
 }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: clsx.clsx(
-        FieldControlPanel_module.default.panel,
-        compact && FieldControlPanel_module.default.panel__compact,
-        noWrap && FieldControlPanel_module.default.panel__noWrap
-      ),
-      children
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(FieldControlPanel_module.default.panel, compact && FieldControlPanel_module.default.panel__compact, noWrap && FieldControlPanel_module.default.panel__noWrap), children });
 }
 function FieldControlPanelText({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("span", { className: FieldControlPanel_module.default.panel_text, children });

package/dist/cjs/components/DataBuilderUI/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.18.0
+ * v2.20.0
  */
 'use client';
 
@@ -23,102 +23,56 @@ var index$2 = require('../Tooltip/index.cjs');
 var styles_module = require('./styles.module.css.cjs');
 var index = require('./FieldControlPanel/index.cjs');
 
-function RowRoot({
-  children,
-  className,
-  propertiesComponent,
-  embedded,
-  short
-}) {
+function RowRoot({ children, className, propertiesComponent, embedded, short }) {
   const childrenList = Array.isArray(children) ? children : [];
-  const nestedPropertiesComponent = childrenList.find(
-    (component) => component?.type === RowProperties
-  );
-  const nestedActionBarComponent = childrenList.find(
-    (component) => component?.type === ActionBar
-  );
+  const nestedPropertiesComponent = childrenList.find((component) => component?.type === RowProperties);
+  const nestedActionBarComponent = childrenList.find((component) => component?.type === ActionBar);
   const childComponents = !childrenList.length ? children : childrenList.filter(
     /* FIXME: strictNullCheck temporary fix */
     // @ts-expect-error TS(2345): Argument of type 'string | JSXElementConstructor<a... Remove this comment to see the full error message
     (component) => ![RowProperties, ActionBar].includes(component?.type)
   );
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    "div",
-    {
-      className: clsx.clsx(
-        styles_module.default.rowWrapper,
-        embedded && styles_module.default.rowWrapperEmbedded
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(
-          "div",
-          {
-            className: clsx.clsx(
-              styles_module.default.row,
-              embedded && styles_module.default.rowEmbedded,
-              short && styles_module.default.rowShort,
-              className
-            ),
-            children: [
-              childComponents,
-              nestedActionBarComponent
-            ]
-          }
-        ),
-        propertiesComponent,
-        nestedPropertiesComponent
-      ]
-    }
-  );
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(styles_module.default.rowWrapper, embedded && styles_module.default.rowWrapperEmbedded), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(styles_module.default.row, embedded && styles_module.default.rowEmbedded, short && styles_module.default.rowShort, className), children: [
+      childComponents,
+      nestedActionBarComponent
+    ] }),
+    propertiesComponent,
+    nestedPropertiesComponent
+  ] });
 }
-const RowProperties = React.forwardRef(
-  ({ children, className, expanded, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: clsx.clsx(
-          styles_module.default.rowProperties,
-          expanded && styles_module.default.rowPropertiesExpanded,
-          className
-        ),
-        ...props,
-        ref,
-        children
-      }
-    );
-  }
-);
-RowProperties.displayName = "RowProperties";
-const Row = Object.assign(RowRoot, {
-  Properties: RowProperties
-});
-const PropertyRoot = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default.propertyWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.property, className), ...props, ref, children }) });
-});
-PropertyRoot.displayName = "PropertyRoot";
-const PropertyName = React.forwardRef(({ children, className, ...props }, ref) => {
+const RowProperties = React.forwardRef(({ children, className, expanded, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
+    "div",
     {
-      className: clsx.clsx(styles_module.default.propertyName, className),
+      className: clsx.clsx(styles_module.default.rowProperties, expanded && styles_module.default.rowPropertiesExpanded, className),
       ...props,
       ref,
       children
     }
   );
 });
-PropertyName.displayName = "PropertyName";
-const PropertyValue = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "span",
-    {
-      className: clsx.clsx(styles_module.default.propertyValue, className),
-      ...props,
-      ref,
-      children
-    }
-  );
+RowProperties.displayName = "RowProperties";
+const Row = Object.assign(RowRoot, {
+  Properties: RowProperties
 });
+const PropertyRoot = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default.propertyWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.property, className), ...props, ref, children }) });
+  }
+);
+PropertyRoot.displayName = "PropertyRoot";
+const PropertyName = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.propertyName, className), ...props, ref, children });
+  }
+);
+PropertyName.displayName = "PropertyName";
+const PropertyValue = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.propertyValue, className), ...props, ref, children });
+  }
+);
 PropertyValue.displayName = "PropertyValue";
 const Property = Object.assign(PropertyRoot, {
   Name: PropertyName,
@@ -148,45 +102,27 @@ const CellRoot = React.forwardRef(
   }
 );
 CellRoot.displayName = "CellRoot";
-const CellName = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellName, className), ...props, ref, children });
-  }
-);
+const CellName = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellName, className), ...props, ref, children });
+});
 CellName.displayName = "CellName";
-const CellCombobox = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Cell,
-      {
-        className: clsx.clsx(styles_module.default.cellCombobox, className),
-        ...props,
-        ref,
-        children
-      }
-    );
-  }
-);
+const CellCombobox = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellCombobox, className), ...props, ref, children });
+});
 CellCombobox.displayName = "CellCombobox";
-const CellValue = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellValue, className), ...props, ref, children });
-  }
-);
+const CellValue = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellValue, className), ...props, ref, children });
+});
 CellValue.displayName = "CellValue";
 const CellDataInput = CellCombobox;
 CellDataInput.displayName = "CellDataInput";
-const CellInput = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellInput, className), ...props, ref, children });
-  }
-);
+const CellInput = React.forwardRef(({ children, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellInput, className), ...props, ref, children });
+});
 CellInput.displayName = "CellInput";
-const CellIcon = React.forwardRef(
-  ({ type, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellIcon, className), ...props, ref, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type }) });
-  }
-);
+const CellIcon = React.forwardRef(({ type, className, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellIcon, className), ...props, ref, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type }) });
+});
 CellIcon.displayName = "CellIcon";
 const Cell = Object.assign(CellRoot, {
   Name: CellName,
@@ -211,12 +147,9 @@ const Title = React.forwardRef(
     childrenWrap = false,
     ...props
   }, ref) => {
-    const childrenAsText = React.Children.toArray(children).reduce(
-      (acc, el) => {
-        return acc + (typeof el === "string" ? el : "");
-      },
-      ""
-    );
+    const childrenAsText = React.Children.toArray(children).reduce((acc, el) => {
+      return acc + (typeof el === "string" ? el : "");
+    }, "");
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default.title, ...props, ref, children: [
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default.title_leftSide, children: [
         leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { children: leftSlot }),
@@ -234,37 +167,12 @@ const Title = React.forwardRef(
       ] }),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default.title_rightSide, children: [
         rightSlot && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rightSlot }),
-        hasError && /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: clsx.clsx(styles_module.default.title_dot, styles_module.default.title_dot__error)
-          }
-        ),
-        hasNameConflict && /* @__PURE__ */ jsxRuntime.jsx(
-          index$2.Tooltip,
-          {
-            tooltip: "Current field name is already used",
-            delayToShow: 0,
-            children: /* @__PURE__ */ jsxRuntime.jsxs(box.Box, { children: [
-              /* @__PURE__ */ jsxRuntime.jsx(
-                "span",
-                {
-                  className: clsx.clsx(
-                    styles_module.default.title_dot,
-                    styles_module.default["title_dot__name-conflict"]
-                  )
-                }
-              ),
-              /* @__PURE__ */ jsxRuntime.jsx("span", { className: css.css({ srOnly: true }), children: "Current field name is already used" })
-            ] })
-          }
-        ),
-        required && !hasError && !hasValue && /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { tooltip: "Field is required", delayToShow: 0, children: /* @__PURE__ */ jsxRuntime.jsx(
-          "span",
-          {
-            className: clsx.clsx(styles_module.default.title_dot, styles_module.default.title_dot__required)
-          }
-        ) })
+        hasError && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.title_dot, styles_module.default.title_dot__error) }),
+        hasNameConflict && /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { tooltip: "Current field name is already used", delayToShow: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(box.Box, { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.title_dot, styles_module.default["title_dot__name-conflict"]) }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: css.css({ srOnly: true }), children: "Current field name is already used" })
+        ] }) }),
+        required && !hasError && !hasValue && /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { tooltip: "Field is required", delayToShow: 0, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.title_dot, styles_module.default.title_dot__required) }) })
       ] })
     ] });
   }
@@ -274,11 +182,9 @@ const Description = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.description, ...props, ref, children });
 });
 Description.displayName = "Description";
-const ValueRoot = React.forwardRef(
-  ({ children, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.cellValue, ...props, ref, children });
-  }
-);
+const ValueRoot = React.forwardRef(({ children, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.cellValue, ...props, ref, children });
+});
 ValueRoot.displayName = "Value";
 const ValueCombobox = React.forwardRef(({ children, ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(ValueRoot, { className: styles_module.default.cellValueCombobox, ...props, ref, children });
@@ -289,43 +195,49 @@ const Value = Object.assign(ValueRoot, {
   Tag: ValueCombobox,
   Inline: ValueRoot
 });
-const ActionBarRoot = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(styles_module.default.actionBar, className), ...props, ref, children });
-});
+const ActionBarRoot = React.forwardRef(
+  ({ children, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(styles_module.default.actionBar, className), ...props, ref, children });
+  }
+);
 ActionBarRoot.displayName = "ActionBarRoot";
-const ActionBarGenericButton = React.forwardRef(({ className, iconType, tooltip, onClick, ...props }, ref) => {
-  const handleOnClick = useEventStopPropagation.default(
-    (e) => onClick?.(e)
-  );
-  const button = /* @__PURE__ */ jsxRuntime.jsx(
-    "button",
-    {
-      type: "button",
-      className: clsx.clsx(styles_module.default.actionBarButton, className),
-      onClick: handleOnClick,
-      ...props,
-      ref,
-      children: iconType && /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: iconType })
+const ActionBarGenericButton = React.forwardRef(
+  ({ className, iconType, tooltip, onClick, ...props }, ref) => {
+    const handleOnClick = useEventStopPropagation.default(
+      (e) => onClick?.(e)
+    );
+    const button = /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        className: clsx.clsx(styles_module.default.actionBarButton, className),
+        onClick: handleOnClick,
+        ...props,
+        ref,
+        children: iconType && /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: iconType })
+      }
+    );
+    if (tooltip) {
+      return /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { tooltip, children: button });
     }
-  );
-  if (tooltip) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { tooltip, children: button });
+    return button;
   }
-  return button;
-});
+);
 ActionBarGenericButton.displayName = "ActionBarGenericButton";
-const ActionBarDeleteButton = React.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    ActionBarGenericButton,
-    {
-      iconType: svgIconType.SvgIconType.Close,
-      tooltip: "Delete",
-      "aria-label": "Delete",
-      ...props,
-      ref
-    }
-  );
-});
+const ActionBarDeleteButton = React.forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      ActionBarGenericButton,
+      {
+        iconType: svgIconType.SvgIconType.Close,
+        tooltip: "Delete",
+        "aria-label": "Delete",
+        ...props,
+        ref
+      }
+    );
+  }
+);
 ActionBarDeleteButton.displayName = "ActionBarDeleteButton";
 const ActionBar = Object.assign(ActionBarRoot, {
   GenericButton: ActionBarGenericButton,

package/dist/cjs/components/DataBuilderUI/styles.module.css.cjs

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

package/dist/cjs/components/DataInput/index.cjs

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

package/dist/cjs/components/DataInput/useResolvedDataSchema.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.18.0
+ * v2.20.0
  */
 'use client';
 
@@ -17,9 +17,7 @@ function useDynamicDataSchema(schema, value) {
   const integrationApp = integrationAppContext.useIntegrationApp();
   const { connectionId } = integrationAppConnectionContext.useIntegrationAppConnection();
   const [previousSourceSchema, setPreviousSourceSchema] = React.useState(void 0);
-  const [resolvedSchema, setResolvedSchema] = React.useState(
-    schema
-  );
+  const [resolvedSchema, setResolvedSchema] = React.useState(schema);
   const [error, setError] = React.useState(void 0);
   async function resolveSchema(schema2, value2) {
     try {
@@ -44,11 +42,7 @@ function useDynamicDataSchema(schema, value) {
     if (schema) {
       void resolveSchema(schema, value);
     }
-  }, [
-    schema ? JSON.stringify(schema) : void 0,
-    value ? JSON.stringify(value) : void 0,
-    connectionId
-  ]);
+  }, [schema ? JSON.stringify(schema) : void 0, value ? JSON.stringify(value) : void 0, connectionId]);
   return { schema: resolvedSchema, error };
 }
 

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

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

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.18.0
+ * v2.20.0
  */
 'use client';
 
@@ -50,25 +50,27 @@ const dropdownBackButtonRecipe = sva.sva({
     title: { fontWeight: "medium", color: "slate.11", fontSize: "sm" }
   }
 });
-const BackButton = React.forwardRef(({ className, children, ...props }, ref) => {
-  const { container, button, icon, title } = dropdownBackButtonRecipe();
-  const id = React.useId();
-  return /* @__PURE__ */ jsxRuntime.jsxs(flex.Flex, { className: container, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      iconButton.IconButton,
-      {
-        ref,
-        variant: "ghost",
-        colorPalette: "gray",
-        className: clsx.clsx(button, className),
-        "aria-labelledby": id,
-        onMouseDown: utils.preventFocusShift,
-        ...props,
-        children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.ChevronLeft, className: icon })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsx(text.Text, { as: "span", className: title, id, children })
-  ] });
-});
+const BackButton = React.forwardRef(
+  ({ className, children, ...props }, ref) => {
+    const { container, button, icon, title } = dropdownBackButtonRecipe();
+    const id = React.useId();
+    return /* @__PURE__ */ jsxRuntime.jsxs(flex.Flex, { className: container, children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        iconButton.IconButton,
+        {
+          ref,
+          variant: "ghost",
+          colorPalette: "gray",
+          className: clsx.clsx(button, className),
+          "aria-labelledby": id,
+          onMouseDown: utils.preventFocusShift,
+          ...props,
+          children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.ChevronLeft, className: icon })
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsx(text.Text, { as: "span", className: title, id, children })
+    ] });
+  }
+);
 
 exports.BackButton = BackButton;