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

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.3
+ */
+'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.2
+ * v2.0.3
  */
 'use client';
 

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

@@ -0,0 +1,66 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+'use strict';
+
+var sdk = require('@integration-app/sdk');
+var types = require('../types.cjs');
+var categoryContentMapping = require('../Dropdown/categoryContentMapping.cjs');
+var generateSchemaOptions = require('./generate-schema-options.cjs');
+
+class VariableOptionFactory {
+  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 = generateSchemaOptions.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)
+        });
+      }
+      result.unshift({
+        label: categoryContentMapping.renderCategories[types.DropdownCategoryType.VARIABLE].title,
+        isSection: true
+      });
+      return result;
+    } else {
+      return [];
+    }
+  }
+}
+
+exports.VariableOptionFactory = VariableOptionFactory;

package/dist/cjs/components/ComboBox/types.cjs

@@ -2,21 +2,23 @@
 /*
  * 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 ComboBoxTabType = /* @__PURE__ */ ((ComboBoxTabType2) => {
-  ComboBoxTabType2["VARIABLE"] = "variable";
-  ComboBoxTabType2["OPTIONS"] = "options";
-  ComboBoxTabType2["FORMULA"] = "formula";
-  ComboBoxTabType2["CUSTOM"] = "custom";
-  ComboBoxTabType2["LOOKUP_OPTIONS"] = "lookup_options";
-  ComboBoxTabType2["SELECT_FROM_COLLECTION_DYNAMICALLY"] = "select_from_collection_dynamically";
-  ComboBoxTabType2["SELECT_FROM_UDM_DYNAMICALLY"] = "select_from_udm_dynamically";
-  return ComboBoxTabType2;
-})(ComboBoxTabType || {});
+var DropdownCategoryType = /* @__PURE__ */ ((DropdownCategoryType2) => {
+  DropdownCategoryType2["ROOT"] = "root";
+  DropdownCategoryType2["VARIABLE"] = "variable";
+  DropdownCategoryType2["OPTIONS"] = "options";
+  DropdownCategoryType2["FORMULA"] = "formula";
+  DropdownCategoryType2["FORMULA_CONFIG"] = "formula_config";
+  DropdownCategoryType2["CUSTOM"] = "custom";
+  DropdownCategoryType2["LOOKUP_OPTIONS"] = "lookup_options";
+  DropdownCategoryType2["SELECT_FROM_COLLECTION_DYNAMICALLY"] = "select_from_collection_dynamically";
+  DropdownCategoryType2["SELECT_FROM_UDM_DYNAMICALLY"] = "select_from_udm_dynamically";
+  return DropdownCategoryType2;
+})(DropdownCategoryType || {});
 
-exports.ComboBoxTabType = ComboBoxTabType;
+exports.DropdownCategoryType = DropdownCategoryType;

package/dist/cjs/components/ComboBox/value-spec.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/ComboBoxElements/ComboBoxTag.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,9 +11,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var index = require('../Tag/index.cjs');
+var Tag = require('../Tag/Tag.cjs');
+require('../Tag/TagPlaceholder.cjs');
 var ComboBoxTag_module = require('./ComboBoxTag.module.css.cjs');
-var index$1 = require('../SvgIcon/index.cjs');
+var svgIconType = require('../SvgIcon/svg-icon-type.cjs');
 
 const ComboBoxTag = React.forwardRef(
   function({
@@ -32,7 +33,7 @@ const ComboBoxTag = React.forwardRef(
     ...props
   }, ref) {
     return /* @__PURE__ */ jsxRuntime.jsxs(
-      index.Tag,
+      Tag.Tag,
       {
         className: clsx(
           ComboBoxTag_module.default.tagDefault,
@@ -58,13 +59,13 @@ const ComboBoxTag = React.forwardRef(
 ComboBoxTag.displayName = "ComboBoxTag";
 function ComboboxIcon({ invalid, icon, iconUri }) {
   if (invalid) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Tag.SvgIcon, { type: index$1.SvgIconType.Unlink });
+    return /* @__PURE__ */ jsxRuntime.jsx(Tag.Tag.SvgIcon, { type: svgIconType.SvgIconType.Unlink });
   }
   if (icon) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Tag.SvgIcon, { type: icon });
+    return /* @__PURE__ */ jsxRuntime.jsx(Tag.Tag.SvgIcon, { type: icon });
   }
   if (iconUri) {
-    return /* @__PURE__ */ jsxRuntime.jsx(index.Tag.Image, { src: iconUri });
+    return /* @__PURE__ */ jsxRuntime.jsx(Tag.Tag.Image, { src: iconUri });
   }
   return null;
 }

package/dist/cjs/components/ComboBoxElements/ComboBoxTag.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/ComboBoxElements/FieldWrapper.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/ComboBoxElements/Popper.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/ComboBoxElements/Popper.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 = "/* Dropdown Popper */\n.Popper-module_popper__HPG3S {\n  z-index: 600;\n  will-change: transform, width, max-height;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n  min-width: 22rem;\n  display: flex;\n  flex-direction: column;\n}\n.Popper-module_popper__HPG3S[data-popper-reference-hidden='true'] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.Popper-module_popper__HPG3S[data-popper-placement^='top'] {\n  justify-content: flex-end;\n\n  /*\n  When Dropdown is placed on the top, it has additional offset\n  Because we shift Dropdown to the top by 24px to keep SchemaSelector visible\n  */\n  margin-bottom: 20px;\n  margin-left: -9px;\n}\n.Popper-module_popper__HPG3S[data-popper-placement^='bottom'] {\n  justify-content: flex-start;\n}\n";
+var css_248z = "/* Dropdown Popper */\n.Popper-module_popper__HPG3S {\n  z-index: 600;\n  will-change: transform, width, max-height;\n  max-width: -moz-fit-content;\n  max-width: fit-content;\n  display: flex;\n  flex-direction: column;\n}\n.Popper-module_popper__HPG3S[data-popper-reference-hidden='true'] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.Popper-module_popper__HPG3S[data-popper-placement^='top'] {\n  justify-content: flex-end;\n\n  /*\n  When Dropdown is placed on the top, it has additional offset\n  Because we shift Dropdown to the top by 24px to keep SchemaSelector visible\n  */\n  margin-bottom: 20px;\n  margin-left: -9px;\n}\n.Popper-module_popper__HPG3S[data-popper-placement^='bottom'] {\n  justify-content: flex-start;\n}\n";
 var classes = {"popper":"Popper-module_popper__HPG3S"};
 styleInject(css_248z);
 

package/dist/cjs/components/ComboBoxElements/TipTapEditor/Editor.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';
 
@@ -24,7 +24,7 @@ var common = require('./helpers/common.cjs');
 var transformValueToEditorSchema = require('./helpers/transformValueToEditorSchema.cjs');
 var transformEditorSchemaToValue = require('./helpers/transformEditorSchemaToValue.cjs');
 
-const extensions = [History, Document, Paragraph, Text, TagComponent.default];
+const extensions = [History, Document, Paragraph, Text, TagComponent.TagComponent];
 const clearEditorSearchTerm = (chain, content, allowOverride) => {
   if (!allowOverride) {
     return chain;
@@ -88,7 +88,7 @@ function useComboboxEditor({
       chain,
       editorRef.current?.getJSON(),
       allowEditorSearchClear
-    ).insertContent(TagComponent.getComponentTagNode(id, variable, props2)).run();
+    ).insertContent(common.getComponentTagNode(id, variable, props2)).run();
     handleUpdate();
   }
   function setContent(content) {

package/dist/cjs/components/ComboBoxElements/TipTapEditor/Editor.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/ComboBoxElements/TipTapEditor/EditorStandAlone.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,10 +11,6 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var Editor = require('./Editor.cjs');
-require('./TagComponent.cjs');
-require('../../SvgIcon/index.cjs');
-require('@integration-app/sdk');
-require('fuse');
 
 const StandAloneEditor = React.forwardRef(({ value, onChange, ...props }, ref) => {
   const { editor } = Editor.useComboboxEditor({

package/dist/cjs/components/ComboBoxElements/TipTapEditor/TagComponent.cjs

@@ -2,86 +2,19 @@
 /*
  * 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';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var jsxRuntime = require('react/jsx-runtime');
 var core = require('@tiptap/core');
 var react = require('@tiptap/react');
-var React = require('react');
-var index = require('../../ComboBox/index.cjs');
-var comboboxContext = require('../../ComboBox/context/combobox-context.cjs');
-var inputs_module = require('../inputs.module.css.cjs');
-var dataBuilderContext = require('../../DataBuilder/data-builder-context.cjs');
-var clsx = require('clsx');
+var constants = require('./constants.cjs');
+var TagNodeView = require('./TagNodeView.cjs');
 
-const TAG_EXTENSION_NAME = "tagComponent";
-const TAG_EXTENSION_TAG = "tag-component";
-const TagComponent = (props) => {
-  const { value, autoOpen } = props.node.attrs;
-  const { isReadOnly } = dataBuilderContext.default();
-  const handleChange = (value2) => {
-    if (value2 === void 0) {
-      props.deleteNode();
-    } else {
-      props.updateAttributes({
-        value: value2
-      });
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    react.NodeViewWrapper,
-    {
-      as: "span",
-      className: clsx(inputs_module.default.tagWrapper, {
-        [inputs_module.default.tagWrapper__readonly]: isReadOnly
-      }),
-      children: /* @__PURE__ */ jsxRuntime.jsx(
-        Tag,
-        {
-          value,
-          autoOpen,
-          onChange: handleChange,
-          disabled: isReadOnly
-        }
-      )
-    }
-  );
-};
-function Tag({
-  value,
-  autoOpen,
-  onChange,
-  disabled
-}) {
-  const { variablesSchema } = comboboxContext.useComboBox();
-  const handleValueChange = React.useCallback(
-    (value2) => {
-      onChange(value2);
-    },
-    [onChange]
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    index.ComboBox,
-    {
-      className: inputs_module.default.innerTag,
-      value,
-      schema: { type: "string" },
-      variablesOnly: true,
-      disabled,
-      variablesSchema,
-      onChange: handleValueChange,
-      autoOpen
-    }
-  );
-}
-var TagComponent$1 = core.Node.create({
-  name: TAG_EXTENSION_NAME,
+const TagComponent = core.Node.create({
+  name: constants.TAG_EXTENSION_NAME,
   group: "inline",
   inline: true,
   atom: true,
@@ -101,29 +34,16 @@ var TagComponent$1 = core.Node.create({
   parseHTML() {
     return [
       {
-        tag: TAG_EXTENSION_TAG
+        tag: constants.TAG_EXTENSION_TAG
       }
     ];
   },
   renderHTML({ HTMLAttributes }) {
-    return [TAG_EXTENSION_TAG, core.mergeAttributes(HTMLAttributes)];
+    return [constants.TAG_EXTENSION_TAG, core.mergeAttributes(HTMLAttributes)];
   },
   addNodeView() {
-    return react.ReactNodeViewRenderer(TagComponent, { contentDOMElementTag: "span" });
+    return react.ReactNodeViewRenderer(TagNodeView.TagNodeView, { contentDOMElementTag: "span" });
   }
 });
-function getComponentTagNode(id, value, { autoOpen } = {}) {
-  return {
-    type: TAG_EXTENSION_NAME,
-    attrs: {
-      id,
-      value,
-      autoOpen
-    }
-  };
-}
 
-exports.TAG_EXTENSION_NAME = TAG_EXTENSION_NAME;
-exports.TAG_EXTENSION_TAG = TAG_EXTENSION_TAG;
-exports.default = TagComponent$1;
-exports.getComponentTagNode = getComponentTagNode;
+exports.TagComponent = TagComponent;

package/dist/cjs/components/ComboBoxElements/TipTapEditor/TagNodeView.cjs

@@ -0,0 +1,81 @@
+"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('@tiptap/react');
+var React = require('react');
+var clsx = require('clsx');
+var ComboBox = require('../../ComboBox/ComboBox.cjs');
+var comboboxContext = require('../../ComboBox/context/combobox-context.cjs');
+var inputs_module = require('../inputs.module.css.cjs');
+var dataBuilderContext = require('../../DataBuilder/data-builder-context.cjs');
+var hooks = require('../../DataBuilder/hooks.cjs');
+
+function Tag({
+  value,
+  autoOpen,
+  onChange,
+  disabled
+}) {
+  const { variablesSchema } = comboboxContext.useComboBox();
+  const handleValueChange = React.useCallback(
+    (value2) => {
+      onChange(value2);
+    },
+    [onChange]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    ComboBox.ComboBox,
+    {
+      className: inputs_module.default.innerTag,
+      value,
+      schema: { type: "string" },
+      variablesOnly: true,
+      disabled,
+      variablesSchema,
+      onChange: handleValueChange,
+      autoOpen
+    }
+  );
+}
+const TagNodeView = (props) => {
+  const { value, autoOpen } = props.node.attrs;
+  const { isReadOnly } = dataBuilderContext.default();
+  const isFrozenField = hooks.usIsFieldFrozen();
+  const handleChange = (value2) => {
+    if (value2 === void 0) {
+      props.deleteNode();
+    } else {
+      props.updateAttributes({
+        value: value2
+      });
+    }
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.NodeViewWrapper,
+    {
+      as: "span",
+      className: clsx(inputs_module.default.tagWrapper, {
+        [inputs_module.default.tagWrapper__readonly]: isReadOnly || isFrozenField
+      }),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        Tag,
+        {
+          value,
+          autoOpen,
+          onChange: handleChange,
+          disabled: isReadOnly || isFrozenField
+        }
+      )
+    }
+  );
+};
+
+exports.TagNodeView = TagNodeView;

package/dist/cjs/components/ComboBoxElements/TipTapEditor/constants.cjs

@@ -0,0 +1,15 @@
+"use strict";
+/*
+ * Integration App React package
+ * {@link https://www.npmjs.com/package/@integration-app/react}
+ * v2.0.3
+ */
+'use client';
+
+'use strict';
+
+const TAG_EXTENSION_NAME = "tagComponent";
+const TAG_EXTENSION_TAG = "tag-component";
+
+exports.TAG_EXTENSION_NAME = TAG_EXTENSION_NAME;
+exports.TAG_EXTENSION_TAG = TAG_EXTENSION_TAG;

package/dist/cjs/components/ComboBoxElements/TipTapEditor/extension-keyboardShortcuts.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/ComboBoxElements/TipTapEditor/helpers/clicks.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 TagComponent = require('../TagComponent.cjs');
+var constants = require('../constants.cjs');
 
 function isClickOnEditorCustomTagComponent(element, rootElement) {
   if (!element) {
@@ -29,7 +29,7 @@ function isClickOnEditorComponent(element, rootElement) {
   return isElementEditorComponent(element) || isClickOnEditorComponent(element?.parentElement, rootElement);
 }
 function isElementEditorCustomTagComponent(element) {
-  return element.classList.contains(`node-${TagComponent.TAG_EXTENSION_NAME}`);
+  return element.classList.contains(`node-${constants.TAG_EXTENSION_NAME}`);
 }
 function isElementEditorComponent(element) {
   return element.classList.contains("tiptap");