@integration-app/react 2.1.2 → 2.1.4

package/dist/esm/hooks/customers/useCustomer.mjs

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

package/dist/esm/hooks/customers/useCustomers.mjs

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

package/dist/esm/hooks/data-collections/useDataCollectionSpec.mjs

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
 import { parseDataLocationPath } from '@integration-app/sdk';
-import { useIntegrationApp } from '../../contexts/integration-app-context.mjs';
 import useSWR from 'swr';
+import { useIntegrationApp } from '../../contexts/integration-app-context.mjs';
 
 function useDataCollectionSpec({
   path,

package/dist/esm/hooks/data-links/useDataLinkTable.mjs

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

package/dist/esm/hooks/data-links/useDataLinkTableInstance.mjs

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

package/dist/esm/hooks/data-links/useDataLinkTableInstances.mjs

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

package/dist/esm/hooks/data-links/useDataLinkTables.mjs

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

package/dist/esm/hooks/data-sources/useDataSource.mjs

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

package/dist/esm/hooks/data-sources/useDataSourceInstance.mjs

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

package/dist/esm/hooks/data-sources/useDataSourceInstanceCollection.mjs

@@ -2,12 +2,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
-import { useIntegrationApp } from '../../contexts/integration-app-context.mjs';
 import useSWR from 'swr';
+import { useIntegrationApp } from '../../contexts/integration-app-context.mjs';
 
 function useDataSourceInstanceCollection(dataSourceInstance) {
   const integrationApp = useIntegrationApp();

package/dist/esm/hooks/data-sources/useDataSourceInstances.mjs

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

package/dist/esm/hooks/data-sources/useDataSources.mjs

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

package/dist/esm/hooks/external-events/useExternalEventSubscription.mjs

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

package/dist/esm/hooks/external-events/useExternalEventSubscriptions.mjs

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

package/dist/esm/hooks/field-mappings/useFieldMapping.mjs

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

package/dist/esm/hooks/field-mappings/useFieldMappingInstance.mjs

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

package/dist/esm/hooks/field-mappings/useFieldMappingInstances.mjs

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

package/dist/esm/hooks/field-mappings/useFieldMappings.mjs

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

package/dist/esm/hooks/flows/useFlow.mjs

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

package/dist/esm/hooks/flows/useFlowInstance.mjs

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

package/dist/esm/hooks/flows/useFlowInstances.mjs

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

package/dist/esm/hooks/flows/useFlowRun.mjs

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

package/dist/esm/hooks/flows/useFlowRuns.mjs

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

package/dist/esm/hooks/flows/useFlows.mjs

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

package/dist/esm/hooks/integrations/useConnection.mjs

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

package/dist/esm/hooks/integrations/useConnections.mjs

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

package/dist/esm/hooks/integrations/useConnectorSpec.mjs

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

package/dist/esm/hooks/integrations/useIntegration.mjs

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

package/dist/esm/hooks/integrations/useIntegrations.mjs

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

package/dist/esm/hooks/scenarios/useScenario.mjs

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

package/dist/esm/hooks/scenarios/useScenarios.mjs

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

package/dist/esm/hooks/screens/useScreen.mjs

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

package/dist/esm/hooks/useElement.mjs

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
+import useSWR from 'swr';
 import AwesomeDebouncePromise from '../_modules/awesome-debounce-promise.mjs';
 import { useIntegrationApp } from '../contexts/integration-app-context.mjs';
-import useSWR from 'swr';
 
 const elementStateCache = /* @__PURE__ */ new Map();
 function useElement(type, selector, accessorGenerator) {

package/dist/esm/hooks/useElements.mjs

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
-import { useIntegrationApp } from '../contexts/integration-app-context.mjs';
 import { useState } from 'react';
-import useSWRInfinite from 'swr/infinite';
 import qs from 'query-string';
+import useSWRInfinite from 'swr/infinite';
+import { useIntegrationApp } from '../contexts/integration-app-context.mjs';
 
 function useElements(route, query = {}) {
   const integrationApp = useIntegrationApp();

package/dist/esm/hooks/useIntegrationAppSWR.mjs

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

package/dist/esm/index.mjs

@@ -2,12 +2,11 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
+ * v2.1.4
  */
 'use client';
 
 export * from '@integration-app/sdk';
-export { DataForm } from '@integration-app/sdk';
 export { IntegrationAppProvider, useIntegrationApp } from './contexts/integration-app-context.mjs';
 export { useIntegrationAppSWR } from './hooks/useIntegrationAppSWR.mjs';
 export { useConnection } from './hooks/integrations/useConnection.mjs';
@@ -87,13 +86,13 @@ export { ComboBoxValue } from './components/ComboBox/Value/ComboBoxValue.mjs';
 export { ComboBox } from './components/ComboBox/ComboBox.mjs';
 export { ComboBoxTag, getClassFromSchema } from './components/ComboBoxElements/ComboBoxTag.mjs';
 export { FieldWrapper } from './components/ComboBoxElements/FieldWrapper.mjs';
-export { DropdownUIPopper } from './components/ComboBoxElements/Popper.mjs';
 export { Editor, useComboboxEditor } from './components/ComboBoxElements/TipTapEditor/Editor.mjs';
 export { StandAloneEditor } from './components/ComboBoxElements/TipTapEditor/EditorStandAlone.mjs';
 export { TAG_MARK_END, TAG_MARK_START, getComponentTagNode, getSchemaNodesSummary, getTagChunkValue, getTagString, getTemplateFromTplValue, getTemplateWithExistingTags, getTextNode, getValuesExistInTemplate, getValuesFromTplValue, isTagChunk, regExpTag, splitStringToChunks, transformTplToValue, transformValueToTpl } from './components/ComboBoxElements/TipTapEditor/helpers/common.mjs';
 export { isClickOnEditorComponent, isClickOnEditorCustomTagComponent } from './components/ComboBoxElements/TipTapEditor/helpers/clicks.mjs';
 export { transformValueToEditorSchema } from './components/ComboBoxElements/TipTapEditor/helpers/transformValueToEditorSchema.mjs';
 export { transformEditorSchemaToValue } from './components/ComboBoxElements/TipTapEditor/helpers/transformEditorSchemaToValue.mjs';
+export { DropdownPortal, DropdownPortalBoundary } from './components/ComboBox/DropdownPortal/index.mjs';
 export { DropdownUI } from './components/DropdownUI/index.mjs';
 export { IntegrationElementProvider, useIntegrationElementContext } from './components/IntegrationElements/integration-element-context.mjs';
 export { DataSourceConfig, DataSourceConfigureEvents } from './components/IntegrationElements/DataSource/index.mjs';
@@ -117,7 +116,7 @@ export { ToggleOnOff } from './components/Toggle/ToggleOnOff.mjs';
 export { Tooltip } from './components/Tooltip/index.mjs';
 export { AdvancedOptions } from './components/AdvancedOptions.mjs';
 export { InlineEditable } from './components/InlineEditable.mjs';
-export { DefaultPopper, PopoverNew } from './components/Popover/index.mjs';
+export { DefaultPopper } from './components/Popover/index.mjs';
 export { Truncate } from './components/Truncate/index.mjs';
 export { IntegrationAppClientProvider, useIntegrationAppClient } from './contexts/integration-app-client-context.mjs';
 export { IntegrationAppConnectionProvider, useIntegrationAppConnection } from './contexts/integration-app-connection-context.mjs';

package/dist/esm/recipes/dropdown.mjs

@@ -0,0 +1,210 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.1.4
+ */
+'use client';
+
+import '../styled-system/css/css.mjs';
+import '../styled-system/helpers.mjs';
+import { sva } from '../styled-system/css/sva.mjs';
+
+const SCOPE = "dropdown";
+const SLOTS = [
+  [
+    "popover-container",
+    "Main container of a dropdown. Emits keyboard navigation events"
+  ],
+  ["content", "Dropdown content container"],
+  ["panel", "Section panel. Can be multiple. Can be nested"],
+  ["search-input", "Search input element"],
+  ["search-divider", "Divider between search input and rest of elements"],
+  ["list", "Items list container"],
+  ["items-list-header", "Items list header"],
+  ["item", "Single list item container"],
+  ["item-title", "List item title"],
+  ["no-options-heading", "Heading title for empty search result"],
+  ["error-heading", "Heading for error when options failed to load"],
+  ["error-heading-icon", "Error heading icon"],
+  ["info-heading", "Heading for unsupported states within the dropdown"],
+  ["info-heading-icon", "Info heading icon"],
+  ["loading-item-container", "List item skeleton container"],
+  ["loading-item-icon", "List item icon skeleton"],
+  ["loading-item-title", "Loading item title skeleton"]
+];
+const extractedSlotNames = SLOTS.map(([slot]) => slot);
+const svaConfig = {
+  className: SCOPE,
+  slots: extractedSlotNames,
+  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)",
+      h: "full",
+      w: "fit-content"
+    },
+    content: {
+      display: "flex",
+      flexDir: "column",
+      p: "1.5",
+      w: "full",
+      minW: "56",
+      maxW: "min(65em, 90vw)",
+      maxH: "inherit"
+    },
+    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"
+    },
+    "info-heading": {
+      display: "flex",
+      flexDir: "row",
+      gap: "1.5",
+      alignItems: "center",
+      px: "2",
+      py: "1",
+      minH: "6",
+      fontWeight: "medium",
+      textStyle: "sm"
+    },
+    "info-heading-icon": {
+      color: "fg.default",
+      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"
+    }
+  }
+};
+const recipe = sva(svaConfig);
+const dropdownRecipe = Object.assign(recipe, {
+  SCOPE,
+  DESCRIPTION: "Dropdown component",
+  SLOTS
+});
+
+export { dropdownRecipe };

package/dist/esm/styled-system/css/conditions.mjs

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

package/dist/esm/styled-system/css/css.mjs

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

package/dist/esm/styled-system/css/cva.mjs

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