@integration-app/react 2.6.3 → 2.7.0

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

package/dist/styles.css

@@ -3634,10 +3634,6 @@
     padding-block: var(--iap-spacing-0\.5);
 }
 
-  .iap-my_1\.5 {
-    margin-block: var(--iap-spacing-1\.5);
-}
-
   .iap-bg_gray\.2 {
     background: var(--iap-colors-gray-2);
 }
@@ -3654,6 +3650,10 @@
     color: var(--iap-colors-warning-11);
 }
 
+  .iap-my_1\.5 {
+    margin-block: var(--iap-spacing-1\.5);
+}
+
   .iap-color-palette_current {
     --iap-colors-color-palette: var(--iap-colors-current);
 }

package/dist/types/components/ComboBox/Dropdown/Categories/LookupOptions/index.d.ts

@@ -1,6 +1,7 @@
 import { FnOnValueChangeType } from '../../../types';
-export declare function LookupOptionsCategoryContent({ onOptionSelect, }: {
+export declare function LookupOptionsCategoryContent({ onOptionSelect, children, }: {
     onOptionSelect: FnOnValueChangeType;
+    children?: React.ReactNode;
 }): import("react/jsx-runtime").JSX.Element | null;
 export declare function OptionsParametersRequiredAlert(): import("react/jsx-runtime").JSX.Element;
 export declare function AdditionalMessageAlert({ text }: {

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

@@ -0,0 +1,9 @@
+import { ComboBoxOption } from '../../types';
+export declare function NavigationContextProvider({ children, }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare function useNavigationContext(options?: ComboBoxOption[], fallbackOptions?: ComboBoxOption[]): {
+    currentItem: ComboBoxOption | "drill-up" | null;
+    moveToNextItem: () => void;
+    moveToPreviousItem: () => void;
+};

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

@@ -0,0 +1,6 @@
+import { ComboBoxOption } from '../../../../components/ComboBox/types';
+export declare const useKeyboardBinding: ({ options, fallbackOptions, onEnter, }: {
+    options: ComboBoxOption[];
+    fallbackOptions: ComboBoxOption[];
+    onEnter?: (option: ComboBoxOption | "drill-up") => void;
+}) => void;

package/dist/types/styled-system/recipes/carousel.d.ts

@@ -19,7 +19,7 @@ export type CarouselVariantProps = {
 
 export interface CarouselRecipe {
   __type: CarouselVariantProps
-  (props?: CarouselVariantProps): Pretty<Record<"root" | "viewport" | "itemGroup" | "item" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "control", string>>
+  (props?: CarouselVariantProps): Pretty<Record<"root" | "itemGroup" | "item" | "control" | "nextTrigger" | "prevTrigger" | "indicatorGroup" | "indicator" | "autoplayTrigger" | "control", string>>
   raw: (props?: CarouselVariantProps) => CarouselVariantProps
   variantMap: CarouselVariantMap
   variantKeys: Array<keyof CarouselVariant>

package/dist/types/styled-system/recipes/file-upload.d.ts

@@ -16,7 +16,7 @@ export type FileUploadVariantProps = {
 
 export interface FileUploadRecipe {
   __type: FileUploadVariantProps
-  (props?: FileUploadVariantProps): Pretty<Record<"root" | "dropzone" | "item" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "label" | "trigger", string>>
+  (props?: FileUploadVariantProps): Pretty<Record<"root" | "dropzone" | "item" | "itemDeleteTrigger" | "itemGroup" | "itemName" | "itemPreview" | "itemPreviewImage" | "itemSizeText" | "label" | "trigger" | "clearTrigger", string>>
   raw: (props?: FileUploadVariantProps) => FileUploadVariantProps
   variantMap: FileUploadVariantMap
   variantKeys: Array<keyof FileUploadVariant>

package/dist/types/styled-system/recipes/qr-code.d.ts

@@ -16,7 +16,7 @@ export type QrCodeVariantProps = {
 
 export interface QrCodeRecipe {
   __type: QrCodeVariantProps
-  (props?: QrCodeVariantProps): Pretty<Record<"root" | "frame" | "pattern" | "overlay", string>>
+  (props?: QrCodeVariantProps): Pretty<Record<"root" | "frame" | "pattern" | "overlay" | "downloadTrigger", string>>
   raw: (props?: QrCodeVariantProps) => QrCodeVariantProps
   variantMap: QrCodeVariantMap
   variantKeys: Array<keyof QrCodeVariant>

package/dist/types/styled-system/recipes/slider.d.ts

@@ -19,7 +19,7 @@ export type SliderVariantProps = {
 
 export interface SliderRecipe {
   __type: SliderVariantProps
-  (props?: SliderVariantProps): Pretty<Record<"root" | "label" | "thumb" | "valueText" | "track" | "range" | "control" | "markerGroup" | "marker", string>>
+  (props?: SliderVariantProps): Pretty<Record<"root" | "label" | "thumb" | "valueText" | "track" | "range" | "control" | "markerGroup" | "marker" | "draggingIndicator", string>>
   raw: (props?: SliderVariantProps) => SliderVariantProps
   variantMap: SliderVariantMap
   variantKeys: Array<keyof SliderVariant>

package/dist/types/styled-system/recipes/tree-view.d.ts

@@ -16,7 +16,7 @@ export type TreeViewVariantProps = {
 
 export interface TreeViewRecipe {
   __type: TreeViewVariantProps
-  (props?: TreeViewVariantProps): Pretty<Record<"root" | "label" | "tree" | "item" | "itemIndicator" | "itemText" | "branch" | "branchControl" | "branchTrigger" | "branchContent" | "branchText" | "branchIndicator", string>>
+  (props?: TreeViewVariantProps): Pretty<Record<"root" | "label" | "tree" | "item" | "itemIndicator" | "itemText" | "branch" | "branchControl" | "branchTrigger" | "branchContent" | "branchText" | "branchIndicator" | "branchIndentGuide", string>>
   raw: (props?: TreeViewVariantProps) => TreeViewVariantProps
   variantMap: TreeViewVariantMap
   variantKeys: Array<keyof TreeViewVariant>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "2.6.3",
+  "version": "2.7.0",
   "description": "",
   "author": "Integration.app",
   "type": "module",
@@ -44,7 +44,7 @@
     "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",
+    "test:storybook:ci:run-tests": "wait-on tcp:6006 && npm run test:storybook -- --maxWorkers=2 ${STORYBOOK_TEST_SHARD:+--shard=$STORYBOOK_TEST_SHARD}",
     "chromatic": "chromatic --exit-zero-on-changes",
     "find-circular-deps": "madge ./src/index.ts --warning -c",
     "docs": "typedoc --tsconfig tsconfig.json --plugin typedoc-plugin-missing-exports",
@@ -97,7 +97,7 @@
     "@storybook/test-runner": "^0.21.3",
     "@storybook/types": "^8.5.6",
     "@testing-library/dom": "^10.4.0",
-    "@testing-library/jest-dom": "^6.5.0",
+    "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.0.1",
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
@@ -129,14 +129,14 @@
     "tsc-alias": "^1.8.10",
     "tsx": "^4.19.2",
     "turbo": "^1.5.2",
-    "typedoc": "^0.26.11",
+    "typedoc": "^0.27.9",
     "typedoc-plugin-mark-react-functional-components": "^0.2.2",
     "typedoc-plugin-missing-exports": "^3.1.0",
     "typedoc-plugin-rename-defaults": "^0.7.1",
     "typescript": "^5.7.3",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^3.0.6",
-    "wait-on": "^8.0.1"
+    "wait-on": "^8.0.3"
   },
   "msw": {
     "workerDirectory": [

package/dist/cjs/components/ComboBox/Dropdown/NavigationContext.cjs

@@ -1,120 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var deepEqual = require('fast-deep-equal');
-var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
-
-const NavigationContext = React.createContext({
-  currentItem: null,
-  moveToNextItem: () => null,
-  moveToPreviousItem: () => null,
-  onOptionsListChange: () => null
-});
-function NavigationContextProvider({
-  children
-}) {
-  const [currentItem, setCurrentItem] = React.useState(null);
-  const { isOptionSelected, drillDownStackTop } = comboboxDropdownContext.useComboBoxDropdownContext();
-  const moveToPreviousItem = (options, fallbackOptions, currentItem2) => {
-    if (currentItem2 === "drill-up") {
-      return;
-    }
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (!currentItem2) {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    const idx = getOptionIndex(currentItem2, itemOptions);
-    if (idx === 0 && !!drillDownStackTop) {
-      setCurrentItem("drill-up");
-      return;
-    }
-    if (idx > 0) {
-      const currentOption = itemOptions[idx - 1];
-      setCurrentItem(currentOption);
-    }
-  };
-  const moveToNextItem = (options, fallbackOptions, currentItem2) => {
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (itemOptions.length === 0) {
-      setCurrentItem(null);
-      return;
-    }
-    if (!currentItem2 || currentItem2 === "drill-up") {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    const idx = getOptionIndex(currentItem2, itemOptions);
-    if (idx < itemOptions.length - 1) {
-      const currentOption = itemOptions[idx + 1];
-      setCurrentItem(currentOption);
-    }
-  };
-  const onOptionsListChange = (options, fallbackOptions) => {
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (!itemOptions.length) {
-      return;
-    }
-    if (currentItem === "drill-up") {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    if (!currentItem || itemOptions.indexOf(currentItem) == -1) {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    if (getOptionIndex(currentItem, itemOptions) == -1) {
-      const selectedOption = options.find(isOptionSelected);
-      if (selectedOption) {
-        setCurrentItem(selectedOption);
-      } else {
-        const onlyOptions = getOnlyItemOptions(options);
-        setCurrentItem(onlyOptions[0]);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    NavigationContext.Provider,
-    {
-      value: {
-        currentItem,
-        moveToNextItem,
-        moveToPreviousItem,
-        onOptionsListChange
-      },
-      children
-    }
-  );
-}
-function useNavigationContext() {
-  return React.useContext(NavigationContext);
-}
-const makeOptionComparable = (option) => {
-  return option && {
-    ...option,
-    label: option.searchLabel ?? option.label?.toString()
-  };
-};
-const getOnlyItemOptions = (options) => options.filter((o) => !o.isSection);
-function getOptionIndex(option, options) {
-  return options.findIndex(
-    (o) => deepEqual(makeOptionComparable(o), makeOptionComparable(option))
-  );
-}
-const getUnifiedOptionsList = (options, fallbackOptions) => {
-  const itemOptions = getOnlyItemOptions(options);
-  const fallbackItemOptions = getOnlyItemOptions(fallbackOptions);
-  return itemOptions.length ? itemOptions : fallbackItemOptions;
-};
-
-exports.NavigationContextProvider = NavigationContextProvider;
-exports.useNavigationContext = useNavigationContext;

package/dist/esm/components/ComboBox/Dropdown/NavigationContext.mjs

@@ -1,117 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.6.3
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { createContext, useContext, useState } from 'react';
-import deepEqual from 'fast-deep-equal';
-import { useComboBoxDropdownContext } from '../context/combobox-dropdown-context.mjs';
-
-const NavigationContext = createContext({
-  currentItem: null,
-  moveToNextItem: () => null,
-  moveToPreviousItem: () => null,
-  onOptionsListChange: () => null
-});
-function NavigationContextProvider({
-  children
-}) {
-  const [currentItem, setCurrentItem] = useState(null);
-  const { isOptionSelected, drillDownStackTop } = useComboBoxDropdownContext();
-  const moveToPreviousItem = (options, fallbackOptions, currentItem2) => {
-    if (currentItem2 === "drill-up") {
-      return;
-    }
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (!currentItem2) {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    const idx = getOptionIndex(currentItem2, itemOptions);
-    if (idx === 0 && !!drillDownStackTop) {
-      setCurrentItem("drill-up");
-      return;
-    }
-    if (idx > 0) {
-      const currentOption = itemOptions[idx - 1];
-      setCurrentItem(currentOption);
-    }
-  };
-  const moveToNextItem = (options, fallbackOptions, currentItem2) => {
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (itemOptions.length === 0) {
-      setCurrentItem(null);
-      return;
-    }
-    if (!currentItem2 || currentItem2 === "drill-up") {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    const idx = getOptionIndex(currentItem2, itemOptions);
-    if (idx < itemOptions.length - 1) {
-      const currentOption = itemOptions[idx + 1];
-      setCurrentItem(currentOption);
-    }
-  };
-  const onOptionsListChange = (options, fallbackOptions) => {
-    const itemOptions = getUnifiedOptionsList(options, fallbackOptions);
-    if (!itemOptions.length) {
-      return;
-    }
-    if (currentItem === "drill-up") {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    if (!currentItem || itemOptions.indexOf(currentItem) == -1) {
-      setCurrentItem(itemOptions[0]);
-      return;
-    }
-    if (getOptionIndex(currentItem, itemOptions) == -1) {
-      const selectedOption = options.find(isOptionSelected);
-      if (selectedOption) {
-        setCurrentItem(selectedOption);
-      } else {
-        const onlyOptions = getOnlyItemOptions(options);
-        setCurrentItem(onlyOptions[0]);
-      }
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    NavigationContext.Provider,
-    {
-      value: {
-        currentItem,
-        moveToNextItem,
-        moveToPreviousItem,
-        onOptionsListChange
-      },
-      children
-    }
-  );
-}
-function useNavigationContext() {
-  return useContext(NavigationContext);
-}
-const makeOptionComparable = (option) => {
-  return option && {
-    ...option,
-    label: option.searchLabel ?? option.label?.toString()
-  };
-};
-const getOnlyItemOptions = (options) => options.filter((o) => !o.isSection);
-function getOptionIndex(option, options) {
-  return options.findIndex(
-    (o) => deepEqual(makeOptionComparable(o), makeOptionComparable(option))
-  );
-}
-const getUnifiedOptionsList = (options, fallbackOptions) => {
-  const itemOptions = getOnlyItemOptions(options);
-  const fallbackItemOptions = getOnlyItemOptions(fallbackOptions);
-  return itemOptions.length ? itemOptions : fallbackItemOptions;
-};
-
-export { NavigationContextProvider, useNavigationContext };

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

@@ -1,12 +0,0 @@
-import { ComboBoxOption } from '../types';
-type Context = {
-    currentItem: ComboBoxOption | 'drill-up' | null;
-    moveToNextItem: (options: ComboBoxOption[], fallbackOptions: ComboBoxOption[], currentItem: Context['currentItem']) => void;
-    moveToPreviousItem: (options: ComboBoxOption[], fallbackOptions: ComboBoxOption[], currentItem: Context['currentItem']) => void;
-    onOptionsListChange: (options: ComboBoxOption[], fallbackOptions: ComboBoxOption[]) => void;
-};
-export declare function NavigationContextProvider({ children, }: {
-    children: React.ReactNode;
-}): import("react/jsx-runtime").JSX.Element;
-export declare function useNavigationContext(): Context;
-export {};