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

package/dist/cjs/components/ComboBox/options-factories/boolean.cjs

@@ -2,25 +2,29 @@
 /*
  * 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';
 
 'use strict';
 
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+
 class BooleanOptionsFactory {
-  async getOptions() {
+  async getOptions({}) {
     return this.getOptionsSync();
   }
   getOptionsSync() {
     return [
       {
         label: "Yes",
-        value: true
+        value: true,
+        iconType: svgIconType.SvgIconType.ListOption
       },
       {
         label: "No",
-        value: false
+        value: false,
+        iconType: svgIconType.SvgIconType.ListOption
       }
     ];
   }

package/dist/cjs/components/ComboBox/options-factories/constant.cjs

@@ -2,23 +2,29 @@
 /*
  * 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';
 
 'use strict';
 
-var base = require('./base.cjs');
+var utils = require('./utils.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 
 class ConstantOptionFactory {
   constructor(options) {
     this.options = options;
   }
-  async getOptions({ input }) {
+  async getOptions({
+    input
+  }) {
     return this.getOptionsSync({ input });
   }
   getOptionsSync({ input }) {
-    return base.filterOptionsByLabel(this.options, input);
+    return utils.filterOptionsByLabel(this.options, input).map((option) => ({
+      ...option,
+      iconType: svgIconType.SvgIconType.ListOption
+    }));
   }
 }
 

package/dist/cjs/components/ComboBox/options-factories/custom-field.cjs

@@ -2,38 +2,50 @@
 /*
  * 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';
 
 'use strict';
 
-var index = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var types = require('../types.cjs');
 var valueSpec = require('../value-spec.cjs');
-var base = require('./base.cjs');
+var utils = require('./utils.cjs');
+var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
 
 const CUSTOM_OBJECT_VALUE = {};
 const CUSTOM_OBJECT_VALUE_LABEL = "Object With Custom Fields";
 const CUSTOM_ARRAY_VALUE = [];
 const CUSTOM_ARRAY_VALUE_LABEL = "List With Custom Items";
 class CustomFieldOptionsFactory {
-  async getOptions({ spec, input }) {
+  async getOptions({
+    spec,
+    input
+  }) {
     const options = [];
-    if (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.OBJECT) {
+    if (spec && (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.OBJECT)) {
       options.push({
         label: CUSTOM_OBJECT_VALUE_LABEL,
         value: CUSTOM_OBJECT_VALUE,
-        iconType: index.SvgIconType.SchemaType_object
+        iconType: svgIconType.SvgIconType.SchemaType_object
       });
     }
-    if (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.ARRAY) {
+    if (spec && (spec.type === valueSpec.ValueType.ANY || spec.type === valueSpec.ValueType.ARRAY)) {
       options.push({
         label: CUSTOM_ARRAY_VALUE_LABEL,
         value: CUSTOM_ARRAY_VALUE,
-        iconType: index.SvgIconType.SchemaType_array
+        iconType: svgIconType.SvgIconType.SchemaType_array
       });
     }
-    return base.filterOptionsByLabel(options, input);
+    const result = utils.filterOptionsByLabel(options, input);
+    if (result.length > 0) {
+      result.unshift({
+        label: categoryContentMapping.renderCategories[types.DropdownCategoryType.CUSTOM].title,
+        isSection: true
+      });
+    }
+    return result;
   }
 }
 function isCustomFieldValue(value) {

package/dist/cjs/components/ComboBox/options-factories/enum.cjs

@@ -2,19 +2,22 @@
 /*
  * 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';
 
 'use strict';
 
-var base = require('./base.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var utils = require('./utils.cjs');
 
 class EnumOptionFactory {
   constructor(params) {
     this.params = params;
   }
-  async getOptions({ input }) {
+  async getOptions({
+    input
+  }) {
     return this.getOptionsSync({ input });
   }
   getOptionsSync({ input }) {
@@ -24,17 +27,19 @@ class EnumOptionFactory {
         if (typeof enumValue == "object" && enumValue.value) {
           options.push({
             label: enumValue.label ?? enumValue.value,
-            value: enumValue.value
+            value: enumValue.value,
+            iconType: svgIconType.SvgIconType.ListOption
           });
         } else {
           options.push({
             label: enumValue,
-            value: enumValue
+            value: enumValue,
+            iconType: svgIconType.SvgIconType.ListOption
           });
         }
       });
     }
-    const filteredOptions = base.filterOptionsByLabel(options, input);
+    const filteredOptions = utils.filterOptionsByLabel(options, input);
     if (filteredOptions.length > 0) {
       return [
         {

package/dist/cjs/components/{DataBuilder/Formula/options-factory.cjs → ComboBox/options-factories/formula.cjs}

@@ -2,16 +2,18 @@
 /*
  * 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';
 
 'use strict';
 
-var base = require('../../ComboBox/options-factories/base.cjs');
-var valueSpec = require('../../ComboBox/value-spec.cjs');
-require('../../SvgIcon/index.cjs');
-var index = require('./index.cjs');
+var utils = require('./utils.cjs');
+var types = require('../types.cjs');
+var valueSpec = require('../value-spec.cjs');
+var index = require('../../DataBuilder/Formula/index.cjs');
+var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 
 class FormulaListOptionsFactory {
   async getOptions({ input, spec }) {
@@ -23,16 +25,25 @@ class FormulaListOptionsFactory {
         label: formulaSpec.name,
         value: {
           [`$${type}`]: null
-        }
+        },
+        childCategory: types.DropdownCategoryType.FORMULA_CONFIG,
+        iconType: svgIconType.SvgIconType.ListOption
+      });
+    }
+    const filteredOptions = utils.filterOptionsByLabel(options, input);
+    if (filteredOptions.length > 0) {
+      filteredOptions.unshift({
+        label: categoryContentMapping.renderCategories[types.DropdownCategoryType.FORMULA].title,
+        isSection: true
       });
     }
-    const filteredOptions = base.filterOptionsByLabel(options, input);
     return filteredOptions;
   }
 }
 function getFormulaTypesForSpec(spec) {
   const result = [];
-  for (const [formulaType, formulaSpec] of Object.entries(index.getFormulas())) {
+  const entries = Object.entries(index.getFormulas());
+  for (const [formulaType, formulaSpec] of entries) {
     if (!formulaSpec.appliesToSpec) {
       continue;
     }

package/dist/cjs/components/ComboBox/options-factories/{schema.cjs → generate-schema-options.cjs}

@@ -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';
 
@@ -13,54 +13,12 @@ var jsConvertCase = require('js-convert-case');
 var sdk = require('@integration-app/sdk');
 var React = require('react');
 var SegmentSeparator = require('../../Tag/SegmentSeparator.cjs');
+var types = require('../types.cjs');
 var valueSpec = require('../value-spec.cjs');
-var index$1 = require('./index.cjs');
 var objectFields = require('./object-fields.cjs');
 var constant = require('./constant.cjs');
-var index = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 
-class SchemaOptionFactory {
-  constructor(parameters) {
-    this.parameters = parameters;
-  }
-  async getOptions({ input, spec }) {
-    return this.getOptionsSync({ input, spec });
-  }
-  getOptionsSync({ input, spec }) {
-    const locator = this.parameters.locator ?? "$";
-    const showFullPath = !!input;
-    const options = getOptionsForSchema({
-      schema: this.parameters.schema,
-      locator: this.parameters.locator ?? [],
-      valueSpec: spec,
-      showIcons: !this.parameters.isSection,
-      skipNameComponentsPrefix: sdk.getNameComponentsForLocator(
-        this.parameters.schema,
-        locator
-      ),
-      ignorePrefix: !showFullPath,
-      nameComponentsByLocator: this.parameters.isSection ? sdk.getNameComponentsForLocator(this.parameters.schema, locator) : [],
-      exampleVariables: this.parameters.exampleVariables,
-      editableSchemaLocators: this.parameters.editableSchemaLocators
-    });
-    const filteredOptions = options.filter(
-      (o) => !input || (o.searchLabel ?? o.label?.toString())?.toLowerCase()?.includes(input.toLowerCase())
-    );
-    if (filteredOptions.length > 0) {
-      const result = filteredOptions;
-      if (this.parameters.isSection) {
-        result.unshift({
-          label: showFullPath ? sdk.getFullNameForLocator(this.parameters.schema, locator) : sdk.getNameForLocator(this.parameters.schema, locator),
-          isSection: true,
-          iconUri: sdk.getIconUriForLocator(this.parameters.schema, locator)
-        });
-      }
-      return result;
-    } else {
-      return [];
-    }
-  }
-}
 function getOptionsForSchema({
   schema,
   locator,
@@ -95,6 +53,7 @@ function getOptionsForSchema({
   const textLabel = nameComponents?.length > 0 ? nameComponents.join(" ") : optionsSchema.title;
   const searchLabel = nameComponents.join(" ");
   const iconUri = showIcons ? sdk.getIconUriForLocator(schema, locator) : null;
+  const iconType = !iconUri ? svgIconType.SvgIconType.ListOption : void 0;
   if (optionsSchema.type == "object") {
     const isInvisibleObject = optionsSchema.title === "";
     if (expandObject || isInvisibleObject) {
@@ -103,13 +62,13 @@ function getOptionsForSchema({
         options.push({
           label: label ?? textLabel,
           searchLabel,
-          hint: "Whole Object",
           value: {
             $var: sdk.stepsToLocator(sdk.locatorToSteps(locator))
           },
           /* FIXME: strictNullCheck temporary fix */
           // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
-          iconUri
+          iconUri,
+          iconType
         });
       }
       for (const key of Object.keys(optionsSchema.properties ?? {})) {
@@ -146,10 +105,8 @@ function getOptionsForSchema({
         options.push({
           label: `Add${textLabel ? ` "${textLabel}"` : ""} Property`,
           searchLabel: "",
-          hint: `Add property to this object`,
-          iconType: index.SvgIconType.Add,
-          addVariable: `${sdk.stepsToLocator(locatorSteps)}`,
-          isHighlighted: true
+          iconType: svgIconType.SvgIconType.Add,
+          addVariable: `${sdk.stepsToLocator(locatorSteps)}`
         });
       }
     } else {
@@ -158,20 +115,20 @@ function getOptionsForSchema({
         options.push({
           label,
           searchLabel,
-          hint: propCount === 0 ? "Object" : `Object with ${propCount} ${propCount === 1 ? "property" : "properties"}`,
+          childrenCount: propCount > 0 ? propCount : void 0,
           /* FIXME: strictNullCheck temporary fix */
           // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
           iconUri,
-          drilldownOptionFactories: [
-            new objectFields.ObjectFieldsOptionFactory({
-              name: textLabel,
-              schema,
-              locator,
-              exampleVariables,
-              isSection: true,
-              editableSchemaLocators
-            })
-          ]
+          iconType,
+          drillDownOptionFactory: new objectFields.ObjectFieldsOptionFactory({
+            name: textLabel,
+            schema,
+            locator,
+            exampleVariables,
+            isSection: true,
+            editableSchemaLocators
+          }),
+          childCategory: types.DropdownCategoryType.VARIABLE
         });
       }
     }
@@ -182,10 +139,10 @@ function getOptionsForSchema({
         listOptions.push({
           label,
           searchLabel,
-          hint: "Whole List",
           value: {
             $var: sdk.stepsToLocator(sdk.locatorToSteps(locator))
           },
+          iconType,
           iconUri: iconUri || void 0
         });
       }
@@ -213,11 +170,11 @@ function getOptionsForSchema({
       options.push({
         label,
         searchLabel,
-        hint: "List",
         /* FIXME: strictNullCheck temporary fix */
         // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
         iconUri,
-        drilldownOptionFactories: [new constant.ConstantOptionFactory(listOptions)]
+        iconType,
+        drillDownOptionFactory: new constant.ConstantOptionFactory(listOptions)
       });
     }
   } else {
@@ -225,13 +182,13 @@ function getOptionsForSchema({
       options.push({
         label,
         searchLabel,
-        hint: sdk.getValueAtLocator(exampleVariables, locator) ?? index$1.getSchemaHint(optionsSchema),
         value: {
           $var: sdk.stepsToLocator(sdk.locatorToSteps(locator))
         },
         /* FIXME: strictNullCheck temporary fix */
         // @ts-expect-error TS(2322): Type 'string | null' is not assignable to type 'st... Remove this comment to see the full error message
-        iconUri
+        iconUri,
+        iconType
       });
     }
   }
@@ -250,5 +207,4 @@ function getLabelNodeFromNameComponents(nameComponents) {
   ] }, idx)) });
 }
 
-exports.SchemaOptionFactory = SchemaOptionFactory;
 exports.getOptionsForSchema = getOptionsForSchema;

package/dist/cjs/components/ComboBox/options-factories/object-fields.cjs

@@ -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,16 +10,19 @@
 
 var jsConvertCase = require('js-convert-case');
 var sdk = require('@integration-app/sdk');
-var base = require('./base.cjs');
-var schema = require('./schema.cjs');
+var utils = require('./utils.cjs');
+var generateSchemaOptions = require('./generate-schema-options.cjs');
 var valueSpec = require('../value-spec.cjs');
-var index = require('../../SvgIcon/index.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
 
 class ObjectFieldsOptionFactory {
   constructor(parameters) {
     this.parameters = parameters;
   }
-  async getOptions({ input, spec }) {
+  async getOptions({
+    input,
+    spec
+  }) {
     return this.getOptionsSync({ input, spec });
   }
   getOptionsSync({ input, spec }) {
@@ -45,7 +48,7 @@ class ObjectFieldsOptionFactory {
         value: {
           $var: sdk.stepsToLocator(sdk.locatorToSteps(locator))
         },
-        iconType: index.SvgIconType.SchemaType_object
+        iconType: svgIconType.SvgIconType.SchemaType_object
       });
     }
     for (const [fieldKey, fieldSchema] of Object.entries(
@@ -60,7 +63,7 @@ class ObjectFieldsOptionFactory {
         locator
       );
       options.push(
-        ...schema.getOptionsForSchema({
+        ...generateSchemaOptions.getOptionsForSchema({
           schema: this.parameters.schema,
           locator: propertyLocator,
           valueSpec: spec,
@@ -82,13 +85,11 @@ class ObjectFieldsOptionFactory {
       options.push({
         label: `New${this.parameters?.name ? ` "${this.parameters.name}"` : ""} property`,
         searchLabel: "",
-        hint: `Add property to this object`,
-        iconType: index.SvgIconType.Add,
-        addVariable: `${sdk.stepsToLocator(locatorSteps)}`,
-        isHighlighted: true
+        iconType: svgIconType.SvgIconType.Add,
+        addVariable: `${sdk.stepsToLocator(locatorSteps)}`
       });
     }
-    const filteredOptions = base.filterOptionsByLabel(options, input);
+    const filteredOptions = utils.filterOptionsByLabel(options, input);
     if (filteredOptions.length > 0) {
       const result = filteredOptions;
       if (this.parameters.isSection) {

package/dist/cjs/components/ComboBox/options-factories/reference-records.cjs

@@ -2,19 +2,22 @@
 /*
  * 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';
 
 'use strict';
 
-var base = require('./base.cjs');
+var svgIconType = require('../../SvgIcon/svg-icon-type.cjs');
+var utils = require('./utils.cjs');
 
 class ReferenceRecordsOptionsFactory {
   constructor(params) {
     this.params = params;
   }
-  async getOptions({ input }) {
+  async getOptions({
+    input
+  }) {
     return this.getOptionsSync({ input });
   }
   getOptionsSync({ input }) {
@@ -24,12 +27,13 @@ class ReferenceRecordsOptionsFactory {
         if (typeof record == "object" && record.id !== void 0) {
           options.push({
             label: record.name ?? record.id,
-            value: record.id
+            value: record.id,
+            iconType: svgIconType.SvgIconType.ListOption
           });
         }
       });
     }
-    const filteredOptions = base.filterOptionsByLabel(options, input);
+    const filteredOptions = utils.filterOptionsByLabel(options, input);
     if (filteredOptions.length > 0) {
       return [
         {

package/dist/cjs/components/ComboBox/options-factories/root.cjs

@@ -0,0 +1,108 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.4-beta.0
+ */
+'use client';
+
+'use strict';
+
+var formula = require('./formula.cjs');
+var types = require('../types.cjs');
+var utils = require('./utils.cjs');
+var variable = require('./variable.cjs');
+var customField = require('./custom-field.cjs');
+var categoryContentMapping = require('../Dropdown/categoryContentMapping.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;
+var __publicField = (obj, key, value) => __defNormalProp(obj, key + "" , value);
+const EXCLUDED_CATEGORIES = [
+  types.DropdownCategoryType.OPTIONS,
+  types.DropdownCategoryType.LOOKUP_OPTIONS
+];
+class RootOptionFactory {
+  constructor(categories) {
+    __publicField(this, "categories");
+    if (!categories && categories === null) {
+      this.categories = [];
+    } else {
+      this.categories = categories;
+    }
+  }
+  async getOptions({
+    input,
+    spec,
+    variablesSchema,
+    editableVariablesSchemaLocators
+  }) {
+    if (this.categories.length === 1) {
+      const [category] = this.categories;
+      const childCategoryFactory = this.getChildFactoryForCategory({
+        category,
+        schema: variablesSchema,
+        editableSchemaLocators: editableVariablesSchemaLocators
+      });
+      if (childCategoryFactory) {
+        return childCategoryFactory?.getOptions({
+          input,
+          spec,
+          variablesSchema,
+          editableVariablesSchemaLocators
+        });
+      }
+    }
+    return this.getOptionsSync({
+      input,
+      spec,
+      variablesSchema,
+      editableVariablesSchemaLocators
+    });
+  }
+  getOptionsSync({
+    input,
+    variablesSchema,
+    editableVariablesSchemaLocators
+  }) {
+    const options = [];
+    if (input) {
+      return options;
+    }
+    this.categories?.filter((category) => !EXCLUDED_CATEGORIES.includes(category))?.map((category) => {
+      const factory = this.getChildFactoryForCategory({
+        category,
+        schema: variablesSchema,
+        editableSchemaLocators: editableVariablesSchemaLocators
+      });
+      options.push({
+        label: categoryContentMapping.renderCategories[category].title,
+        iconType: categoryContentMapping.renderCategories[category].icon,
+        drillDownOptionFactory: factory,
+        childCategory: category
+      });
+    });
+    return utils.filterOptionsByLabel(options, input);
+  }
+  getChildFactoryForCategory({
+    category,
+    schema,
+    editableSchemaLocators
+  }) {
+    switch (category) {
+      case types.DropdownCategoryType.VARIABLE:
+        return new variable.VariableOptionFactory({
+          schema,
+          editableSchemaLocators
+        });
+      case types.DropdownCategoryType.FORMULA:
+        return new formula.FormulaListOptionsFactory();
+      case types.DropdownCategoryType.CUSTOM:
+        return new customField.CustomFieldOptionsFactory();
+      default:
+        return void 0;
+    }
+  }
+}
+
+exports.RootOptionFactory = RootOptionFactory;

package/dist/cjs/components/ComboBox/options-factories/{base.cjs → utils.cjs}

@@ -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';