@integration-app/react 2.1.7 → 2.3.0

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

@@ -1,126 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var Document = require('@tiptap/extension-document');
-var History = require('@tiptap/extension-history');
-var Paragraph = require('@tiptap/extension-paragraph');
-var Placeholder = require('@tiptap/extension-placeholder');
-var Text = require('@tiptap/extension-text');
-var react = require('@tiptap/react');
-var clsx = require('clsx');
-var Editor_module = require('./Editor.module.css.cjs');
-var extensionKeyboardShortcuts = require('./extension-keyboardShortcuts.cjs');
-var common = require('./helpers/common.cjs');
-var transformValueToEditorSchema = require('./helpers/transformValueToEditorSchema.cjs');
-var transformEditorSchemaToValue = require('./helpers/transformEditorSchemaToValue.cjs');
-var TagComponent = require('./TagComponent.cjs');
-
-const extensions = [History, Document, Paragraph, Text, TagComponent.TagComponent];
-const clearEditorSearchTerm = (chain, content, allowOverride) => {
-  if (!allowOverride) {
-    return chain;
-  }
-  const nodesSummary = common.getSchemaNodesSummary(content ?? {});
-  if (nodesSummary.nonText === 0) {
-    return chain?.setContent("");
-  }
-  return chain;
-};
-function useComboboxEditor({
-  value,
-  onEnter,
-  onChange,
-  placeholder = "",
-  allowEditorSearchClear = false,
-  ...props
-}) {
-  const editorExtensions = [
-    ...extensions,
-    Placeholder.configure({ placeholder }),
-    extensionKeyboardShortcuts.KeyboardShortcutHandler({ onEnter })
-  ];
-  const editorRef = React.useRef(null);
-  const onChangeHandlerRef = React.useRef(onChange);
-  onChangeHandlerRef.current = onChange;
-  const valueRef = React.useRef(value);
-  valueRef.current = value;
-  function handleCreate({ editor }) {
-    editorRef.current = editor;
-    setContent(transformValueToEditorSchema.transformValueToEditorSchema(valueRef.current));
-  }
-  function handleUpdate() {
-    if (!editorRef.current) return;
-    const newValue = transformEditorSchemaToValue.transformEditorSchemaToValue(
-      editorRef.current.getJSON() ?? {}
-    );
-    if (newValue !== valueRef.current) {
-      onChangeHandlerRef.current?.(newValue);
-    }
-  }
-  React.useEffect(() => {
-    if (editorRef.current) {
-      setContent?.(transformValueToEditorSchema.transformValueToEditorSchema(value));
-    }
-  }, [value ? JSON.stringify(value) : void 0]);
-  react.useEditor({
-    extensions: editorExtensions,
-    ...props,
-    // Initially always set content to undefined. We will manage content via setContent
-    onUpdate: handleUpdate,
-    onCreate: handleCreate
-  });
-  function pasteTag(variable, props2) {
-    const id = (/* @__PURE__ */ new Date()).getTime().toString();
-    const chain = editorRef.current?.chain().focus();
-    if (!chain) {
-      return;
-    }
-    clearEditorSearchTerm(
-      chain,
-      editorRef.current?.getJSON(),
-      allowEditorSearchClear
-    ).insertContent(common.getComponentTagNode(id, variable, props2)).run();
-    handleUpdate();
-  }
-  function setContent(content) {
-    const contentFromEditor = editorRef.current?.getJSON() ?? {};
-    if (!editorRef.current) {
-      return;
-    }
-    if (JSON.stringify(content) !== JSON.stringify(contentFromEditor)) {
-      const { from, to } = editorRef.current?.state?.selection ?? {};
-      editorRef.current?.commands.setContent(content);
-      from && to && editorRef.current.commands.setTextSelection({ from, to });
-    }
-  }
-  return {
-    editor: editorRef.current,
-    pasteTag,
-    setContent
-  };
-}
-const Editor = React.forwardRef(
-  ({ editor, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      react.EditorContent,
-      {
-        className: clsx.clsx(Editor_module.default.editor, className),
-        editor,
-        ...props,
-        ref
-      }
-    );
-  }
-);
-
-exports.Editor = Editor;
-exports.useComboboxEditor = useComboboxEditor;

package/dist/cjs/components/ComboBoxElements/TipTapEditor/Editor.module.css.cjs

@@ -1,18 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var styleInject = require('style-inject');
-
-var css_248z = "\n  .Editor-module_editor__VVpoo p {\n    line-height: 2rem !important;\n    min-height: 2rem !important;\n    align-items: center !important;\n    margin: 0px !important;\n    padding: 0px !important;\n  }\n.Editor-module_editor__VVpoo .tiptap {\n    min-width: 7rem;\n  }\n.Editor-module_editor__VVpoo .tiptap:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n}\n:is(.Editor-module_editor__VVpoo .tiptap) .is-editor-empty:first-child::before {\n    pointer-events: none;\n    float: left;\n    height: 0px;\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity));\n      content: attr(data-placeholder);\n}\n.Editor-module_editor__VVpoo .react-renderer {\n    display: contents;\n}\n";
-var classes = {"editor":"Editor-module_editor__VVpoo"};
-styleInject(css_248z);
-
-exports.default = classes;

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

@@ -1,27 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var Editor = require('./Editor.cjs');
-
-const StandAloneEditor = React.forwardRef(({ value, onChange, ...props }, ref) => {
-  const { editor } = Editor.useComboboxEditor({
-    // Do now allow manipulating the content (add new, remove existing, etc.)
-    // but existing <Tags /> can be edited, because they are separate components
-    editable: false,
-    value,
-    onChange
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(Editor.Editor, { editor, ref, ...props });
-});
-StandAloneEditor.displayName = "StandAloneEditor";
-
-exports.StandAloneEditor = StandAloneEditor;

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

@@ -1,49 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-'use strict';
-
-var core = require('@tiptap/core');
-var react = require('@tiptap/react');
-var constants = require('./constants.cjs');
-var TagNodeView = require('./TagNodeView.cjs');
-
-const TagComponent = core.Node.create({
-  name: constants.TAG_EXTENSION_NAME,
-  group: "inline",
-  inline: true,
-  atom: true,
-  addAttributes() {
-    return {
-      id: {
-        default: null
-      },
-      value: {
-        default: null
-      },
-      autoOpen: {
-        default: false
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: constants.TAG_EXTENSION_TAG
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [constants.TAG_EXTENSION_TAG, core.mergeAttributes(HTMLAttributes)];
-  },
-  addNodeView() {
-    return react.ReactNodeViewRenderer(TagNodeView.TagNodeView, { contentDOMElementTag: "span" });
-  }
-});
-
-exports.TagComponent = TagComponent;

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

@@ -1,81 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
-var react = require('@tiptap/react');
-var clsx = require('clsx');
-var dataBuilderContext = require('../../DataBuilder/data-builder-context.cjs');
-var hooks = require('../../DataBuilder/hooks.cjs');
-var ComboBox = require('../../ComboBox/ComboBox.cjs');
-var comboboxContext = require('../../ComboBox/context/combobox-context.cjs');
-var inputs_module = require('../inputs.module.css.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.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

@@ -1,15 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'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

@@ -1,35 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-'use strict';
-
-var core = require('@tiptap/core');
-
-const KeyboardShortcutHandler = ({
-  onEnter
-}) => {
-  return core.Extension.create({
-    name: "keyboardHandler",
-    addKeyboardShortcuts() {
-      return {
-        "Shift-Enter": ({ editor }) => editor.commands.first(({ commands }) => [
-          () => commands.newlineInCode(),
-          () => commands.createParagraphNear(),
-          () => commands.liftEmptyBlock(),
-          () => commands.splitBlock()
-        ]),
-        Enter: (props) => {
-          onEnter?.(props);
-          return props.editor.commands.blur();
-        }
-      };
-    }
-  });
-};
-
-exports.KeyboardShortcutHandler = KeyboardShortcutHandler;

package/dist/cjs/components/ComboBoxElements/TipTapEditor/helpers/transformEditorSchemaToValue.cjs

@@ -1,49 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-'use strict';
-
-var common = require('./common.cjs');
-var constants = require('../constants.cjs');
-
-function transformEditorSchemaToValue(schema) {
-  const template = (schema?.content ?? []).map((node) => transformParagraphNodeToTplString(node)).join("\n");
-  const values = transformSchemaToValues(schema);
-  if (Object.keys(values).length === 0) {
-    return template || void 0;
-  }
-  return common.transformTplToValue(template, values);
-}
-function transformParagraphNodeToTplString(node) {
-  return (node?.content ?? []).map((child) => transformNodeToTplString(child)).join("");
-}
-function transformNodeToTplString(node) {
-  if (node?.type === constants.TAG_EXTENSION_NAME) {
-    return common.getTagString(node?.attrs?.id);
-  }
-  return node?.text ?? "";
-}
-function transformSchemaToValues(schema) {
-  const entries = (schema?.content ?? []).map((node) => transformParagraphNodeToEntries(node)).flat().filter((x) => x !== void 0);
-  return Object.fromEntries(entries);
-}
-function transformParagraphNodeToEntries(node) {
-  return (node?.content ?? []).map((child) => transformNodeToEntries(child));
-}
-function transformNodeToEntries(node) {
-  if (node?.type === constants.TAG_EXTENSION_NAME) {
-    return [node?.attrs?.id, node?.attrs?.value];
-  }
-  return void 0;
-}
-
-exports.transformEditorSchemaToValue = transformEditorSchemaToValue;
-exports.transformNodeToEntries = transformNodeToEntries;
-exports.transformNodeToTplString = transformNodeToTplString;
-exports.transformParagraphNodeToEntries = transformParagraphNodeToEntries;
-exports.transformParagraphNodeToTplString = transformParagraphNodeToTplString;

package/dist/cjs/components/ComboBoxElements/TipTapEditor/helpers/transformValueToEditorSchema.cjs

@@ -1,49 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-'use strict';
-
-var common = require('./common.cjs');
-
-function transformValueToEditorSchema(value) {
-  const safeValue = common.transformValueToTpl(value);
-  const template = common.getTemplateFromTplValue(safeValue);
-  const values = common.getValuesFromTplValue(safeValue);
-  return {
-    type: "doc",
-    content: getDocumentContent(template, values)
-  };
-}
-function getDocumentContent(string, values = {}) {
-  return string.split("\n").map((line) => ({
-    type: "paragraph",
-    content: getParagraphContent(line, values)
-  }));
-}
-function getParagraphContent(string, values = {}) {
-  if (string === "") {
-    return [];
-  }
-  const chunks = common.splitStringToChunks(string);
-  return chunks.map((chunk) => transformStringToNode(chunk, values)).filter((x) => !!x);
-}
-function transformStringToNode(string, values = {}) {
-  if (!string) {
-    return null;
-  }
-  if (common.isTagChunk(string)) {
-    const id = common.getTagChunkValue(string);
-    const value = values[id];
-    return value ? common.getComponentTagNode(id, value) : common.getTextNode(string);
-  }
-  return common.getTextNode(string);
-}
-
-exports.getDocumentContent = getDocumentContent;
-exports.getParagraphContent = getParagraphContent;
-exports.transformValueToEditorSchema = transformValueToEditorSchema;

package/dist/esm/components/ComboBoxElements/TipTapEditor/Editor.mjs

@@ -1,123 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef, useRef, useEffect } from 'react';
-import Document from '@tiptap/extension-document';
-import History from '@tiptap/extension-history';
-import Paragraph from '@tiptap/extension-paragraph';
-import Placeholder from '@tiptap/extension-placeholder';
-import Text from '@tiptap/extension-text';
-import { EditorContent, useEditor } from '@tiptap/react';
-import { clsx } from 'clsx';
-import classes from './Editor.module.css.mjs';
-import { KeyboardShortcutHandler } from './extension-keyboardShortcuts.mjs';
-import { getComponentTagNode, getSchemaNodesSummary } from './helpers/common.mjs';
-import { transformValueToEditorSchema } from './helpers/transformValueToEditorSchema.mjs';
-import { transformEditorSchemaToValue } from './helpers/transformEditorSchemaToValue.mjs';
-import { TagComponent } from './TagComponent.mjs';
-
-const extensions = [History, Document, Paragraph, Text, TagComponent];
-const clearEditorSearchTerm = (chain, content, allowOverride) => {
-  if (!allowOverride) {
-    return chain;
-  }
-  const nodesSummary = getSchemaNodesSummary(content ?? {});
-  if (nodesSummary.nonText === 0) {
-    return chain?.setContent("");
-  }
-  return chain;
-};
-function useComboboxEditor({
-  value,
-  onEnter,
-  onChange,
-  placeholder = "",
-  allowEditorSearchClear = false,
-  ...props
-}) {
-  const editorExtensions = [
-    ...extensions,
-    Placeholder.configure({ placeholder }),
-    KeyboardShortcutHandler({ onEnter })
-  ];
-  const editorRef = useRef(null);
-  const onChangeHandlerRef = useRef(onChange);
-  onChangeHandlerRef.current = onChange;
-  const valueRef = useRef(value);
-  valueRef.current = value;
-  function handleCreate({ editor }) {
-    editorRef.current = editor;
-    setContent(transformValueToEditorSchema(valueRef.current));
-  }
-  function handleUpdate() {
-    if (!editorRef.current) return;
-    const newValue = transformEditorSchemaToValue(
-      editorRef.current.getJSON() ?? {}
-    );
-    if (newValue !== valueRef.current) {
-      onChangeHandlerRef.current?.(newValue);
-    }
-  }
-  useEffect(() => {
-    if (editorRef.current) {
-      setContent?.(transformValueToEditorSchema(value));
-    }
-  }, [value ? JSON.stringify(value) : void 0]);
-  useEditor({
-    extensions: editorExtensions,
-    ...props,
-    // Initially always set content to undefined. We will manage content via setContent
-    onUpdate: handleUpdate,
-    onCreate: handleCreate
-  });
-  function pasteTag(variable, props2) {
-    const id = (/* @__PURE__ */ new Date()).getTime().toString();
-    const chain = editorRef.current?.chain().focus();
-    if (!chain) {
-      return;
-    }
-    clearEditorSearchTerm(
-      chain,
-      editorRef.current?.getJSON(),
-      allowEditorSearchClear
-    ).insertContent(getComponentTagNode(id, variable, props2)).run();
-    handleUpdate();
-  }
-  function setContent(content) {
-    const contentFromEditor = editorRef.current?.getJSON() ?? {};
-    if (!editorRef.current) {
-      return;
-    }
-    if (JSON.stringify(content) !== JSON.stringify(contentFromEditor)) {
-      const { from, to } = editorRef.current?.state?.selection ?? {};
-      editorRef.current?.commands.setContent(content);
-      from && to && editorRef.current.commands.setTextSelection({ from, to });
-    }
-  }
-  return {
-    editor: editorRef.current,
-    pasteTag,
-    setContent
-  };
-}
-const Editor = forwardRef(
-  ({ editor, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(
-      EditorContent,
-      {
-        className: clsx(classes.editor, className),
-        editor,
-        ...props,
-        ref
-      }
-    );
-  }
-);
-
-export { Editor, useComboboxEditor };

package/dist/esm/components/ComboBoxElements/TipTapEditor/Editor.module.css.mjs

@@ -1,14 +0,0 @@
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-import styleInject from 'style-inject';
-
-var css_248z = "\n  .Editor-module_editor__VVpoo p {\n    line-height: 2rem !important;\n    min-height: 2rem !important;\n    align-items: center !important;\n    margin: 0px !important;\n    padding: 0px !important;\n  }\n.Editor-module_editor__VVpoo .tiptap {\n    min-width: 7rem;\n  }\n.Editor-module_editor__VVpoo .tiptap:focus {\n    outline: 2px solid transparent;\n    outline-offset: 2px;\n}\n:is(.Editor-module_editor__VVpoo .tiptap) .is-editor-empty:first-child::before {\n    pointer-events: none;\n    float: left;\n    height: 0px;\n    --tw-text-opacity: 1;\n    color: rgb(170 170 170 / var(--tw-text-opacity));\n      content: attr(data-placeholder);\n}\n.Editor-module_editor__VVpoo .react-renderer {\n    display: contents;\n}\n";
-var classes = {"editor":"Editor-module_editor__VVpoo"};
-styleInject(css_248z);
-
-export { classes as default };

package/dist/esm/components/ComboBoxElements/TipTapEditor/EditorStandAlone.mjs

@@ -1,25 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { useComboboxEditor, Editor } from './Editor.mjs';
-
-const StandAloneEditor = forwardRef(({ value, onChange, ...props }, ref) => {
-  const { editor } = useComboboxEditor({
-    // Do now allow manipulating the content (add new, remove existing, etc.)
-    // but existing <Tags /> can be edited, because they are separate components
-    editable: false,
-    value,
-    onChange
-  });
-  return /* @__PURE__ */ jsx(Editor, { editor, ref, ...props });
-});
-StandAloneEditor.displayName = "StandAloneEditor";
-
-export { StandAloneEditor };

package/dist/esm/components/ComboBoxElements/TipTapEditor/TagComponent.mjs

@@ -1,47 +0,0 @@
-"use strict";
-/*
- * Integration App React package
- * {@link https://www.npmjs.com/package/@integration-app/react}
- * v2.1.7
- */
-'use client';
-
-import { Node, mergeAttributes } from '@tiptap/core';
-import { ReactNodeViewRenderer } from '@tiptap/react';
-import { TAG_EXTENSION_NAME, TAG_EXTENSION_TAG } from './constants.mjs';
-import { TagNodeView } from './TagNodeView.mjs';
-
-const TagComponent = Node.create({
-  name: TAG_EXTENSION_NAME,
-  group: "inline",
-  inline: true,
-  atom: true,
-  addAttributes() {
-    return {
-      id: {
-        default: null
-      },
-      value: {
-        default: null
-      },
-      autoOpen: {
-        default: false
-      }
-    };
-  },
-  parseHTML() {
-    return [
-      {
-        tag: TAG_EXTENSION_TAG
-      }
-    ];
-  },
-  renderHTML({ HTMLAttributes }) {
-    return [TAG_EXTENSION_TAG, mergeAttributes(HTMLAttributes)];
-  },
-  addNodeView() {
-    return ReactNodeViewRenderer(TagNodeView, { contentDOMElementTag: "span" });
-  }
-});
-
-export { TagComponent };