@integration-app/react 2.19.0 → 2.21.0

package/dist/cjs/components/Formula/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -13,14 +13,12 @@ var React = require('react');
 var styles_module = require('./styles.module.css.cjs');
 var index = require('../SvgIcon/index.cjs');
 
-const Formula = React.forwardRef(
-  ({ children, onClick }, ref) => {
-    function handleClick() {
-      onClick?.();
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.formula, onClick: handleClick, ref, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.variables, children }) });
+const Formula = React.forwardRef(({ children, onClick }, ref) => {
+  function handleClick() {
+    onClick?.();
   }
-);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.formula, onClick: handleClick, ref, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.variables, children }) });
+});
 Formula.displayName = "Formula";
 function Variable({ children }) {
   return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.variable, children });

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

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

package/dist/cjs/components/IntegrationElements/DataSource/DataCollectionSelect.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -38,13 +38,8 @@ function DataCollectionSelect({
     currentKey && !isDynamicLocation ? `/integrations/${integrationId}/data/${currentKey}` : null,
     (uri) => client.get(uri)
   );
-  const { data: locations = [], isLoading } = useSWR(
-    `/integrations/${integrationId}/data`,
-    (uri) => client.get(uri)
-  );
-  const filtered = locations.filter(
-    ({ type }) => type != sdk.DataLocationType.directory
-  );
+  const { data: locations = [], isLoading } = useSWR(`/integrations/${integrationId}/data`, (uri) => client.get(uri));
+  const filtered = locations.filter(({ type }) => type != sdk.DataLocationType.directory);
   const options = [];
   filtered.map((location2) => {
     options.push({

package/dist/cjs/components/IntegrationElements/DataSource/UdmSelect.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -23,15 +23,7 @@ function UdmSelect({ value, onChange }) {
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: "Data Model" }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { children: /* @__PURE__ */ jsxRuntime.jsx(
-      ComboBox.ComboBox,
-      {
-        placeholder: "Select Universal Data Model",
-        value,
-        options,
-        onChange
-      }
-    ) })
+    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { children: /* @__PURE__ */ jsxRuntime.jsx(ComboBox.ComboBox, { placeholder: "Select Universal Data Model", value, options, onChange }) })
   ] });
 }
 

package/dist/cjs/components/IntegrationElements/DataSource/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -34,13 +34,7 @@ function LevelSpecificDataSourceConfig(props) {
   switch (level) {
     case sdk.IntegrationElementLevel.UNIVERSAL:
       return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          UdmSelect.UdmSelect,
-          {
-            value: value?.udm,
-            onChange: (udm) => patchValue({ udm })
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsx(UdmSelect.UdmSelect, { value: value?.udm, onChange: (udm) => patchValue({ udm }) }),
         /* @__PURE__ */ jsxRuntime.jsx(AdvancedOptions.AdvancedOptions, { children: configureEvents && /* @__PURE__ */ jsxRuntime.jsx(DataSourceConfigureEvents, { value, onChange }) })
       ] });
     case sdk.IntegrationElementLevel.CONNECTOR:
@@ -54,13 +48,7 @@ function LevelSpecificDataSourceConfig(props) {
             variablesSchema: props.variablesSchema
           }
         ),
-        configureEvents && /* @__PURE__ */ jsxRuntime.jsx(
-          AdvancedOptions.AdvancedOptions,
-          {
-            openByDefault: !!(value?.pullUpdatesIntervalSeconds ?? value?.fullSyncIntervalSeconds),
-            children: /* @__PURE__ */ jsxRuntime.jsx(DataSourceConfigureEvents, { value, onChange })
-          }
-        )
+        configureEvents && /* @__PURE__ */ jsxRuntime.jsx(AdvancedOptions.AdvancedOptions, { openByDefault: !!(value?.pullUpdatesIntervalSeconds ?? value?.fullSyncIntervalSeconds), children: /* @__PURE__ */ jsxRuntime.jsx(DataSourceConfigureEvents, { value, onChange }) })
       ] });
     default:
       return null;

package/dist/cjs/components/IntegrationElements/integration-element-context.cjs

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

package/dist/cjs/components/Integrations/IntegrationAvatar/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -42,14 +42,7 @@ const IntegrationAvatarStatus = ({ integration, ...props }) => {
 };
 const IntegrationAvatar = ({ integration, ...props }) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(box.Box, { position: "relative", ...props, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(
-      avatar.Avatar,
-      {
-        src: integration.logoUri,
-        name: integration.name,
-        "aria-hidden": "true"
-      }
-    ),
+    /* @__PURE__ */ jsxRuntime.jsx(avatar.Avatar, { src: integration.logoUri, name: integration.name, "aria-hidden": "true" }),
     /* @__PURE__ */ jsxRuntime.jsx(IntegrationAvatarStatus, { integration })
   ] });
 };

package/dist/cjs/components/Integrations/IntegrationItem/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -15,9 +15,7 @@ var text = require('../../../ui-kit/styled/text.cjs');
 var index = require('../IntegrationAvatar/index.cjs');
 
 const IntegrationItem = React.forwardRef(({ integration, children, asChild, ...props }, ref) => {
-  const hasDirectChild = Boolean(
-    children && React.Children.only(children) && React.isValidElement(children)
-  );
+  const hasDirectChild = Boolean(children && React.Children.only(children) && React.isValidElement(children));
   const directDescendant = hasDirectChild ? children : /* @__PURE__ */ jsxRuntime.jsx(React.Fragment, {});
   return /* @__PURE__ */ jsxRuntime.jsx(
     button.Button,

package/dist/cjs/components/Integrations/IntegrationItemSkeleton.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -18,29 +18,31 @@ var circle = require('../../styled-system/jsx/circle.cjs');
 require('../../styled-system/patterns/visually-hidden.cjs');
 var skeleton = require('../../ui-kit/styled/skeleton.cjs');
 
-const IntegrationItemSkeleton = React.forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    flex.Flex,
-    {
-      ref,
-      display: "flex",
-      bg: "white",
-      justifyContent: "start",
-      alignItems: "center",
-      gap: "2",
-      flexDirection: "column",
-      p: "3",
-      pt: "5",
-      borderRadius: "md",
-      minH: "28",
-      whiteSpace: "wrap",
-      ...props,
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { borderRadius: "full", children: /* @__PURE__ */ jsxRuntime.jsx(circle.Circle, { size: "10" }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { h: "4", w: "3/5" })
-      ]
-    }
-  );
-});
+const IntegrationItemSkeleton = React.forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      flex.Flex,
+      {
+        ref,
+        display: "flex",
+        bg: "white",
+        justifyContent: "start",
+        alignItems: "center",
+        gap: "2",
+        flexDirection: "column",
+        p: "3",
+        pt: "5",
+        borderRadius: "md",
+        minH: "28",
+        whiteSpace: "wrap",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { borderRadius: "full", children: /* @__PURE__ */ jsxRuntime.jsx(circle.Circle, { size: "10" }) }),
+          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { h: "4", w: "3/5" })
+        ]
+      }
+    );
+  }
+);
 
 exports.IntegrationItemSkeleton = IntegrationItemSkeleton;

package/dist/cjs/components/Notification/Notification.module.css.cjs

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

package/dist/cjs/components/Notification/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -16,11 +16,7 @@ var index$1 = require('../SvgIcon/index.cjs');
 var index = require('../Tooltip/index.cjs');
 var Notification_module = require('./Notification.module.css.cjs');
 
-function Notification({
-  mode = "block",
-  children,
-  ...props
-}) {
+function Notification({ mode = "block", children, ...props }) {
   if (mode === "icon") {
     const validChildren = React.isValidElement(children) ? children : /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children });
     return /* @__PURE__ */ jsxRuntime.jsx(NotificationIcon, { ...props, children: validChildren });
@@ -37,20 +33,9 @@ function NotificationBlock({
   return /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
-      className: clsx.clsx(
-        Notification_module.default.notification,
-        getBlockClassnameByType(type),
-        getBlockClassnameBySize(size),
-        className
-      ),
+      className: clsx.clsx(Notification_module.default.notification, getBlockClassnameByType(type), getBlockClassnameBySize(size), className),
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(
-          index$1.SvgIcon,
-          {
-            className: Notification_module.default.notification_icon,
-            type: icon || getIconByType(type)
-          }
-        ),
+        /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { className: Notification_module.default.notification_icon, type: icon || getIconByType(type) }),
         " ",
         children
       ]
@@ -58,37 +43,8 @@ function NotificationBlock({
   );
 }
 const BADGE_TOOLTIP_OFFSET = [-4, 8];
-function NotificationIcon({
-  icon,
-  type,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.Tooltip,
-    {
-      tooltip: children,
-      placement: "right-start",
-      offset: BADGE_TOOLTIP_OFFSET,
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        "span",
-        {
-          className: clsx.clsx(
-            Notification_module.default.notificationIcon,
-            getIconClassnameByType(type),
-            className
-          ),
-          children: /* @__PURE__ */ jsxRuntime.jsx(
-            index$1.SvgIcon,
-            {
-              type: icon || getIconByType(type),
-              className: Notification_module.default.notificationIcon_icon
-            }
-          )
-        }
-      )
-    }
-  );
+function NotificationIcon({ icon, type, children, className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(index.Tooltip, { tooltip: children, placement: "right-start", offset: BADGE_TOOLTIP_OFFSET, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(Notification_module.default.notificationIcon, getIconClassnameByType(type), className), children: /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: icon || getIconByType(type), className: Notification_module.default.notificationIcon_icon }) }) });
 }
 function getIconByType(type) {
   switch (type) {

package/dist/cjs/components/Popover/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -14,15 +14,7 @@ var index = require('../FloatingPortalBoundary/index.cjs');
 var popover = require('../../ui-kit/styled/popover.cjs');
 
 const DefaultPopper = React.forwardRef(
-  ({
-    placement = "bottom-start",
-    isOpen,
-    offset = [0, 8],
-    className,
-    children,
-    triggerNode,
-    onClickOutside
-  }, ref) => {
+  ({ placement = "bottom-start", isOpen, offset = [0, 8], className, children, triggerNode, onClickOutside }, ref) => {
     const [crossAxis, mainAxis] = offset;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       popover.Root,

package/dist/cjs/components/Portal/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -14,10 +14,7 @@ var getRefElement = require('../../helpers/getRefElement.cjs');
 
 const isStorybook = Boolean(globalThis?.__STORYBOOK_PREVIEW__);
 const storybookPortalNode = "#storybook-root";
-function Portal({
-  node,
-  children
-}) {
+function Portal({ node, children }) {
   return /* @__PURE__ */ jsxRuntime.jsx(reactPortal.Portal, { node: getPortalNode(node), children });
 }
 function getPortalNode(portalNode) {

package/dist/cjs/components/Radio/Radio.module.css.cjs

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

package/dist/cjs/components/Radio/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -13,24 +13,22 @@ var React = require('react');
 var clsx = require('clsx');
 var Radio_module = require('./Radio.module.css.cjs');
 
-const Radiobutton = React.forwardRef(
-  ({ className, inline, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "input",
-      {
-        type: "radio",
-        className: clsx.clsx(
-          Radio_module.default["uikit-radio"],
-          inline && Radio_module.default["uikit-radio__inline"],
-          props?.checked && Radio_module.default["uikit-radio__checked"],
-          className
-        ),
-        ...props,
-        ref
-      }
-    );
-  }
-);
+const Radiobutton = React.forwardRef(({ className, inline, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "input",
+    {
+      type: "radio",
+      className: clsx.clsx(
+        Radio_module.default["uikit-radio"],
+        inline && Radio_module.default["uikit-radio__inline"],
+        props?.checked && Radio_module.default["uikit-radio__checked"],
+        className
+      ),
+      ...props,
+      ref
+    }
+  );
+});
 Radiobutton.displayName = "Radiobutton";
 
 exports.Radiobutton = Radiobutton;

package/dist/cjs/components/SimpleInput/SimpleInput.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -16,14 +16,7 @@ var FieldDescription = require('../DataBuilder/FieldDescription.cjs');
 var index = require('../DataBuilderUI/index.cjs');
 var recipe = require('./recipe.cjs');
 
-function SimpleInput({
-  label,
-  value,
-  description,
-  onChange,
-  className,
-  ...props
-}) {
+function SimpleInput({ label, value, description, onChange, className, ...props }) {
   const simpleInputClassNames = recipe.simpleInputRecipe({
     disabled: props.disabled
   });

package/dist/cjs/components/SimpleInput/SimpleTextarea.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.21.0
  */
 'use client';
 
@@ -13,12 +13,7 @@ var index = require('../DataBuilderUI/index.cjs');
 var index$1 = require('../Textarea/index.cjs');
 var recipe = require('./recipe.cjs');
 
-function SimpleTextarea({
-  label,
-  value,
-  onChange,
-  ...props
-}) {
+function SimpleTextarea({ label, value, onChange, ...props }) {
   const simpleInputClassNames = recipe.simpleInputRecipe({
     disabled: props.disabled
   });
@@ -27,15 +22,7 @@ function SimpleTextarea({
   }
   return /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { className: simpleInputClassNames.row, children: [
     label && /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: simpleInputClassNames.title, children: label }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Cell, { className: simpleInputClassNames.cell, grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$1.Textarea,
-      {
-        value: value ?? "",
-        onChange: handleChange,
-        ...props,
-        className: simpleInputClassNames.textarea
-      }
-    ) })
+    /* @__PURE__ */ jsxRuntime.jsx(index.Cell, { className: simpleInputClassNames.cell, grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.Textarea, { value: value ?? "", onChange: handleChange, ...props, className: simpleInputClassNames.textarea }) })
   ] });
 }
 

package/dist/cjs/components/SimpleInput/recipe.cjs

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