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

package/dist/cjs/components/DropdownUI/DropdownUIElements.cjs

@@ -1,107 +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('../SvgIcon/index.cjs');
-var index$1 = require('../Truncate/index.cjs');
-var DropdownUIElements_module = require('./DropdownUIElements.module.css.cjs');
-var clsx = require('clsx');
-
-function GenericSvgIcon({ type, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type, ...props });
-}
-function GenericImgIcon({ src, ...props }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "", ...props });
-}
-function TabIcon({ className, ...props }) {
-  if ("type" in props && props?.type) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      GenericSvgIcon,
-      {
-        className: clsx(DropdownUIElements_module.default.dropdownElement_tabIcon, className),
-        ...props
-      }
-    );
-  }
-  if ("src" in props && props?.src) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      GenericImgIcon,
-      {
-        className: clsx(DropdownUIElements_module.default.dropdownElement_tabIcon, className),
-        ...props
-      }
-    );
-  }
-  return null;
-}
-function ItemIcon({ className, ...props }) {
-  if ("type" in props && props?.type) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      GenericSvgIcon,
-      {
-        className: clsx(DropdownUIElements_module.default.dropdownElement_itemIcon, className),
-        ...props
-      }
-    );
-  }
-  if ("src" in props && props?.src) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      GenericImgIcon,
-      {
-        className: clsx(DropdownUIElements_module.default.dropdownElement_itemIcon, className),
-        ...props
-      }
-    );
-  }
-  return null;
-}
-function ItemChevronIcon({ open }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.SvgIcon,
-    {
-      className: DropdownUIElements_module.default.dropdownElement_itemChevron,
-      type: open ? index.SvgIconType.ChevronDown : index.SvgIconType.ChevronRight
-    }
-  );
-}
-function ItemBackIcon() {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.SvgIcon,
-    {
-      className: DropdownUIElements_module.default.dropdownElement_itemIcon,
-      type: index.SvgIconType.ChevronLeft
-    }
-  );
-}
-function ItemTitle({
-  children,
-  hint
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DropdownUIElements_module.default.dropdownElement_itemTitle, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.Truncate, { mode: "end", children }),
-    hint && /* @__PURE__ */ jsxRuntime.jsx("small", { children: hint })
-  ] });
-}
-function ItemCustomValue({
-  children,
-  hint
-}) {
-  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: DropdownUIElements_module.default.dropdownElement_itemCustomValue, children: [
-    children,
-    hint && /* @__PURE__ */ jsxRuntime.jsx("small", { children: hint })
-  ] });
-}
-
-exports.ItemBackIcon = ItemBackIcon;
-exports.ItemChevronIcon = ItemChevronIcon;
-exports.ItemCustomValue = ItemCustomValue;
-exports.ItemIcon = ItemIcon;
-exports.ItemTitle = ItemTitle;
-exports.TabIcon = TabIcon;

package/dist/cjs/components/DropdownUI/DropdownUIElements.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 = ".DropdownUIElements-module_dropdownElement_tabIcon__9yyA7 {\n    display: inline-block;\n    height: 1rem;\n    width: 1rem\n}\n\n.DropdownUIElements-module_dropdownElement_itemIcon__PP4ay {\n    flex-shrink: 0;\n    flex-grow: 0;\n    height: 1rem;\n    width: 1rem\n}\n\n.DropdownUIElements-module_dropdownElement_itemChevron__1AIlQ {\n    flex-shrink: 0;\n    flex-grow: 0;\n    margin-left: 0.25rem;\n    height: 1rem;\n    width: 1rem\n}\n\n.DropdownUIElements-module_dropdownElement_itemTitle__PLvD5 {\n    display: flex;\n    flex-grow: 1;\n    flex-direction: column;\n    gap: 0.125rem;\n    max-width: 100%;\n    overflow-wrap: break-word\n}\n\n.DropdownUIElements-module_dropdownElement_itemTitle__PLvD5 > small {\n    font-size: 0.813rem;\n    font-style: italic;\n    line-height: 1.2\n}\n\n.DropdownUIElements-module_dropdownElement_itemCustomValue__LEA9Y {\n    flex-grow: 1;\n    display: flex;\n    flex-direction: row;\n    align-items: baseline;\n    justify-content: space-between;\n    gap: 1rem\n}\n\n.DropdownUIElements-module_dropdownElement_itemCustomValue__LEA9Y small {\n    font-size: 0.75rem;\n    font-style: italic;\n    line-height: 1.2;\n    margin-left: auto\n}\n";
-var classes = {"dropdownElement_tabIcon":"DropdownUIElements-module_dropdownElement_tabIcon__9yyA7","dropdownElement_itemIcon":"DropdownUIElements-module_dropdownElement_itemIcon__PP4ay","dropdownElement_itemChevron":"DropdownUIElements-module_dropdownElement_itemChevron__1AIlQ","dropdownElement_itemTitle":"DropdownUIElements-module_dropdownElement_itemTitle__PLvD5","dropdownElement_itemCustomValue":"DropdownUIElements-module_dropdownElement_itemCustomValue__LEA9Y"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/DropdownUI/DropdownUITab.cjs

@@ -1,36 +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('../SvgIcon/index.cjs');
-
-function DropdownTabRoot({ children }) {
-  return children;
-}
-function DropdownTabIcon(props) {
-  if ("type" in props) {
-    return /* @__PURE__ */ jsxRuntime.jsx(DropdownTabIconSvg, { ...props });
-  }
-  if ("src" in props) {
-    return /* @__PURE__ */ jsxRuntime.jsx(DropdownTabIconImg, { ...props });
-  }
-  return null;
-}
-function DropdownTabIconSvg({ type }) {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type });
-}
-function DropdownTabIconImg({ src }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("img", { src, alt: "" });
-}
-const DropdownTab = Object.assign(DropdownTabRoot, {
-  Icon: DropdownTabIcon
-});
-
-exports.DropdownTab = DropdownTab;

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

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

package/dist/esm/components/ComboBox/Dropdown/Tabs/Collections.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-import styleInject from '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);
-
-export { classes as default };

package/dist/esm/components/ComboBox/Dropdown/Tabs/Formulas/Formulas.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-import styleInject from '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);
-
-export { classes as default };

package/dist/esm/components/ComboBox/Dropdown/Tabs/Formulas/index.mjs

@@ -1,99 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { getFormula } from '@integration-app/sdk';
-import { useState, useEffect } from 'react';
-import { getFormulas } from '../../../../DataBuilder/Formula/index.mjs';
-import { DropdownUI } from '../../../../DropdownUI/index.mjs';
-import { useComboBox } from '../../../context/combobox-context.mjs';
-import { OptionsList } from '../../OptionsList.mjs';
-import { DropdownSearchComponent } from '../../SearchInput.mjs';
-import { PanelHeader, PanelHeaderButton } from '../LookupOptions/UiComponents.mjs';
-import { Button } from '../../../../Button/Button.mjs';
-import classes from './Formulas.module.css.mjs';
-
-const formulas = getFormulas();
-function FormulasTab({ onSelect }) {
-  const { value } = useComboBox();
-  const [userForcedSelectFormula, setUserForcedSelectFormula] = useState(false);
-  const formula = 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__ */ jsx(DropdownPanelFormulasList, { onSelect: handleOnSelect });
-  } else {
-    return /* @__PURE__ */ jsx(
-      DropdownPanelFormulaConfig,
-      {
-        onBackClick: () => setUserForcedSelectFormula(true),
-        onChange: onSelect
-      }
-    );
-  }
-}
-function DropdownPanelFormulasList({
-  onSelect
-}) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(DropdownSearchComponent, {}),
-    /* @__PURE__ */ jsx(DropdownUI.Panel, { children: /* @__PURE__ */ jsx(OptionsList, { onSelect }) })
-  ] });
-}
-function DropdownPanelFormulaConfig({
-  onChange,
-  onBackClick
-}) {
-  const { value, schema, variablesSchema } = useComboBox();
-  const [localValue, setLocalValue] = useState(value);
-  useEffect(() => {
-    setLocalValue(value);
-  }, [JSON.stringify(value)]);
-  const formula = 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__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(DropdownUI.Panel, { className: classes.formulaConfig__header, children: /* @__PURE__ */ jsxs(PanelHeader, { children: [
-      formulaSpec?.name ?? "Formula",
-      /* @__PURE__ */ jsx(PanelHeaderButton, { onClick: onBackClick, children: "Back" })
-    ] }) }),
-    /* @__PURE__ */ jsx(DropdownUI.Panel, { className: classes.formulaConfig__panel, children: /* @__PURE__ */ jsx("div", { className: classes.formulaConfig__panelContent, children: /* @__PURE__ */ jsx(
-      FormulaInDropdownPanelComponent,
-      {
-        formula,
-        schema,
-        variablesSchema,
-        onChange: handleOnChange
-      }
-    ) }) }),
-    /* @__PURE__ */ jsx(DropdownUI.Panel, { className: classes.formulaConfig__footer, children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        variant: "secondary",
-        onClick: handleOnSaveAndClose,
-        children: "Save & Close"
-      }
-    ) })
-  ] });
-}
-
-export { FormulasTab };

package/dist/esm/components/ComboBox/Dropdown/Tabs/LookupOptions/OptionsList.mjs

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

package/dist/esm/components/ComboBox/Dropdown/Tabs/LookupOptions/ParametersPanel.mjs

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

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

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-import styleInject from '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);
-
-export { classes as default };

package/dist/esm/components/ComboBox/Dropdown/Tabs/LookupOptions/UiComponents.mjs

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

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

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-import styleInject from '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);
-
-export { classes as default };

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

@@ -1,72 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-import { SvgIconType } from '../../SvgIcon/index.mjs';
-import { ComboBoxTabType } from '../types.mjs';
-import { OptionsTab } from './Tabs/Options.mjs';
-import { VariablesTab } from './Tabs/Variables.mjs';
-import { FormulasTab } from './Tabs/Formulas/index.mjs';
-import { CustomValueTab } from './Tabs/CustomValue.mjs';
-import { LookupOptionsTab } from './Tabs/LookupOptions/index.mjs';
-import { LookupTab } from './Tabs/Lookup.mjs';
-
-const renderTabs = {
-  [ComboBoxTabType.CUSTOM]: {
-    title: "Custom Value",
-    showIfSingle: true,
-    hideSearchInput: true
-  },
-  [ComboBoxTabType.VARIABLE]: {
-    title: "Variable",
-    icon: SvgIconType.Variable,
-    showIfSingle: true
-  },
-  [ComboBoxTabType.OPTIONS]: {
-    title: "Option"
-  },
-  [ComboBoxTabType.FORMULA]: {
-    title: "Formula",
-    showIfSingle: true,
-    hideSearchInput: true
-  },
-  [ComboBoxTabType.LOOKUP_OPTIONS]: {
-    title: "Option",
-    showIfSingle: true,
-    hideSearchInput: false
-  },
-  [ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY]: {
-    title: "Select Dynamically",
-    showIfSingle: true,
-    hideSearchInput: true
-  },
-  [ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY]: {
-    title: "Select Dynamically",
-    showIfSingle: true,
-    hideSearchInput: true
-  }
-};
-const TAB_COMPONENTS = {
-  [ComboBoxTabType.OPTIONS]: OptionsTab,
-  [ComboBoxTabType.VARIABLE]: VariablesTab,
-  [ComboBoxTabType.FORMULA]: FormulasTab,
-  [ComboBoxTabType.CUSTOM]: CustomValueTab,
-  [ComboBoxTabType.SELECT_FROM_UDM_DYNAMICALLY]: LookupTab,
-  [ComboBoxTabType.SELECT_FROM_COLLECTION_DYNAMICALLY]: LookupTab,
-  [ComboBoxTabType.LOOKUP_OPTIONS]: 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,
-};
-
-export { TAB_COMPONENTS, renderTabs };

package/dist/esm/components/ComboBox/options-factories/index.mjs

@@ -1,36 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-import 'fuse';
-import '../../SvgIcon/index.mjs';
-import '@integration-app/sdk';
-import 'js-convert-case';
-import 'react/jsx-runtime';
-import 'react';
-import '../../Tag/styles.module.css.mjs';
-
-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;
-  }
-}
-
-export { getSchemaHint };

package/dist/esm/components/DropdownUI/DropdownUI.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
- */
-'use client';
-
-import styleInject from '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);
-
-export { classes as default };