@integration-app/react 2.0.3 → 2.1.0

package/dist/types/components/SvgIcon/svg-icon-type.d.ts

@@ -37,6 +37,7 @@ export declare enum SvgIconType {
     ExternalLink = "ExternalLink",
     Folder = "Folder",
     Function = "Function",
+    ListOption = "ListOption",
     InfoCircle = "InfoCircle",
     Impersonation = "Impersonation",
     HamburgerMenu = "HamburgerMenu",
@@ -75,8 +76,8 @@ export declare enum SvgIconType {
     ActionsEntity = "Actions",
     TemplatesEntity = "Templates",
     TemplateEntity = "Template",
-    IntegrationsEntity = "Integrations",
-    IntegrationEntity = "Integration",
+    AppsEntity = "Apps",
+    AppEntity = "App",
     ApisEntity = "Apis",
     ApiEntity = "Api",
     FieldMappingsEntity = "FieldMappings",

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

@@ -1,5 +1,6 @@
 import React, { ReactElement } from 'react';
 import { Tooltip as PTooltip } from '../../ui-kit/tooltip';
+import { RecipeVariantProps } from '../../styled-system/css';
 type RootProps = React.ComponentProps<typeof PTooltip.Root>;
 export type GenericTooltipProps = {
     tooltip: string | ReactElement;
@@ -10,6 +11,38 @@ export type GenericTooltipProps = {
     className?: string;
     disabled?: boolean;
     children: ReactElement;
+    withArrow?: boolean;
 };
-export declare const Tooltip: React.ForwardRefExoticComponent<GenericTooltipProps & React.RefAttributes<HTMLDivElement>>;
+declare const tooltipRecipe: import("../../styled-system/types").SlotRecipeRuntimeFn<"content" | "arrow-tip", {
+    type: {
+        default: {
+            content: {
+                background: "neutral.3";
+                rounded: "sm";
+                color: "black";
+            };
+            'arrow-tip': {
+                background: "neutral.3!";
+            };
+        };
+        dropdown: {
+            content: {
+                background: "black";
+                rounded: "xl";
+                color: "white";
+                fontWeight: "medium";
+                px: "2";
+                py: "1.5";
+                maxW: "full";
+            };
+            'arrow-tip': {
+                background: "black!";
+            };
+        };
+    };
+}>;
+export type TooltipVariants = RecipeVariantProps<typeof tooltipRecipe>;
+export declare const Tooltip: React.ForwardRefExoticComponent<GenericTooltipProps & {
+    type?: "default" | "dropdown" | undefined;
+} & React.RefAttributes<HTMLDivElement>>;
 export {};

package/dist/types/hooks/keyboard-events.d.ts

@@ -7,7 +7,12 @@ export declare enum EVENT_TYPE {
     OPTION_SELECT = "option_select",
     FORM_SUBMIT = "form_submit"
 }
-type CallbackFunctionType = () => void;
-export declare function useOptionListKeyNavDispatch(ref?: Element | MutableRefObject<any> | null): void;
-export declare function useKeyboardEventSubscribe(event: EVENT_TYPE, callback: CallbackFunctionType): void;
+type ScopedComboboxId = string;
+type CallbackFunctionType = (scopedComboboxId: ScopedComboboxId) => void;
+export declare function useOptionListKeyNavDispatch(ref: HTMLElement | MutableRefObject<HTMLElement> | null | undefined, scopedComboboxId: string): void;
+export declare function useKeyboardEventSubscribe({ scopedComboboxId: scopedComboboxId, event, callback, }: {
+    scopedComboboxId: string;
+    event: EVENT_TYPE;
+    callback: CallbackFunctionType;
+}): void;
 export {};

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

@@ -17,4 +17,4 @@ export declare const Indicator: import("react").ForwardRefExoticComponent<Omit<A
 export declare const Positioner: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.PositionerBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Title: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"div">, Popover.TitleBaseProps>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export declare const Trigger: import("react").ForwardRefExoticComponent<Omit<Assign<HTMLStyledProps<"button">, Popover.TriggerBaseProps>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
-export { PopoverContext as Context } from '@ark-ui/react/popover';
+export { PopoverContext as Context, usePopoverContext, } from '@ark-ui/react/popover';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@integration-app/react",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "",
   "author": "Integration.app",
   "type": "module",
@@ -61,7 +61,7 @@
   "dependencies": {
     "@ark-ui/react": "^4.1.1",
     "@headlessui/react": "^1.7.18",
-    "@integration-app/sdk": "^1.5.1",
+    "@integration-app/sdk": "^1.5.3",
     "@popperjs/core": "^2.11.5",
     "@tabler/icons-react": "^2.30.0",
     "@tiptap/core": "^2.3.0",
@@ -113,7 +113,6 @@
     "@types/react-dom": "^18.3.1",
     "@vitejs/plugin-react": "^4.3.3",
     "autoprefixer": "^10.4.20",
-    "axios-mock-adapter": "^2.0.0",
     "chokidar": "^4.0.0",
     "commander": "^12.1.0",
     "concurrently": "^9.0.1",
@@ -121,6 +120,8 @@
     "execa": "^9.4.0",
     "jsdom": "^25.0.1",
     "madge": "^8.0.0",
+    "msw": "^2.6.8",
+    "msw-storybook-addon": "^2.0.4",
     "postcss-import": "^16.1.0",
     "postcss-nesting": "^13.0.0",
     "react-helmet": "^6.1.0",
@@ -145,5 +146,10 @@
   },
   "overrides": {
     "express": "^4.20.0"
+  },
+  "msw": {
+    "workerDirectory": [
+      "public"
+    ]
   }
 }

package/dist/cjs/components/ComboBox/options-factories/reference-udm.cjs

@@ -1,40 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
- */
-'use client';
-
-'use strict';
-
-var sdk = require('@integration-app/sdk');
-var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
-var types = require('../types.cjs');
-var utils = require('./utils.cjs');
-
-class ReferenceUdmOptionFactory {
-  constructor(schema) {
-    this.schema = schema;
-  }
-  async getOptions({
-    input
-  }) {
-    const options = [];
-    const udm = this.schema?.referenceUdm;
-    const udmSpec = sdk.UNIFIED_DATA_MODELS[udm];
-    if (udmSpec) {
-      options.push({
-        label: "Select Dynamically Using Variables",
-        iconType: svgIconType.SvgIconType.Search,
-        childCategory: types.DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY,
-        value: {
-          $lookup: {}
-        }
-      });
-    }
-    return utils.filterOptionsByLabel(options, input);
-  }
-}
-
-exports.ReferenceUdmOptionFactory = ReferenceUdmOptionFactory;

package/dist/cjs/components/DropdownUI/Root.cjs

@@ -1,32 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var svaRecipe = require('./sva-recipe.cjs');
-var keyboardEvents = require('../../hooks/keyboard-events.cjs');
-require('../../styled-system/css/css.cjs');
-require('../../styled-system/helpers.cjs');
-require('../../styled-system/jsx/is-valid-prop.cjs');
-var box = require('../../styled-system/jsx/box.cjs');
-var flex = require('../../styled-system/jsx/flex.cjs');
-require('../../styled-system/patterns/visually-hidden.cjs');
-
-const Root = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const [keyboardRef, setKeyboardRef] = React.useState(null);
-    const { root, navigator } = svaRecipe.dropdownRecipe({});
-    keyboardEvents.useOptionListKeyNavDispatch(keyboardRef);
-    return /* @__PURE__ */ jsxRuntime.jsx(box.Box, { ref: setKeyboardRef, className: navigator, tabIndex: 0, children: /* @__PURE__ */ jsxRuntime.jsx(flex.Flex, { ref, className: clsx(root, className), ...props, children }) });
-  }
-);
-
-exports.Root = Root;

package/dist/esm/components/ComboBox/options-factories/reference-udm.mjs

@@ -1,38 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
- */
-'use client';
-
-import { UNIFIED_DATA_MODELS } from '@integration-app/sdk';
-import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
-import { DropdownCategoryType } from '../types.mjs';
-import { filterOptionsByLabel } from './utils.mjs';
-
-class ReferenceUdmOptionFactory {
-  constructor(schema) {
-    this.schema = schema;
-  }
-  async getOptions({
-    input
-  }) {
-    const options = [];
-    const udm = this.schema?.referenceUdm;
-    const udmSpec = UNIFIED_DATA_MODELS[udm];
-    if (udmSpec) {
-      options.push({
-        label: "Select Dynamically Using Variables",
-        iconType: SvgIconType.Search,
-        childCategory: DropdownCategoryType.SELECT_FROM_COLLECTION_DYNAMICALLY,
-        value: {
-          $lookup: {}
-        }
-      });
-    }
-    return filterOptionsByLabel(options, input);
-  }
-}
-
-export { ReferenceUdmOptionFactory };

package/dist/esm/components/DropdownUI/Root.mjs

@@ -1,30 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useState } from 'react';
-import clsx from 'clsx';
-import { dropdownRecipe } from './sva-recipe.mjs';
-import { useOptionListKeyNavDispatch } from '../../hooks/keyboard-events.mjs';
-import '../../styled-system/css/css.mjs';
-import '../../styled-system/helpers.mjs';
-import '../../styled-system/jsx/is-valid-prop.mjs';
-import { Box } from '../../styled-system/jsx/box.mjs';
-import { Flex } from '../../styled-system/jsx/flex.mjs';
-import '../../styled-system/patterns/visually-hidden.mjs';
-
-const Root = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    const [keyboardRef, setKeyboardRef] = useState(null);
-    const { root, navigator } = dropdownRecipe({});
-    useOptionListKeyNavDispatch(keyboardRef);
-    return /* @__PURE__ */ jsx(Box, { ref: setKeyboardRef, className: navigator, tabIndex: 0, children: /* @__PURE__ */ jsx(Flex, { ref, className: clsx(root, className), ...props, children }) });
-  }
-);
-
-export { Root };

package/dist/types/__mocks__/axios.d.ts

@@ -1,4 +0,0 @@
-export const axiosMock: MockAdapter;
-export default axios;
-import MockAdapter from 'axios-mock-adapter';
-import axios from 'axios';

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

@@ -1,7 +0,0 @@
-import { ComboBoxOption } from '../types';
-import { ComboBoxOptionsFactory, GetOptionsArgs } from './types';
-export declare class ReferenceUdmOptionFactory implements ComboBoxOptionsFactory {
-    private schema;
-    constructor(schema: any);
-    getOptions({ input, }: GetOptionsArgs): Promise<ComboBoxOption[]>;
-}

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

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