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

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

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { forwardRef } from 'react';
 import { DataBuilderForm } from '../Form.mjs';
 import { makeDataField } from '../index.mjs';

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

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { forwardRef } from 'react';
 import { DataBuilderForm } from '../Form.mjs';
 import { makeDataField } from '../index.mjs';

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -10,7 +10,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { DataBuilderFormulaType } from '@integration-app/sdk';
 import { forwardRef } from 'react';
 import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { Truncate } from '../../Truncate/index.mjs';
 import useDataBuilder from '../data-builder-context.mjs';
 import useDataBuilderField from '../field-context.mjs';

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -10,7 +10,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { DataBuilderFormulaType } from '@integration-app/sdk';
 import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { Truncate } from '../../Truncate/index.mjs';
 import useDataBuilderField from '../field-context.mjs';
 import useDataBuilder from '../data-builder-context.mjs';

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

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { forwardRef } from 'react';
 import { DataBuilderForm } from '../Form.mjs';
 import { makeDataField } from '../index.mjs';

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -10,7 +10,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { schemaWithTitle } from '@integration-app/sdk';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import useDataBuilderField from '../field-context.mjs';
 import { makeSubField } from '../data-field.mjs';
 import { DrilldownBlockContentWrapper } from '../../DataBuilderUI/index.mjs';

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -11,7 +11,7 @@ import { schemaWithTitle, buildDataSchema } from '@integration-app/sdk';
 import { makeDataField } from '../index.mjs';
 import { forwardRef } from 'react';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { makeSubField } from '../data-field.mjs';
 import DataBuilderFormField from '../Field.mjs';
 import useDataBuilderField from '../field-context.mjs';

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

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { DataBuilderForm } from '../Form.mjs';
 import { makeDataField } from '../index.mjs';
 

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

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { forwardRef } from 'react';
 import { DataBuilderForm } from '../Form.mjs';
 import { makeDataField } from '../index.mjs';

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

@@ -2,23 +2,24 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { Tag } from '../../Tag/index.mjs';
+import { Tag } from '../../Tag/Tag.mjs';
+import '../../Tag/TagPlaceholder.mjs';
 import { Truncate } from '../../Truncate/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 
 const LookupFormula = forwardRef((props, ref) => {
   const { formula } = props;
   const isConfigError = Object.entries(formula.value?.query ?? {}).length === 0;
   return /* @__PURE__ */ jsxs(ComboBoxTag, { ref, variant: "lookup", children: [
     isConfigError && /* @__PURE__ */ jsx(Tag.SvgIcon, { type: SvgIconType.AlertTriangle }),
-    /* @__PURE__ */ jsx(Truncate, { children: "Select Dynamically Using Variables" })
+    /* @__PURE__ */ jsx(Truncate, { children: "Select Dynamically" })
   ] });
 });
 LookupFormula.displayName = "LookupFormula";

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

@@ -2,14 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import useDataBuilderField from '../field-context.mjs';
 import { ValueMapping } from '../Nested/ValueMapping.mjs';
 import { DataBuilderForm } from '../Form.mjs';

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -10,7 +10,7 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { forwardRef } from 'react';
 import { schemaWithTitle } from '@integration-app/sdk';
 import { Formula, Variable, VariableSvgIcon } from '../../Formula/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { DrilldownBlockContentWrapper } from '../../DataBuilderUI/index.mjs';
 import DataBuilderFormField from '../Field.mjs';
 import useDataBuilderField from '../field-context.mjs';

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -11,7 +11,8 @@ import { forwardRef, Fragment as Fragment$1 } from 'react';
 import clsx from 'clsx';
 import { getIconUriForLocator, getNameComponentsForLocator, getFullNameForLocator } from '@integration-app/sdk';
 import { ComboBoxTag } from '../../ComboBoxElements/ComboBoxTag.mjs';
-import { Tag } from '../../Tag/index.mjs';
+import { Tag } from '../../Tag/Tag.mjs';
+import '../../Tag/TagPlaceholder.mjs';
 import { SegmentSeparator } from '../../Tag/SegmentSeparator.mjs';
 import classes from './styles.module.css.mjs';
 

package/dist/esm/components/DataBuilder/Nested/ArrayItems.mjs

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import { NestedLevel, Row, Cell } from '../../DataBuilderUI/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { DataBuilderFieldProvider } from '../field-context.mjs';
 import { FieldDelete } from '../FieldDelete.mjs';
 import DataBuilderFormFieldValue from '../FieldValue/index.mjs';

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/AddingFieldSelector.mjs

@@ -2,15 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { getFullNameForLocator } from '@integration-app/sdk';
 import { Row, Cell } from '../../../DataBuilderUI/index.mjs';
-import { ComboBox } from '../../../ComboBox/index.mjs';
-import { SvgIconType } from '../../../SvgIcon/index.mjs';
+import { ComboBox } from '../../../ComboBox/ComboBox.mjs';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 import { TagPlaceholder } from '../../../Tag/TagPlaceholder.mjs';
 import { isObjectAllowedAdditionalProperties, fieldLabel } from '../../data-field.mjs';
 

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/ControlPanel.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -11,11 +11,13 @@ import { useState, Fragment as Fragment$1 } from 'react';
 import { Truncate } from '../../../Truncate/index.mjs';
 import { isFieldVisible, isObjectAllowedAdditionalProperties, DEFAULT_FIELD_KEY } from '../../data-field.mjs';
 import useEventStopPropagation from '../../../../hooks/useEventStopPropagation.mjs';
-import { SvgIcon, SvgIconType } from '../../../SvgIcon/index.mjs';
+import { SvgIcon } from '../../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 import useDataBuilderField from '../../field-context.mjs';
 import { useDataBuilderFieldCanUseVarFromVariables } from '../../hooks.mjs';
 import { AddingFieldSelector } from './AddingFieldSelector.mjs';
 import '../../../DataBuilderUI/index.mjs';
+import useDataBuilder from '../../data-builder-context.mjs';
 import { FieldControlPanel } from '../../../DataBuilderUI/FieldControlPanel/index.mjs';
 
 function ControlPanel({
@@ -26,8 +28,9 @@ function ControlPanel({
 }) {
   const fieldIsVisible = isFieldVisible(field);
   const [showFieldSelector, setShowFieldSelector] = useState(false);
+  const { isReadOnly } = useDataBuilder();
   const fieldCanUseVarFromVariables = useDataBuilderFieldCanUseVarFromVariables();
-  const showAddFieldButtonGroup = isObjectAllowedAdditionalProperties(field) || additionalFields.length > 0;
+  const showAddFieldButtonGroup = (isObjectAllowedAdditionalProperties(field) || additionalFields.length > 0) && !isReadOnly;
   const showUseFromVariablesButtonGroup = fieldIsVisible && fieldCanUseVarFromVariables;
   if (showFieldSelector) {
     return /* @__PURE__ */ jsx(

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/ControlPanelForNonObjectRootField.mjs

@@ -2,13 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsx, jsxs } from 'react/jsx-runtime';
 import useEventStopPropagation from '../../../../hooks/useEventStopPropagation.mjs';
-import { SvgIcon, SvgIconType } from '../../../SvgIcon/index.mjs';
+import { SvgIcon } from '../../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 import { DEFAULT_FIELD_KEY } from '../../data-field.mjs';
 import '../../../DataBuilderUI/index.mjs';
 import { FieldControlPanel } from '../../../DataBuilderUI/FieldControlPanel/index.mjs';

package/dist/esm/components/DataBuilder/Nested/FieldControlPanel/index.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/esm/components/DataBuilder/Nested/FieldListWrapper/FieldListWrapper.module.css.mjs

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/esm/components/DataBuilder/Nested/FieldListWrapper/index.mjs

@@ -2,14 +2,15 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 import clsx from 'clsx';
 import classes from './FieldListWrapper.module.css.mjs';
-import { SvgIcon, SvgIconType } from '../../../SvgIcon/index.mjs';
+import { SvgIcon } from '../../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../../SvgIcon/svg-icon-type.mjs';
 
 function FieldListWrapper({
   children,

package/dist/esm/components/DataBuilder/Nested/NoSchema.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/esm/components/DataBuilder/Nested/ObjectFields.mjs

@@ -2,18 +2,19 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { DEFAULT_FIELD_KEY, isRootField } from '../data-field.mjs';
 import DataBuilderFormField from '../Field.mjs';
 import { DataBuilderFieldControlPanel } from './FieldControlPanel/index.mjs';
 import { FieldListWrapper } from './FieldListWrapper/index.mjs';
 import useDataBuilder from '../data-builder-context.mjs';
 
+const MIN_FIELDS_VISIBLE_BY_DEFAULT = 7;
 function DataBuilderFormNestedObjectFields({
   field,
   onChange
@@ -22,6 +23,11 @@ function DataBuilderFormNestedObjectFields({
   const [fieldToShowKeys, setFieldToShowKeys] = useState(
     getInitialFieldsToShow(field)
   );
+  useEffect(() => {
+    if (field?.subFields) {
+      setFieldToShowKeys(getInitialFieldsToShow(field));
+    }
+  }, [field?.subFields?.length]);
   function handleNewValue(newValue) {
     if (Object.keys(newValue ?? {}).length > 0) {
       onChange(newValue);
@@ -105,11 +111,21 @@ function getInitialFieldsToShow(field) {
   const fieldsWithValueKeys = getKeysFromSubFields(
     subFields.filter((x) => x.value !== void 0)
   );
-  const amountFieldsToShow = requiredFieldKeys.length + fieldsWithValueKeys.length;
+  const minimalVisibleSetOfFields = getKeysFromSubFields(
+    subFields.filter((_, index) => index < MIN_FIELDS_VISIBLE_BY_DEFAULT)
+  );
+  const allUniqueFields = [
+    .../* @__PURE__ */ new Set([
+      ...requiredFieldKeys,
+      ...fieldsWithValueKeys,
+      ...minimalVisibleSetOfFields
+    ])
+  ];
+  const amountFieldsToShow = allUniqueFields.length;
   if (isRootField(field) && amountFieldsToShow === 0) {
     return getKeysFromSubFields(subFields);
   }
-  return [...requiredFieldKeys, ...fieldsWithValueKeys];
+  return allUniqueFields;
 }
 function FieldListCollapsible({
   field,

package/dist/esm/components/DataBuilder/Nested/ValueMapping.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -11,7 +11,7 @@ import usePromise from '../../../_modules/react-use-promise.mjs';
 import { getFormula, DataBuilderFormulaType, buildDataSchema, getReferenceCollectionPathForSchema, makeDataLocationOperationPath } from '@integration-app/sdk';
 import DataBuilderFormFieldValue from '../FieldValue/index.mjs';
 import { NestedLevel, Row, Cell, Title } from '../../DataBuilderUI/index.mjs';
-import { SvgIconType } from '../../SvgIcon/index.mjs';
+import { SvgIconType } from '../../SvgIcon/svg-icon-type.mjs';
 import { FieldDelete } from '../FieldDelete.mjs';
 import { makeSubField } from '../data-field.mjs';
 import { DataBuilderFieldControlPanel } from './FieldControlPanel/index.mjs';
@@ -39,7 +39,7 @@ function ValueMapping({ field, onChange }) {
     [JSON.stringify(valueSchema)]
   );
   if (fieldRecordsError || valueRecordsError) {
-    return /* @__PURE__ */ jsx("p", { children: (fieldRecordsError || valueRecordsError).toString() });
+    return /* @__PURE__ */ jsx("p", { children: (fieldRecordsError || valueRecordsError || "Unknown error").toString() });
   }
   if (!fieldRecords || !valueRecords) {
     return /* @__PURE__ */ jsx("p", { children: "Loading..." });

package/dist/esm/components/DataBuilder/Nested.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/esm/components/DataBuilder/data-builder-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/esm/components/DataBuilder/data-field.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/esm/components/DataBuilder/field-context.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

package/dist/esm/components/DataBuilder/hooks.mjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 
@@ -36,7 +36,7 @@ function makeDataField({
     variablesSchema,
     exampleVariables,
     /* FIXME: strictNullCheck temporary fix */
-    // @ts-expect-error TS(2322): Type 'ComboBoxOptionsFactoryInterface[] | undefined' is no... Remove this comment to see the full error message
+    // @ts-expect-error TS(2322): Type 'ComboBoxOptionsFactory[] | undefined' is no... Remove this comment to see the full error message
     optionFactories,
     value,
     iconUri,

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

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.0
  */
 'use client';
 

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

@@ -1,13 +1,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.3
+ * v2.0.4-beta.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));\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));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity));\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));\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));\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));\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));\n    --tw-text-opacity: 1;\n    color: rgb(39 39 39 / var(--tw-text-opacity));\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));\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 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));\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));\n    --tw-bg-opacity: 1;\n    background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n    --tw-text-opacity: 1;\n    color: rgb(0 0 0 / var(--tw-text-opacity));\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));\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));\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));\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));\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));\n    --tw-text-opacity: 1;\n    color: rgb(39 39 39 / var(--tw-text-opacity));\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));\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);