@pareto-engineering/design-system 5.3.0 → 5.5.0

package/dist/cjs/f/fields/EditorInput/common/ColorPicker/styles.scss

@@ -1,36 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-@use "react-color-palette/css";
-
-$default-width: 20rem;
-
-.#{bem.$base}.color-picker {
-  cursor: pointer;
-  position: relative;
-
-  > button {
-    align-items: center;
-    background-color: var(--x);
-    border: 0;
-    color: var(--on-background-inputs);
-    display: flex;
-    gap: calc(var(--gap) / 2);
-    padding: calc(var(--theme-default-padding) / 2);
-
-    &:hover {
-      background: var(--hard-x);
-      border-radius: calc(var(--theme-default-border-radius) / 2);
-    }
-  }
-
-
-  > .#{bem.$base}.popover {
-    background-color: var(--background-far);
-    border: 1px solid var(--hard-background-cards);
-    border-radius: calc(var(--theme-default-border-radius) / 2);
-    color: var(--heading);
-    padding: calc(var(--theme-default-padding) / 2);
-    width: $default-width;
-  }
-}

package/dist/cjs/f/fields/EditorInput/common/ExposePlainTextPlugin.js

@@ -1,47 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
-var _lexical = require("lexical");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-/**
- * This is the component description
- */
-const ExposePlainTextPlugin = _ref => {
-  let {
-    setFieldValue,
-    setPlainTextKey
-  } = _ref;
-  const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
-  (0, _react.useEffect)(() => {
-    editor.update(() => {
-      const root = (0, _lexical.$getRoot)();
-      const textContent = root.getTextContent();
-      setFieldValue(setPlainTextKey, textContent);
-    });
-  }, []);
-  (0, _react.useEffect)(() => editor.registerUpdateListener(_ref2 => {
-    let {
-      editorState
-    } = _ref2;
-    editorState.read(() => {
-      const root = (0, _lexical.$getRoot)();
-      const textContent = root.getTextContent();
-      setFieldValue(setPlainTextKey, textContent);
-    });
-  }), [editor]);
-  return null;
-};
-ExposePlainTextPlugin.propTypes = {
-  setFieldValue: _propTypes.default.func.isRequired,
-  setPlainTextKey: _propTypes.default.string.isRequired
-};
-ExposePlainTextPlugin.defaultProps = {
-  //
-};
-var _default = exports.default = ExposePlainTextPlugin;

package/dist/cjs/f/fields/EditorInput/common/FontSizeDropDown/FontSizeDropDown.js

@@ -1,94 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _lexical = require("lexical");
-var _selection = require("@lexical/selection");
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-require("./styles.scss");
-var _a = require("../../../../../a");
-var _utils = require("../../../../../utils");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* @pareto-engineering/generator-front 1.0.12 */
-
-// Local Definitions
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'font-size-drop-down';
-const FONT_SIZE_OPTIONS = [['10px', '10px'], ['11px', '11px'], ['12px', '12px'], ['13px', '13px'], ['14px', '14px'], ['15px', '15px'], ['16px', '16px'], ['17px', '17px'], ['18px', '18px'], ['19px', '19px'], ['20px', '20px']];
-
-/**
- * This is the component description.
- */
-const FontSizeDropDown = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    editor,
-    value
-    // ...otherProps
-  } = _ref;
-  const parentRef = (0, _react.useRef)(null);
-  const [isOpen, setIsOpen] = (0, _react.useState)(false);
-  (0, _utils.useOutsideClick)(parentRef, () => setIsOpen(false));
-  const handleClick = (0, _react.useCallback)(option => {
-    editor.update(() => {
-      const selection = (0, _lexical.$getSelection)();
-      if ((0, _lexical.$isRangeSelection)(selection)) {
-        (0, _selection.$patchStyleText)(selection, {
-          'font-size': option
-        });
-      }
-    });
-  }, [editor]);
-  return /*#__PURE__*/React.createElement("button", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, 'group'].filter(e => e).join(' '),
-    style: style,
-    ref: parentRef,
-    type: "button",
-    onClick: () => setIsOpen(!isOpen)
-    // {...otherProps}
-  }, /*#__PURE__*/React.createElement("span", null, value), /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "V"), isOpen && /*#__PURE__*/React.createElement(_a.Popover, {
-    parentRef: parentRef,
-    isOpen: isOpen,
-    color: "background-far"
-  }, FONT_SIZE_OPTIONS.map(_ref2 => {
-    let [option, text] = _ref2;
-    return /*#__PURE__*/React.createElement("button", {
-      className: `item ${value === option ? 'active' : ''}`,
-      onClick: () => handleClick(option),
-      type: "button"
-    }, /*#__PURE__*/React.createElement("span", {
-      className: "text"
-    }, text));
-  })));
-};
-FontSizeDropDown.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string)
-};
-FontSizeDropDown.defaultProps = {
-  // someProp:false
-};
-var _default = exports.default = FontSizeDropDown;

package/dist/cjs/f/fields/EditorInput/common/FontSizeDropDown/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FontSizeDropDown", {
-  enumerable: true,
-  get: function () {
-    return _FontSizeDropDown.default;
-  }
-});
-var _FontSizeDropDown = _interopRequireDefault(require("./FontSizeDropDown"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/f/fields/EditorInput/common/FontSizeDropDown/styles.scss

@@ -1,55 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-
-$default-width: 4.5rem;
-
-.#{bem.$base}.font-size-drop-down {
-  align-items: center;
-  background-color: var(--x);
-  border: 0;
-  color: var(--on-background-inputs);
-  cursor: pointer;
-  display: flex;
-  gap: calc(var(--gap) / 2);
-  margin-inline: calc(var(--theme-default-padding) / 4);
-  padding: calc(var(--theme-default-padding) / 2);
-  position: relative;
-
-  &:hover {
-    background: var(--hard-x);
-    border-radius: calc(var(--theme-default-border-radius) / 2);
-  }
-
-  > .#{bem.$base}.popover {
-    background-color: var(--background-far);
-    border: 1px solid var(--hard-background-cards);
-    border-radius: calc(var(--theme-default-border-radius) / 2);
-    color: var(--heading);
-    display: flex;
-    flex-direction: column;
-    padding: calc(var(--theme-default-padding) / 2);
-    width: $default-width;
-
-    > .item {
-      align-items: center;
-      background-color: var(--x);
-      border: 0;
-      border-radius: calc(var(--theme-default-border-radius) / 2);
-      color: var(--paragraph);
-      cursor: pointer;
-      display: flex;
-      gap: calc(var(--gap) / 2);
-      padding: calc(var(--theme-default-padding) / 2);
-      transition: all .2s;
-
-      &:hover {
-        background-color: var(--hard-x);
-      }
-
-      &.active {
-        background-color: var(--hard-ui-main);
-      }
-    }
-  }
-}

package/dist/cjs/f/fields/EditorInput/common/StopPropagationPlugin.js

@@ -1,25 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = require("react");
-var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
-const StopPropagationPlugin = () => {
-  const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
-  (0, _react.useInsertionEffect)(() => {
-    const onKeyDown = e => {
-      e.stopPropagation();
-    };
-    return editor.registerRootListener((rootElement, prevRootElement) => {
-      if (prevRootElement !== null) {
-        prevRootElement.removeEventListener('keydown', onKeyDown);
-      }
-      if (rootElement !== null) {
-        rootElement.addEventListener('keydown', onKeyDown);
-      }
-    });
-  }, [editor]);
-};
-var _default = exports.default = StopPropagationPlugin;

package/dist/cjs/f/fields/EditorInput/common/ToolbarPlugin/ToolbarPlugin.js

@@ -1,289 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.blockTypeToBlockName = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _utils = require("@lexical/utils");
-var _richText = require("@lexical/rich-text");
-var _lexical = require("lexical");
-var _list = require("@lexical/list");
-var _selection = require("@lexical/selection");
-var _link = require("@lexical/link");
-var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
-var _table = require("@lexical/table");
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _BlockFormatDropDown = require("../BlockFormatDropDown");
-var _ColorPicker = require("../ColorPicker");
-var _FontSizeDropDown = require("../FontSizeDropDown");
-require("./styles.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-/* eslint-disable import/no-extraneous-dependencies -- required here */
-
-// Local Definitions
-
-const getSelectedNode = selection => {
-  const {
-    anchor,
-    focus
-  } = selection;
-  const anchorNode = selection.anchor.getNode();
-  const focusNode = selection.focus.getNode();
-  if (anchorNode === focusNode) {
-    return anchorNode;
-  }
-  const isBackward = selection.isBackward();
-  if (isBackward) {
-    return (0, _selection.$isAtNodeEnd)(focus) ? anchorNode : focusNode;
-  }
-  return (0, _selection.$isAtNodeEnd)(anchor) ? focusNode : anchorNode;
-};
-const blockTypeToBlockName = exports.blockTypeToBlockName = {
-  bullet: 'Bulleted List',
-  check: 'Check List',
-  code: 'Code Block',
-  h1: 'Heading 1',
-  h2: 'Heading 2',
-  h3: 'Heading 3',
-  number: 'Numbered List',
-  paragraph: 'Normal',
-  quote: 'Quote'
-};
-const baseClassName = _exports.default.base;
-const componentClassName = 'toolbar-plugin';
-
-/**
- * This is the component description
- */
-const ToolbarPlugin = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style: inlineStyles,
-    baseBgColor
-    // ...otherProps
-  } = _ref;
-  const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
-  const [activeEditor, setActiveEditor] = (0, _react.useState)(editor);
-  const [blockType, setBlockType] = (0, _react.useState)('paragraph');
-  const [rootType, setRootType] = (0, _react.useState)('root');
-  const [fontSize, setFontSize] = (0, _react.useState)('15px');
-  const [isEditable, setIsEditable] = (0, _react.useState)(() => editor.isEditable());
-  const [isBold, setIsBold] = (0, _react.useState)(false);
-  const [isItalic, setIsItalic] = (0, _react.useState)(false);
-  const [isStrikethrough, setIsStrikethrough] = (0, _react.useState)(false);
-  const [isLink, setIsLink] = (0, _react.useState)(false);
-  const [isUnderline, setIsUnderline] = (0, _react.useState)(false);
-  const [canRedo, setCanRedo] = (0, _react.useState)(false);
-  const [canUndo, setCanUndo] = (0, _react.useState)(false);
-  const formatLink = (0, _react.useCallback)(() => {
-    if (!isLink) {
-      // eslint-disable-next-line no-alert
-      const path = prompt('Enter the full URL. Ex: https://www.example.com');
-      editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, path);
-    } else {
-      editor.dispatchCommand(_link.TOGGLE_LINK_COMMAND, null);
-    }
-  }, [editor, isLink]);
-  const $updateToolbar = (0, _react.useCallback)(() => {
-    const selection = (0, _lexical.$getSelection)();
-    if ((0, _lexical.$isRangeSelection)(selection)) {
-      const anchorNode = selection.anchor.getNode();
-      let element = anchorNode.getKey() === 'root' ? anchorNode : (0, _utils.$findMatchingParent)(anchorNode, e => {
-        const parent = e.getParent();
-        return parent !== null && (0, _lexical.$isRootOrShadowRoot)(parent);
-      });
-      if (element === null) {
-        element = anchorNode.getTopLevelElementOrThrow();
-      }
-      const elementKey = element.getKey();
-      const elementDOM = activeEditor.getElementByKey(elementKey);
-
-      // Update text format
-      setIsBold(selection.hasFormat('bold'));
-      setIsItalic(selection.hasFormat('italic'));
-      setIsUnderline(selection.hasFormat('underline'));
-      setIsStrikethrough(selection.hasFormat('strikethrough'));
-
-      // Update links
-      const node = getSelectedNode(selection);
-      const parent = node.getParent();
-      if ((0, _link.$isLinkNode)(parent) || (0, _link.$isLinkNode)(node)) {
-        setIsLink(true);
-      } else {
-        setIsLink(false);
-      }
-      const tableNode = (0, _utils.$findMatchingParent)(node, _table.$isTableNode);
-      if ((0, _table.$isTableNode)(tableNode)) {
-        setRootType('table');
-      } else {
-        setRootType('root');
-      }
-      if (elementDOM !== null) {
-        if ((0, _list.$isListNode)(element)) {
-          const parentList = (0, _utils.$getNearestNodeOfType)(anchorNode, _list.ListNode);
-          const type = parentList ? parentList.getListType() : element.getListType();
-          setBlockType(type);
-        } else {
-          const type = (0, _richText.$isHeadingNode)(element) ? element.getTag() : element.getType();
-          if (type in blockTypeToBlockName) {
-            setBlockType(type);
-          }
-        }
-      }
-      setFontSize((0, _selection.$getSelectionStyleValueForProperty)(selection, 'font-size', '15px'));
-    }
-  }, [activeEditor]);
-  (0, _react.useEffect)(() => editor.registerCommand(_lexical.SELECTION_CHANGE_COMMAND, (_payload, newEditor) => {
-    $updateToolbar();
-    setActiveEditor(newEditor);
-    return false;
-  }, _lexical.COMMAND_PRIORITY_CRITICAL), [editor, $updateToolbar]);
-  (0, _react.useEffect)(() => (0, _utils.mergeRegister)(editor.registerEditableListener(editable => {
-    setIsEditable(editable);
-  }), activeEditor.registerUpdateListener(_ref2 => {
-    let {
-      editorState
-    } = _ref2;
-    editorState.read(() => {
-      $updateToolbar();
-    });
-  }), activeEditor.registerCommand(_lexical.CAN_UNDO_COMMAND, payload => {
-    setCanUndo(payload);
-    return false;
-  }, _lexical.COMMAND_PRIORITY_CRITICAL), activeEditor.registerCommand(_lexical.CAN_REDO_COMMAND, payload => {
-    setCanRedo(payload);
-    return false;
-  }, _lexical.COMMAND_PRIORITY_CRITICAL)), [$updateToolbar, activeEditor, editor]);
-  const applyStyleText = (0, _react.useCallback)(styles => {
-    activeEditor.update(() => {
-      const selection = (0, _lexical.$getSelection)();
-      if ((0, _lexical.$isRangeSelection)(selection) || (0, _lexical.DEPRECATED_$isGridSelection)(selection)) {
-        (0, _selection.$patchStyleText)(selection, styles);
-      }
-    });
-  }, [activeEditor]);
-  const onFontColorSelect = (0, _react.useCallback)(value => {
-    applyStyleText({
-      color: value
-    });
-  }, [applyStyleText]);
-  const onBgColorSelect = (0, _react.useCallback)(value => {
-    applyStyleText({
-      'background-color': value
-    });
-  }, [applyStyleText]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: [baseClassName, componentClassName, userClassName, `x-${baseBgColor} b-x`].filter(e => e).join(' '),
-    style: inlineStyles
-  }, /*#__PURE__*/React.createElement("div", {
-    className: "group"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: () => editor.dispatchCommand(_lexical.UNDO_COMMAND),
-    className: "ai-icon",
-    disabled: !canUndo || !isEditable
-  }, "A"), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: "ai-icon",
-    onClick: () => editor.dispatchCommand(_lexical.REDO_COMMAND),
-    disabled: !canRedo || !isEditable
-  }, "B")), /*#__PURE__*/React.createElement(_BlockFormatDropDown.BlockFormatDropDown, {
-    blockType: blockType,
-    editor: editor,
-    rootType: rootType
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "group"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: isBold ? 'active' : undefined,
-    onClick: () => editor.dispatchCommand(_lexical.FORMAT_TEXT_COMMAND, 'bold')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "|")), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: isItalic ? 'active' : undefined,
-    onClick: () => editor.dispatchCommand(_lexical.FORMAT_TEXT_COMMAND, 'italic')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "}")), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: isUnderline ? 'active' : undefined,
-    onClick: () => editor.dispatchCommand(_lexical.FORMAT_TEXT_COMMAND, 'underline')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "~")), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: isStrikethrough ? 'active' : undefined,
-    onClick: () => editor.dispatchCommand(_lexical.FORMAT_TEXT_COMMAND, 'strikethrough')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "?")), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    className: isLink ? 'active' : undefined,
-    onClick: formatLink
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "]"))), /*#__PURE__*/React.createElement(_FontSizeDropDown.FontSizeDropDown, {
-    editor: editor,
-    value: fontSize
-  }), /*#__PURE__*/React.createElement("div", {
-    className: "group"
-  }, /*#__PURE__*/React.createElement(_ColorPicker.ColorPicker, {
-    icon: "'",
-    onChange: onFontColorSelect
-  }), /*#__PURE__*/React.createElement(_ColorPicker.ColorPicker, {
-    icon: "#",
-    onChange: onBgColorSelect
-  })), /*#__PURE__*/React.createElement("div", {
-    className: "group"
-  }, /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: () => editor.dispatchCommand(_lexical.FORMAT_ELEMENT_COMMAND, 'left')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "^")), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: () => editor.dispatchCommand(_lexical.FORMAT_ELEMENT_COMMAND, 'center')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "_")), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: () => editor.dispatchCommand(_lexical.FORMAT_ELEMENT_COMMAND, 'right')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "`")), /*#__PURE__*/React.createElement("button", {
-    type: "button",
-    onClick: () => editor.dispatchCommand(_lexical.FORMAT_ELEMENT_COMMAND, 'justify')
-  }, /*#__PURE__*/React.createElement("span", {
-    className: "icon"
-  }, "{"))));
-};
-ToolbarPlugin.propTypes = {
-  /**
-   * The HTML id for this element
-   */
-  id: _propTypes.default.string,
-  /**
-   * The HTML class names for this element
-   */
-  className: _propTypes.default.string,
-  /**
-   * The React-written, css properties for this element.
-   */
-  style: _propTypes.default.objectOf(_propTypes.default.string),
-  /**
-   * Base background color
-   */
-  baseBgColor: _propTypes.default.string
-};
-ToolbarPlugin.defaultProps = {
-  baseBgColor: 'background-far'
-};
-var _default = exports.default = ToolbarPlugin;

package/dist/cjs/f/fields/EditorInput/common/ToolbarPlugin/index.js

@@ -1,13 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "ToolbarPlugin", {
-  enumerable: true,
-  get: function () {
-    return _ToolbarPlugin.default;
-  }
-});
-var _ToolbarPlugin = _interopRequireDefault(require("./ToolbarPlugin"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }

package/dist/cjs/f/fields/EditorInput/common/ToolbarPlugin/styles.scss

@@ -1,56 +0,0 @@
-/* @pareto-engineering/generator-front 1.0.12 */
-
-@use "@pareto-engineering/bem";
-@use "@pareto-engineering/styles/src/mixins";
-@use "@pareto-engineering/styles/src/globals" as *;
-
-
-$default-gap: calc(var(--gap) / 2);
-$default-padding: .55em .75em;
-$default-input-border-radius: var(--theme-default-input-border-radius);
-$default-border: var(--theme-default-input-border);
-$default-icon-color: var(--soft-ui-icons);
-
-.#{bem.$base}.toolbar-plugin {
-  align-items: center;
-  border-inline: $default-border;
-  border-top: $default-border;
-  border-top-left-radius: $default-input-border-radius;
-  border-top-right-radius: $default-input-border-radius;
-  display: flex;
-  flex-wrap: wrap;
-  padding-block: calc(var(--theme-default-padding) / 4);
-
-  > .ds + .group {
-    border-left: 1px solid var(--soft-background-inputs);
-  }
-
-  > .group {
-    display: flex;
-    gap: calc(var(--gap) / 2);
-
-    > button {
-      background: var(--x);
-      border: 0;
-      border-radius: calc(var(--theme-default-border-radius) / 2);
-      color: $default-icon-color;
-      cursor: pointer;
-      margin: 0;
-      padding: $default-padding;
-
-      &:hover,
-      &.active {
-        background: var(--hard-x);
-      }
-    }
-
-    &:not(.#{bem.$base}) {
-      padding-inline: calc(var(--theme-default-padding) / 4);
-    }
-
-
-    &:not(:last-child, .#{bem.$base}) {
-      border-right: 1px solid var(--soft-background-inputs);
-    }
-  }
-}

package/dist/cjs/f/fields/EditorInput/common/TreeViewPlugin.js

@@ -1,18 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _LexicalComposerContext = require("@lexical/react/LexicalComposerContext");
-var _LexicalTreeView = require("@lexical/react/LexicalTreeView");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const TreeViewPlugin = () => {
-  const [editor] = (0, _LexicalComposerContext.useLexicalComposerContext)();
-  return /*#__PURE__*/_react.default.createElement(_LexicalTreeView.TreeView, {
-    viewClassName: "tree-view-output",
-    editor: editor
-  });
-};
-var _default = exports.default = TreeViewPlugin;