@integration-app/react 2.0.3 → 2.1.0

package/dist/esm/styled-system/recipes/avatar.mjs

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

package/dist/esm/styled-system/recipes/badge.mjs

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

package/dist/esm/styled-system/recipes/button.mjs

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

package/dist/esm/styled-system/recipes/create-recipe.mjs

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

package/dist/esm/styled-system/recipes/icon.mjs

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

package/dist/esm/styled-system/recipes/input.mjs

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

package/dist/esm/styled-system/recipes/menu.mjs

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

package/dist/esm/styled-system/recipes/popover.mjs

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

package/dist/esm/styled-system/recipes/skeleton.mjs

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

package/dist/esm/styled-system/recipes/spinner.mjs

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

package/dist/esm/styled-system/recipes/text.mjs

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

package/dist/esm/styled-system/recipes/tooltip.mjs

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

package/dist/esm/styled-system/tokens/index.mjs

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

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

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

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

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

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

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

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

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

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

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

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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 'use client';
 

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

@@ -3,12 +3,12 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
+ * v2.1.0
  */
 'use client';
 
 import { Popover } from '@ark-ui/react/popover';
-export { PopoverContext as Context } from '@ark-ui/react/popover';
+export { PopoverContext as Context, usePopoverContext } from '@ark-ui/react/popover';
 import '../../styled-system/helpers.mjs';
 import '../../styled-system/css/conditions.mjs';
 import '../../styled-system/css/css.mjs';
@@ -18,7 +18,7 @@ import { createStyleContext } from './utils/create-style-context.mjs';
 const { withRootProvider, withContext } = createStyleContext(popover);
 withRootProvider(Popover.RootProvider);
 const Root = withRootProvider(Popover.Root);
-withContext(Popover.Anchor, "anchor");
+const Anchor = withContext(Popover.Anchor, "anchor");
 withContext(Popover.Arrow, "arrow");
 withContext(Popover.ArrowTip, "arrowTip");
 withContext(Popover.CloseTrigger, "closeTrigger");
@@ -26,7 +26,7 @@ const Content = withContext(Popover.Content, "content");
 withContext(Popover.Description, "description");
 withContext(Popover.Indicator, "indicator");
 const Positioner = withContext(Popover.Positioner, "positioner");
-withContext(Popover.Title, "title");
+const Title = withContext(Popover.Title, "title");
 const Trigger = withContext(Popover.Trigger, "trigger");
 
-export { Content, Positioner, Root, Trigger };
+export { Anchor, Content, Positioner, Root, Title, Trigger };

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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 '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.0.3
+ * v2.1.0
  */
 'use client';
 

package/dist/styles.css

@@ -9519,40 +9519,60 @@
     background: var(--iap-colors-gray-3);
 }
 
-  .iap-p_1\.5 {
-    padding: var(--iap-spacing-1\.5);
+  .iap-ring_none {
+    outline: var(--iap-borders-none);
 }
 
-  .iap-w_full {
-    width: var(--iap-sizes-full);
+  .iap-ov_hidden {
+    overflow: hidden;
 }
 
-  .iap-min-w_56 {
-    min-width: var(--iap-sizes-56);
+  .iap-bg_white {
+    background: var(--iap-colors-white);
 }
 
-  .iap-max-w_min\(65em\,_90vw\) {
-    max-width: min(65em, 90vw);
+  .iap-bx-sh_xl {
+    box-shadow: var(--iap-shadows-xl);
 }
 
-  .iap-max-h_full {
-    max-height: var(--iap-sizes-full);
+  .iap-p_0 {
+    padding: var(--iap-spacing-0);
 }
 
-  .iap-ring_none {
-    outline: var(--iap-borders-none);
+  .iap-max-w_none {
+    max-width: none;
 }
 
-  .iap-ov_hidden {
-    overflow: hidden;
+  .iap-max-h_var\(--available-height\,_100\%\) {
+    max-height: var(--available-height, 100%);
 }
 
-  .iap-bg_white {
-    background: var(--iap-colors-white);
+  .iap-h_full {
+    height: var(--iap-sizes-full);
 }
 
-  .iap-bx-sh_xl {
-    box-shadow: var(--iap-shadows-xl);
+  .iap-w_fit-content {
+    width: fit-content;
+}
+
+  .iap-p_1\.5 {
+    padding: var(--iap-spacing-1\.5);
+}
+
+  .iap-w_full {
+    width: var(--iap-sizes-full);
+}
+
+  .iap-min-w_56 {
+    min-width: var(--iap-sizes-56);
+}
+
+  .iap-max-w_min\(65em\,_90vw\) {
+    max-width: min(65em, 90vw);
+}
+
+  .iap-min-h_8 {
+    min-height: var(--iap-sizes-8);
 }
 
   .iap-bdr_none {
@@ -9575,8 +9595,8 @@
     position: relative;
 }
 
-  .iap-min-h_0 {
-    min-height: var(--iap-sizes-0);
+  .iap-max-w_md {
+    max-width: var(--iap-sizes-md);
 }
 
   .iap-gap_1\.5 {
@@ -9719,10 +9739,6 @@
     z-index: 1;
 }
 
-  .iap-p_0 {
-    padding: var(--iap-spacing-0);
-}
-
   .iap-w_auto {
     width: auto;
 }
@@ -9747,16 +9763,32 @@
     color: var(--iap-colors-black);
 }
 
+  .iap-bg_black {
+    background: var(--iap-colors-black);
+}
+
+  .iap-bdr_xl {
+    border-radius: var(--iap-radii-xl);
+}
+
+  .iap-c_white {
+    color: var(--iap-colors-white);
+}
+
+  .iap-bg_neutral\.3\! {
+    background: var(--iap-colors-neutral-3) !important;
+}
+
+  .iap-bg_black\! {
+    background: var(--iap-colors-black) !important;
+}
+
   .iap-trunc_true {
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
 }
 
-  .iap-w_fit-content {
-    width: fit-content;
-}
-
   .iap-px_0 {
     padding-inline: var(--iap-spacing-0);
 }
@@ -9765,6 +9797,10 @@
     animation: var(--iap-animations-fade-in);
 }
 
+  .iap-d_inline {
+    display: inline;
+}
+
   .iap-gap_0\.5 {
     gap: var(--iap-spacing-0\.5);
 }
@@ -9809,10 +9845,6 @@
     height: fit-content;
 }
 
-  .iap-bdr_xl {
-    border-radius: var(--iap-radii-xl);
-}
-
   .iap-my_2 {
     margin-block: var(--iap-spacing-2);
 }
@@ -9829,10 +9861,6 @@
     fill: green;
 }
 
-  .iap-c_white {
-    color: var(--iap-colors-white);
-}
-
   .iap-color-palette_blue {
     --iap-colors-color-palette-light-1: var(--iap-colors-blue-light-1);
     --iap-colors-color-palette-light-2: var(--iap-colors-blue-light-2);
@@ -9932,6 +9960,10 @@
     gap: var(--iap-spacing-2\.5);
 }
 
+  .iap-max-h_full {
+    max-height: var(--iap-sizes-full);
+}
+
   .iap-ov_scroll {
     overflow: scroll;
 }
@@ -9944,6 +9976,10 @@
     flex: 1 1 0%;
 }
 
+  .iap-min-h_0 {
+    min-height: var(--iap-sizes-0);
+}
+
   .iap-w_min\(30rem\,_70vw\) {
     width: min(30rem, 70vw);
 }
@@ -9952,10 +9988,6 @@
     padding-block: var(--iap-spacing-0\.5);
 }
 
-  .iap-max-w_md {
-    max-width: var(--iap-sizes-md);
-}
-
   .iap-bg_gray\.2 {
     background: var(--iap-colors-gray-2);
 }
@@ -14279,14 +14311,14 @@
     border-width: 0.5px;
 }
 
-  .iap-flex-d_column {
-    flex-direction: column;
-}
-
   .iap-bd-c_gray\.2 {
     border-color: var(--iap-colors-gray-2);
 }
 
+  .iap-flex-d_column {
+    flex-direction: column;
+}
+
   .iap-pb_1\.5 {
     padding-bottom: var(--iap-spacing-1\.5);
 }

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

@@ -1,11 +1,9 @@
 /// <reference types="react" />
-import { DropdownUIPopperProps } from '../../../components/ComboBoxElements/Popper';
 import { ComboBoxDropdownProps, FnOnValueChangeType } from '../types';
 export interface DropdownProps {
-    referenceElement: DropdownUIPopperProps['referenceElement'];
     topDropdownPanelComponent?: ComboBoxDropdownProps['topDropdownPanelComponent'];
     onOptionSelect: FnOnValueChangeType;
-    onClose: () => void;
     autoFocusOnSearch?: boolean;
+    children?: React.ReactNode;
 }
-export declare const Dropdown: import("react").ForwardRefExoticComponent<DropdownProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare function Dropdown({ topDropdownPanelComponent, autoFocusOnSearch, onOptionSelect, children, }: DropdownProps): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;

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

@@ -0,0 +1 @@
+export declare const useMountDropdownReposition: () => void;

package/dist/types/components/ComboBox/DropdownPopover/index.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+export declare function DropdownPopoverProvider({ children, }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownPopoverContent({ children, }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function DropdownAnchor({ children }: {
+    children?: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -5,6 +5,7 @@ interface ComboBoxContextProps extends ComboBoxOptionsProps {
     openDropdown: () => void;
     closeDropdown: () => void;
     topDropdownPanelComponent?: ComboBoxDropdownProps['topDropdownPanelComponent'];
+    scopedComboboxId: string;
 }
 export declare const ComboBoxProvider: ({ value, schema, valueSpec, variablesSchema, options, optionFactories, refsToIgnoreClick, onDropdownOpen, onDropdownClose, autoOpen, topDropdownPanelComponent, children, }: React.PropsWithChildren<ComboBoxOptionsProps & ComboBoxDropdownProps>) => import("react/jsx-runtime").JSX.Element;
 export declare function useComboBox(): ComboBoxContextProps;

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

@@ -5,6 +5,5 @@ export * from './custom-field';
 export * from './enum';
 export * from './object-fields';
 export * from './reference-records';
-export * from './reference-udm';
 export * from './variable';
 export * from './types';

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

@@ -97,7 +97,6 @@ export declare enum DropdownCategoryType {
     FORMULA_CONFIG = "formula_config",
     CUSTOM = "custom",
     LOOKUP_OPTIONS = "lookup_options",
-    SELECT_FROM_COLLECTION_DYNAMICALLY = "select_from_collection_dynamically",
     SELECT_FROM_UDM_DYNAMICALLY = "select_from_udm_dynamically"
 }
 export {};

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

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const Content: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+import { HTMLAttributes } from 'react';
+export declare const PopoverContainer: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,2 @@
+export declare const DROPDOWN_NAVIGATOR_ID = "dropdown-navigator";
+export declare const DROPDOWN_SEARCH_INPUT_ID = "dropdown-search-input";

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

@@ -3,6 +3,7 @@ import { ItemIcon } from './ItemIcon';
 import { ItemTitle } from './ItemTitle';
 import { ItemNestingIndicator } from './ItemNestingIndicator';
 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<{
         value?: string | undefined;
         onChange?: ((value: string) => void) | undefined;

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

@@ -1 +1 @@
-export declare const dropdownRecipe: import("../../styled-system/types").SlotRecipeRuntimeFn<"item" | "list" | "root" | "navigator" | "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" | "list" | "root" | "navigator" | "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 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">>;

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

@@ -0,0 +1,2 @@
+import { MouseEventHandler } from 'react';
+export declare const preventFocusShift: MouseEventHandler;

package/dist/types/components/SvgIcon/BasicEntities.d.ts

@@ -4,7 +4,7 @@ export declare function SvgIconUnifiedInterfaces({ ...props }: {
 export declare function SvgIconUnifiedInterface({ ...props }: {
     [x: string]: any;
 }): import("react/jsx-runtime").JSX.Element;
-export declare function SvgIconIntegration({ ...props }: {
+export declare function SvgIconApp({ ...props }: {
     [x: string]: any;
 }): import("react/jsx-runtime").JSX.Element;
 export declare function SvgIconFieldMappings({ ...props }: {