@integration-app/react 2.20.0 → 2.22.0

package/dist/cjs/components/ComboBoxElements/inputs.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('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);
-
-exports.default = classes;

package/dist/cjs/components/DataBuilder/Formula/copy.cjs

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

package/dist/cjs/components/DataBuilder/Formula/record.cjs

@@ -1,27 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var styles_module = require('./styles.module.css.cjs');
-var ComboBoxTag = require('../../ComboBoxElements/ComboBoxTag.cjs');
-var index = require('../../Truncate/index.cjs');
-
-const RecordFormula = React.forwardRef((props, ref) => {
-  const { formula } = props;
-  const name = formula.record.name ?? formula.record?.id;
-  return /* @__PURE__ */ jsxRuntime.jsx(ComboBoxTag.ComboBoxTag, { ref, disabled: props.disabled, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.valueRef, styles_module.default.valueRefFlex), title: name, children: /* @__PURE__ */ jsxRuntime.jsx(index.Truncate, { children: name }) }) });
-});
-RecordFormula.displayName = "RecordFormula";
-
-exports.default = RecordFormula;

package/dist/cjs/components/DataBuilder/Formula/styles.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('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);
-
-exports.default = classes;

package/dist/cjs/components/DataBuilder/styles.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('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);
-
-exports.default = classes;

package/dist/cjs/components/DataBuilderUI/FieldControlPanel/FieldControlPanel.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('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);
-
-exports.default = classes;

package/dist/cjs/components/DataBuilderUI/index.cjs

@@ -1,266 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var clsx = require('clsx');
-var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
-var useEventStopPropagation = require('../../helpers/hooks/useEventStopPropagation.cjs');
-var css = require('../../styled-system/css/css.cjs');
-require('../../styled-system/helpers.cjs');
-require('../../styled-system/jsx/is-valid-prop.cjs');
-var box = require('../../styled-system/jsx/box.cjs');
-require('../../styled-system/patterns/visually-hidden.cjs');
-var index$1 = require('../SvgIcon/index.cjs');
-var index$2 = require('../Tooltip/index.cjs');
-var styles_module = require('./styles.module.css.cjs');
-var index = require('./FieldControlPanel/index.cjs');
-
-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__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(styles_module.default.rowWrapper, embedded && styles_module.default.rowWrapperEmbedded), children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: clsx.clsx(styles_module.default.row, embedded && styles_module.default.rowEmbedded, short && styles_module.default.rowShort, className), children: [
-      childComponents,
-      nestedActionBarComponent
-    ] }),
-    propertiesComponent,
-    nestedPropertiesComponent
-  ] });
-}
-const RowProperties = React.forwardRef(({ children, className, expanded, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    "div",
-    {
-      className: clsx.clsx(styles_module.default.rowProperties, expanded && styles_module.default.rowPropertiesExpanded, className),
-      ...props,
-      ref,
-      children
-    }
-  );
-});
-RowProperties.displayName = "RowProperties";
-const Row = Object.assign(RowRoot, {
-  Properties: RowProperties
-});
-const PropertyRoot = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: styles_module.default.propertyWrapper, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.property, className), ...props, ref, children }) });
-  }
-);
-PropertyRoot.displayName = "PropertyRoot";
-const PropertyName = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.propertyName, className), ...props, ref, children });
-  }
-);
-PropertyName.displayName = "PropertyName";
-const PropertyValue = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.propertyValue, className), ...props, ref, children });
-  }
-);
-PropertyValue.displayName = "PropertyValue";
-const Property = Object.assign(PropertyRoot, {
-  Name: PropertyName,
-  Value: PropertyValue
-});
-const CellRoot = React.forwardRef(
-  ({ children, disabled, grow, shrink, width, className, ...props }, ref) => {
-    const style = width ? { flexBasis: width } : void 0;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      "div",
-      {
-        className: clsx.clsx(
-          styles_module.default.cell,
-          grow && styles_module.default.cellGrow,
-          shrink && styles_module.default.cellShrink,
-          disabled && styles_module.default.cellDisabled,
-          className
-        ),
-        "aria-disabled": disabled,
-        "aria-readonly": disabled,
-        style,
-        ...props,
-        ref,
-        children
-      }
-    );
-  }
-);
-CellRoot.displayName = "CellRoot";
-const CellName = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellName, className), ...props, ref, children });
-});
-CellName.displayName = "CellName";
-const CellCombobox = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellCombobox, className), ...props, ref, children });
-});
-CellCombobox.displayName = "CellCombobox";
-const CellValue = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellValue, className), ...props, ref, children });
-});
-CellValue.displayName = "CellValue";
-const CellDataInput = CellCombobox;
-CellDataInput.displayName = "CellDataInput";
-const CellInput = React.forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellInput, className), ...props, ref, children });
-});
-CellInput.displayName = "CellInput";
-const CellIcon = React.forwardRef(({ type, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(Cell, { className: clsx.clsx(styles_module.default.cellIcon, className), ...props, ref, children: /* @__PURE__ */ jsxRuntime.jsx(index$1.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 = React.forwardRef(
-  ({
-    children,
-    required,
-    hasValue,
-    hasError,
-    hasNameConflict,
-    leftSlot,
-    typeSelectorSlot,
-    rightSlot,
-    childrenWrap = false,
-    ...props
-  }, ref) => {
-    const childrenAsText = React.Children.toArray(children).reduce((acc, el) => {
-      return acc + (typeof el === "string" ? el : "");
-    }, "");
-    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default.title, ...props, ref, children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default.title_leftSide, children: [
-        leftSlot && /* @__PURE__ */ jsxRuntime.jsx("div", { children: leftSlot }),
-        /* @__PURE__ */ jsxRuntime.jsx(
-          "div",
-          {
-            className: clsx.clsx(styles_module.default.title_title, {
-              [styles_module.default.title_title__wrap]: childrenWrap
-            }),
-            title: childrenAsText,
-            children
-          }
-        ),
-        rightSlot && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: typeSelectorSlot })
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module.default.title_rightSide, children: [
-        rightSlot && /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: rightSlot }),
-        hasError && /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.title_dot, styles_module.default.title_dot__error) }),
-        hasNameConflict && /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { tooltip: "Current field name is already used", delayToShow: 0, children: /* @__PURE__ */ jsxRuntime.jsxs(box.Box, { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.title_dot, styles_module.default["title_dot__name-conflict"]) }),
-          /* @__PURE__ */ jsxRuntime.jsx("span", { className: css.css({ srOnly: true }), children: "Current field name is already used" })
-        ] }) }),
-        required && !hasError && !hasValue && /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { tooltip: "Field is required", delayToShow: 0, children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: clsx.clsx(styles_module.default.title_dot, styles_module.default.title_dot__required) }) })
-      ] })
-    ] });
-  }
-);
-Title.displayName = "Title";
-const Description = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.description, ...props, ref, children });
-});
-Description.displayName = "Description";
-const ValueRoot = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.cellValue, ...props, ref, children });
-});
-ValueRoot.displayName = "Value";
-const ValueCombobox = React.forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsx(ValueRoot, { className: styles_module.default.cellValueCombobox, ...props, ref, children });
-});
-ValueCombobox.displayName = "ValueCombobox";
-const Value = Object.assign(ValueRoot, {
-  Combobox: ValueCombobox,
-  Tag: ValueCombobox,
-  Inline: ValueRoot
-});
-const ActionBarRoot = React.forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: clsx.clsx(styles_module.default.actionBar, className), ...props, ref, children });
-  }
-);
-ActionBarRoot.displayName = "ActionBarRoot";
-const ActionBarGenericButton = React.forwardRef(
-  ({ className, iconType, tooltip, onClick, ...props }, ref) => {
-    const handleOnClick = useEventStopPropagation.default(
-      (e) => onClick?.(e)
-    );
-    const button = /* @__PURE__ */ jsxRuntime.jsx(
-      "button",
-      {
-        type: "button",
-        className: clsx.clsx(styles_module.default.actionBarButton, className),
-        onClick: handleOnClick,
-        ...props,
-        ref,
-        children: iconType && /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: iconType })
-      }
-    );
-    if (tooltip) {
-      return /* @__PURE__ */ jsxRuntime.jsx(index$2.Tooltip, { tooltip, children: button });
-    }
-    return button;
-  }
-);
-ActionBarGenericButton.displayName = "ActionBarGenericButton";
-const ActionBarDeleteButton = React.forwardRef(
-  ({ ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      ActionBarGenericButton,
-      {
-        iconType: svgIconType.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__ */ jsxRuntime.jsx("div", { className: clsx.clsx(styles_module.default.nestedLevel), children: /* @__PURE__ */ jsxRuntime.jsx(NestedLevel, { level: level - 1, children }) });
-}
-function DrilldownBlockContentWrapper({ children }) {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module.default.drilldownWrapper, children });
-}
-
-exports.FieldControlPanel = index.FieldControlPanel;
-exports.ActionBar = ActionBar;
-exports.Cell = Cell;
-exports.Description = Description;
-exports.DrilldownBlockContentWrapper = DrilldownBlockContentWrapper;
-exports.NestedLevel = NestedLevel;
-exports.Property = Property;
-exports.Row = Row;
-exports.Title = Title;
-exports.Value = Value;

package/dist/cjs/components/Formula/index.cjs

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

package/dist/cjs/components/Formula/styles.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = ".styles-module_formula__OQfTk {\n  display: inline-flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: flex-start;\n  border-width: 1px;\n  border-color: transparent;\n  padding-top: 0.25rem;\n  padding-bottom: 0.25rem;\n  padding-left: 0.375rem;\n  padding-right: 0.625rem;\n  border-radius: 0.25rem;\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n  max-width: 100%;\n  width: -moz-fit-content;\n  width: fit-content;\n}\n.styles-module_formula__OQfTk,\n.styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk,\n.styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk {\n  --tw-bg-opacity: 1;\n  background-color: rgb(13 121 194 / var(--tw-bg-opacity, 1));\n}\n.styles-module_formula__OQfTk .styles-module_formula__OQfTk,\n.styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk,\n.styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk .styles-module_formula__OQfTk {\n  background-color: #3394d6;\n}\n[aria-disabled='true'] .styles-module_formula__OQfTk {\n  cursor: default;\n  --tw-border-opacity: 1;\n  border-color: rgb(170 170 170 / var(--tw-border-opacity, 1));\n  --tw-bg-opacity: 1;\n  background-color: rgb(170 170 170 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(255 255 255 / var(--tw-text-opacity, 1));\n}\n.styles-module_variables__oh8zv {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  align-items: center;\n  justify-content: flex-start;\n  -moz-column-gap: 0.5rem;\n       column-gap: 0.5rem;\n  row-gap: 0.25rem;\n}\n.styles-module_variable__iiz48 {\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: center;\n  justify-content: flex-start;\n  flex-shrink: 1;\n  flex-grow: 0;\n  border-radius: 0.25rem;\n  white-space: normal;\n}\n.styles-module_variable__iiz48 [class*='tagPlaceholder'],\n.styles-module_variable__iiz48 [data-editor-container='true'] {\n  border-radius: 0.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n  padding-left: 0.25rem;\n  padding-right: 0.25rem;\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n.styles-module_variable__iiz48 [class*='tagPlaceholder']:empty {\n  width: 4rem;\n}\n.styles-module_variableSvgIcon__WRHNL {\n  margin-right: 0.375rem;\n  height: 1.25rem;\n  width: 1.25rem;\n}\n.styles-module_addButton__E1zAr {\n  flex-shrink: 0;\n  flex-grow: 0;\n  margin-left: 0.5rem;\n  height: 1rem;\n  width: 1rem;\n  padding: 0px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --tw-bg-opacity: 1;\n  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n}\n.styles-module_addButton__E1zAr:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity, 1));\n}\n.styles-module_addButton__E1zAr svg {\n  height: 0.75rem;\n  width: 0.75rem;\n}\n";
-var classes = {"formula":"styles-module_formula__OQfTk","variables":"styles-module_variables__oh8zv","variable":"styles-module_variable__iiz48","variableSvgIcon":"styles-module_variableSvgIcon__WRHNL"};
-styleInject(css_248z);
-
-exports.default = classes;

package/dist/cjs/components/Tag/SegmentSeparator.cjs

@@ -1,20 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.20.0
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
-var index = require('../SvgIcon/index.cjs');
-var styles_module = require('./styles.module.css.cjs');
-
-function SegmentSeparator() {
-  return /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.ChevronRight, className: styles_module.default.segmentSeparator });
-}
-
-exports.SegmentSeparator = SegmentSeparator;

package/dist/esm/components/ComboBox/Edit/OptionSelector.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 = ".OptionSelector-module_valueWrapper__bSY1e {\n  position: relative;\n  display: inline-flex;\n  max-width: 100%;\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity, 1));\n  padding-right: 0.375rem;\n  width: -moz-fit-content;\n  width: fit-content;\n  transition:\n    width 0.5s,\n    height 0.5s\n}\n\n.OptionSelector-module_valueWrapper__bSY1e[role='combobox'] span:empty {\n  --tw-bg-opacity: 1;\n  background-color: rgb(170 170 170 / var(--tw-bg-opacity, 1));\n  min-width: 7rem\n}\n\n.OptionSelector-module_actionBar__YRz10:not(.OptionSelector-module_actionBar__visible__3kDge) {\n  display: none\n}\n\n.OptionSelector-module_actionBar__visible__3kDge {\n  position: absolute;\n  left: 100%;\n  top: 0px;\n  bottom: 0px;\n  margin-right: 0px;\n  width: 0px;\n  z-index: 1\n}\n";
-var classes = {"valueWrapper":"OptionSelector-module_valueWrapper__bSY1e","actionBar":"OptionSelector-module_actionBar__YRz10","actionBar__visible":"OptionSelector-module_actionBar__visible__3kDge"};
-styleInject(css_248z);
-
-export { classes as default };

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

@@ -1,66 +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 { isFormula } from '@integration-app/sdk';
-import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { TagPlaceholder } from '../../Tag/TagPlaceholder.mjs';
-import { useComboBox } from '../context/combobox-context.mjs';
-import { ComboBoxFormulaValue } from './Formula.mjs';
-import { isDefinedValue } from './isDefinedValue.mjs';
-import { ComboBoxSchemaValue } from './Schema.mjs';
-
-const ComboBoxValue = forwardRef(function({ placeholder, isEdited, disabled, onClick, onChange, className }, ref) {
-  const { value, variablesSchema, schema, options, optionFactories } = useComboBox();
-  const isValueDefined = isDefinedValue(value);
-  if (isEdited && (!isValueDefined || value === "")) {
-    return /* @__PURE__ */ jsx(TagPlaceholder, { ref, className });
-  }
-  if (isValueDefined) {
-    if (isFormula(value)) {
-      return /* @__PURE__ */ jsx(
-        ComboBoxFormulaValue,
-        {
-          ref,
-          value,
-          schema,
-          variablesSchema,
-          optionFactories,
-          disabled,
-          onClick,
-          onChange,
-          className
-        }
-      );
-    }
-    if (options) {
-      const selectedOption = options.find((option) => option.value === value);
-      if (selectedOption) {
-        return /* @__PURE__ */ jsx(ComboBoxTag, { ref, disabled, className, children: selectedOption.label });
-      }
-    }
-    return /* @__PURE__ */ jsx(
-      ComboBoxSchemaValue,
-      {
-        ref,
-        value,
-        schema,
-        variablesSchema,
-        disabled,
-        onClick,
-        className
-      }
-    );
-  } else {
-    return /* @__PURE__ */ jsx(TagPlaceholder, { ref, onClick, className, children: placeholder });
-  }
-});
-ComboBoxValue.displayName = "ComboBoxValue";
-
-export { ComboBoxValue };