@integration-app/react 2.1.2 → 2.1.4

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 @@
-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>;

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 → helpers/hooks}/useWindowEvent.d.ts

@@ -1,4 +1,4 @@
-import { PopperRefElementType } from '../components/ComboBox/types';
+import { PopperRefElementType } from '../../components/ComboBox/types';
 export declare function useWindowEvent<TType extends keyof WindowEventMap>(type: TType, listener: (this: Window, ev: WindowEventMap[TType]) => any): void;
 export declare function useClickOutsideElements(refs: Array<PopperRefElementType | null | undefined>, onClickOutside: ((event: MouseEvent | TouchEvent) => void) | undefined): void;
 export declare function useWindowResize(listener: (...props: any[]) => any, ms?: number): void;

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/recipes/common.d.ts

@@ -0,0 +1,10 @@
+import { SlotRecipeRuntimeFn, SlotRecipeVariantRecord } from '../styled-system/types';
+export type SlotMeta = readonly [slot: string, description: string];
+type ExtractSlotNames<T extends readonly SlotMeta[]> = T[number][0];
+export type SlotNames<T extends readonly SlotMeta[]> = ExtractSlotNames<T>;
+export type SvaRecipeWithMeta<S extends string = string> = SlotRecipeRuntimeFn<S, SlotRecipeVariantRecord<S>> & {
+    readonly SCOPE: string;
+    readonly DESCRIPTION: string;
+    readonly SLOTS: readonly SlotMeta[];
+};
+export {};

package/dist/types/recipes/dropdown.d.ts

@@ -0,0 +1,4 @@
+import { SlotNames, SvaRecipeWithMeta } from './common';
+declare const SLOTS: readonly [readonly ["popover-container", "Main container of a dropdown. Emits keyboard navigation events"], readonly ["content", "Dropdown content container"], readonly ["panel", "Section panel. Can be multiple. Can be nested"], readonly ["search-input", "Search input element"], readonly ["search-divider", "Divider between search input and rest of elements"], readonly ["list", "Items list container"], readonly ["items-list-header", "Items list header"], readonly ["item", "Single list item container"], readonly ["item-title", "List item title"], readonly ["no-options-heading", "Heading title for empty search result"], readonly ["error-heading", "Heading for error when options failed to load"], readonly ["error-heading-icon", "Error heading icon"], readonly ["info-heading", "Heading for unsupported states within the dropdown"], readonly ["info-heading-icon", "Info heading icon"], readonly ["loading-item-container", "List item skeleton container"], readonly ["loading-item-icon", "List item icon skeleton"], readonly ["loading-item-title", "Loading item title skeleton"]];
+export declare const dropdownRecipe: SvaRecipeWithMeta<SlotNames<typeof SLOTS>>;
+export {};

package/dist/types/recipes/index.d.ts

@@ -0,0 +1 @@
+export * from './dropdown';

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.4",
   "description": "",
   "author": "Integration.app",
   "type": "module",
@@ -25,41 +25,9 @@
   "files": [
     "dist"
   ],
-  "scripts": {
-    "build": "npm run prep:dev && npm run build:bundle && npm run build:dts",
-    "build:publish": "npm run prep:publish && npm run build:bundle && npm run build:dts",
-    "build:bundle": "rollup -c rollup.config.mjs",
-    "build:dts": "node ./scripts/patch-bundle-types.mjs",
-    "clean": "rimraf ./dist",
-    "docs": "typedoc --tsconfig tsconfig.json --plugin typedoc-plugin-missing-exports",
-    "docs:dev": "typedoc --tsconfig tsconfig.json --plugin typedoc-plugin-missing-exports --watch",
-    "dev": "npm run build && concurrently 'npm run dev:bundle' 'npm run dev:dts'",
-    "dev:bundle": "rollup -c rollup.config.mjs --watch",
-    "dev:dts": "node ./scripts/patch-bundle-types.mjs --watch",
-    "install:publishDeps": "npm i @integration-app/sdk@latest --save && panda codegen",
-    "install:localDeps": "npm i ../sdk --save",
-    "prep:publish": "npm run clean && npm run install:publishDeps",
-    "prep:dev": "npm run clean && npm run install:localDeps && npm run removeReactPackages",
-    "publish-dist": "npm publish --access public",
-    "publish-dist-beta": "npm publish --tag beta --access public",
-    "removeReactPackages": "rimraf -rf ./node_modules/react ./node_modules/react-dom",
-    "test": "vitest --config ./vitest.config.ts",
-    "test:package": "cd bundle-tests/test-package && npm run test-package-build && cd ..",
-    "version": "npm version",
-    "lint": "npx publint",
-    "prepare": "panda codegen",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "test:storybook:watch": "test-storybook --watch",
-    "test:storybook": "test-storybook",
-    "test:storybook:ci": "concurrently -k -s first \"npm run test:storybook:ci:build-n-serve\" \"npm run test:storybook:ci:run-tests\"",
-    "test:storybook:ci:build-n-serve": "storybook build --test --quiet && npx http-server storybook-static --port 6006 --silent",
-    "test:storybook:ci:run-tests": "wait-on tcp:6006 && npm run test:storybook -- --maxWorkers=2",
-    "chromatic": "chromatic --exit-zero-on-changes",
-    "find-circular-deps": "madge ./src/index.ts --warning -c"
-  },
   "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 +47,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 +55,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",
@@ -135,6 +102,7 @@
     "storybook": "^8.4.4",
     "tailwindcss": "^3.4.13",
     "tsc-alias": "^1.8.10",
+    "tsx": "^4.19.2",
     "typedoc": "^0.26.11",
     "typedoc-plugin-mark-react-functional-components": "^0.2.2",
     "typedoc-plugin-missing-exports": "^3.1.0",
@@ -152,4 +120,4 @@
       "public"
     ]
   }
-}
+}