@integration-app/react 2.20.0 → 2.22.0

package/dist/esm/components/ComboBox/Value/Schema.mjs

@@ -1,135 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { getSchemaFromValue, getReferenceCollectionPointerForSchema } from '@integration-app/sdk';
-import { clsx } from 'clsx';
-import useSWR from 'swr';
-import { SvgIcon } from '../../SvgIcon/index.mjs';
-import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
-import { useIntegrationAppConnection } from '../../../contexts/integration-app-connection-context.mjs';
-import { useIntegrationApp } from '../../../contexts/integration-app-context.mjs';
-import { css } from '../../../styled-system/css/css.mjs';
-import '../../../styled-system/helpers.mjs';
-import { ComboBoxTag, getClassFromSchema } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { TagPlaceholder } from '../../Tag/TagPlaceholder.mjs';
-import { Truncate } from '../../Truncate/index.mjs';
-import { CUSTOM_ARRAY_VALUE_LABEL, CUSTOM_OBJECT_VALUE_LABEL } from '../options-factories/custom-field/constants.mjs';
-
-const ComboBoxSchemaValue = forwardRef(
-  ({ value, schema: providedSchema, variablesSchema, className, disabled, ...props }, ref) => {
-    let valueElement;
-    const schema = providedSchema?.type ? providedSchema : getSchemaFromValue(value, variablesSchema);
-    const refCollection = getReferenceCollectionPointerForSchema(schema);
-    if (refCollection) {
-      return /* @__PURE__ */ jsx(ReferenceCollectionValue, { schema, value });
-    }
-    if (schema?.referenceRecords) {
-      const selectedRecord = schema.referenceRecords.find((r) => r.id == value);
-      if (selectedRecord?.name) {
-        valueElement = /* @__PURE__ */ jsx(Truncate, { children: selectedRecord.name });
-      }
-    }
-    if (!valueElement) {
-      switch (schema?.type) {
-        case "boolean":
-          valueElement = value === void 0 ? void 0 : value ? /* @__PURE__ */ jsx(Fragment, { children: "Yes" }) : /* @__PURE__ */ jsx(Fragment, { children: "No" });
-          break;
-        case "object":
-          if (Object.keys(schema?.properties ?? {}).length === 0) {
-            valueElement = /* @__PURE__ */ jsx(Truncate, { children: CUSTOM_OBJECT_VALUE_LABEL });
-          }
-          break;
-        case "array":
-          valueElement = /* @__PURE__ */ jsx(Truncate, { children: CUSTOM_ARRAY_VALUE_LABEL });
-          break;
-        case "string":
-        case "number":
-        case "integer":
-        default:
-          if (value !== void 0) {
-            valueElement = /* @__PURE__ */ jsx(Truncate, { children: value?.toString() });
-          }
-      }
-    }
-    if (valueElement) {
-      return /* @__PURE__ */ jsx(
-        ComboBoxTag,
-        {
-          className: clsx(className, getClassFromSchema(schema)),
-          ref,
-          disabled,
-          ...getIconProps(schema),
-          ...props,
-          children: valueElement
-        }
-      );
-    } else {
-      return /* @__PURE__ */ jsx(TagPlaceholder, { ref, ...props });
-    }
-  }
-);
-ComboBoxSchemaValue.displayName = "ComboBoxSchemaValue";
-function getIconProps(schema) {
-  switch (schema?.type) {
-    case "string":
-      return {
-        icon: SvgIconType.SchemaType_string
-      };
-    case "boolean":
-      return {
-        icon: SvgIconType.SchemaType_boolean
-      };
-    case "number":
-    case "integer":
-      return {
-        icon: SvgIconType.Braces
-      };
-    default:
-      return void 0;
-  }
-}
-function ReferenceCollectionValue({ value, schema }) {
-  const client = useIntegrationApp();
-  const { connectionId } = useIntegrationAppConnection();
-  const strValue = value?.toString() ?? "";
-  const key = `reference-value-${connectionId}-${strValue}`;
-  const pointer = getReferenceCollectionPointerForSchema(schema);
-  const { data: findResponse, isLoading } = useSWR(
-    client && connectionId ? key : void 0,
-    async () => {
-      try {
-        return await client.connection(connectionId).dataCollection(pointer.key, pointer.parameters).findById({ id: value });
-      } catch {
-        return void 0;
-      }
-    }
-  );
-  const record = findResponse?.record;
-  if (isLoading) {
-    return /* @__PURE__ */ jsxs(
-      ComboBoxTag,
-      {
-        className: css({
-          gap: "2"
-        }),
-        children: [
-          /* @__PURE__ */ jsx("span", { children: record?.name || strValue }),
-          /* @__PURE__ */ jsx(SvgIcon, { type: SvgIconType.Loader, className: css({ w: "4", aspectRatio: "aspect-square" }) })
-        ]
-      }
-    );
-  }
-  if (record?.name) {
-    return /* @__PURE__ */ jsx(ComboBoxTag, { children: record.name });
-  }
-  return /* @__PURE__ */ jsx(ComboBoxTag, { children: strValue });
-}
-
-export { ComboBoxSchemaValue };

package/dist/esm/components/ComboBoxElements/Editor/Editor.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = "\n  .Editor-module_editor__hh8sg p {\n    line-height: 2rem !important;\n    min-height: 2rem !important;\n    align-items: center !important;\n    margin: 0px !important;\n    padding: 0px !important;\n  }\n/*\n    I could not get this selector to work with Panda CSS in Lexical editor\n    It's needed to remove fake placeholder when something is typed\n  */\n.Editor-module_editor__hh8sg p:not(:has( > br:only-child))::before {\n    content: none;\n  }\n.Editor-module_editor__hh8sg [data-editor-container='true'] {\n    min-width: 7rem;\n  }\n.Editor-module_editor__hh8sg [data-editor-container='true']:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n}\n:is(.Editor-module_editor__hh8sg [data-editor-container='true']) .is-editor-empty:first-child::before {\n    pointer-events: none;\n    float: left;\n    height: 0px;\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n      content: attr(data-placeholder);\n}\n.Editor-module_editor__hh8sg [data-editor-tag='true'] {\n    display: contents;\n}\n";
-var classes = {"editor":"Editor-module_editor__hh8sg"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/ComboBoxElements/FieldWrapper.mjs

@@ -1,37 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import classes from './inputs.module.css.mjs';
-
-const FieldWrapper = forwardRef(
-  ({ children, disabled, className, requiredAndEmptyField, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      "span",
-      {
-        className: clsx(
-          classes.fieldWrapper,
-          disabled && classes.fieldWrapper__disabled,
-          !!props.onClick && !disabled && classes.fieldWrapper__clickable,
-          !requiredAndEmptyField && classes.fieldWrapper__required,
-          className
-        ),
-        ref,
-        "data-role": "field-wrapper",
-        "aria-disabled": disabled,
-        "aria-readonly": disabled,
-        ...props,
-        children
-      }
-    );
-  }
-);
-
-export { FieldWrapper };

package/dist/esm/components/ComboBoxElements/inputs.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".inputs-module_container__wDMh6 {\n  width: 100%;\n}\n\n@media (min-width: 640px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 640px;\n  }\n}\n\n@media (min-width: 768px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 768px;\n  }\n}\n\n@media (min-width: 1024px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 1024px;\n  }\n}\n\n@media (min-width: 1280px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 1280px;\n  }\n}\n\n@media (min-width: 1536px) {\n\n  .inputs-module_container__wDMh6 {\n    max-width: 1536px;\n  }\n}\n\n.inputs-module_fieldWrapper__fye1c {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.inputs-module_fieldWrapper__disabled__-VUne {\n  --tw-gradient-via-position: 95%;\n  background-image: linear-gradient(to right, var(--tw-gradient-stops));\n  --tw-gradient-from: #F8F8F8 var(--tw-gradient-from-position);\n  --tw-gradient-to: rgb(248 248 248 / 0) var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);\n  --tw-gradient-to: rgb(248 248 248 / 0)  var(--tw-gradient-to-position);\n  --tw-gradient-stops: var(--tw-gradient-from), #F8F8F8 var(--tw-gradient-via-position), var(--tw-gradient-to);\n  --tw-gradient-to: #fff var(--tw-gradient-to-position);\n}\n\n.inputs-module_fieldWrapper__clickable__FeG2H {\n  cursor: pointer;\n}\n\n.inputs-module_fieldWrapper__clickable__FeG2H:has(> * > * > [data-editor-container='true']) {\n  cursor: text;\n}\n\n.inputs-module_fieldWrapper__required__o0Mxj {\n  /* there should be a style but I have no idea */\n}\n\n.inputs-module_tagWrapper__NIIH- {\n  display: contents;\n  cursor: pointer;\n  line-height: 1em;\n}\n\n.inputs-module_tagWrapper__readonly__1megS {\n  cursor: default;\n}\n\n.inputs-module_innerTag__HJFp9 {\n  display: inline-flex;\n  align-items: center;\n}\n";
-var classes = {"fieldWrapper":"inputs-module_fieldWrapper__fye1c","fieldWrapper__disabled":"inputs-module_fieldWrapper__disabled__-VUne","fieldWrapper__clickable":"inputs-module_fieldWrapper__clickable__FeG2H","fieldWrapper__required":"inputs-module_fieldWrapper__required__o0Mxj","tagWrapper":"inputs-module_tagWrapper__NIIH-","tagWrapper__readonly":"inputs-module_tagWrapper__readonly__1megS","innerTag":"inputs-module_innerTag__HJFp9"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/DataBuilder/Formula/copy.mjs

@@ -1,86 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { locatorToField, getFullNameForLocator } from '@integration-app/sdk';
-import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
-import { ComboBox } from '../../ComboBox/ComboBox.mjs';
-import { ConstantOptionFactory } from '../../ComboBox/options-factories/constant.mjs';
-import { getValueSpecFromSchema } from '../../ComboBox/value-spec.mjs';
-import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { Row, Cell, Title } from '../../DataBuilderUI/index.mjs';
-import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { TagPlaceholder } from '../../Tag/TagPlaceholder.mjs';
-import useDataBuilder from '../data-builder-context.mjs';
-import useDataBuilderField from '../field-context.mjs';
-
-const CopyFormula = forwardRef(
-  (props, ref) => {
-    const { topLevelField } = useDataBuilder();
-    const { field } = useDataBuilderField();
-    if (!field || !topLevelField) {
-      return /* @__PURE__ */ jsx("span", { children: "Copy formula cannot be used here." });
-    }
-    return /* @__PURE__ */ jsx(Formula, { ref, onClick: props.onClick, children: /* @__PURE__ */ jsxs(Variable, { children: [
-      /* @__PURE__ */ jsx(VariableSvgIcon, { type: SvgIconType.Function }),
-      " Copy Value from Another Field"
-    ] }) });
-  }
-);
-CopyFormula.displayName = "CopyFormula";
-function CopyFormulaDropdown(props) {
-  const { onChange, formula } = props;
-  const { topLevelField } = useDataBuilder();
-  const { field } = useDataBuilderField();
-  if (!field || !topLevelField) {
-    return /* @__PURE__ */ jsx("span", { children: "Copy formula cannot be used here." });
-  }
-  function handleLocatorChange(value) {
-    onChange?.({
-      $copy: value
-    });
-  }
-  const valueSchema = field.schema;
-  const valueSpec = {
-    ...getValueSpecFromSchema(valueSchema),
-    allowCustom: false
-  };
-  const locators = Object.keys(topLevelField.schema?.properties ?? {}).filter(
-    (l) => field.valueLocator && l !== locatorToField(field.valueLocator)
-  );
-  const options = locators.map((l) => ({
-    value: l,
-    label: getFullNameForLocator(topLevelField.schema, l)
-  }));
-  const selectedLabel = formula.locator ? getFullNameForLocator(topLevelField.schema, formula.locator) : null;
-  return /* @__PURE__ */ jsxs(Row, { children: [
-    /* @__PURE__ */ jsx(Cell.Name, { children: /* @__PURE__ */ jsx(Title, { children: "Copy Value from Another Field" }) }),
-    /* @__PURE__ */ jsx(Cell.Combobox, { children: /* @__PURE__ */ jsx(
-      ComboBox,
-      {
-        value: formula.locator,
-        schema: valueSchema,
-        valueSpec,
-        optionFactories: [new ConstantOptionFactory(options)],
-        variablesSchema: topLevelField.schema,
-        onChange: handleLocatorChange,
-        valueComponent: /* @__PURE__ */ jsx(CopyFormulaValueComponent, { value: selectedLabel })
-      }
-    ) })
-  ] });
-}
-function CopyFormulaValueComponent({ value, placeholder = "" }) {
-  if (value) {
-    return /* @__PURE__ */ jsx(ComboBoxTag, { children: value });
-  } else {
-    return /* @__PURE__ */ jsx(TagPlaceholder, { children: placeholder });
-  }
-}
-
-export { CopyFormulaDropdown, CopyFormula as default };

package/dist/esm/components/DataBuilder/Formula/record.mjs

@@ -1,23 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { clsx } from 'clsx';
-import classes from './styles.module.css.mjs';
-import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { Truncate } from '../../Truncate/index.mjs';
-
-const RecordFormula = forwardRef((props, ref) => {
-  const { formula } = props;
-  const name = formula.record.name ?? formula.record?.id;
-  return /* @__PURE__ */ jsx(ComboBoxTag, { ref, disabled: props.disabled, children: /* @__PURE__ */ jsx("span", { className: clsx(classes.valueRef, classes.valueRefFlex), title: name, children: /* @__PURE__ */ jsx(Truncate, { children: name }) }) });
-});
-RecordFormula.displayName = "RecordFormula";
-
-export { RecordFormula as default };

package/dist/esm/components/DataBuilder/Formula/styles.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".styles-module_valueRef__ZFG-S {\n  display: block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap\n}\n.styles-module_valueRef__ZFG-S img,\n.styles-module_valueRef__ZFG-S svg {\n  display: inline-block;\n  vertical-align: middle;\n  margin-top: -0.1rem;\n  max-height: 1rem\n}\n.styles-module_valueRef__ZFG-S img {\n  margin-right: -0.125rem\n}\n.styles-module_valueRefFlex__G5lJH {\n  display: inline-flex;\n  justify-content: center\n}\n.styles-module_name__VBTS9 {\n  white-space: nowrap\n}\n.styles-module_valueRefTruncate__Nh-Hg {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center\n}\n.styles-module_truncatedSegment__w48mz {\n  display: inline-block;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap\n}\n.styles-module_visibleSegment__--BWS {\n  flex-shrink: 0;\n  flex-grow: 0\n}\n.styles-module_tagIcon__uOapU {\n  margin-right: 0.25rem;\n  display: inline-block;\n  height: 1rem;\n  width: 1rem\n}\n.styles-module_caseContainer__rb67a {\n  margin-top: 0.5rem\n}\n.styles-module_caseContainer__rb67a .styles-module_field__lJDbN {\n  position: relative\n}\n.styles-module_caseContainer__rb67a .styles-module_field__lJDbN .styles-module_deleteButton__qo19I {\n  position: absolute;\n  top: 50%;\n  right: 0px;\n  margin-top: -0.625rem\n}\n";
-var classes = {"valueRef":"styles-module_valueRef__ZFG-S","valueRefFlex":"styles-module_valueRefFlex__G5lJH","name":"styles-module_name__VBTS9","valueRefTruncate":"styles-module_valueRefTruncate__Nh-Hg","truncatedSegment":"styles-module_truncatedSegment__w48mz","visibleSegment":"styles-module_visibleSegment__--BWS","caseContainer":"styles-module_caseContainer__rb67a","field":"styles-module_field__lJDbN","deleteButton":"styles-module_deleteButton__qo19I"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/DataBuilder/styles.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".styles-module_tagGeneric__8PwLz {\n  display: inline-flex;\n  align-items: center;\n  padding: 0.5rem;\n  border-radius: 0.25rem;\n  background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1));\n  --tw-bg-opacity: 0.7;\n  cursor: pointer;\n}\n.styles-module_tagGeneric__8PwLz + .styles-module_tagGeneric__8PwLz {\n  margin-left: 0.5rem;\n}\n.styles-module_tagIcon__1UWRr {\n  color: #b8c6dc;\n  margin-right: 0.25rem;\n  height: 1rem;\n  width: 1rem;\n}\n.styles-module_scalarArrayField__wJ59Y {\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-start;\n  cursor: pointer;\n  min-height: 2.5rem;\n}\n.styles-module_scalarArrayField__wJ59Y::after {\n  margin: 0.25rem;\n  display: inline-flex;\n  height: 2rem;\n  align-items: center;\n  border-radius: 0.25rem;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  font-size: 1.188rem;\n  line-height: 1.2;\n  --tw-text-opacity: 1;\n  color: rgb(238 238 238 / var(--tw-text-opacity, 1));\n}\n.styles-module_scalarArrayField__wJ59Y:hover::after {\n  --tw-text-opacity: 1;\n  color: rgb(221 221 221 / var(--tw-text-opacity, 1));\n}\n.styles-module_scalarArrayField__wJ59Y:not(:empty)::after {\n  content: '+';\n}\n.styles-module_fieldset__Ob8aH {\n  margin-top: 1rem;\n}\n.styles-module_fieldset__Ob8aH h3 {\n  font-size: 0.875rem;\n  line-height: 1.4;\n  font-weight: 700;\n}\n.styles-module_fieldset__Ob8aH label {\n  margin-bottom: 0.25rem;\n  display: block;\n  cursor: pointer;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.styles-module_backButton__if8y- {\n  margin-bottom: -0.5rem;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.375rem;\n  padding-bottom: 0.375rem;\n  font-size: 0.75rem;\n  line-height: 1.4;\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n\n  border-radius: 3px 3px 0 0 !important;\n  border-bottom: none;\n}\n.styles-module_saveButton__quwic {\n  margin-top: 1rem;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n  padding-left: 1.5rem;\n  padding-right: 1.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n.styles-module_drilldownContent__ybSnu {\n  margin-top: 1rem;\n  margin-bottom: 1rem;\n}\n.styles-module_drilldownContent__ybSnu .styles-module_recordName__1WPiq {\n  border-top-left-radius: 0;\n}\n.styles-module_drilldownContent__ybSnu > .styles-module_nestedLevel__rigjy > .styles-module_record__atsLj {\n  padding-top: 0px;\n}\n.styles-module_drilldownContent__ybSnu .styles-module_nestedLevel__rigjy .styles-module_nestedLevel__rigjy > .styles-module_record__atsLj::before {\n  background-image: none;\n}\n";
-var classes = {};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/DataBuilderUI/FieldControlPanel/FieldControlPanel.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = ".FieldControlPanel-module_panel__UV0oU {\n    max-width: 100%;\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n    -moz-column-gap: 0.5rem;\n         column-gap: 0.5rem;\n    row-gap: 0.25rem;\n}\n.FieldControlPanel-module_panel__noWrap__1jpGD {\n    flex-wrap: nowrap;\n}\n.FieldControlPanel-module_panel_text__rGw-h {\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n}\n.FieldControlPanel-module_button__RcITE {\n    max-width: 100%;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 0.625rem;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;\n    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;\n    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n    transition-duration: 200ms;\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, 1));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n    margin: 0px;\n    padding-top: 0.375rem;\n    padding-bottom: 0.375rem;\n    padding-left: 0.875rem;\n    padding-right: 0.875rem;\n}\n.FieldControlPanel-module_button__RcITE:hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));\n}\n.FieldControlPanel-module_button__RcITE:disabled {\n    cursor: not-allowed;\n    --tw-bg-opacity: 1;\n    background-color: rgb(221 221 221 / var(--tw-bg-opacity, 1));\n}\n.FieldControlPanel-module_button__RcITE svg {\n    height: 0.75rem;\n    width: 0.75rem;\n    flex-shrink: 0;\n    flex-grow: 0;\n    stroke-width: 2px;\n}\n:is(.FieldControlPanel-module_button__RcITE svg):first-child {\n    margin-left: -0.25rem;\n}\n:is(.FieldControlPanel-module_button__RcITE svg):last-child {\n    margin-right: -0.25rem;\n}\n.FieldControlPanel-module_panel__compact__GZTgY .FieldControlPanel-module_button__RcITE {\n    gap: 0.5rem;\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity, 1));\n    padding-top: 0.125rem;\n    padding-bottom: 0.125rem;\n    padding-left: 0.625rem;\n    padding-right: 0.625rem;\n}\n:is(.FieldControlPanel-module_panel__compact__GZTgY .FieldControlPanel-module_button__RcITE) svg {\n    stroke-width: 1;\n    --tw-text-opacity: 1;\n    color: rgb(105 105 105 / var(--tw-text-opacity, 1));\n}\n:is(.FieldControlPanel-module_panel__compact__GZTgY .FieldControlPanel-module_button__RcITE):hover {\n    --tw-bg-opacity: 1;\n    background-color: rgb(238 238 238 / var(--tw-bg-opacity, 1));\n    --tw-text-opacity: 1;\n    color: rgb(39 39 39 / var(--tw-text-opacity, 1));\n}\n:is(.FieldControlPanel-module_panel__compact__GZTgY .FieldControlPanel-module_button__RcITE):hover svg {\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.FieldControlPanel-module_buttonGroup__1G4iu {\n    display: flex;\n    flex-direction: row;\n    flex-wrap: nowrap;\n    overflow: hidden;\n    max-width: 100%;\n}\n.FieldControlPanel-module_buttonGroup__1G4iu .FieldControlPanel-module_button__RcITE {\n    border-radius: 0;\n}\n:is(.FieldControlPanel-module_buttonGroup__1G4iu .FieldControlPanel-module_button__RcITE):not(:first-child) {\n    margin-left: -1px;\n  }\n:is(.FieldControlPanel-module_buttonGroup__1G4iu .FieldControlPanel-module_button__RcITE):first-child {\n    border-top-left-radius: 0.25rem;\n    border-bottom-left-radius: 0.25rem;\n}\n:is(.FieldControlPanel-module_buttonGroup__1G4iu .FieldControlPanel-module_button__RcITE):last-child {\n    border-top-right-radius: 0.25rem;\n    border-bottom-right-radius: 0.25rem;\n}\n";
-var classes = {"panel":"FieldControlPanel-module_panel__UV0oU","panel__noWrap":"FieldControlPanel-module_panel__noWrap__1jpGD","panel_text":"FieldControlPanel-module_panel_text__rGw-h","button":"FieldControlPanel-module_button__RcITE","panel__compact":"FieldControlPanel-module_panel__compact__GZTgY","buttonGroup":"FieldControlPanel-module_buttonGroup__1G4iu"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/DataBuilderUI/index.mjs

@@ -1,255 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { forwardRef, Children } from 'react';
-import { clsx } from 'clsx';
-import { SvgIconType } from '../SvgIcon/svg-icon-type.mjs';
-import useEventStopPropagation from '../../helpers/hooks/useEventStopPropagation.mjs';
-import { css } from '../../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 '../../styled-system/patterns/visually-hidden.mjs';
-import { SvgIcon } from '../SvgIcon/index.mjs';
-import { Tooltip } from '../Tooltip/index.mjs';
-import classes from './styles.module.css.mjs';
-export { FieldControlPanel } from './FieldControlPanel/index.mjs';
-
-function RowRoot({ children, className, propertiesComponent, embedded, short }) {
-  const childrenList = Array.isArray(children) ? children : [];
-  const nestedPropertiesComponent = childrenList.find((component) => component?.type === RowProperties);
-  const nestedActionBarComponent = childrenList.find((component) => component?.type === ActionBar);
-  const childComponents = !childrenList.length ? children : childrenList.filter(
-    /* FIXME: strictNullCheck temporary fix */
-    // @ts-expect-error TS(2345): Argument of type 'string | JSXElementConstructor<a... Remove this comment to see the full error message
-    (component) => ![RowProperties, ActionBar].includes(component?.type)
-  );
-  return /* @__PURE__ */ jsxs("div", { className: clsx(classes.rowWrapper, embedded && classes.rowWrapperEmbedded), children: [
-    /* @__PURE__ */ jsxs("div", { className: clsx(classes.row, embedded && classes.rowEmbedded, short && classes.rowShort, className), children: [
-      childComponents,
-      nestedActionBarComponent
-    ] }),
-    propertiesComponent,
-    nestedPropertiesComponent
-  ] });
-}
-const RowProperties = forwardRef(({ children, className, expanded, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: clsx(classes.rowProperties, expanded && classes.rowPropertiesExpanded, className),
-      ...props,
-      ref,
-      children
-    }
-  );
-});
-RowProperties.displayName = "RowProperties";
-const Row = Object.assign(RowRoot, {
-  Properties: RowProperties
-});
-const PropertyRoot = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("span", { className: classes.propertyWrapper, children: /* @__PURE__ */ jsx("span", { className: clsx(classes.property, className), ...props, ref, children }) });
-  }
-);
-PropertyRoot.displayName = "PropertyRoot";
-const PropertyName = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("span", { className: clsx(classes.propertyName, className), ...props, ref, children });
-  }
-);
-PropertyName.displayName = "PropertyName";
-const PropertyValue = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("span", { className: clsx(classes.propertyValue, className), ...props, ref, children });
-  }
-);
-PropertyValue.displayName = "PropertyValue";
-const Property = Object.assign(PropertyRoot, {
-  Name: PropertyName,
-  Value: PropertyValue
-});
-const CellRoot = forwardRef(
-  ({ children, disabled, grow, shrink, width, className, ...props }, ref) => {
-    const style = width ? { flexBasis: width } : void 0;
-    return /* @__PURE__ */ jsx(
-      "div",
-      {
-        className: clsx(
-          classes.cell,
-          grow && classes.cellGrow,
-          shrink && classes.cellShrink,
-          disabled && classes.cellDisabled,
-          className
-        ),
-        "aria-disabled": disabled,
-        "aria-readonly": disabled,
-        style,
-        ...props,
-        ref,
-        children
-      }
-    );
-  }
-);
-CellRoot.displayName = "CellRoot";
-const CellName = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Cell, { className: clsx(classes.cellName, className), ...props, ref, children });
-});
-CellName.displayName = "CellName";
-const CellCombobox = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Cell, { className: clsx(classes.cellCombobox, className), ...props, ref, children });
-});
-CellCombobox.displayName = "CellCombobox";
-const CellValue = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Cell, { className: clsx(classes.cellValue, className), ...props, ref, children });
-});
-CellValue.displayName = "CellValue";
-const CellDataInput = CellCombobox;
-CellDataInput.displayName = "CellDataInput";
-const CellInput = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Cell, { className: clsx(classes.cellInput, className), ...props, ref, children });
-});
-CellInput.displayName = "CellInput";
-const CellIcon = forwardRef(({ type, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(Cell, { className: clsx(classes.cellIcon, className), ...props, ref, children: /* @__PURE__ */ jsx(SvgIcon, { type }) });
-});
-CellIcon.displayName = "CellIcon";
-const Cell = Object.assign(CellRoot, {
-  Name: CellName,
-  Combobox: CellCombobox,
-  // @deprecated
-  DataInput: CellDataInput,
-  Input: CellInput,
-  Tag: CellCombobox,
-  Icon: CellIcon,
-  Value: CellValue
-});
-const Title = forwardRef(
-  ({
-    children,
-    required,
-    hasValue,
-    hasError,
-    hasNameConflict,
-    leftSlot,
-    typeSelectorSlot,
-    rightSlot,
-    childrenWrap = false,
-    ...props
-  }, ref) => {
-    const childrenAsText = Children.toArray(children).reduce((acc, el) => {
-      return acc + (typeof el === "string" ? el : "");
-    }, "");
-    return /* @__PURE__ */ jsxs("div", { className: classes.title, ...props, ref, children: [
-      /* @__PURE__ */ jsxs("div", { className: classes.title_leftSide, children: [
-        leftSlot && /* @__PURE__ */ jsx("div", { children: leftSlot }),
-        /* @__PURE__ */ jsx(
-          "div",
-          {
-            className: clsx(classes.title_title, {
-              [classes.title_title__wrap]: childrenWrap
-            }),
-            title: childrenAsText,
-            children
-          }
-        ),
-        rightSlot && /* @__PURE__ */ jsx(Fragment, { children: typeSelectorSlot })
-      ] }),
-      /* @__PURE__ */ jsxs("div", { className: classes.title_rightSide, children: [
-        rightSlot && /* @__PURE__ */ jsx(Fragment, { children: rightSlot }),
-        hasError && /* @__PURE__ */ jsx("span", { className: clsx(classes.title_dot, classes.title_dot__error) }),
-        hasNameConflict && /* @__PURE__ */ jsx(Tooltip, { tooltip: "Current field name is already used", delayToShow: 0, children: /* @__PURE__ */ jsxs(Box, { children: [
-          /* @__PURE__ */ jsx("span", { className: clsx(classes.title_dot, classes["title_dot__name-conflict"]) }),
-          /* @__PURE__ */ jsx("span", { className: css({ srOnly: true }), children: "Current field name is already used" })
-        ] }) }),
-        required && !hasError && !hasValue && /* @__PURE__ */ jsx(Tooltip, { tooltip: "Field is required", delayToShow: 0, children: /* @__PURE__ */ jsx("span", { className: clsx(classes.title_dot, classes.title_dot__required) }) })
-      ] })
-    ] });
-  }
-);
-Title.displayName = "Title";
-const Description = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("div", { className: classes.description, ...props, ref, children });
-});
-Description.displayName = "Description";
-const ValueRoot = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx("div", { className: classes.cellValue, ...props, ref, children });
-});
-ValueRoot.displayName = "Value";
-const ValueCombobox = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ValueRoot, { className: classes.cellValueCombobox, ...props, ref, children });
-});
-ValueCombobox.displayName = "ValueCombobox";
-const Value = Object.assign(ValueRoot, {
-  Combobox: ValueCombobox,
-  Tag: ValueCombobox,
-  Inline: ValueRoot
-});
-const ActionBarRoot = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx("div", { className: clsx(classes.actionBar, className), ...props, ref, children });
-  }
-);
-ActionBarRoot.displayName = "ActionBarRoot";
-const ActionBarGenericButton = forwardRef(
-  ({ className, iconType, tooltip, onClick, ...props }, ref) => {
-    const handleOnClick = useEventStopPropagation(
-      (e) => onClick?.(e)
-    );
-    const button = /* @__PURE__ */ jsx(
-      "button",
-      {
-        type: "button",
-        className: clsx(classes.actionBarButton, className),
-        onClick: handleOnClick,
-        ...props,
-        ref,
-        children: iconType && /* @__PURE__ */ jsx(SvgIcon, { type: iconType })
-      }
-    );
-    if (tooltip) {
-      return /* @__PURE__ */ jsx(Tooltip, { tooltip, children: button });
-    }
-    return button;
-  }
-);
-ActionBarGenericButton.displayName = "ActionBarGenericButton";
-const ActionBarDeleteButton = forwardRef(
-  ({ ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      ActionBarGenericButton,
-      {
-        iconType: SvgIconType.Close,
-        tooltip: "Delete",
-        "aria-label": "Delete",
-        ...props,
-        ref
-      }
-    );
-  }
-);
-ActionBarDeleteButton.displayName = "ActionBarDeleteButton";
-const ActionBar = Object.assign(ActionBarRoot, {
-  GenericButton: ActionBarGenericButton,
-  DeleteButton: ActionBarDeleteButton
-});
-const BASE_LEVEL = 1;
-function NestedLevel({ level = BASE_LEVEL, children }) {
-  if (level === BASE_LEVEL - 1) {
-    return children;
-  }
-  return /* @__PURE__ */ jsx("div", { className: clsx(classes.nestedLevel), children: /* @__PURE__ */ jsx(NestedLevel, { level: level - 1, children }) });
-}
-function DrilldownBlockContentWrapper({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: classes.drilldownWrapper, children });
-}
-
-export { ActionBar, Cell, Description, DrilldownBlockContentWrapper, NestedLevel, Property, Row, Title, Value };

package/dist/esm/components/Formula/index.mjs

@@ -1,28 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import classes from './styles.module.css.mjs';
-import { SvgIcon } from '../SvgIcon/index.mjs';
-
-const Formula = forwardRef(({ children, onClick }, ref) => {
-  function handleClick() {
-    onClick?.();
-  }
-  return /* @__PURE__ */ jsx("div", { className: classes.formula, onClick: handleClick, ref, children: /* @__PURE__ */ jsx("div", { className: classes.variables, children }) });
-});
-Formula.displayName = "Formula";
-function Variable({ children }) {
-  return /* @__PURE__ */ jsx("div", { className: classes.variable, children });
-}
-function VariableSvgIcon({ type }) {
-  return /* @__PURE__ */ jsx(SvgIcon, { type, className: classes.variableSvgIcon });
-}
-
-export { Formula, Variable, VariableSvgIcon };