@integration-app/react 2.0.3-beta.3 → 2.0.3

package/dist/types/ui-kit/styled/utils/create-style-context.d.ts

@@ -12,9 +12,9 @@ export declare const createStyleContext: <R extends Recipe>(recipe: R) => {
     withRootProvider: <P extends {}>(Component: ElementType) => (props: P) => import("react/jsx-runtime").JSX.Element;
     withProvider: <T, P_1 extends {
         className?: string | undefined;
-    }>(Component: ElementType, slot: keyof ReturnType<R>, options?: Options) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
+    }>(Component: ElementType, slot: Slot<R>, options?: Options) => ForwardRefExoticComponent<PropsWithoutRef<P_1> & RefAttributes<T>>;
     withContext: <T_1, P_2 extends {
         className?: string | undefined;
-    }>(Component: ElementType, slot: keyof ReturnType<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
+    }>(Component: ElementType, slot: Slot<R>) => ForwardRefExoticComponent<PropsWithoutRef<P_2> & RefAttributes<T_1>>;
 };
 export {};

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@integration-app/react",
-  "version": "2.0.3-beta.3",
+  "version": "2.0.3",
   "description": "",
   "author": "Integration.app",
   "type": "module",
-  "source": "src/index.tsx",
+  "source": "src/index.ts",
   "main": "./dist/cjs/index.cjs",
   "module": "./dist/esm/index.mjs",
   "types": "./dist/types/index.d.ts",
@@ -55,12 +55,13 @@
     "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"
+    "chromatic": "chromatic --exit-zero-on-changes",
+    "find-circular-deps": "madge ./src/index.ts --warning -c"
   },
   "dependencies": {
     "@ark-ui/react": "^4.1.1",
     "@headlessui/react": "^1.7.18",
-    "@integration-app/sdk": "^1.5.0",
+    "@integration-app/sdk": "^1.5.1",
     "@popperjs/core": "^2.11.5",
     "@tabler/icons-react": "^2.30.0",
     "@tiptap/core": "^2.3.0",
@@ -91,26 +92,26 @@
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@chromatic-com/storybook": "^1.7.0",
-    "@pandacss/dev": "^0.45.1",
+    "@chromatic-com/storybook": "^3.2.2",
+    "@pandacss/dev": "^0.48.0",
     "@park-ui/panda-preset": "^0.42.0",
     "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^15.2.3",
-    "@storybook/addon-docs": "^8.3.5",
-    "@storybook/addon-essentials": "^8.3.5",
-    "@storybook/addon-interactions": "^8.3.5",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/blocks": "^8.2.9",
-    "@storybook/react": "^8.3.5",
-    "@storybook/react-vite": "^8.3.5",
-    "@storybook/test": "^8.3.5",
+    "@storybook/addon-docs": "^8.4.4",
+    "@storybook/addon-essentials": "^8.4.4",
+    "@storybook/addon-interactions": "^8.4.4",
+    "@storybook/addon-links": "^8.4.4",
+    "@storybook/blocks": "^8.4.4",
+    "@storybook/react": "^8.4.4",
+    "@storybook/react-vite": "^8.4.4",
+    "@storybook/test": "^8.4.4",
     "@storybook/test-runner": "^0.19.1",
-    "@storybook/types": "^8.3.3",
+    "@storybook/types": "^8.4.4",
     "@testing-library/dom": "^10.4.0",
     "@testing-library/react": "^16.0.1",
-    "@types/react": "^18.3.0",
-    "@types/react-dom": "^18.3.0",
-    "@vitejs/plugin-react": "^4.3.1",
+    "@types/react": "^18.3.12",
+    "@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",
@@ -119,6 +120,7 @@
     "esbuild": "^0.23.1",
     "execa": "^9.4.0",
     "jsdom": "^25.0.1",
+    "madge": "^8.0.0",
     "postcss-import": "^16.1.0",
     "postcss-nesting": "^13.0.0",
     "react-helmet": "^6.1.0",
@@ -129,14 +131,14 @@
     "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-tsconfig-paths": "^1.5.2",
-    "storybook": "^8.3.5",
+    "storybook": "^8.4.4",
     "tailwindcss": "^3.4.13",
     "tsc-alias": "^1.8.10",
-    "typedoc": "^0.25.4",
+    "typedoc": "^0.26.11",
     "typedoc-plugin-mark-react-functional-components": "^0.2.2",
-    "typedoc-plugin-missing-exports": "^2.1.0",
-    "typedoc-plugin-rename-defaults": "^0.7.0",
-    "typescript": "^5.3.2",
+    "typedoc-plugin-missing-exports": "^3.1.0",
+    "typedoc-plugin-rename-defaults": "^0.7.1",
+    "typescript": "^5.4.4",
     "vite-tsconfig-paths": "^5.0.1",
     "vitest": "^2.1.1",
     "wait-on": "^8.0.1"

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

@@ -1,21 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var comboboxDropdownContext = require('../context/combobox-dropdown-context.cjs');
-var tabs = require('./tabs.cjs');
-
-function ActiveTab({ onSelect }) {
-  const { activeTab } = comboboxDropdownContext.useComboBoxDropdownContext();
-  const ActiveTab2 = (activeTab ? tabs.TAB_COMPONENTS[activeTab] : void 0) ?? (() => /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Unknown Tab" }));
-  return /* @__PURE__ */ jsxRuntime.jsx(ActiveTab2, { onSelect });
-}
-
-exports.ActiveTab = ActiveTab;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/Collections.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Collections-module_wrapper__mUGMk {\n    max-height: 100%;\n    overflow: scroll\n}\n\n.Collections-module_createFieldSchemaForm__F3r63 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n    display: flex;\n    flex-direction: column;\n    gap: 0.25rem\n}\n\n.Collections-module_createFieldSchemaForm__F3r63 label {\n    display: block;\n    cursor: pointer;\n    width: -moz-fit-content;\n    width: fit-content\n}\n\n.Collections-module_createFieldSchemaForm__F3r63 h3,\n.Collections-module_createFieldSchema__0uU9i h3 {\n    font-size: 0.875rem;\n    line-height: 1.4;\n    font-weight: 700;\n    margin-bottom: 0.25rem\n}\n";
-var classes = {"wrapper":"Collections-module_wrapper__mUGMk","createFieldSchemaForm":"Collections-module_createFieldSchemaForm__F3r63","createFieldSchema":"Collections-module_createFieldSchema__0uU9i"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/Formulas/Formulas.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".Formulas-module_formulaConfig__9Ob-8 {\n}\n.Formulas-module_formulaConfig__header__9t0mE {\n  flex-shrink: 0;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 0.5rem\n}\n.Formulas-module_formulaConfig__panel__Mkn2t {\n  padding: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem\n}\n.Formulas-module_formulaConfig__panelContent__yima9 {\n  min-height: 0px;\n  flex: 1 1 0%;\n  overflow-x: auto;\n  width: min(30rem, 70vw)\n}\n.Formulas-module_formulaConfig__footer__7OO-A {\n  flex-shrink: 0;\n  flex-direction: row;\n  align-items: flex-start;\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n  padding-left: 1rem;\n  padding-right: 0.5rem\n}\n";
-var classes = {"formulaConfig":"Formulas-module_formulaConfig__9Ob-8","formulaConfig__header":"Formulas-module_formulaConfig__header__9t0mE","formulaConfig__panel":"Formulas-module_formulaConfig__panel__Mkn2t","formulaConfig__panelContent":"Formulas-module_formulaConfig__panelContent__yima9","formulaConfig__footer":"Formulas-module_formulaConfig__footer__7OO-A"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/Formulas/index.cjs

@@ -1,101 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var sdk = require('@integration-app/sdk');
-var React = require('react');
-var index = require('../../../../DataBuilder/Formula/index.cjs');
-var index$1 = require('../../../../DropdownUI/index.cjs');
-var comboboxContext = require('../../../context/combobox-context.cjs');
-var OptionsList = require('../../OptionsList.cjs');
-var SearchInput = require('../../SearchInput.cjs');
-var UiComponents = require('../LookupOptions/UiComponents.cjs');
-var Button = require('../../../../Button/Button.cjs');
-var Formulas_module = require('./Formulas.module.css.cjs');
-
-const formulas = index.getFormulas();
-function FormulasTab({ onSelect }) {
-  const { value } = comboboxContext.useComboBox();
-  const [userForcedSelectFormula, setUserForcedSelectFormula] = React.useState(false);
-  const formula = sdk.getFormula(value);
-  const formulaSpec = formula?.type && formulas[formula?.type];
-  const formulaDropdownComponentExists = !!formulaSpec?.DropdownComponent;
-  function handleOnSelect(value2) {
-    onSelect(value2);
-    setUserForcedSelectFormula(false);
-  }
-  if (value === null || userForcedSelectFormula || !formulaDropdownComponentExists) {
-    return /* @__PURE__ */ jsxRuntime.jsx(DropdownPanelFormulasList, { onSelect: handleOnSelect });
-  } else {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      DropdownPanelFormulaConfig,
-      {
-        onBackClick: () => setUserForcedSelectFormula(true),
-        onChange: onSelect
-      }
-    );
-  }
-}
-function DropdownPanelFormulasList({
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(SearchInput.DropdownSearchComponent, {}),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.DropdownUI.Panel, { children: /* @__PURE__ */ jsxRuntime.jsx(OptionsList.OptionsList, { onSelect }) })
-  ] });
-}
-function DropdownPanelFormulaConfig({
-  onChange,
-  onBackClick
-}) {
-  const { value, schema, variablesSchema } = comboboxContext.useComboBox();
-  const [localValue, setLocalValue] = React.useState(value);
-  React.useEffect(() => {
-    setLocalValue(value);
-  }, [JSON.stringify(value)]);
-  const formula = sdk.getFormula(localValue);
-  const formulaSpec = formula?.type && formulas[formula?.type];
-  function handleOnChange(newValue) {
-    setLocalValue(newValue);
-  }
-  function handleOnSaveAndClose() {
-    onChange(localValue);
-  }
-  if (!formulaSpec?.DropdownComponent) {
-    return null;
-  }
-  const FormulaInDropdownPanelComponent = formulaSpec?.DropdownComponent;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.DropdownUI.Panel, { className: Formulas_module.default.formulaConfig__header, children: /* @__PURE__ */ jsxRuntime.jsxs(UiComponents.PanelHeader, { children: [
-      formulaSpec?.name ?? "Formula",
-      /* @__PURE__ */ jsxRuntime.jsx(UiComponents.PanelHeaderButton, { onClick: onBackClick, children: "Back" })
-    ] }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.DropdownUI.Panel, { className: Formulas_module.default.formulaConfig__panel, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: Formulas_module.default.formulaConfig__panelContent, children: /* @__PURE__ */ jsxRuntime.jsx(
-      FormulaInDropdownPanelComponent,
-      {
-        formula,
-        schema,
-        variablesSchema,
-        onChange: handleOnChange
-      }
-    ) }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.DropdownUI.Panel, { className: Formulas_module.default.formulaConfig__footer, children: /* @__PURE__ */ jsxRuntime.jsx(
-      Button.Button,
-      {
-        size: "small",
-        variant: "secondary",
-        onClick: handleOnSaveAndClose,
-        children: "Save & Close"
-      }
-    ) })
-  ] });
-}
-
-exports.FormulasTab = FormulasTab;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/OptionsList.cjs

@@ -1,24 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var index = require('../../../../DropdownUI/index.cjs');
-var index$1 = require('../../../../Notification/index.cjs');
-var UiComponents = require('./UiComponents.cjs');
-var UiComponents_module = require('./UiComponents.module.css.cjs');
-
-function OptionsParametersRequired() {
-  return /* @__PURE__ */ jsxRuntime.jsxs(index.DropdownUI.Panel, { withPaddings: true, className: UiComponents_module.default.panel__options, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(UiComponents.PanelHeader, { children: "Available options" }),
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Notification, { mode: "block", type: "default", size: "sm", children: "Please select parameters above to display lists" })
-  ] });
-}
-
-exports.OptionsParametersRequired = OptionsParametersRequired;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/ParametersPanel.cjs

@@ -1,100 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var jsConvertCase = require('js-convert-case');
-var index = require('../../../../DropdownUI/index.cjs');
-var Button = require('../../../../Button/Button.cjs');
-var index$1 = require('../../../../DataBuilder/index.cjs');
-var Form = require('../../../../DataBuilder/Form.cjs');
-var index$2 = require('../../../../SvgIcon/index.cjs');
-var UiComponents = require('./UiComponents.cjs');
-var clsx = require('clsx');
-var ParametersPanel_module = require('./ParametersPanel.module.css.cjs');
-
-function ParametersPanel({ onChange, schema, value }) {
-  const parametersProvided = isParametersProvided(value);
-  const [isEditing, setIsEditing] = React.useState(!parametersProvided);
-  function isParametersProvided(object) {
-    return !!Object.keys(object).length;
-  }
-  function toggleIsEditing() {
-    setIsEditing(!isEditing);
-  }
-  function handleOnClose() {
-    setIsEditing(false);
-  }
-  return /* @__PURE__ */ jsxRuntime.jsxs(
-    index.DropdownUI.Panel,
-    {
-      className: clsx(
-        ParametersPanel_module.default.panel,
-        isEditing ? ParametersPanel_module.default.panel__expanded : ParametersPanel_module.default.panel__collapsed
-      ),
-      children: [
-        /* @__PURE__ */ jsxRuntime.jsxs(UiComponents.PanelHeader, { children: [
-          "Parameters",
-          /* @__PURE__ */ jsxRuntime.jsx(EditParametersButton, { onClick: toggleIsEditing, isEditing })
-        ] }),
-        isEditing ? /* @__PURE__ */ jsxRuntime.jsx(
-          ParametersPanelForm,
-          {
-            onChange,
-            onClose: handleOnClose,
-            schema,
-            value
-          }
-        ) : /* @__PURE__ */ jsxRuntime.jsx(ParametersPanelView, { schema, value })
-      ]
-    }
-  );
-}
-function ParametersPanelForm({ onClose, onChange, schema, value }) {
-  const field = index$1.makeDataField({
-    schema,
-    value
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Form.DataBuilderForm, { field, onChange }),
-    /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(Button.Button, { onClick: onClose, variant: "secondary", children: "Save and Close" }) })
-  ] });
-}
-function ParametersPanelView({
-  schema,
-  value
-}) {
-  const parameters = Object.entries(schema?.properties ?? {}).map(
-    ([key, field]) => {
-      return {
-        title: field?.title || jsConvertCase.toHeaderCase(key),
-        value: value?.[key]
-      };
-    }
-  );
-  if (!parameters.length) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-neutral05", children: "No parameters provided" });
-  }
-  return /* @__PURE__ */ jsxRuntime.jsx(UiComponents.ParametersList, { children: parameters.map(({ title, value: value2 }, i) => /* @__PURE__ */ jsxRuntime.jsx(UiComponents.Parameter, { children: /* @__PURE__ */ jsxRuntime.jsx(UiComponents.ParameterText, { title, value: value2 }) }, i)) });
-}
-function EditParametersButton({
-  onClick,
-  isEditing
-}) {
-  const label = isEditing ? "Cancel" : "Edit";
-  const icon = isEditing ? index$2.SvgIconType.Close : index$2.SvgIconType.Edit;
-  return /* @__PURE__ */ jsxRuntime.jsxs(UiComponents.PanelHeaderButton, { onClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$2.SvgIcon, { type: icon }),
-    " ",
-    label
-  ] });
-}
-
-exports.ParametersPanel = ParametersPanel;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/ParametersPanel.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".ParametersPanel-module_panel__uGStt {\n    display: flex;\n    flex-direction: column;\n    gap: 0.5rem;\n    padding: 0.5rem\n}\n.ParametersPanel-module_panel__collapsed__yLwz3 {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity))\n}\n.ParametersPanel-module_panel__expanded__xhz7X {\n    padding-bottom: 0.75rem\n}\n";
-var classes = {"panel":"ParametersPanel-module_panel__uGStt","panel__collapsed":"ParametersPanel-module_panel__collapsed__yLwz3","panel__expanded":"ParametersPanel-module_panel__expanded__xhz7X"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/UiComponents.cjs

@@ -1,57 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var Button = require('../../../../Button/Button.cjs');
-var UiComponents_module = require('./UiComponents.module.css.cjs');
-
-function PanelHeader({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("h3", { className: UiComponents_module.default.panelHeader, children });
-}
-function PanelHeaderButton({
-  children,
-  ...props
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    Button.Button,
-    {
-      size: "small",
-      variant: "text",
-      className: UiComponents_module.default.panelHeader_button,
-      ...props,
-      children
-    }
-  );
-}
-function ParametersList({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: UiComponents_module.default.parametersList, children });
-}
-function Parameter({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("span", { className: UiComponents_module.default.parameterItem, children });
-}
-function ParameterText({
-  title,
-  value
-}) {
-  if (!value) return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: title });
-  const truncateTo = 20;
-  const truncatedValue = value.length > truncateTo ? `${value?.substring(0, truncateTo)}...` : value;
-  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
-    title,
-    ": ",
-    truncatedValue
-  ] });
-}
-
-exports.PanelHeader = PanelHeader;
-exports.PanelHeaderButton = PanelHeaderButton;
-exports.Parameter = Parameter;
-exports.ParameterText = ParameterText;
-exports.ParametersList = ParametersList;

package/dist/cjs/components/ComboBox/Dropdown/Tabs/LookupOptions/UiComponents.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".UiComponents-module_panelHeader__4vfpL {\n\n    margin-left: 0px;\n\n    margin-right: 0px;\n\n    margin-top: -0.25rem;\n\n    margin-bottom: -0.25rem;\n\n    display: flex;\n\n    flex-direction: row;\n\n    align-items: center;\n\n    padding: 0px;\n\n    font-size: 0.813rem;\n\n    line-height: 1.4;\n\n    --tw-text-opacity: 1;\n\n    color: rgb(170 170 170 / var(--tw-text-opacity))\n}\n\n.UiComponents-module_panelHeader_button__-myB7 {\n\n    margin-left: auto;\n\n    margin-top: -0.125rem;\n\n    --tw-text-opacity: 1;\n\n    color: rgb(105 105 105 / var(--tw-text-opacity))\n}\n\n.UiComponents-module_parametersList__JTGpf {\n\n    display: flex;\n\n    flex-direction: row;\n\n    flex-wrap: wrap;\n\n    gap: 0.5rem\n}\n\n.UiComponents-module_parameterItem__b7sM6 {\n\n    border-radius: 0.25rem;\n\n    --tw-bg-opacity: 1;\n\n    background-color: rgb(221 221 221 / var(--tw-bg-opacity));\n\n    padding-left: 0.5rem;\n\n    padding-right: 0.5rem;\n\n    padding-top: 0.25rem;\n\n    padding-bottom: 0.25rem;\n\n    font-size: 0.813rem;\n\n    line-height: 1.4;\n\n    --tw-text-opacity: 1;\n\n    color: rgb(105 105 105 / var(--tw-text-opacity))\n}\n\n.UiComponents-module_panel__options__HXrZ8 {\n\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 0.5rem\n}\n";
-var classes = {"panelHeader":"UiComponents-module_panelHeader__4vfpL","panelHeader_button":"UiComponents-module_panelHeader_button__-myB7","parametersList":"UiComponents-module_parametersList__JTGpf","parameterItem":"UiComponents-module_parameterItem__b7sM6","panel__options":"UiComponents-module_panel__options__HXrZ8"};
-styleInject(css_248z);
-
-exports.default = classes;

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

@@ -1,75 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-var index = require('../../SvgIcon/index.cjs');
-var types = require('../types.cjs');
-var Options = require('./Tabs/Options.cjs');
-var Variables = require('./Tabs/Variables.cjs');
-var index$1 = require('./Tabs/Formulas/index.cjs');
-var CustomValue = require('./Tabs/CustomValue.cjs');
-var index$2 = require('./Tabs/LookupOptions/index.cjs');
-var Lookup = require('./Tabs/Lookup.cjs');
-
-const renderTabs = {
-  [types.ComboBoxTabType.CUSTOM]: {
-    title: "Custom Value",
-    showIfSingle: true,
-    hideSearchInput: true
-  },
-  [types.ComboBoxTabType.VARIABLE]: {
-    title: "Variable",
-    icon: index.SvgIconType.Variable,
-    showIfSingle: true
-  },
-  [types.ComboBoxTabType.OPTIONS]: {
-    title: "Option"
-  },
-  [types.ComboBoxTabType.FORMULA]: {
-    title: "Formula",
-    showIfSingle: true,
-    hideSearchInput: true
-  },
-  [types.ComboBoxTabType.LOOKUP_OPTIONS]: {
-    title: "Option",
-    showIfSingle: true,
-    hideSearchInput: false
-  },
-  [types.ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY]: {
-    title: "Select Dynamically",
-    showIfSingle: true,
-    hideSearchInput: true
-  },
-  [types.ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY]: {
-    title: "Select Dynamically",
-    showIfSingle: true,
-    hideSearchInput: true
-  }
-};
-const TAB_COMPONENTS = {
-  [types.ComboBoxTabType.OPTIONS]: Options.OptionsTab,
-  [types.ComboBoxTabType.VARIABLE]: Variables.VariablesTab,
-  [types.ComboBoxTabType.FORMULA]: index$1.FormulasTab,
-  [types.ComboBoxTabType.CUSTOM]: CustomValue.CustomValueTab,
-  [types.ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY]: Lookup.LookupTab,
-  [types.ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY]: Lookup.LookupTab,
-  [types.ComboBoxTabType.LOOKUP_OPTIONS]: index$2.LookupOptionsTab
-  //   [TabType.OPTIONS]: OptionsTab,
-  //   [TabType.VARIABLES]: VariablesTab,
-  //   [TabType.FORMULAS]: FormulasTab,
-  //   [TabType.OPTIONS_ENUM]: OptionsEnumTab,
-  //   [TabType.OPTIONS_REF_RECORDS]: OptionsRefRecordsTab,
-  //   [TabType.OPTIONS_REF_COLLECTION]: OptionsRefCollectionTab,
-  //   [TabType.OPTIONS_BOOLEAN]: BooleanTab,
-  //   [TabType.CUSTOM_OBJECT]: CustomObjectTab,
-  //   [TabType.CUSTOM_LIST]: CustomListTab,
-};
-
-exports.TAB_COMPONENTS = TAB_COMPONENTS;
-exports.renderTabs = renderTabs;

package/dist/cjs/components/ComboBox/options-factories/index.cjs

@@ -1,38 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-require('fuse');
-require('../../SvgIcon/index.cjs');
-require('@integration-app/sdk');
-require('js-convert-case');
-require('react/jsx-runtime');
-require('react');
-require('../../Tag/styles.module.css.cjs');
-
-function getSchemaHint(schema) {
-  function formatExample(example) {
-    const exampleStr = example.toString();
-    return exampleStr.length > 30 ? exampleStr.substr(0, 30) + "\u2026" : exampleStr;
-  }
-  if (schema.examples) {
-    return schema.examples.map(formatExample).join(", ");
-  } else if (schema.type == "object") {
-    const propertiesNum = Object.keys(schema.properties ?? {}).length;
-    if (propertiesNum > 0) {
-      return `Object with ${propertiesNum} propert${propertiesNum == 1 ? "y" : "ies"}`;
-    } else {
-      return "Object";
-    }
-  } else {
-    return schema.type;
-  }
-}
-
-exports.getSchemaHint = getSchemaHint;

package/dist/cjs/components/DropdownUI/DropdownUI.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".DropdownUI-module_dropdown__D3kyY {\n  overflow: hidden;\n  display: flex;\n  flex-direction: column;\n  border-radius: 0.25rem;\n  border-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n  max-height: 100%;\n  width: 100%;\n\n  /* If dropdown contains large titles limit its width by 65 symbols or 90% screen width */\n  max-width: min(65em, 90vw);\n}\n\n.DropdownUI-module_dropdown_tabs__CPDTe {\n  display: flex;\n  flex-direction: row;\n  align-items: stretch;\n  justify-content: flex-start;\n  flex-shrink: 0;\n  flex-grow: 0;\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n  overflow: hidden;\n  border-top-left-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n  margin-bottom: -1px;\n}\n\n.DropdownUI-module_dropdown_tab__CRfn7 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: flex-start;\n  gap: 0.375rem;\n  flex-shrink: 0;\n  flex-grow: 0;\n  border-right-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.DropdownUI-module_dropdown_tab__CRfn7:focus {\n  outline: 2px solid transparent;\n  outline-offset: 2px;\n}\n\n.DropdownUI-module_dropdown_tab__CRfn7 {\n  white-space: nowrap;\n}\n\n.DropdownUI-module_dropdown_tab__CRfn7:last-child {\n    margin-right: -1px;\n  }\n\n.DropdownUI-module_dropdown_tab__CRfn7[aria-selected] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n  position: relative;\n  z-index: 10;\n}\n\n.DropdownUI-module_dropdown_tab__CRfn7:not([aria-selected],[disabled]):hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n.DropdownUI-module_dropdown_tab__CRfn7[disabled] {\n  pointer-events: none;\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity));\n}\n\n.DropdownUI-module_dropdown_panel__1Z-BF {\n  display: flex;\n  flex-grow: 1;\n  flex-direction: column;\n  overflow: hidden;\n}\n\n.DropdownUI-module_dropdown_panel__1Z-BF > .DropdownUI-module_dropdown_panel__1Z-BF {\n  flex-shrink: 0;\n  flex-grow: 0;\n}\n\n.DropdownUI-module_dropdown_panel__withPaddings__edwUW {\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n}\n\n.DropdownUI-module_dropdown_tabs__CPDTe + .DropdownUI-module_dropdown_panel__1Z-BF,\n.DropdownUI-module_dropdown_panel__1Z-BF + .DropdownUI-module_dropdown_panel__1Z-BF {\n  border-top-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n}\n\n.DropdownUI-module_dropdown_searchWrapper__-3wdo {\n  flex-shrink: 0;\n  flex-grow: 0;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n}\n\n.DropdownUI-module_dropdown_searchInput__62h7J {\n  width: 100%;\n}\n\n.DropdownUI-module_dropdown_optionList__73Dd5 {\n  overflow-y: auto;\n  position: relative;\n  flex-grow: 1;\n  min-height: 0;\n}\n\n.DropdownUI-module_dropdown_optionItem__elr53 {\n  cursor: pointer;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  padding-top: 0.625rem;\n  padding-bottom: 0.625rem;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.5rem;\n  min-height: 3rem;\n  border-bottom-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n}\n\n.DropdownUI-module_dropdown_optionItem__elr53:last-child {\n  border-bottom-right-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n  border-bottom-width: 0px;\n}\n\n.DropdownUI-module_dropdown_optionItem__elr53:hover,.DropdownUI-module_dropdown_optionItem__elr53[aria-current],.DropdownUI-module_dropdown_optionItem__elr53[data-headlessui-state*='active'] {\n  --tw-bg-opacity: 1;\n  background-color: rgb(0 0 0 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity));\n}\n\n:is(.DropdownUI-module_dropdown_optionItem__elr53[aria-selected='true'],.DropdownUI-module_dropdown_optionItem__elr53[data-headlessui-state*='selected']):not([aria-current],[data-headlessui-state*='active']) {\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.DropdownUI-module_dropdown_optionItem__elr53[aria-readonly],.DropdownUI-module_dropdown_optionItem__elr53[aria-disabled] {\n  pointer-events: none;\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity));\n}\n\n.DropdownUI-module_dropdown_optionItem__elr53[aria-invalid] {\n  pointer-events: none;\n  background-color: rgb(168 54 5 / var(--tw-bg-opacity));\n  --tw-bg-opacity: 0.3;\n}\n\n.DropdownUI-module_dropdown_optionItem__elr53.DropdownUI-module_itemHasChild__tAP2a {\n  cursor: pointer !important;\n}\n\n.DropdownUI-module_dropdown_optionItem__header__w7hYn {\n  font-weight: 700;\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n  position: sticky;\n  top: 0px;\n  z-index: 10;\n  min-height: auto;\n}\n\n.DropdownUI-module_dropdown_optionItem__header__w7hYn:not(.DropdownUI-module_dropdown_optionItem__clickableHeader__NE87W) {\n  pointer-events: none;\n}\n\n.DropdownUI-module_dropdown_optionItem__highlighted__gBRLi {\n  --tw-bg-opacity: 1;\n  background-color: rgb(238 238 238 / var(--tw-bg-opacity));\n}\n";
-var classes = {"dropdown":"DropdownUI-module_dropdown__D3kyY","dropdown_tabs":"DropdownUI-module_dropdown_tabs__CPDTe","dropdown_tab":"DropdownUI-module_dropdown_tab__CRfn7","dropdown_panel":"DropdownUI-module_dropdown_panel__1Z-BF","dropdown_panel__withPaddings":"DropdownUI-module_dropdown_panel__withPaddings__edwUW","dropdown_searchWrapper":"DropdownUI-module_dropdown_searchWrapper__-3wdo","dropdown_searchInput":"DropdownUI-module_dropdown_searchInput__62h7J","dropdown_optionList":"DropdownUI-module_dropdown_optionList__73Dd5","dropdown_optionItem":"DropdownUI-module_dropdown_optionItem__elr53","itemHasChild":"DropdownUI-module_itemHasChild__tAP2a","dropdown_optionItem__header":"DropdownUI-module_dropdown_optionItem__header__w7hYn","dropdown_optionItem__clickableHeader":"DropdownUI-module_dropdown_optionItem__clickableHeader__NE87W","dropdown_optionItem__highlighted":"DropdownUI-module_dropdown_optionItem__highlighted__gBRLi"};
-styleInject(css_248z);
-
-exports.default = classes;