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

package/dist/cjs/components/DropdownUI/sva-recipe.cjs

@@ -0,0 +1,182 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.4-beta.0
+ */
+'use client';
+
+'use strict';
+
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/helpers.cjs');
+var sva = require('../../styled-system/css/sva.cjs');
+
+const dropdownRecipe = sva.sva({
+  className: "dropdown",
+  slots: [
+    "popover-container",
+    "content",
+    "panel",
+    "search-input",
+    "search-divider",
+    "list",
+    "item",
+    "no-options-heading",
+    "error-heading",
+    "error-heading-icon",
+    "loading-item-container",
+    "loading-item-icon",
+    "loading-item-title",
+    "items-list-header",
+    "item-title"
+  ],
+  base: {
+    "popover-container": {
+      outline: "none",
+      display: "flex",
+      overflow: "hidden",
+      background: "white",
+      boxShadow: "xl",
+      rounded: "lg",
+      borderColor: "gray.2",
+      borderWidth: "0.5",
+      padding: "0",
+      maxW: "none",
+      maxH: "var(--available-height, 100%)",
+      h: "full",
+      w: "fit-content"
+    },
+    content: {
+      display: "flex",
+      flexDir: "column",
+      p: "1.5",
+      w: "full",
+      minW: "56",
+      maxW: "min(65em, 90vw)",
+      maxH: "var(--available-height, 100%)"
+    },
+    panel: {
+      display: "flex",
+      flexDir: "column",
+      overflow: "hidden",
+      pb: "1.5",
+      minH: "8",
+      _last: {
+        pb: "0"
+      }
+    },
+    "search-input": {
+      w: "full",
+      rounded: "none",
+      border: "none",
+      px: "2",
+      py: "1.5",
+      textStyle: "md",
+      fontWeight: "medium",
+      _placeholder: {}
+    },
+    "search-divider": {
+      pt: "0.5",
+      pb: "1.5"
+    },
+    list: {
+      overflowY: "auto",
+      position: "relative",
+      flexGrow: "1",
+      minH: "8",
+      maxW: "md"
+    },
+    item: {
+      display: "flex",
+      flexDir: "row",
+      gap: "1.5",
+      alignItems: "center",
+      px: "2",
+      py: "1",
+      cursor: "pointer",
+      minH: "6",
+      _hover: {
+        bg: "slate.3"
+      },
+      _current: {
+        bg: "slate.3"
+      },
+      rounded: "md"
+    },
+    "no-options-heading": {
+      display: "flex",
+      flexDir: "row",
+      gap: "1.5",
+      alignItems: "center",
+      px: "2",
+      py: "1",
+      minH: "6",
+      color: "slate.10",
+      fontWeight: "medium",
+      textStyle: "sm"
+    },
+    "error-heading": {
+      display: "flex",
+      flexDir: "row",
+      gap: "1.5",
+      alignItems: "center",
+      px: "2",
+      py: "1",
+      minH: "6",
+      fontWeight: "medium",
+      textStyle: "sm"
+    },
+    "error-heading-icon": {
+      color: "tomato.10",
+      h: "7",
+      w: "7"
+    },
+    "loading-item-container": {
+      display: "flex",
+      flexDir: "row",
+      gap: "1.5",
+      alignItems: "center",
+      px: "2",
+      py: "1"
+    },
+    "loading-item-icon": {
+      h: "6",
+      w: "6",
+      rounded: "md"
+    },
+    "loading-item-title": {
+      h: "5",
+      w: "3/5",
+      rounded: "md"
+    },
+    "items-list-header": {
+      display: "flex",
+      p: "2",
+      color: "slate.11",
+      textTransform: "uppercase",
+      fontSize: "xs",
+      fontWeight: "medium",
+      letterSpacing: "wide",
+      position: "sticky",
+      top: "0",
+      zIndex: "docked",
+      minH: "auto",
+      pointerEvents: "none",
+      background: "white"
+    },
+    "item-title": {
+      display: "flex",
+      flexGrow: "1",
+      flexDir: "row",
+      alignItems: "baseline",
+      gap: "1",
+      maxW: "full",
+      overflowWrap: "break-word",
+      textStyle: "sm",
+      fontWeight: "medium"
+    }
+  }
+});
+
+exports.dropdownRecipe = dropdownRecipe;

package/dist/cjs/components/DropdownUI/utils.cjs

@@ -0,0 +1,15 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.4-beta.0
+ */
+'use client';
+
+'use strict';
+
+const preventFocusShift = (e) => {
+  e.preventDefault();
+};
+
+exports.preventFocusShift = preventFocusShift;

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/cjs/components/InlineEditable.cjs

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

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

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

package/dist/cjs/components/Input/Input.cjs

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

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

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

package/dist/cjs/components/Input/SearchInput.cjs

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

package/dist/cjs/components/Input/SearchInput.module.css.cjs

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

package/dist/cjs/components/Input/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -14,9 +14,9 @@ var useSWR = require('swr');
 var sdk = require('@integration-app/sdk');
 var jsConvertCase = require('js-convert-case');
 var index = require('../../DataBuilderUI/index.cjs');
-var index$1 = require('../../ComboBox/index.cjs');
+var ComboBox = require('../../ComboBox/ComboBox.cjs');
 var Form = require('../../DataBuilder/Form.cjs');
-var index$2 = require('../../DataBuilder/index.cjs');
+var index$1 = require('../../DataBuilder/index.cjs');
 var integrationAppContext = require('../../../contexts/integration-app-context.cjs');
 
 function DataCollectionSelect({
@@ -85,7 +85,7 @@ function DataCollectionSelect({
     /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: "Data Collection" }),
       /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { disabled: isLoading, className: "flex-grow", children: /* @__PURE__ */ jsxRuntime.jsx(
-        index$1.ComboBox,
+        ComboBox.ComboBox,
         {
           value: currentKey,
           onChange: handleKeyChange,
@@ -100,7 +100,7 @@ function DataCollectionSelect({
       Form.DataBuilderForm,
       {
         onChange: handleParametersChange,
-        field: index$2.makeDataField({
+        field: index$1.makeDataField({
           schema: sdk.schemaWithTitle(
             location ? location.parametersSchema : {
               type: "object",

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -10,7 +10,7 @@
 
 var jsxRuntime = require('react/jsx-runtime');
 var sdk = require('@integration-app/sdk');
-var index$1 = require('../../ComboBox/index.cjs');
+var ComboBox = require('../../ComboBox/ComboBox.cjs');
 var index = require('../../DataBuilderUI/index.cjs');
 
 function UdmSelect({ value, onChange }) {
@@ -24,7 +24,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(
-      index$1.ComboBox,
+      ComboBox.ComboBox,
       {
         placeholder: "Select Universal Data Model",
         value,

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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.0.3-beta.3
+ * v2.0.4-beta.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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -16,6 +16,7 @@ require('../../styled-system/helpers.cjs');
 require('../../styled-system/jsx/is-valid-prop.cjs');
 var flex = require('../../styled-system/jsx/flex.cjs');
 var circle = require('../../styled-system/jsx/circle.cjs');
+require('../../styled-system/patterns/visually-hidden.cjs');
 
 const IntegrationItemSkeleton = React.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsxs(

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.0.3-beta.3
+ * v2.0.4-beta.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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -12,6 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var index = require('../SvgIcon/index.cjs');
+var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
 var index$1 = require('../Tooltip/index.cjs');
 var Notification_module = require('./Notification.module.css.cjs');
 
@@ -92,12 +93,12 @@ function NotificationIcon({
 function getIconByType(type) {
   switch (type) {
     case "error":
-      return index.SvgIconType.AlertCircle;
+      return svgIconType.SvgIconType.AlertCircle;
     case "warning":
-      return index.SvgIconType.AlertTriangle;
+      return svgIconType.SvgIconType.AlertTriangle;
     case "info":
     default:
-      return index.SvgIconType.InfoCircle;
+      return svgIconType.SvgIconType.InfoCircle;
   }
 }
 function getBlockClassnameByType(type) {

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

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

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -21,6 +21,7 @@ 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');
 var popover = require('../../ui-kit/styled/popover.cjs');
 
 function GenericPopover({

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -45,4 +45,3 @@ function cssEscapedSelector(selector) {
 }
 
 exports.Portal = Portal;
-exports.getPortalNode = getPortalNode;

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.0.3-beta.3
+ * v2.0.4-beta.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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

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

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

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

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.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/cjs/components/SimpleMenu/index.cjs

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

package/dist/cjs/components/SvgIcon/BasicEntities.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -62,7 +62,7 @@ function SvgIconUnifiedInterface({ ...props }) {
     }
   );
 }
-function SvgIconIntegration({ ...props }) {
+function SvgIconApp({ ...props }) {
   const style = Object.assign({}, props?.style ?? {}, {
     transform: "scaleY(-1)"
   });
@@ -314,6 +314,7 @@ function SvgIconAppEventSubscriptions({ ...props }) {
   );
 }
 
+exports.SvgIconApp = SvgIconApp;
 exports.SvgIconAppEventSubscriptions = SvgIconAppEventSubscriptions;
 exports.SvgIconDataSchema = SvgIconDataSchema;
 exports.SvgIconDataSchemas = SvgIconDataSchemas;
@@ -322,7 +323,6 @@ exports.SvgIconFieldMapping = SvgIconFieldMapping;
 exports.SvgIconFieldMappings = SvgIconFieldMappings;
 exports.SvgIconFlow = SvgIconFlow;
 exports.SvgIconFlows = SvgIconFlows;
-exports.SvgIconIntegration = SvgIconIntegration;
 exports.SvgIconObjectLink = SvgIconObjectLink;
 exports.SvgIconObjectLinks = SvgIconObjectLinks;
 exports.SvgIconUnifiedInterface = SvgIconUnifiedInterface;