@integration-app/react 2.14.3 → 2.16.1

package/dist/esm/ui-kit/styled/badge.mjs

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

package/dist/esm/ui-kit/styled/button.mjs

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

package/dist/esm/ui-kit/styled/icon-button.mjs

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

package/dist/esm/ui-kit/styled/icon.mjs

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

package/dist/esm/ui-kit/styled/input.mjs

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

package/dist/esm/ui-kit/styled/menu.mjs

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

package/dist/esm/ui-kit/styled/popover.mjs

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

package/dist/esm/ui-kit/styled/skeleton.mjs

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

package/dist/esm/ui-kit/styled/spinner.mjs

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

package/dist/esm/ui-kit/styled/switch.mjs

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

package/dist/esm/ui-kit/styled/text.mjs

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

package/dist/esm/ui-kit/styled/tooltip.mjs

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

package/dist/esm/ui-kit/styled/utils/create-style-context.mjs

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

package/dist/esm/ui-kit/switch.mjs

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

package/dist/styles.css

@@ -2688,46 +2688,6 @@
       color: var(--iap-colors-fg-muted);
 }
 
-    .iap-field__root {
-      display: flex;
-      gap: var(--iap-spacing-1\.5);
-      flex-direction: column;
-}
-
-    .iap-field__errorText {
-      color: var(--iap-colors-fg-error);
-      display: inline-flex;
-      gap: var(--iap-spacing-2);
-      font-size: var(--iap-font-sizes-sm);
-      line-height: 1.25rem;
-      align-items: center;
-}
-
-    .iap-field__errorText:is(:disabled, [disabled], [data-disabled]) {
-      color: var(--iap-colors-fg-disabled);
-}
-
-    .iap-field__helperText {
-      color: var(--iap-colors-fg-muted);
-      font-size: var(--iap-font-sizes-sm);
-      line-height: 1.25rem;
-}
-
-    .iap-field__helperText:is(:disabled, [disabled], [data-disabled]) {
-      color: var(--iap-colors-fg-disabled);
-}
-
-    .iap-field__label {
-      color: var(--iap-colors-fg-default);
-      font-size: var(--iap-font-sizes-sm);
-      line-height: 1.25rem;
-      font-weight: var(--iap-font-weights-medium);
-}
-
-    .iap-field__label:is(:disabled, [disabled], [data-disabled]) {
-      color: var(--iap-colors-fg-disabled);
-}
-
     .iap-avatar__root {
       border-radius: var(--iap-radii-full);
       overflow: hidden;
@@ -3267,6 +3227,38 @@
     min-width: var(--iap-sizes-5);
 }
 
+  .iap-cursor_default {
+    cursor: default;
+}
+
+  .iap-pos_relative {
+    position: relative;
+}
+
+  .iap-pos_absolute {
+    position: absolute;
+}
+
+  .iap-inset_0 {
+    inset: var(--iap-spacing-0);
+}
+
+  .iap-w_full {
+    width: var(--iap-sizes-full);
+}
+
+  .iap-op_0 {
+    opacity: 0;
+}
+
+  .iap-d_block {
+    display: block;
+}
+
+  .iap-vis_visible {
+    visibility: visible;
+}
+
   .iap-bg_surface\.default {
     background: var(--iap-colors-surface-default);
 }
@@ -3299,10 +3291,6 @@
     padding-block: var(--iap-spacing-2);
 }
 
-  .iap-w_full {
-    width: var(--iap-sizes-full);
-}
-
   .iap-h_auto {
     height: auto;
 }
@@ -3375,10 +3363,6 @@
     fill: var(--iap-colors-success-11);
 }
 
-  .iap-pos_absolute {
-    position: absolute;
-}
-
   .iap-c_white {
     color: var(--iap-colors-white);
 }
@@ -3391,10 +3375,6 @@
     border-radius: var(--iap-radii-full);
 }
 
-  .iap-pos_relative {
-    position: relative;
-}
-
   .iap-max-h_initial {
     max-height: initial;
 }
@@ -3605,10 +3585,6 @@
     color: var(--iap-colors-fg-default);
 }
 
-  .iap-op_0 {
-    opacity: 0;
-}
-
   .iap-d_inline-flex {
     display: inline-flex;
 }
@@ -4923,6 +4899,15 @@
     line-height: 1.2;
 }
 
+  .iap-trs-prop_colors {
+    --transition-prop: colors;
+    transition-property: colors;
+}
+
+  .iap-bd-t-c_transparent {
+    border-top-color: var(--iap-colors-transparent);
+}
+
   .iap-bd-w_thin {
     border-width: thin;
 }
@@ -4963,10 +4948,6 @@
     font-size: var(--iap-font-sizes-sm);
 }
 
-  .iap-jc_center {
-    justify-content: center;
-}
-
   .iap-flex-sh_0 {
     flex-shrink: 0;
 }
@@ -4983,6 +4964,10 @@
     border-width: 0.5px;
 }
 
+  .iap-jc_center {
+    justify-content: center;
+}
+
   .iap-bg-c_transparent {
     background-color: var(--iap-colors-transparent);
 }
@@ -5085,6 +5070,14 @@
     padding-bottom: var(--iap-spacing-0);
 }
 
+  .focus\:iap-op_1:is(:focus, [data-focus]) {
+    opacity: 1;
+}
+
+  .focus\:iap-ring_none:is(:focus, [data-focus]) {
+    outline: var(--iap-borders-none);
+}
+
   .focusVisible\:iap-bg_neutral\.2:is(:focus-visible, [data-focus-visible]) {
     background: var(--iap-colors-neutral-2);
 }
@@ -5105,10 +5098,22 @@
     color: var(--iap-colors-gray-9);
 }
 
+  .empty\:after\:iap-c_gray\.9:is(:empty, [data-empty])::after {
+    color: var(--iap-colors-gray-9);
+}
+
   .\[\&_p\]\:before\:iap-content_var\(--placeholder-text\) p::before {
     content: var(--placeholder-text);
 }
 
+  .empty\:after\:iap-content_var\(--placeholder-text\):is(:empty, [data-empty])::after {
+    content: var(--placeholder-text);
+}
+
+  .focus\:\[\&_\+_\.span\]\:iap-vis_hidden:is(:focus, [data-focus]) + .span {
+    visibility: hidden;
+}
+
   @media screen and (min-width: 40rem) {
     .sm\:iap-offset_4 {
       offset: 4px;
@@ -5125,6 +5130,12 @@
     .hover\:iap-bg_neutral\.3:is(:hover, [data-hover]) {
       background: var(--iap-colors-neutral-3);
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:iap-op_1:is(:hover, [data-hover]) {
+      opacity: 1;
+}
 }
 
   @media (hover: hover) and (pointer: fine) {
@@ -5149,5 +5160,17 @@
     .hover\:iap-bg_slate\.3:is(:hover, [data-hover]) {
       background: var(--iap-colors-slate-3);
 }
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:\[\&_\.span\]\:iap-vis_hidden:is(:hover, [data-hover]) .span {
+      visibility: hidden;
+}
+}
+
+  @media (hover: hover) and (pointer: fine) {
+    .hover\:\[\&_\.input\]\:iap-vis_visible:is(:hover, [data-hover]) .input {
+      visibility: visible;
+}
 }
 }

package/dist/types/components/ComboBox/Dropdown/KeyboardNavigation/NavigationContext.d.ts

@@ -1,4 +1,4 @@
-import { ComboBoxOption } from '../../types';
+import { ComboBoxOption } from '../../shared';
 export declare function NavigationContextProvider({ children, }: {
     children: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/types/components/ComboBox/Dropdown/KeyboardNavigation/useKeyboardBinding.d.ts

@@ -1,4 +1,4 @@
-import { ComboBoxOption } from '../../../../components/ComboBox/types';
+import { ComboBoxOption } from '../../../../components/ComboBox/shared';
 export declare const useKeyboardBinding: ({ options, fallbackOptions, onEnter, }: {
     options: ComboBoxOption[];
     fallbackOptions: ComboBoxOption[];

package/dist/types/components/ComboBox/Dropdown/Option.d.ts

@@ -1,4 +1,4 @@
-import { ComboBoxOption } from '../types';
+import { ComboBoxOption } from '../shared';
 export default function DropdownOption({ option, selected, current, onSelect, }: {
     option: ComboBoxOption;
     onSelect: () => void;

package/dist/types/components/ComboBox/Dropdown/categoryContentMapping.d.ts

@@ -1,14 +1,6 @@
-import { SvgIconType } from '../../../components/SvgIcon/svg-icon-type';
-import { DropdownCategoryType, FnOnValueChangeType } from '../types';
-type RenderCategoryType = Record<DropdownCategoryType, {
-    title: string;
-    icon?: SvgIconType;
-    hideSearchInput?: boolean;
-    hasConfigUI?: boolean;
-}>;
-export declare const renderCategories: RenderCategoryType;
+import { DropdownCategoryType } from '../shared';
+import { FnOnValueChangeType } from '../types';
 export declare const CATEGORY_COMPONENTS: Record<DropdownCategoryType, React.FC<{
     onOptionSelect: FnOnValueChangeType;
     onConfigSelect?: (category: DropdownCategoryType) => void;
 }>>;
-export {};

package/dist/types/components/ComboBox/context/combobox-dropdown-context.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from 'react';
 import usePromise from '../../../_modules/react-use-promise';
-import { ComboBoxOption, DropdownCategoryType } from '../types';
+import { ComboBoxOption, DropdownCategoryType } from '../shared';
 interface ComboBoxDropdownContextProps {
     availableCategories: DropdownCategoryType[] | null;
     activeCategory: DropdownCategoryType;

package/dist/types/components/ComboBox/context/helpers.d.ts

@@ -1,6 +1,5 @@
 import { DataSchema, IntegrationAppClient } from '@integration-app/sdk';
-import { ComboBoxOptionsFactory } from '../options-factories';
-import { ComboBoxOption, DropdownCategoryType, ValueDataType } from '../types';
+import { ComboBoxOption, ValueDataType, ComboBoxOptionsFactory, DropdownCategoryType } from '../shared';
 export declare function getAvailableRootCategories({ schema, options, optionFactories, variablesOnly, hasVariables, client, connectionId, integrationId, }: {
     schema: DataSchema | undefined;
     options: ComboBoxOption[] | undefined;

package/dist/types/components/ComboBox/options-factories/boolean.d.ts

@@ -1,5 +1,5 @@
-import { ComboBoxOption } from '../types';
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './types';
+import { ComboBoxOption, ComboBoxOptionsFactory } from '../shared';
+import { GetOptionsArgs } from './types';
 export declare class BooleanOptionsFactory implements ComboBoxOptionsFactory {
     getOptions({}: GetOptionsArgs): Promise<ComboBoxOption[]>;
     getOptionsSync(): ComboBoxOption[];

package/dist/types/components/ComboBox/options-factories/constant.d.ts

@@ -1,5 +1,5 @@
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './types';
-import { ComboBoxOption } from '../types';
+import { GetOptionsArgs } from './types';
+import { ComboBoxOption, ComboBoxOptionsFactory } from '../shared';
 export declare class ConstantOptionFactory implements ComboBoxOptionsFactory {
     private options;
     constructor(options: ComboBoxOption[]);

package/dist/types/components/ComboBox/options-factories/{custom-field.d.ts → custom-field/constants.d.ts}

@@ -1,10 +1,6 @@
-import { ComboBoxOption, ValueDataType } from '../types';
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './types';
+import { ValueDataType } from '../../shared';
 export declare const CUSTOM_OBJECT_VALUE: {};
 export declare const CUSTOM_OBJECT_VALUE_LABEL = "Object With Custom Fields";
 export declare const CUSTOM_ARRAY_VALUE: never[];
 export declare const CUSTOM_ARRAY_VALUE_LABEL = "List With Custom Items";
-export declare class CustomFieldOptionsFactory implements ComboBoxOptionsFactory {
-    getOptions({ spec, input, }: GetOptionsArgs): Promise<ComboBoxOption[]>;
-}
 export declare function isCustomFieldValue(value: ValueDataType): boolean;

package/dist/types/components/ComboBox/options-factories/custom-field/index.d.ts

@@ -0,0 +1,5 @@
+import { ComboBoxOption, ComboBoxOptionsFactory } from '../../../../components/ComboBox/shared';
+import { GetOptionsArgs } from '../types';
+export declare class CustomFieldOptionsFactory implements ComboBoxOptionsFactory {
+    getOptions({ spec, input, }: GetOptionsArgs): Promise<ComboBoxOption[]>;
+}

package/dist/types/components/ComboBox/options-factories/enum.d.ts

@@ -1,5 +1,5 @@
-import { ComboBoxOption } from '../types';
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './types';
+import { ComboBoxOption, ComboBoxOptionsFactory } from '../shared';
+import { GetOptionsArgs } from './types';
 interface IEnumOptionsFactoryParameters {
     schema: any;
     iconUri?: string;

package/dist/types/components/ComboBox/options-factories/formula/config-mapping.d.ts

@@ -0,0 +1,8 @@
+import { DataBuilderFormulaType } from '@integration-app/sdk';
+import { ValueSpecType } from '../../../../components/ComboBox/value-spec';
+interface FormulaConfig {
+    name?: string;
+    appliesToSpec?: (spec: ValueSpecType) => boolean;
+}
+export declare const formulaConfigMapping: Record<DataBuilderFormulaType, FormulaConfig>;
+export {};

package/dist/types/components/ComboBox/options-factories/{formula.d.ts → formula/index.d.ts}

@@ -1,5 +1,4 @@
-import { ComboBoxOption } from '../types';
-import { ComboBoxOptionsFactory } from './index';
+import { ComboBoxOption, ComboBoxOptionsFactory } from '../../shared';
 export declare class FormulaListOptionsFactory implements ComboBoxOptionsFactory {
     getOptions({ input, spec }: {
         input: any;

package/dist/types/components/ComboBox/options-factories/generate-schema-options.d.ts

@@ -1,5 +1,5 @@
 import { DataLocator, DataSchema } from '@integration-app/sdk';
-import { ComboBoxOption } from '../types';
+import { ComboBoxOption } from '../shared';
 import { ValueSpecType } from '../value-spec';
 export declare function getOptionsForSchema({ schema, locator, valueSpec, showIcons, skipNameComponentsPrefix, ignorePrefix, nameComponentsByLocator, schemaByLocator, exampleVariables, expandObject, editableSchemaLocators, }: {
     schema: DataSchema;

package/dist/types/components/ComboBox/options-factories/index.d.ts

@@ -1,9 +1,9 @@
-export * from './utils';
-export * from './boolean';
-export * from './constant';
-export * from './custom-field';
-export * from './enum';
-export * from './object-fields';
-export * from './reference-records';
-export * from './variable';
-export * from './types';
+export { BooleanOptionsFactory } from './boolean';
+export { ConstantOptionFactory } from './constant';
+export { CustomFieldOptionsFactory } from './custom-field';
+export { EnumOptionFactory } from './enum';
+export { FormulaListOptionsFactory } from './formula';
+export { ObjectFieldsOptionFactory } from './object-fields';
+export { ReferenceRecordsOptionsFactory } from './reference-records';
+export { RootOptionFactory } from './root';
+export { VariableOptionFactory } from './variable';

package/dist/types/components/ComboBox/options-factories/object-fields.d.ts

@@ -1,6 +1,6 @@
 import { DataLocator } from '@integration-app/sdk';
-import { ComboBoxOption } from '../types';
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './types';
+import { ComboBoxOption, ComboBoxOptionsFactory } from '../shared';
+import { GetOptionsArgs } from './types';
 interface IObjectFieldsOptionFactoryParameters {
     name?: string;
     schema: any;

package/dist/types/components/ComboBox/options-factories/reference-records.d.ts

@@ -1,5 +1,5 @@
-import { ComboBoxOption } from '../types';
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './types';
+import { ComboBoxOption, ComboBoxOptionsFactory } from '../shared';
+import { GetOptionsArgs } from './types';
 interface IReferenceRecordsOptionsFactoryParameters {
     schema: any;
     iconUri?: string;

package/dist/types/components/ComboBox/options-factories/root.d.ts

@@ -1,5 +1,5 @@
-import { ComboBoxOption, DropdownCategoryType } from '../types';
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './index';
+import { ComboBoxOptionsFactory, ComboBoxOption, DropdownCategoryType } from '../shared';
+import { GetOptionsArgs } from './types';
 export declare class RootOptionFactory implements ComboBoxOptionsFactory {
     private readonly categories;
     constructor(categories: DropdownCategoryType[] | null);

package/dist/types/components/ComboBox/options-factories/types.d.ts

@@ -1,6 +1,5 @@
 import { DataSchema } from '@integration-app/sdk';
 import { IDataBuilderContext } from '../../../components/DataBuilder/types';
-import { ComboBoxOption } from '../types';
 import { ValueSpecType } from '../value-spec';
 export type GetOptionsArgs = {
     input: string;
@@ -8,6 +7,3 @@ export type GetOptionsArgs = {
     variablesSchema?: DataSchema;
     editableVariablesSchemaLocators?: IDataBuilderContext['editableVariablesSchemaLocators'];
 };
-export interface ComboBoxOptionsFactory {
-    getOptions(args: GetOptionsArgs): Promise<ComboBoxOption[]>;
-}

package/dist/types/components/ComboBox/options-factories/utils.d.ts

@@ -1,2 +1,2 @@
-import { ComboBoxOption } from '../types';
+import { ComboBoxOption } from '../shared';
 export declare function filterOptionsByLabel(options: ComboBoxOption[], searchString: string, fuzzy?: boolean, additionalKeys?: string[]): ComboBoxOption[];

package/dist/types/components/ComboBox/options-factories/variable.d.ts

@@ -1,6 +1,6 @@
 import { DataLocator } from '@integration-app/sdk';
-import { ComboBoxOption } from '../types';
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './types';
+import { ComboBoxOptionsFactory, ComboBoxOption } from '../shared';
+import { GetOptionsArgs } from './types';
 interface IVariableOptionFactoryParameters {
     schema: any;
     locator?: DataLocator;

package/dist/types/components/ComboBox/shared.d.ts

@@ -0,0 +1,46 @@
+import { MutableRefObject, ReactNode } from 'react';
+import { DataLocator, DataSchema } from '@integration-app/sdk';
+import { SvgIconType } from '../../components/SvgIcon/svg-icon-type';
+export declare enum DropdownCategoryType {
+    ROOT = "root",
+    VARIABLE = "variable",
+    OPTIONS = "options",
+    FORMULA = "formula",
+    FORMULA_CONFIG = "formula_config",
+    CUSTOM = "custom",
+    LOOKUP_OPTIONS = "lookup_options",
+    SELECT_FROM_UDM_DYNAMICALLY = "select_from_udm_dynamically"
+}
+export type ValueDataType = any;
+export type PopperRefElementType = HTMLElement | MutableRefObject<HTMLElement | null>;
+export interface ComboBoxOption {
+    value?: ValueDataType;
+    label: ReactNode;
+    hint?: string;
+    hintPrefix?: string;
+    searchLabel?: string;
+    childrenCount?: number;
+    isSection?: boolean;
+    drillDown?: DataLocator;
+    drillDownOptionFactory?: any;
+    addVariable?: string;
+    childCategory?: DropdownCategoryType;
+    iconUri?: string;
+    iconType?: SvgIconType;
+}
+export interface ComboBoxOptionsFactory {
+    getOptions(args: {
+        input: string;
+        spec?: any;
+        variablesSchema?: DataSchema;
+        editableVariablesSchemaLocators?: string[];
+    }): Promise<ComboBoxOption[]>;
+}
+type RenderCategoryType = Record<DropdownCategoryType, {
+    title: string;
+    icon?: SvgIconType;
+    hideSearchInput?: boolean;
+    hasConfigUI?: boolean;
+}>;
+export declare const dropdownCategoryConfig: RenderCategoryType;
+export {};

package/dist/types/components/ComboBox/tests/presets.d.ts

@@ -1,4 +1,4 @@
 import { DataSchema } from '@integration-app/sdk';
-import { ComboBoxOption } from '../types';
+import { ComboBoxOption } from '../shared';
 export declare const mockOptions: ComboBoxOption[];
 export declare const mockVariablesSchema: DataSchema;