@integration-app/react 2.1.2 → 2.1.3

package/dist/types/components/ComboBox/tests/Combobox.stories.helpers.d.ts

@@ -32,4 +32,7 @@ export declare const Utils: {
     ClickChangeSchemaTypeByIndex: {
         play: (context: any, idx: any) => Promise<void>;
     };
+    Wait: {
+        play: (ms?: number) => Promise<void>;
+    };
 };

package/dist/types/components/ComboBoxElements/ComboBoxTag.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ComboBoxTagProps } from '../ComboBox/types';
 import { DataSchema } from '@integration-app/sdk';
+import { ComboBoxTagProps } from '../ComboBox/types';
 export declare const ComboBoxTag: import("react").ForwardRefExoticComponent<ComboBoxTagProps & import("react").RefAttributes<HTMLSpanElement>>;
 export declare function getClassFromSchema(schema: DataSchema): string;

package/dist/types/components/ComboBoxElements/TipTapEditor/Editor.d.ts

@@ -1,8 +1,8 @@
 /// <reference types="react" />
-import { EditorContentProps, Editor as TipTapEditor } from '@tiptap/react';
 import { EditorOptions } from '@tiptap/core';
-import { TagPropsType } from './TagComponent';
+import { EditorContentProps, Editor as TipTapEditor } from '@tiptap/react';
 import { KeyboardShortcutHandlerProps } from './extension-keyboardShortcuts';
+import { TagPropsType } from './TagComponent';
 type ComboboxEditorProps = Partial<Pick<EditorOptions, 'onUpdate' | 'editable'>> & {
     placeholder?: string;
     value?: any;

package/dist/types/components/ComboBoxElements/TipTapEditor/index.d.ts

@@ -1,5 +1,4 @@
 import { Editor, useComboboxEditor } from './Editor';
 import { StandAloneEditor } from './EditorStandAlone';
-import { getComponentTagNode } from './helpers';
-export { useComboboxEditor, Editor, StandAloneEditor, getComponentTagNode };
+export { useComboboxEditor, Editor, StandAloneEditor };
 export * from './helpers';

package/dist/types/components/ComboBoxElements/index.d.ts

@@ -1,4 +1,3 @@
 export * from './ComboBoxTag';
 export * from './FieldWrapper';
-export * from './Popper';
 export * from './TipTapEditor';

package/dist/types/components/DataBuilder/FieldTypeSelector/index.d.ts

@@ -1,5 +1,5 @@
-import { DataSchema } from '@integration-app/sdk';
 import { type Menu as ArkMenu } from '@ark-ui/react';
+import { DataSchema } from '@integration-app/sdk';
 import { IDataBuilderField } from '../data-field';
 export declare function FieldTypeSelector({ onChange, onSchemaChange, ...rest }: {
     onChange: (field: IDataBuilderField | undefined) => void;

package/dist/types/components/DataBuilder/Formula/case.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const CaseFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Case> & import("react").RefAttributes<HTMLDivElement>>;
 export default CaseFormula;
 export declare function CaseFormulaDropdown({ formula, onChange, }: DropdownComponentFormulaProps<FormulaClass.Case>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/concat.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const ConcatFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default ConcatFormula;
 export declare function ConcatFormulaDropdown({ onChange, formula, variablesSchema, optionFactories, }: DropdownComponentFormulaProps<FormulaClass.Iterate>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/copy.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
 import { Formula as FormulaClass } from '@integration-app/sdk';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const CopyFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Copy> & import("react").RefAttributes<HTMLDivElement>>;
 export default CopyFormula;
 export declare function CopyFormulaDropdown(props: DropdownComponentFormulaProps<FormulaClass.Copy>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/domainFromEmail.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
 import { Formula as FormulaClass } from '@integration-app/sdk';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const DomainFromEmailFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default DomainFromEmailFormula;
 export declare function DomainFromEmailFormulaDropdown(props: DropdownComponentFormulaProps<FormulaClass.DomainFromEmail>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/extractDate.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
 import { Formula as FormulaClass } from '@integration-app/sdk';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const ExtractDateFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default ExtractDateFormula;
 export declare function ExtractDateFormulaDropdown(props: DropdownComponentFormulaProps<FormulaClass.ExtractDate>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/extractTime.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
 import { Formula as FormulaClass } from '@integration-app/sdk';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const ExtractTimeFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default ExtractTimeFormula;
 export declare function ExtractTimeFormulaDropdown(props: DropdownComponentFormulaProps<FormulaClass.ExtractTime>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/findAppRecordId.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const FindAppRecordIdFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default FindAppRecordIdFormula;
 export declare function FindAppRecordIdFormulaDropdown({ formula, onChange, }: DropdownComponentFormulaProps<FormulaClass.FindAppRecordId>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/findExternalRecordId.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const FindExternalRecordIdFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default FindExternalRecordIdFormula;
 export declare function FindExternalRecordIdFormulaDropdown({ formula, onChange, }: DropdownComponentFormulaProps<FormulaClass.FindExternalRecordId>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/firstName.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
 import { Formula as FormulaClass } from '@integration-app/sdk';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const FirstNameFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default FirstNameFormula;
 export declare function FirstNameFormulaDropdown(props: DropdownComponentFormulaProps<FormulaClass.FirstName>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/firstNotEmpty.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const FirstNotEmptyFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default FirstNotEmptyFormula;
 export declare function FirstNotEmptyDropdown({ onChange, formula, }: DropdownComponentFormulaProps<FormulaClass.MergeObjects>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/index.d.ts

@@ -1,8 +1,7 @@
 import { ComponentType, ForwardedRef, ReactElement } from 'react';
 import { DataBuilderFormulaType } from '@integration-app/sdk';
+import { DropdownComponentFormulaProps, FormulaProps } from './types';
 import { ValueSpecType } from '../../ComboBox/value-spec';
-import { DropdownComponentFormulaProps } from './types';
-import { FormulaProps } from './types';
 export interface FormulaSpecType {
     name?: string;
     appliesToSpec?: (spec: ValueSpecType) => boolean;

package/dist/types/components/DataBuilder/Formula/iterate.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const IterateFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default IterateFormula;
 export declare function IteratedFormulaDropdown({ onChange, formula, }: DropdownComponentFormulaProps<FormulaClass.Iterate>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/jsonata.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const JsonataFormulaTag: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Jsonata> & import("react").RefAttributes<HTMLDivElement>>;
 export default JsonataFormulaTag;
 export declare function JsonataFormulaDropdown(props: DropdownComponentFormulaProps<FormulaClass.Jsonata>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/lastName.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
 import { Formula as FormulaClass } from '@integration-app/sdk';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const LastNameFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.LastName> & import("react").RefAttributes<HTMLDivElement>>;
 export default LastNameFormula;
 export declare function LastNameFormulaDropdown(props: DropdownComponentFormulaProps<FormulaClass.FirstName>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/map.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const MapFormula: import("react").ForwardRefExoticComponent<FormulaProps<FormulaClass.Map> & import("react").RefAttributes<HTMLDivElement>>;
 export default MapFormula;
 export declare function MapFormulaDropdown({ formula, onChange, variablesSchema, }: DropdownComponentFormulaProps<FormulaClass.Map>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Formula/mergeObjects.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
 import { Formula as FormulaClass } from '@integration-app/sdk';
-import { FormulaProps } from './types';
-import { DropdownComponentFormulaProps } from './types';
+import { FormulaProps, DropdownComponentFormulaProps } from './types';
 declare const MergeObjectsFormula: import("react").ForwardRefExoticComponent<FormulaProps<any> & import("react").RefAttributes<HTMLDivElement>>;
 export default MergeObjectsFormula;
 export declare function MergeObjectsDropdown({ onChange, formula, }: DropdownComponentFormulaProps<FormulaClass.MergeObjects>): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/DataBuilder/Nested/FieldControlPanel/index.d.ts

@@ -1,6 +1,6 @@
-import { IDataBuilderField } from '../../data-field';
-import { ControlPanelForNonObjectRootField } from './ControlPanelForNonObjectRootField';
 import { ControlPanel } from './ControlPanel';
+import { ControlPanelForNonObjectRootField } from './ControlPanelForNonObjectRootField';
+import { IDataBuilderField } from '../../data-field';
 export { ControlPanelForNonObjectRootField, ControlPanel };
 export declare function DataBuilderFieldControlPanel({ field, onAdd, addFieldLabel, additionalFields, }: {
     field: IDataBuilderField;

package/dist/types/components/DataBuilder/data-builder-context.d.ts

@@ -1,5 +1,5 @@
-import { IDataBuilderField } from './data-field';
 import { DataSchema } from '@integration-app/sdk';
+import { IDataBuilderField } from './data-field';
 import { IDataBuilderContext } from './types';
 export default function useDataBuilder(): IDataBuilderContext;
 export declare const DataBuilderProvider: ({ topLevelField, isAdminMode, children, errorFieldsLocators, frozenFieldsLocators, editableVariablesSchemaLocators, onAddVariable, readOnly, showNullValueFields, hideReadOnlyFields, collapsedDataBuilder, initialVisibleFieldCount, }: {

package/dist/types/components/DataBuilder/index.d.ts

@@ -1,6 +1,6 @@
 import { DataSchema } from '@integration-app/sdk';
-import { ComboBoxOptionsFactory } from '../ComboBox/options-factories';
 import { IDataBuilderField } from './data-field';
+import { ComboBoxOptionsFactory } from '../ComboBox/options-factories';
 export { FieldDescription } from './FieldDescription';
 export declare function makeDataField({ key, schema: inputSchema, value, optionFactories, variablesSchema, exampleVariables, iconUri, valueLocator, level, }: {
     key?: string;

package/dist/types/components/DataBuilder/types.d.ts

@@ -1,5 +1,5 @@
-import { IDataBuilderField } from './data-field';
 import { DataSchema } from '@integration-app/sdk';
+import { IDataBuilderField } from './data-field';
 export declare enum DataBuilderDrilldownType {
     LOOKUP = "lookup",
     CASE = "case",

package/dist/types/components/DataInput/index.d.ts

@@ -1,7 +1,7 @@
 import { DataSchema } from '@integration-app/sdk';
 export declare function DataInput({ schema, variablesSchema, value, onChange, readOnly, editableVariablesSchemaLocators, onAddVariable, isAdminMode, errorFieldsLocators, frozenFieldsLocators, showNullValueFields, hideReadOnlyFields, }: {
     schema: DataSchema;
-    variablesSchema: DataSchema;
+    variablesSchema?: DataSchema;
     value: any;
     readOnly?: boolean;
     onChange: (value: any) => void;

package/dist/types/components/DropdownUI/BackButton.d.ts

@@ -1,2 +1,4 @@
 import { HTMLAttributes } from 'react';
-export declare const BackButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+export declare const BackButton: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLButtonElement> & {
+    current?: boolean | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/DropdownUI/InfoHeading.d.ts

@@ -0,0 +1,4 @@
+import { HTMLAttributes } from 'react';
+export declare const InfoHeading: import("react").ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children"> & {
+    text?: string | undefined;
+} & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownUI/index.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { ItemIcon } from './ItemIcon';
-import { ItemTitle } from './ItemTitle';
 import { ItemNestingIndicator } from './ItemNestingIndicator';
+import { ItemTitle } from './ItemTitle';
 export declare const DropdownUI: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>> & {
     Content: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;
     Search: import("react").ForwardRefExoticComponent<{
@@ -19,13 +19,18 @@ export declare const DropdownUI: import("react").ForwardRefExoticComponent<impor
         children?: import("react").ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
     ListHeader: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLSpanElement> & import("react").RefAttributes<HTMLSpanElement>>;
-    BackButton: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLButtonElement> & import("react").RefAttributes<HTMLButtonElement>>;
+    BackButton: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLButtonElement> & {
+        current?: boolean | undefined;
+    } & import("react").RefAttributes<HTMLButtonElement>>;
     NoOptionsHeading: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
         text?: string | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     ErrorHeading: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
         text?: string | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
+    InfoHeading: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
+        text?: string | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     LoadingItem: import("react").ForwardRefExoticComponent<Omit<import("react").HTMLAttributes<HTMLDivElement>, "children"> & {
         delay?: number | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/DropdownUI/sva-recipe.d.ts

@@ -1 +1,2 @@
-export declare const dropdownRecipe: import("../../styled-system/types").SlotRecipeRuntimeFn<"item" | "content" | "list" | "popover-container" | "panel" | "search-input" | "search-divider" | "no-options-heading" | "error-heading" | "error-heading-icon" | "loading-item-container" | "loading-item-icon" | "loading-item-title" | "items-list-header" | "item-title", import("../../styled-system/types").SlotRecipeVariantRecord<"item" | "content" | "list" | "popover-container" | "panel" | "search-input" | "search-divider" | "no-options-heading" | "error-heading" | "error-heading-icon" | "loading-item-container" | "loading-item-icon" | "loading-item-title" | "items-list-header" | "item-title">>;
+export declare const scrollShadow: import("../../styled-system/types").RecipeRuntimeFn<import("../../styled-system/types").RecipeVariantRecord>;
+export declare const dropdownRecipe: import("../../styled-system/types").SlotRecipeRuntimeFn<"item" | "content" | "list" | "popover-container" | "panel" | "search-input" | "search-divider" | "no-options-heading" | "error-heading" | "error-heading-icon" | "info-heading" | "info-heading-icon" | "loading-item-container" | "loading-item-icon" | "loading-item-title" | "items-list-header" | "item-title", import("../../styled-system/types").SlotRecipeVariantRecord<"item" | "content" | "list" | "popover-container" | "panel" | "search-input" | "search-divider" | "no-options-heading" | "error-heading" | "error-heading-icon" | "info-heading" | "info-heading-icon" | "loading-item-container" | "loading-item-icon" | "loading-item-title" | "items-list-header" | "item-title">>;

package/dist/types/components/Input/SearchInput.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import { SearchInput } from './SearchInput';
+import type { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof SearchInput>;
 export default meta;
 type Story = StoryObj<typeof SearchInput>;

package/dist/types/components/Input/index.d.ts

@@ -1,6 +1,6 @@
 import { Input } from './Input';
-import type { InputProps } from './Input';
 import { SearchInput } from './SearchInput';
+import type { InputProps } from './Input';
 import type { SearchInputProps } from './SearchInput';
 export default Input;
 export { Input, InputProps, SearchInput, SearchInputProps };

package/dist/types/components/IntegrationElements/DataSource/index.d.ts

@@ -1,7 +1,6 @@
 import { DataSourceUnitConfig } from '@integration-app/sdk';
 import { DataSourceConfigProps } from './types';
 export declare function DataSourceConfig(props: DataSourceConfigProps): import("react/jsx-runtime").JSX.Element;
-export { DataCollectionSelect } from './DataCollectionSelect';
 export declare function DataSourceConfigureEvents({ value, onChange, }: {
     value: DataSourceUnitConfig | undefined;
     onChange: (value: DataSourceUnitConfig) => void;

package/dist/types/components/IntegrationElements/integration-element-context.d.ts

@@ -1,5 +1,5 @@
-import { IntegrationElementLevel } from '@integration-app/sdk';
 import { PropsWithChildren } from 'react';
+import { IntegrationElementLevel } from '@integration-app/sdk';
 export declare function useIntegrationElementContext(): {
     level: IntegrationElementLevel;
     integrationId?: string | undefined;

package/dist/types/components/Popover/index.d.ts

@@ -1,45 +1,25 @@
-import React, { PropsWithChildren, ReactNode } from 'react';
-import { Portal } from '../Portal';
-import { PopperRefElementType } from '../ComboBox/types';
+import React, { PropsWithChildren } from 'react';
 import { Popover } from '../../ui-kit/popover';
-export type PopperPlacement = 'auto' | 'auto-start' | 'auto-end' | 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'right' | 'right-start' | 'right-end' | 'left' | 'left-start' | 'left-end';
-type PopperOffsetFnType = (any: any) => void;
+import { PopperRefElementType } from '../ComboBox/types';
 export type PopperProps = PropsWithChildren<{
-    placement?: PopperPlacement;
     refElement?: PopperRefElementType;
     isOpen?: boolean;
-    offset?: [number, number] | PopperOffsetFnType;
     onClick?: () => void;
-    onClickOutside?: () => void;
     className?: string;
-    portalNode?: React.ComponentProps<typeof Portal>['node'];
+    placement?: NonNullable<Popover.RootProps['positioning']>['placement'];
+    triggerNode?: React.ReactNode;
+    offset?: [number, number];
+    onClickOutside?: () => void;
 }>;
 export declare const DefaultPopper: React.ForwardRefExoticComponent<{
-    placement?: PopperPlacement | undefined;
     refElement?: PopperRefElementType | undefined;
     isOpen?: boolean | undefined;
-    offset?: [number, number] | PopperOffsetFnType | undefined;
     onClick?: (() => void) | undefined;
-    onClickOutside?: (() => void) | undefined;
     className?: string | undefined;
-    portalNode?: React.ComponentProps<typeof Portal>['node'];
-} & {
-    children?: React.ReactNode;
-} & React.RefAttributes<HTMLDivElement>>;
-export declare const PopoverNew: React.ForwardRefExoticComponent<{
-    placement?: PopperPlacement | undefined;
-    refElement?: PopperRefElementType | undefined;
-    isOpen?: boolean | undefined;
-    offset?: [number, number] | PopperOffsetFnType | undefined;
-    onClick?: (() => void) | undefined;
-    onClickOutside?: (() => void) | undefined;
-    className?: string | undefined;
-    portalNode?: React.ComponentProps<typeof Portal>['node'];
-} & {
-    children?: React.ReactNode;
-} & {
     placement?: NonNullable<Popover.RootProps['positioning']>['placement'];
     triggerNode?: React.ReactNode;
     offset?: [number, number] | undefined;
+    onClickOutside?: (() => void) | undefined;
+} & {
+    children?: React.ReactNode;
 } & React.RefAttributes<HTMLDivElement>>;
-export {};

package/dist/types/components/Radio/Radio.stories.d.ts

@@ -1,5 +1,5 @@
-import type { Meta, StoryObj } from '@storybook/react';
 import { Radiobutton } from './index';
+import type { Meta, StoryObj } from '@storybook/react';
 declare const meta: Meta<typeof Radiobutton>;
 export default meta;
 type Story = StoryObj<typeof Radiobutton>;

package/dist/types/components/Tooltip/index.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactElement } from 'react';
-import { Tooltip as PTooltip } from '../../ui-kit/tooltip';
 import { RecipeVariantProps } from '../../styled-system/css';
+import { Tooltip as PTooltip } from '../../ui-kit/tooltip';
 type RootProps = React.ComponentProps<typeof PTooltip.Root>;
 export type GenericTooltipProps = {
     tooltip: string | ReactElement;

package/dist/types/contexts/integration-app-context.d.ts

@@ -1,5 +1,5 @@
-import { IntegrationAppClient } from '@integration-app/sdk';
 import { ReactNode } from 'react';
+import { IntegrationAppClient } from '@integration-app/sdk';
 interface IntegrationAppProviderProps {
     token?: string;
     fetchToken?: () => Promise<string>;

package/dist/types/hooks/app-events/useAppEventType.d.ts

@@ -1,5 +1,4 @@
-import { AppEventType, CreateAppEventTypeRequest, UpdateAppEventTypeRequest } from '@integration-app/sdk';
-import { AppEventTypeAccessor } from '@integration-app/sdk';
+import { AppEventType, CreateAppEventTypeRequest, UpdateAppEventTypeRequest, AppEventTypeAccessor } from '@integration-app/sdk';
 export declare function useAppEventType(selector: string | undefined): {
     accessor: AppEventTypeAccessor | undefined;
     loading: boolean;

package/dist/types/index.d.ts

@@ -46,7 +46,6 @@ export { useScenarios } from './hooks/scenarios/useScenarios.js';
 export { useDataCollectionSpec } from './hooks/data-collections/useDataCollectionSpec.js';
 export { useExternalEventSubscriptions } from './hooks/external-events/useExternalEventSubscriptions.js';
 export { useExternalEventSubscription } from './hooks/external-events/useExternalEventSubscription.js';
-export { DataForm } from '@integration-app/sdk';
 export * from './components/Integrations/index';
 export * from './components/DataBuilder/index';
 export * from './components/DataBuilder/Form';
@@ -64,6 +63,7 @@ export * from './components/ComboBox/context';
 export * from './components/ComboBox/Value';
 export * from './components/ComboBox/ComboBox';
 export * from './components/ComboBoxElements';
+export { DropdownPortalBoundary, DropdownPortal, } from './components/ComboBox/DropdownPortal';
 export * from './components/DropdownUI';
 export * from './components/IntegrationElements';
 export * from './components/SimpleInput';

package/dist/types/ui-kit/styled/avatar.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { Assign } from '@ark-ui/react';
 import { Avatar } from '@ark-ui/react/avatar';
 import { type AvatarVariantProps } from '../../styled-system/recipes';
+import type { Assign } from '@ark-ui/react';
 import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
 export type RootProviderProps = ComponentProps<typeof RootProvider>;
 export declare const RootProvider: import("react").ForwardRefExoticComponent<Omit<Assign<Assign<HTMLStyledProps<"div">, Avatar.RootProviderBaseProps>, AvatarVariantProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/ui-kit/styled/menu.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { Assign } from '@ark-ui/react';
 import { Menu } from '@ark-ui/react';
 import { type MenuVariantProps } from '../../styled-system/recipes';
+import type { Assign } from '@ark-ui/react';
 import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
 export type RootProviderProps = ComponentProps<typeof RootProvider>;
 export declare const RootProvider: (props: Assign<Menu.RootProviderProps, MenuVariantProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/ui-kit/styled/popover.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { Assign } from '@ark-ui/react';
 import { Popover } from '@ark-ui/react/popover';
 import { type PopoverVariantProps } from '../../styled-system/recipes';
+import type { Assign } from '@ark-ui/react';
 import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
 export type RootProviderProps = ComponentProps<typeof RootProvider>;
 export declare const RootProvider: (props: Assign<Popover.RootProviderProps, PopoverVariantProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/types/ui-kit/styled/skeleton.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { Assign, HTMLArkProps } from '@ark-ui/react';
 import { type SkeletonVariantProps } from '../../styled-system/recipes';
+import type { Assign, HTMLArkProps } from '@ark-ui/react';
 import type { JsxStyleProps } from '../../styled-system/types';
 export interface SkeletonProps extends Assign<JsxStyleProps, HTMLArkProps<'div'>>, SkeletonVariantProps {
     isLoaded?: boolean;

package/dist/types/ui-kit/styled/tooltip.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import type { Assign } from '@ark-ui/react';
 import { Tooltip } from '@ark-ui/react/tooltip';
 import { type TooltipVariantProps } from '../../styled-system/recipes';
+import type { Assign } from '@ark-ui/react';
 import type { ComponentProps, HTMLStyledProps } from '../../styled-system/types';
 export type RootProviderProps = ComponentProps<typeof RootProvider>;
 export declare const RootProvider: (props: Assign<Tooltip.RootProviderProps, TooltipVariantProps>) => import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "2.1.2",
+  "version": "2.1.3",
   "description": "",
   "author": "Integration.app",
   "type": "module",
@@ -60,6 +60,7 @@
   },
   "dependencies": {
     "@ark-ui/react": "^4.1.1",
+    "@floating-ui/react": "^0.27.0",
     "@headlessui/react": "^1.7.18",
     "@integration-app/sdk": "^1.5.4",
     "@popperjs/core": "^2.11.5",
@@ -79,7 +80,6 @@
     "js-convert-case": "^4.2.0",
     "query-string": "^7.1.1",
     "react-icons": "^5.3.0",
-    "react-popper": "^2.3.0",
     "react-portal": "^4.2.2",
     "react-use-promise": "^0.5.0",
     "style-inject": "^0.3.0",
@@ -88,8 +88,8 @@
     "uuid": "^10.0.0"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": ">=18.3.1",
+    "react-dom": ">=18.3.1"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.2",

package/dist/cjs/components/ComboBox/DropdownPopover/helpers.cjs

@@ -1,22 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.2
- */
-'use client';
-
-'use strict';
-
-var React = require('react');
-require('../../../ui-kit/styled/popover.cjs');
-var popover = require('@ark-ui/react/popover');
-
-const useMountDropdownReposition = () => {
-  const context = popover.usePopoverContext();
-  React.useEffect(() => {
-    context.reposition();
-  }, [context.reposition]);
-};
-
-exports.useMountDropdownReposition = useMountDropdownReposition;