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

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/ControlPanel.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -14,10 +14,12 @@ var index$2 = require('../../../Truncate/index.cjs');
 var dataField = require('../../data-field.cjs');
 var useEventStopPropagation = require('../../../../hooks/useEventStopPropagation.cjs');
 var index$1 = require('../../../SvgIcon/index.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
 var fieldContext = require('../../field-context.cjs');
 var hooks = require('../../hooks.cjs');
 var AddingFieldSelector = require('./AddingFieldSelector.cjs');
 require('../../../DataBuilderUI/index.cjs');
+var dataBuilderContext = require('../../data-builder-context.cjs');
 var index = require('../../../DataBuilderUI/FieldControlPanel/index.cjs');
 
 function ControlPanel({
@@ -28,8 +30,9 @@ function ControlPanel({
 }) {
   const fieldIsVisible = dataField.isFieldVisible(field);
   const [showFieldSelector, setShowFieldSelector] = React.useState(false);
+  const { isReadOnly } = dataBuilderContext.default();
   const fieldCanUseVarFromVariables = hooks.useDataBuilderFieldCanUseVarFromVariables();
-  const showAddFieldButtonGroup = dataField.isObjectAllowedAdditionalProperties(field) || additionalFields.length > 0;
+  const showAddFieldButtonGroup = (dataField.isObjectAllowedAdditionalProperties(field) || additionalFields.length > 0) && !isReadOnly;
   const showUseFromVariablesButtonGroup = fieldIsVisible && fieldCanUseVarFromVariables;
   if (showFieldSelector) {
     return /* @__PURE__ */ jsxRuntime.jsx(
@@ -74,7 +77,7 @@ function GroupAddField({
       onClick: handleAddNewFieldClick,
       "aria-label": addFieldLabel,
       children: [
-        /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: index$1.SvgIconType.Add }),
+        /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: svgIconType.SvgIconType.Add }),
         /* @__PURE__ */ jsxRuntime.jsx(index$2.Truncate, { mode: "middle", children: addFieldLabel })
       ]
     }

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/ControlPanelForNonObjectRootField.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -11,6 +11,7 @@
 var jsxRuntime = require('react/jsx-runtime');
 var useEventStopPropagation = require('../../../../hooks/useEventStopPropagation.cjs');
 var index$1 = require('../../../SvgIcon/index.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
 var dataField = require('../../data-field.cjs');
 require('../../../DataBuilderUI/index.cjs');
 var index = require('../../../DataBuilderUI/FieldControlPanel/index.cjs');
@@ -21,7 +22,7 @@ function ControlPanelForNonObjectRootField({
 }) {
   const handleOnClick = useEventStopPropagation.default(() => onAdd(dataField.DEFAULT_FIELD_KEY));
   return /* @__PURE__ */ jsxRuntime.jsx(index.FieldControlPanel.ButtonGroup, { children: /* @__PURE__ */ jsxRuntime.jsxs(index.FieldControlPanel.Button, { onClick: handleOnClick, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: index$1.SvgIconType.Add }),
+    /* @__PURE__ */ jsxRuntime.jsx(index$1.SvgIcon, { type: svgIconType.SvgIconType.Add }),
     addFieldLabel
   ] }) });
 }

package/dist/cjs/components/DataBuilder/Nested/FieldControlPanel/index.cjs

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

package/dist/cjs/components/DataBuilder/Nested/FieldListWrapper/FieldListWrapper.module.css.cjs

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

package/dist/cjs/components/DataBuilder/Nested/FieldListWrapper/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -12,6 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var FieldListWrapper_module = require('./FieldListWrapper.module.css.cjs');
 var index = require('../../../SvgIcon/index.cjs');
+var svgIconType = require('../../../SvgIcon/svg-icon-type.cjs');
 
 function FieldListWrapper({
   children,
@@ -35,7 +36,7 @@ function FieldListWrapper({
           /* @__PURE__ */ jsxRuntime.jsx(
             index.SvgIcon,
             {
-              type: collapsed ? index.SvgIconType.ChevronDown : index.SvgIconType.ChevronUp
+              type: collapsed ? svgIconType.SvgIconType.ChevronDown : svgIconType.SvgIconType.ChevronUp
             }
           )
         ] })

package/dist/cjs/components/DataBuilder/Nested/NoSchema.cjs

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

package/dist/cjs/components/DataBuilder/Nested/ObjectFields.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -18,6 +18,7 @@ var index = require('./FieldControlPanel/index.cjs');
 var index$1 = require('./FieldListWrapper/index.cjs');
 var dataBuilderContext = require('../data-builder-context.cjs');
 
+const MIN_FIELDS_VISIBLE_BY_DEFAULT = 7;
 function DataBuilderFormNestedObjectFields({
   field,
   onChange
@@ -26,6 +27,11 @@ function DataBuilderFormNestedObjectFields({
   const [fieldToShowKeys, setFieldToShowKeys] = React.useState(
     getInitialFieldsToShow(field)
   );
+  React.useEffect(() => {
+    if (field?.subFields) {
+      setFieldToShowKeys(getInitialFieldsToShow(field));
+    }
+  }, [field?.subFields?.length]);
   function handleNewValue(newValue) {
     if (Object.keys(newValue ?? {}).length > 0) {
       onChange(newValue);
@@ -109,11 +115,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 (dataField.isRootField(field) && amountFieldsToShow === 0) {
     return getKeysFromSubFields(subFields);
   }
-  return [...requiredFieldKeys, ...fieldsWithValueKeys];
+  return allUniqueFields;
 }
 function FieldListCollapsible({
   field,

package/dist/cjs/components/DataBuilder/Nested/ValueMapping.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -11,12 +11,12 @@
 var jsxRuntime = require('react/jsx-runtime');
 var reactUsePromise = require('../../../_modules/react-use-promise.cjs');
 var sdk = require('@integration-app/sdk');
-var index$2 = require('../FieldValue/index.cjs');
+var index$1 = require('../FieldValue/index.cjs');
 var index = require('../../DataBuilderUI/index.cjs');
-var index$1 = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 var FieldDelete = require('../FieldDelete.cjs');
 var dataField = require('../data-field.cjs');
-var index$3 = require('./FieldControlPanel/index.cjs');
+var index$2 = require('./FieldControlPanel/index.cjs');
 var integrationAppClientContext = require('../../../contexts/integration-app-client-context.cjs');
 var integrationAppConnectionContext = require('../../../contexts/integration-app-connection-context.cjs');
 
@@ -41,7 +41,7 @@ function ValueMapping({ field, onChange }) {
     [JSON.stringify(valueSchema)]
   );
   if (fieldRecordsError || valueRecordsError) {
-    return /* @__PURE__ */ jsxRuntime.jsx("p", { children: (fieldRecordsError || valueRecordsError).toString() });
+    return /* @__PURE__ */ jsxRuntime.jsx("p", { children: (fieldRecordsError || valueRecordsError || "Unknown error").toString() });
   }
   if (!fieldRecords || !valueRecords) {
     return /* @__PURE__ */ jsxRuntime.jsx("p", { children: "Loading..." });
@@ -96,9 +96,9 @@ function AutoExpandedMapping({ valueRecords, field, fieldRecords, onChange }) {
     });
     return /* @__PURE__ */ jsxRuntime.jsx(index.NestedLevel, { level: field.level + 1, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Name, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Title, { children: valueRecord.name ?? valueRecord.id }) }),
-      /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Icon, { type: index$1.SvgIconType.ValueMapping }),
+      /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Icon, { type: svgIconType.SvgIconType.ValueMapping }),
       /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { grow: true, children: /* @__PURE__ */ jsxRuntime.jsx(
-        index$2.default,
+        index$1.default,
         {
           field: subField,
           onChange: (value) => handleMappingChange(valueRecord, value)
@@ -138,7 +138,7 @@ function CustomMapping({ field, valueSchema, onChange }) {
       idx
     )),
     /* @__PURE__ */ jsxRuntime.jsx(
-      index$3.DataBuilderFieldControlPanel,
+      index$2.DataBuilderFieldControlPanel,
       {
         field,
         addFieldLabel: "Add Mapping",
@@ -183,15 +183,15 @@ function MappingListItem({
   }
   return /* @__PURE__ */ jsxRuntime.jsx(index.NestedLevel, { level: field.level + 1, children: /* @__PURE__ */ jsxRuntime.jsxs(index.Row, { children: [
     /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { grow: true, width: "49%", children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
+      index$1.default,
       {
         field: fromField,
         onChange: (value) => handleFromChange(value)
       }
     ) }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Icon, { type: index$1.SvgIconType.ValueMapping }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Icon, { type: svgIconType.SvgIconType.ValueMapping }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Cell.Combobox, { grow: true, width: "49%", children: /* @__PURE__ */ jsxRuntime.jsx(
-      index$2.default,
+      index$1.default,
       {
         field: toField,
         onChange: (value) => handleToChange(value)

package/dist/cjs/components/DataBuilder/Nested.cjs

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

package/dist/cjs/components/DataBuilder/data-builder-context.cjs

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

package/dist/cjs/components/DataBuilder/data-field.cjs

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

package/dist/cjs/components/DataBuilder/field-context.cjs

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

package/dist/cjs/components/DataBuilder/hooks.cjs

@@ -2,13 +2,14 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
 var valueSpec = require('../ComboBox/value-spec.cjs');
+var dataBuilderContext = require('./data-builder-context.cjs');
 var fieldContext = require('./field-context.cjs');
 
 function useDataBuilderFieldCanUseVarFromVariables() {
@@ -26,5 +27,13 @@ function useDataBuilderFieldCanUseVarFromVariables() {
   const hasOptionFactories = (field?.optionFactories ?? []).length > 0;
   return hasMatchedVariables || hasOptionFactories;
 }
+function usIsFieldFrozen() {
+  const { frozenFieldsLocators = [] } = dataBuilderContext.default();
+  const { field } = fieldContext.default();
+  return frozenFieldsLocators.some(
+    (frozenFieldLocator) => frozenFieldLocator && field?.valueLocator === frozenFieldLocator
+  );
+}
 
+exports.usIsFieldFrozen = usIsFieldFrozen;
 exports.useDataBuilderFieldCanUseVarFromVariables = useDataBuilderFieldCanUseVarFromVariables;

package/dist/cjs/components/DataBuilder/index.cjs

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -38,7 +38,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/cjs/components/DataBuilder/styles.module.css.cjs

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

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

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -11,7 +11,7 @@ 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));\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);
 

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

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

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

@@ -2,7 +2,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -12,6 +12,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var index$1 = require('../SvgIcon/index.cjs');
+var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
 var index$2 = require('../Tooltip/index.cjs');
 var useEventStopPropagation = require('../../hooks/useEventStopPropagation.cjs');
 var styles_module = require('./styles.module.css.cjs');
@@ -282,7 +283,7 @@ const ActionBarDeleteButton = React.forwardRef(({ ...props }, ref) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     ActionBarGenericButton,
     {
-      iconType: index$1.SvgIconType.Close,
+      iconType: svgIconType.SvgIconType.Close,
       tooltip: "Delete",
       "aria-label": "Delete",
       ...props,

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

@@ -1,7 +1,7 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
@@ -11,7 +11,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var styleInject = require('style-inject');
 
-var css_248z = ".styles-module_rowWrapper__s8zSx {\n  position: relative;\n}\n\n.styles-module_row__RyekY {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: stretch;\n  justify-content: flex-start;\n  border-radius: 0.25rem;\n  border-bottom-left-radius: 0;\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(255 255 255 / var(--tw-bg-opacity));\n}\n\n.styles-module_rowShort__tlARy {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.styles-module_row__RyekY:first-child:last-child {\n  border-radius: 0.25rem;\n}\n\n.styles-module_cell__ZTpTA {\n  overflow-x: hidden;\n\n  /* Uses to help Truncate works well */\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: flex-start;\n\n  border-left-width: 1px;\n\n  --tw-border-opacity: 1;\n\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  min-height: 3rem;\n}\n\n.styles-module_cell__ZTpTA:first-child {\n  border-left-width: 0px;\n  border-bottom-left-radius: 0.25rem;\n  border-top-left-radius: 0.25rem;\n}\n\n.styles-module_cell__ZTpTA:last-child {\n  border-bottom-right-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellGrow__N9BMH {\n  flex-grow: 1 !important;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellShrink__DX2QJ {\n  flex-shrink: 1 !important;\n  flex-grow: 0 !important;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellDisabled__0J77S {\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  pointer-events: none;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellName__I0hSb {\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-wrap: nowrap;\n  align-self: stretch;\n  line-height: 1.5;\n  min-width: 10rem;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellCombobox__4XI6E {\n  flex-direction: row;\n  flex-wrap: wrap;\n  padding: 0px;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellCombobox__4XI6E > *[data-role='field-wrapper'] {\n  width: 100%;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellInput__3nmbF {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.styles-module_cellValue__HSpou {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellInput__3nmbF > input {\n  width: 100%;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellIcon__jfVwU {\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-wrap: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity));\n  padding: 0px;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellIcon__jfVwU svg {\n  margin: 0.75rem;\n  height: 1.25rem;\n  width: 1.25rem;\n  display: block;\n}\n\n.styles-module_rowWrapper__s8zSx.styles-module_rowWrapperEmbedded__C6L4N {\n  padding-top: 0px !important;\n}\n\n.styles-module_rowEmbedded__HR-4O {\n  border-radius: 0;\n  border-width: 0px;\n  margin: 0px;\n  font-size: 0.875rem;\n  line-height: 1.4;\n}\n\n.styles-module_rowEmbedded__HR-4O + .styles-module_rowEmbedded__HR-4O {\n  border-top-width: 1px;\n}\n\n.styles-module_rowEmbedded__HR-4O .styles-module_cellName__I0hSb {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n}\n\n.styles-module_title__MYqaj {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.5rem;\n  width: 100%;\n  max-width: 100%;\n  white-space: nowrap;\n}\n\n.styles-module_title_leftSide__dtWos {\n  display: flex;\n  min-width: 0px;\n  flex: 1 1 0%;\n  flex-direction: row;\n  align-items: center;\n  gap: 0px;\n}\n\n.styles-module_title_rightSide__wCmXB {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.styles-module_title_title__EJEFa {\n  flex: 1 1 0%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n}\n\n.styles-module_title_dot__fZa-R {\n  flex-shrink: 0;\n  flex-grow: 0;\n  margin-top: 0.125rem;\n  display: inline-block;\n  height: 0.5rem;\n  width: 0.5rem;\n  border-radius: 9999px;\n}\n\n.styles-module_title_dot__error__oJq53 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(194 154 6 / var(--tw-bg-opacity));\n}\n\n.styles-module_title_dot__required__EDi-g {\n  cursor: help;\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 54 5 / var(--tw-bg-opacity));\n}\n\n.styles-module_titleBadge__L4l0M {\n  margin-left: 0.375rem;\n  order: 3;\n  transform: translateY(0.05rem);\n}\n\n.styles-module_titleBadge__L4l0M.styles-module_titleBadgeRightSide__yK3S0 {\n  margin-left: auto;\n}\n\n.styles-module_titleBadge__L4l0M.styles-module_titleBadgeRightSide__yK3S0 + .styles-module_titleBadgeRightSide__yK3S0 {\n  margin-left: 0px;\n}\n\n.styles-module_description__nrm2- {\n  margin-top: 0.125rem;\n  width: 100%;\n  font-size: 0.75rem;\n  --tw-text-opacity: 1;\n  color: rgb(39 39 39 / var(--tw-text-opacity));\n  line-height: 1.2;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellCombobox__4XI6E .styles-module_description__nrm2- {\n  align-self: flex-start;\n}\n\n.styles-module_rowProperties__eYVmN {\n  display: block;\n  overflow: hidden;\n  font-size: 0.813rem;\n  line-height: 1.4;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: calc(100% - 0.5rem);\n}\n\n.styles-module_rowProperties__eYVmN.styles-module_rowPropertiesExpanded__YkRyv {\n  width: 100%;\n  overflow: auto;\n  border-width: 1px;\n  border-top-width: 0px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  border-bottom-right-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n}\n\n.styles-module_rowProperties__eYVmN.styles-module_rowPropertiesExpanded__YkRyv:first-child {\n  border-radius: 0.25rem;\n  border-top-width: 1px;\n}\n\n.styles-module_propertyWrapper__7rA-l {\n  border-right-width: 1px;\n  border-bottom-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  border-bottom-right-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n  display: inline-flex;\n  gap: 0.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n  padding-left: 0.5rem;\n  margin-left: -0.5rem;\n}\n\n.styles-module_property__YczwR {\n  border-left-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n\n.styles-module_propertyName__rp7UZ {\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity));\n}\n\n.styles-module_propertyValue__-AKwp {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.styles-module_propertyName__rp7UZ + .styles-module_propertyValue__-AKwp {\n  margin-left: 0.25rem;\n}\n\n/* ### Action Bar ### */\n\n.styles-module_actionBar__GudS0 {\n  /* @apply absolute left-full top-0 bottom-0 -ml-2.5; */\n  margin-left: -0.125rem;\n  margin-right: -0.625rem;\n  width: 1.25rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0.25rem;\n}\n\n.styles-module_actionBarButton__llyoR {\n  flex-shrink: 0;\n  flex-grow: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 1.25rem;\n  width: 1.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(105 105 105 / var(--tw-text-opacity));\n}\n\n.styles-module_actionBarButton__llyoR:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(221 221 221 / var(--tw-bg-opacity));\n}\n\n/* stylelint-disable-next-line */\n\n.styles-module_actionBarButton__llyoR > svg {\n  height: 0.75rem;\n  width: 0.75rem;\n  stroke-width: 2;\n}\n\n/* ### Nested Levels ### */\n\n.styles-module_nestedLevel__fV46p {\n  position: relative;\n}\n\n.styles-module_nestedLevel__fV46p:not(:has(.styles-module_nestedLevel__fV46p)) {\n  margin-right: 0.625rem;\n}\n\n.styles-module_nestedLevel__fV46p > .styles-module_nestedLevel__fV46p {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+x8AAr8B3gzOjaQAAAAASUVORK5CYII=');\n  background-size: 1px 1px;\n  background-repeat: repeat-y;\n  background-position: top 0 left 1rem;\n  padding-left: 2rem;\n}\n\n.styles-module_nestedLevel__fV46p .styles-module_nestedLevel__fV46p {\n  flex-grow: 1;\n}\n\n.styles-module_nestedLevel__fV46p:not(:empty) + .styles-module_nestedLevel__fV46p:not(:has(> .styles-module_nestedLevel__fV46p)),\n.styles-module_nestedLevel__fV46p:not(:empty) > .styles-module_nestedLevel__fV46p:has(> :not(.styles-module_nestedLevel__fV46p)) {\n  padding-top: 0.5rem;\n}\n\n.styles-module_nestedLevel__fV46p .styles-module_nestedLevel__fV46p:has(> :not(.styles-module_nestedLevel__fV46p))::before {\n  content: '';\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+x8AAr8B3gzOjaQAAAAASUVORK5CYII=');\n  background-size: 3rem 1px;\n  background-repeat: repeat-x;\n  background-position: 0 0;\n  display: block;\n  flex-shrink: 0;\n  flex-grow: 0;\n  position: absolute;\n  top: 50%;\n  left: 1rem;\n  margin-top: 0.25rem;\n  width: 1rem;\n  height: 1px;\n}\n\n.styles-module_drilldownWrapper__pq6wB > .styles-module_nestedLevel__fV46p:last-child > .styles-module_nestedLevel__fV46p:last-child {\n  padding-bottom: 0.5rem;\n}\n";
+var css_248z = ".styles-module_rowWrapper__s8zSx {\n  position: relative;\n}\n\n.styles-module_row__RyekY {\n  position: relative;\n  width: 100%;\n  display: flex;\n  flex-direction: row;\n  flex-wrap: nowrap;\n  align-items: stretch;\n  justify-content: flex-start;\n  border-radius: 0.25rem;\n  border-bottom-left-radius: 0;\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(255 255 255 / var(--tw-bg-opacity));\n}\n\n.styles-module_rowShort__tlARy {\n  width: -moz-fit-content;\n  width: fit-content;\n}\n\n.styles-module_row__RyekY:first-child:last-child {\n  border-radius: 0.25rem;\n}\n\n.styles-module_cell__ZTpTA {\n  overflow-x: hidden;\n\n  /* Uses to help Truncate works well */\n\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: flex-start;\n\n  border-left-width: 1px;\n\n  --tw-border-opacity: 1;\n\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n\n  padding-left: 1rem;\n\n  padding-right: 1rem;\n  padding-top: 0.75rem;\n  padding-bottom: 0.75rem;\n  min-height: 3rem;\n}\n\n.styles-module_cell__ZTpTA:first-child {\n  border-left-width: 0px;\n  border-bottom-left-radius: 0.25rem;\n  border-top-left-radius: 0.25rem;\n}\n\n.styles-module_cell__ZTpTA:last-child {\n  border-bottom-right-radius: 0.25rem;\n  border-top-right-radius: 0.25rem;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellGrow__N9BMH {\n  flex-grow: 1 !important;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellShrink__DX2QJ {\n  flex-shrink: 1 !important;\n  flex-grow: 0 !important;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellDisabled__0J77S {\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  pointer-events: none;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellName__I0hSb {\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-wrap: nowrap;\n  align-self: stretch;\n  line-height: 1.5;\n  min-width: 10rem;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellCombobox__4XI6E {\n  flex-direction: row;\n  flex-wrap: wrap;\n  padding: 0px;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellCombobox__4XI6E > *[data-role='field-wrapper'] {\n  width: 100%;\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellInput__3nmbF {\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.styles-module_cellValue__HSpou {\n  padding-top: 0.5rem;\n  padding-bottom: 0.5rem;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellInput__3nmbF > input {\n  width: 100%;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellIcon__jfVwU {\n  flex-shrink: 0;\n  flex-grow: 0;\n  flex-wrap: nowrap;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  --tw-text-opacity: 1;\n  color: rgb(105 105 105 / var(--tw-text-opacity));\n  padding: 0px;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellIcon__jfVwU svg {\n  margin: 0.75rem;\n  height: 1.25rem;\n  width: 1.25rem;\n  display: block;\n}\n\n.styles-module_rowWrapper__s8zSx.styles-module_rowWrapperEmbedded__C6L4N {\n  padding-top: 0px !important;\n}\n\n.styles-module_rowEmbedded__HR-4O {\n  border-radius: 0;\n  border-width: 0px;\n  margin: 0px;\n  font-size: 0.875rem;\n  line-height: 1.4;\n}\n\n.styles-module_rowEmbedded__HR-4O + .styles-module_rowEmbedded__HR-4O {\n  border-top-width: 1px;\n}\n\n.styles-module_rowEmbedded__HR-4O .styles-module_cellName__I0hSb {\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n}\n\n.styles-module_title__MYqaj {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  gap: 0.5rem;\n  width: 100%;\n  max-width: 100%;\n}\n\n.styles-module_title_leftSide__dtWos {\n  display: flex;\n  min-width: 0px;\n  flex: 1 1 0%;\n  flex-direction: row;\n  align-items: center;\n  gap: 0px;\n}\n\n.styles-module_title_rightSide__wCmXB {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 0.25rem;\n}\n\n.styles-module_title_title__EJEFa {\n  flex: 1 1 0%;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n  white-space: nowrap;\n}\n\n.styles-module_title_dot__fZa-R {\n  flex-shrink: 0;\n  flex-grow: 0;\n  margin-top: 0.125rem;\n  display: inline-block;\n  height: 0.5rem;\n  width: 0.5rem;\n  border-radius: 9999px;\n}\n\n.styles-module_title_dot__error__oJq53 {\n  --tw-bg-opacity: 1;\n  background-color: rgb(194 154 6 / var(--tw-bg-opacity));\n}\n\n.styles-module_title_dot__required__EDi-g {\n  cursor: help;\n  --tw-bg-opacity: 1;\n  background-color: rgb(168 54 5 / var(--tw-bg-opacity));\n}\n\n.styles-module_titleBadge__L4l0M {\n  margin-left: 0.375rem;\n  order: 3;\n  transform: translateY(0.05rem);\n}\n\n.styles-module_titleBadge__L4l0M.styles-module_titleBadgeRightSide__yK3S0 {\n  margin-left: auto;\n}\n\n.styles-module_titleBadge__L4l0M.styles-module_titleBadgeRightSide__yK3S0 + .styles-module_titleBadgeRightSide__yK3S0 {\n  margin-left: 0px;\n}\n\n.styles-module_description__nrm2- {\n  margin-top: 0.125rem;\n  width: 100%;\n  font-size: 0.75rem;\n  --tw-text-opacity: 1;\n  color: rgb(39 39 39 / var(--tw-text-opacity));\n  line-height: 1.2;\n}\n\n.styles-module_cell__ZTpTA.styles-module_cellCombobox__4XI6E .styles-module_description__nrm2- {\n  align-self: flex-start;\n}\n\n.styles-module_rowProperties__eYVmN {\n  display: block;\n  overflow: hidden;\n  font-size: 0.813rem;\n  line-height: 1.4;\n  width: -moz-fit-content;\n  width: fit-content;\n  max-width: calc(100% - 0.5rem);\n}\n\n.styles-module_rowProperties__eYVmN.styles-module_rowPropertiesExpanded__YkRyv {\n  width: 100%;\n  overflow: auto;\n  border-width: 1px;\n  border-top-width: 0px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  border-bottom-right-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n}\n\n.styles-module_rowProperties__eYVmN.styles-module_rowPropertiesExpanded__YkRyv:first-child {\n  border-radius: 0.25rem;\n  border-top-width: 1px;\n}\n\n.styles-module_propertyWrapper__7rA-l {\n  border-right-width: 1px;\n  border-bottom-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  border-bottom-right-radius: 0.25rem;\n  border-bottom-left-radius: 0.25rem;\n  display: inline-flex;\n  gap: 0.25rem;\n  --tw-bg-opacity: 1;\n  background-color: rgb(248 248 248 / var(--tw-bg-opacity));\n  padding-left: 0.5rem;\n  margin-left: -0.5rem;\n}\n\n.styles-module_property__YczwR {\n  border-left-width: 1px;\n  --tw-border-opacity: 1;\n  border-color: rgb(221 221 221 / var(--tw-border-opacity));\n  padding-left: 0.5rem;\n  padding-right: 0.5rem;\n  padding-top: 0.125rem;\n  padding-bottom: 0.125rem;\n}\n\n.styles-module_propertyName__rp7UZ {\n  --tw-text-opacity: 1;\n  color: rgb(170 170 170 / var(--tw-text-opacity));\n}\n\n.styles-module_propertyValue__-AKwp {\n  --tw-text-opacity: 1;\n  color: rgb(0 0 0 / var(--tw-text-opacity));\n}\n\n.styles-module_propertyName__rp7UZ + .styles-module_propertyValue__-AKwp {\n  margin-left: 0.25rem;\n}\n\n/* ### Action Bar ### */\n\n.styles-module_actionBar__GudS0 {\n  /* @apply absolute left-full top-0 bottom-0 -ml-2.5; */\n  margin-left: -0.125rem;\n  margin-right: -0.625rem;\n  width: 1.25rem;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  gap: 0.25rem;\n}\n\n.styles-module_actionBarButton__llyoR {\n  flex-shrink: 0;\n  flex-grow: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 1.25rem;\n  width: 1.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(105 105 105 / var(--tw-text-opacity));\n}\n\n.styles-module_actionBarButton__llyoR:hover {\n  --tw-bg-opacity: 1;\n  background-color: rgb(221 221 221 / var(--tw-bg-opacity));\n}\n\n/* stylelint-disable-next-line */\n\n.styles-module_actionBarButton__llyoR > svg {\n  height: 0.75rem;\n  width: 0.75rem;\n  stroke-width: 2;\n}\n\n/* ### Nested Levels ### */\n\n.styles-module_nestedLevel__fV46p {\n  position: relative;\n}\n\n.styles-module_nestedLevel__fV46p:not(:has(.styles-module_nestedLevel__fV46p)) {\n  margin-right: 0.625rem;\n}\n\n.styles-module_nestedLevel__fV46p > .styles-module_nestedLevel__fV46p {\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+x8AAr8B3gzOjaQAAAAASUVORK5CYII=');\n  background-size: 1px 1px;\n  background-repeat: repeat-y;\n  background-position: top 0 left 1rem;\n  padding-left: 2rem;\n}\n\n.styles-module_nestedLevel__fV46p .styles-module_nestedLevel__fV46p {\n  flex-grow: 1;\n}\n\n.styles-module_nestedLevel__fV46p:not(:empty) + .styles-module_nestedLevel__fV46p:not(:has(> .styles-module_nestedLevel__fV46p)),\n.styles-module_nestedLevel__fV46p:not(:empty) > .styles-module_nestedLevel__fV46p:has(> :not(.styles-module_nestedLevel__fV46p)) {\n  padding-top: 0.5rem;\n}\n\n.styles-module_nestedLevel__fV46p .styles-module_nestedLevel__fV46p:has(> :not(.styles-module_nestedLevel__fV46p))::before {\n  content: '';\n  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mO8+x8AAr8B3gzOjaQAAAAASUVORK5CYII=');\n  background-size: 3rem 1px;\n  background-repeat: repeat-x;\n  background-position: 0 0;\n  display: block;\n  flex-shrink: 0;\n  flex-grow: 0;\n  position: absolute;\n  top: 50%;\n  left: 1rem;\n  margin-top: 0.25rem;\n  width: 1rem;\n  height: 1px;\n}\n\n.styles-module_drilldownWrapper__pq6wB > .styles-module_nestedLevel__fV46p:last-child > .styles-module_nestedLevel__fV46p:last-child {\n  padding-bottom: 0.5rem;\n}\n";
 var classes = {"rowWrapper":"styles-module_rowWrapper__s8zSx","row":"styles-module_row__RyekY","rowShort":"styles-module_rowShort__tlARy","cell":"styles-module_cell__ZTpTA","cellGrow":"styles-module_cellGrow__N9BMH","cellShrink":"styles-module_cellShrink__DX2QJ","cellDisabled":"styles-module_cellDisabled__0J77S","cellName":"styles-module_cellName__I0hSb","cellCombobox":"styles-module_cellCombobox__4XI6E","cellInput":"styles-module_cellInput__3nmbF","cellValue":"styles-module_cellValue__HSpou","cellIcon":"styles-module_cellIcon__jfVwU","rowWrapperEmbedded":"styles-module_rowWrapperEmbedded__C6L4N","rowEmbedded":"styles-module_rowEmbedded__HR-4O","title":"styles-module_title__MYqaj","title_leftSide":"styles-module_title_leftSide__dtWos","title_rightSide":"styles-module_title_rightSide__wCmXB","title_title":"styles-module_title_title__EJEFa","title_dot":"styles-module_title_dot__fZa-R","title_dot__error":"styles-module_title_dot__error__oJq53","title_dot__required":"styles-module_title_dot__required__EDi-g","titleBadge":"styles-module_titleBadge__L4l0M","titleBadgeRightSide":"styles-module_titleBadgeRightSide__yK3S0","description":"styles-module_description__nrm2-","rowProperties":"styles-module_rowProperties__eYVmN","rowPropertiesExpanded":"styles-module_rowPropertiesExpanded__YkRyv","propertyWrapper":"styles-module_propertyWrapper__7rA-l","property":"styles-module_property__YczwR","propertyName":"styles-module_propertyName__rp7UZ","propertyValue":"styles-module_propertyValue__-AKwp","actionBar":"styles-module_actionBar__GudS0","actionBarButton":"styles-module_actionBarButton__llyoR","nestedLevel":"styles-module_nestedLevel__fV46p","drilldownWrapper":"styles-module_drilldownWrapper__pq6wB"};
 styleInject(css_248z);
 

package/dist/cjs/components/DataInput/index.cjs

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

package/dist/cjs/components/DataLinks/data-link-tables-option-factory.cjs

@@ -2,13 +2,13 @@
 /*
  * Integration App React package
  * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.0.3-beta.2
+ * v2.0.3
  */
 'use client';
 
 'use strict';
 
-var base = require('../ComboBox/options-factories/base.cjs');
+var utils = require('../ComboBox/options-factories/utils.cjs');
 
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
@@ -20,7 +20,7 @@ class DataLinkTablesOptionsFactory {
   }
   async getOptions({ input }) {
     const options = await this.getCachedOptions();
-    return base.filterOptionsByLabel(options, input);
+    return utils.filterOptionsByLabel(options, input);
   }
   async getCachedOptions() {
     if (this.cachedOptions === null) {

package/dist/cjs/components/DropdownUI/BackButton.cjs

@@ -0,0 +1,70 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var index = require('../SvgIcon/index.cjs');
+var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
+require('../../styled-system/css/css.cjs');
+require('../../styled-system/helpers.cjs');
+var sva = require('../../styled-system/css/sva.cjs');
+require('../../styled-system/jsx/is-valid-prop.cjs');
+var flex = require('../../styled-system/jsx/flex.cjs');
+require('../../styled-system/patterns/visually-hidden.cjs');
+var text = require('../../ui-kit/styled/text.cjs');
+var iconButton = require('../../ui-kit/styled/icon-button.cjs');
+
+const dropdownBackButtonRecipe = sva.sva({
+  className: "dropdown-back-button",
+  slots: ["container", "button", "icon", "title"],
+  base: {
+    container: {
+      gap: "2",
+      alignItems: "center",
+      px: "1.5",
+      py: "1"
+    },
+    button: {
+      h: "6",
+      w: "6",
+      minW: "unset",
+      rounded: "md",
+      color: "slate.11"
+    },
+    icon: {
+      w: "4",
+      h: "4"
+    },
+    title: { fontWeight: "medium", color: "slate.11", fontSize: "sm" }
+  }
+});
+const BackButton = React.forwardRef(({ className, children, ...props }, ref) => {
+  const { container, button, icon, title } = dropdownBackButtonRecipe({
+    className
+  });
+  const id = React.useId();
+  return /* @__PURE__ */ jsxRuntime.jsxs(flex.Flex, { className: container, children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      iconButton.IconButton,
+      {
+        ref,
+        variant: "ghost",
+        colorPalette: "gray",
+        className: button,
+        "aria-labelledby": id,
+        ...props,
+        children: /* @__PURE__ */ jsxRuntime.jsx(index.SvgIcon, { type: svgIconType.SvgIconType.ChevronLeft, className: icon })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(text.Text, { as: "span", className: title, id, children })
+  ] });
+});
+
+exports.BackButton = BackButton;

package/dist/cjs/components/DropdownUI/ErrorHeading.cjs

@@ -0,0 +1,42 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+'use strict';
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var clsx = require('clsx');
+var svaRecipe = require('./sva-recipe.cjs');
+var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
+var ItemIcon = require('./ItemIcon.cjs');
+
+const ErrorHeading = React.forwardRef(({ className, text, ...props }, ref) => {
+  const styles = svaRecipe.dropdownRecipe();
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "span",
+    {
+      role: "heading",
+      "aria-level": 2,
+      className: clsx(styles["error"], className),
+      ...props,
+      ref,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          ItemIcon.ItemIcon,
+          {
+            type: svgIconType.SvgIconType.AlertCircle,
+            className: styles["error-icon"]
+          }
+        ),
+        text
+      ]
+    }
+  );
+});
+
+exports.ErrorHeading = ErrorHeading;