npm - @integration-app/react - Versions diffs - 2.19.0 → 2.20.0 - Mend

@integration-app/react 2.19.0 → 2.20.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 (673) hide show

package/dist/esm/components/IntegrationElements/DataSource/index.mjs CHANGED Viewed

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

package/dist/esm/components/IntegrationElements/integration-element-context.mjs CHANGED Viewed

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

package/dist/esm/components/Integrations/IntegrationAvatar/index.mjs CHANGED Viewed

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

package/dist/esm/components/Integrations/IntegrationItem/index.mjs CHANGED Viewed

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

package/dist/esm/components/Integrations/IntegrationItemSkeleton.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
@@ -16,29 +16,31 @@ import { Circle } from '../../styled-system/jsx/circle.mjs';
 import '../../styled-system/patterns/visually-hidden.mjs';
 import { Skeleton } from '../../ui-kit/styled/skeleton.mjs';
-const IntegrationItemSkeleton = forwardRef(({ ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(
-    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__ */ jsx(Skeleton, { borderRadius: "full", children: /* @__PURE__ */ jsx(Circle, { size: "10" }) }),
-        /* @__PURE__ */ jsx(Skeleton, { h: "4", w: "3/5" })
-      ]
-    }
-  );
-});
+const IntegrationItemSkeleton = forwardRef(
+  ({ ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      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__ */ jsx(Skeleton, { borderRadius: "full", children: /* @__PURE__ */ jsx(Circle, { size: "10" }) }),
+          /* @__PURE__ */ jsx(Skeleton, { h: "4", w: "3/5" })
+        ]
+      }
+    );
+  }
+);
 export { IntegrationItemSkeleton };

package/dist/esm/components/Notification/Notification.module.css.mjs CHANGED Viewed

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

package/dist/esm/components/Notification/index.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
@@ -14,11 +14,7 @@ import { SvgIcon } from '../SvgIcon/index.mjs';
 import { Tooltip } from '../Tooltip/index.mjs';
 import classes from './Notification.module.css.mjs';
-function Notification({
-  mode = "block",
-  children,
-  ...props
-}) {
+function Notification({ mode = "block", children, ...props }) {
   if (mode === "icon") {
     const validChildren = isValidElement(children) ? children : /* @__PURE__ */ jsx(Fragment, { children });
     return /* @__PURE__ */ jsx(NotificationIcon, { ...props, children: validChildren });
@@ -35,20 +31,9 @@ function NotificationBlock({
   return /* @__PURE__ */ jsxs(
     "div",
     {
-      className: clsx(
-        classes.notification,
-        getBlockClassnameByType(type),
-        getBlockClassnameBySize(size),
-        className
-      ),
+      className: clsx(classes.notification, getBlockClassnameByType(type), getBlockClassnameBySize(size), className),
       children: [
-        /* @__PURE__ */ jsx(
-          SvgIcon,
-          {
-            className: classes.notification_icon,
-            type: icon || getIconByType(type)
-          }
-        ),
+        /* @__PURE__ */ jsx(SvgIcon, { className: classes.notification_icon, type: icon || getIconByType(type) }),
         " ",
         children
       ]
@@ -56,37 +41,8 @@ function NotificationBlock({
   );
 }
 const BADGE_TOOLTIP_OFFSET = [-4, 8];
-function NotificationIcon({
-  icon,
-  type,
-  children,
-  className
-}) {
-  return /* @__PURE__ */ jsx(
-    Tooltip,
-    {
-      tooltip: children,
-      placement: "right-start",
-      offset: BADGE_TOOLTIP_OFFSET,
-      children: /* @__PURE__ */ jsx(
-        "span",
-        {
-          className: clsx(
-            classes.notificationIcon,
-            getIconClassnameByType(type),
-            className
-          ),
-          children: /* @__PURE__ */ jsx(
-            SvgIcon,
-            {
-              type: icon || getIconByType(type),
-              className: classes.notificationIcon_icon
-            }
-          )
-        }
-      )
-    }
-  );
+function NotificationIcon({ icon, type, children, className }) {
+  return /* @__PURE__ */ jsx(Tooltip, { tooltip: children, placement: "right-start", offset: BADGE_TOOLTIP_OFFSET, children: /* @__PURE__ */ jsx("span", { className: clsx(classes.notificationIcon, getIconClassnameByType(type), className), children: /* @__PURE__ */ jsx(SvgIcon, { type: icon || getIconByType(type), className: classes.notificationIcon_icon }) }) });
 }
 function getIconByType(type) {
   switch (type) {

package/dist/esm/components/Popover/index.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
@@ -12,15 +12,7 @@ import { BoundedPortal } from '../FloatingPortalBoundary/index.mjs';
 import { Root, Trigger, Positioner, Content } from '../../ui-kit/styled/popover.mjs';
 const DefaultPopper = 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__ */ jsxs(
       Root,

package/dist/esm/components/Portal/index.mjs CHANGED Viewed

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

package/dist/esm/components/Radio/Radio.module.css.mjs CHANGED Viewed

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

package/dist/esm/components/Radio/index.mjs CHANGED Viewed

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.19.0
+ * v2.20.0
  */
 'use client';
@@ -11,24 +11,22 @@ import { forwardRef } from 'react';
 import { clsx } from 'clsx';
 import classes from './Radio.module.css.mjs';
-const Radiobutton = forwardRef(
-  ({ className, inline, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "input",
-      {
-        type: "radio",
-        className: clsx(
-          classes["uikit-radio"],
-          inline && classes["uikit-radio__inline"],
-          props?.checked && classes["uikit-radio__checked"],
-          className
-        ),
-        ...props,
-        ref
-      }
-    );
-  }
-);
+const Radiobutton = forwardRef(({ className, inline, ...props }, ref) => {
+  return /* @__PURE__ */ jsx(
+    "input",
+    {
+      type: "radio",
+      className: clsx(
+        classes["uikit-radio"],
+        inline && classes["uikit-radio__inline"],
+        props?.checked && classes["uikit-radio__checked"],
+        className
+      ),
+      ...props,
+      ref
+    }
+  );
+});
 Radiobutton.displayName = "Radiobutton";
 export { Radiobutton };

package/dist/esm/components/SimpleInput/SimpleInput.mjs CHANGED Viewed

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

package/dist/esm/components/SimpleInput/SimpleTextarea.mjs CHANGED Viewed

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

package/dist/esm/components/SimpleInput/recipe.mjs CHANGED Viewed

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