@pareto-engineering/design-system 5.2.1 → 5.4.0

package/dist/cjs/a/XMLEditor/XMLEditor.js

@@ -1,128 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var React = _react;
-var _propTypes = _interopRequireDefault(require("prop-types"));
-var _state = require("@codemirror/state");
-var _view = require("@codemirror/view");
-var _commands = require("@codemirror/commands");
-var _language = require("@codemirror/language");
-var _langXml = require("@codemirror/lang-xml");
-var _exports = _interopRequireDefault(require("@pareto-engineering/bem/exports"));
-var _common = require("./common");
-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 */
-
-const baseClassName = _exports.default.base;
-const componentClassName = 'code-editor';
-
-/**
- * codemirror documentation:
- * https://codemirror.net/
- */
-
-const XMLEditor = _ref => {
-  let {
-    id,
-    className: userClassName,
-    style,
-    readOnly,
-    height,
-    gutterWidth,
-    config,
-    onChange,
-    onBlur
-  } = _ref;
-  const editorRef = (0, _react.useRef)();
-  (0, _react.useEffect)(() => {
-    const startState = _state.EditorState.create({
-      doc: config,
-      extensions: [_state.Prec.highest(_view.keymap.of([{
-        key: 'Enter',
-        run: view => (0, _commands.insertNewlineAndIndent)(view)
-      }])), _view.keymap.of([_commands.defaultKeymap, _commands.indentWithTab, ..._commands.historyKeymap]), (0, _language.indentOnInput)(), (0, _view.lineNumbers)(), (0, _language.bracketMatching)(), (0, _language.foldGutter)(), (0, _view.drawSelection)(), (0, _view.highlightActiveLine)(), (0, _view.highlightActiveLineGutter)(), (0, _view.highlightSpecialChars)(), (0, _view.dropCursor)(), (0, _view.rectangularSelection)(), (0, _view.crosshairCursor)(), (0, _langXml.xml)(), (0, _commands.history)(), _common.theme, _state.EditorState.readOnly.of(readOnly), _view.EditorView.updateListener.of(view => {
-        onChange(view);
-        // view.state.doc.toString() to receive the current content in the editor.
-      }), _view.EditorView.focusChangeEffect.of((state, focused) => {
-        if (!focused) {
-          onBlur?.(state);
-        }
-      }), _view.EditorView.domEventHandlers({
-        keydown(e) {
-          e.stopPropagation();
-        }
-      })]
-    });
-    const view = new _view.EditorView({
-      state: startState,
-      parent: editorRef.current
-    });
-    return () => {
-      view.destroy();
-    };
-  }, [editorRef]);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    ref: editorRef,
-    className: [baseClassName, componentClassName, userClassName].filter(e => e).join(' '),
-    style: {
-      '--height': height,
-      '--gutter-width': gutterWidth,
-      ...style
-    }
-  });
-};
-XMLEditor.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),
-  /**
-     *  Whether or not the content is read only.
-     */
-  readOnly: _propTypes.default.bool,
-  /**
-   * The initial labeling configuration.
-   */
-  config: _propTypes.default.string,
-  /**
-   * The height of the editor.
-   */
-  height: _propTypes.default.string,
-  /**
-   * The callback for when the labeling configuration changes.
-   */
-  onChange: _propTypes.default.func,
-  /**
-   * The width of the gutter.
-   */
-  gutterWidth: _propTypes.default.string,
-  /**
-   * The callback for when the editor loses focus.
-   */
-  onBlur: _propTypes.default.func
-};
-XMLEditor.defaultProps = {
-  config: `<View>
-  <!--Edit this config to customize the labeling interface.-->
-</View>
-  `,
-  height: '20em',
-  gutterWidth: '3em'
-};
-var _default = exports.default = XMLEditor;

package/dist/cjs/a/XMLEditor/common/index.js

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

package/dist/cjs/a/XMLEditor/common/theme.js

@@ -1,186 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _view = require("@codemirror/view");
-var _language = require("@codemirror/language");
-var _highlight = require("@lezer/highlight");
-/* eslint-disable import/no-extraneous-dependencies */
-
-// Using https://github.com/one-dark/vscode-one-dark-theme/ as reference for the colors
-const chalky = '#e5c07b';
-const coral = '#e06c75';
-const cyan = '#56b6c2';
-const invalid = '#ffffff';
-const ivory = '#abb2bf';
-const stone = '#7d8799'; // Brightened compared to original to increase contrast
-const malibu = '#61afef';
-const sage = '#98c379';
-const whiskey = '#d19a66';
-const violet = '#c678dd';
-const darkBackground = '#21252b';
-const highlightBackground = '#2c313a';
-const background = '#282c34';
-const tooltipBackground = '#353a42';
-const selection = '#3E4451';
-const cursor = '#528bff';
-/**
-The colors used in the theme, as CSS color strings.
-*/
-// const color = {
-//     chalky,
-//     coral,
-//     cyan,
-//     invalid,
-//     ivory,
-//     stone,
-//     malibu,
-//     sage,
-//     whiskey,
-//     violet,
-//     darkBackground,
-//     highlightBackground,
-//     background,
-//     tooltipBackground,
-//     selection,
-//     cursor
-// };
-/**
-The editor theme styles for One Dark.
-*/
-const oneDarkTheme = /* @__PURE__ */_view.EditorView.theme({
-  '&': {
-    color: ivory,
-    backgroundColor: background
-  },
-  '.cm-content': {
-    caretColor: cursor
-  },
-  '.cm-cursor, .cm-dropCursor': {
-    borderLeftColor: cursor
-  },
-  '&.cm-focused > .cm-scroller > .cm-selectionLayer .cm-selectionBackground, .cm-selectionBackground, .cm-content ::selection': {
-    backgroundColor: selection
-  },
-  '.cm-panels': {
-    backgroundColor: darkBackground,
-    color: ivory
-  },
-  '.cm-panels.cm-panels-top': {
-    borderBottom: '2px solid black'
-  },
-  '.cm-panels.cm-panels-bottom': {
-    borderTop: '2px solid black'
-  },
-  '.cm-searchMatch': {
-    backgroundColor: '#72a1ff59',
-    outline: '1px solid #457dff'
-  },
-  '.cm-searchMatch.cm-searchMatch-selected': {
-    backgroundColor: '#6199ff2f'
-  },
-  '.cm-activeLine': {
-    backgroundColor: '#6699ff0b'
-  },
-  '.cm-selectionMatch': {
-    backgroundColor: '#aafe661a'
-  },
-  '&.cm-focused .cm-matchingBracket, &.cm-focused .cm-nonmatchingBracket': {
-    backgroundColor: '#bad0f847'
-  },
-  '.cm-gutters': {
-    backgroundColor: background,
-    color: stone,
-    border: 'none'
-  },
-  '.cm-activeLineGutter': {
-    backgroundColor: highlightBackground
-  },
-  '.cm-foldPlaceholder': {
-    backgroundColor: 'transparent',
-    border: 'none',
-    color: '#ddd'
-  },
-  '.cm-tooltip': {
-    border: 'none',
-    backgroundColor: tooltipBackground
-  },
-  '.cm-tooltip .cm-tooltip-arrow:before': {
-    borderTopColor: 'transparent',
-    borderBottomColor: 'transparent'
-  },
-  '.cm-tooltip .cm-tooltip-arrow:after': {
-    borderTopColor: tooltipBackground,
-    borderBottomColor: tooltipBackground
-  },
-  '.cm-tooltip-autocomplete': {
-    '& > ul > li[aria-selected]': {
-      backgroundColor: highlightBackground,
-      color: ivory
-    }
-  }
-}, {
-  dark: true
-});
-/**
-The highlighting style for code in the One Dark theme.
-*/
-const oneDarkHighlightStyle = /* @__PURE__ */_language.HighlightStyle.define([{
-  tag: _highlight.tags.keyword,
-  color: violet
-}, {
-  tag: [_highlight.tags.name, _highlight.tags.deleted, _highlight.tags.character, _highlight.tags.propertyName, _highlight.tags.macroName],
-  color: coral
-}, {
-  tag: [/* @__PURE__ */_highlight.tags.function(_highlight.tags.variableName), _highlight.tags.labelName],
-  color: malibu
-}, {
-  tag: [_highlight.tags.color, /* @__PURE__ */_highlight.tags.constant(_highlight.tags.name), /* @__PURE__ */_highlight.tags.standard(_highlight.tags.name)],
-  color: whiskey
-}, {
-  tag: [/* @__PURE__ */_highlight.tags.definition(_highlight.tags.name), _highlight.tags.separator],
-  color: ivory
-}, {
-  tag: [_highlight.tags.typeName, _highlight.tags.className, _highlight.tags.number, _highlight.tags.changed, _highlight.tags.annotation, _highlight.tags.modifier, _highlight.tags.self, _highlight.tags.namespace],
-  color: chalky
-}, {
-  tag: [_highlight.tags.operator, _highlight.tags.operatorKeyword, _highlight.tags.url, _highlight.tags.escape, _highlight.tags.regexp, _highlight.tags.link, /* @__PURE__ */_highlight.tags.special(_highlight.tags.string)],
-  color: cyan
-}, {
-  tag: [_highlight.tags.meta, _highlight.tags.comment],
-  color: stone
-}, {
-  tag: _highlight.tags.strong,
-  fontWeight: 'bold'
-}, {
-  tag: _highlight.tags.emphasis,
-  fontStyle: 'italic'
-}, {
-  tag: _highlight.tags.strikethrough,
-  textDecoration: 'line-through'
-}, {
-  tag: _highlight.tags.link,
-  color: stone,
-  textDecoration: 'underline'
-}, {
-  tag: _highlight.tags.heading,
-  fontWeight: 'bold',
-  color: coral
-}, {
-  tag: [_highlight.tags.atom, _highlight.tags.bool, /* @__PURE__ */_highlight.tags.special(_highlight.tags.variableName)],
-  color: whiskey
-}, {
-  tag: [_highlight.tags.processingInstruction, _highlight.tags.string, _highlight.tags.inserted],
-  color: sage
-}, {
-  tag: _highlight.tags.invalid,
-  color: invalid
-}]);
-/**
-Extension to enable the One Dark theme (both the editor theme and
-the highlight style).
-*/
-const oneDark = [oneDarkTheme, /* @__PURE__ */(0, _language.syntaxHighlighting)(oneDarkHighlightStyle)];
-var _default = exports.default = oneDark;

package/dist/cjs/a/XMLEditor/index.js

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

package/dist/cjs/a/XMLEditor/styles.scss

@@ -1,24 +0,0 @@
-@use "@pareto-engineering/bem";
-
-.#{bem.$base}.code-editor {
-  border-radius: 1em;
-  height: var(--height);
-  overflow: auto;
-  -ms-overflow-style: none;
-  resize: both;
-  scrollbar-width: none;
-
-  &::-webkit-scrollbar {
-    display: none;
-  }
-
-  > .cm-editor {
-    height: 100%;
-
-    .cm-gutters {
-      display: flex;
-      justify-content: flex-end;
-      width: var(--gutter-width);
-    }
-  }
-}

package/dist/cjs/a/index.js

@@ -1,252 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "AnimatedBlobs", {
-  enumerable: true,
-  get: function () {
-    return _AnimatedBlobs.AnimatedBlobs;
-  }
-});
-Object.defineProperty(exports, "AnimatedGradient", {
-  enumerable: true,
-  get: function () {
-    return _AnimatedGradient.AnimatedGradient;
-  }
-});
-Object.defineProperty(exports, "AppContext", {
-  enumerable: true,
-  get: function () {
-    return _AppContext.AppContext;
-  }
-});
-Object.defineProperty(exports, "AppContextProvider", {
-  enumerable: true,
-  get: function () {
-    return _AppContext.AppContextProvider;
-  }
-});
-Object.defineProperty(exports, "AreaChart", {
-  enumerable: true,
-  get: function () {
-    return _Charts.AreaChart;
-  }
-});
-Object.defineProperty(exports, "BarChart", {
-  enumerable: true,
-  get: function () {
-    return _Charts.BarChart;
-  }
-});
-Object.defineProperty(exports, "BlurOverlay", {
-  enumerable: true,
-  get: function () {
-    return _BlurOverlay.BlurOverlay;
-  }
-});
-Object.defineProperty(exports, "ContentTree", {
-  enumerable: true,
-  get: function () {
-    return _ContentTree.ContentTree;
-  }
-});
-Object.defineProperty(exports, "Conversation", {
-  enumerable: true,
-  get: function () {
-    return _Conversation.Conversation;
-  }
-});
-Object.defineProperty(exports, "DatePicker", {
-  enumerable: true,
-  get: function () {
-    return _DatePicker.DatePicker;
-  }
-});
-Object.defineProperty(exports, "DotInfo", {
-  enumerable: true,
-  get: function () {
-    return _DotInfo.DotInfo;
-  }
-});
-Object.defineProperty(exports, "Figure", {
-  enumerable: true,
-  get: function () {
-    return _Figure.Figure;
-  }
-});
-Object.defineProperty(exports, "HamburgerButton", {
-  enumerable: true,
-  get: function () {
-    return _HamburgerButton.HamburgerButton;
-  }
-});
-Object.defineProperty(exports, "IconList", {
-  enumerable: true,
-  get: function () {
-    return _IconList.IconList;
-  }
-});
-Object.defineProperty(exports, "Label", {
-  enumerable: true,
-  get: function () {
-    return _Label.Label;
-  }
-});
-Object.defineProperty(exports, "LoadingCircle", {
-  enumerable: true,
-  get: function () {
-    return _LoadingCircle.LoadingCircle;
-  }
-});
-Object.defineProperty(exports, "MetaCard", {
-  enumerable: true,
-  get: function () {
-    return _MetaCard.MetaCard;
-  }
-});
-Object.defineProperty(exports, "Notification", {
-  enumerable: true,
-  get: function () {
-    return _Notification.Notification;
-  }
-});
-Object.defineProperty(exports, "NotificationStack", {
-  enumerable: true,
-  get: function () {
-    return _NotificationStack.NotificationStack;
-  }
-});
-Object.defineProperty(exports, "People", {
-  enumerable: true,
-  get: function () {
-    return _People.People;
-  }
-});
-Object.defineProperty(exports, "PieChart", {
-  enumerable: true,
-  get: function () {
-    return _Charts.PieChart;
-  }
-});
-Object.defineProperty(exports, "Popover", {
-  enumerable: true,
-  get: function () {
-    return _Popover.Popover;
-  }
-});
-Object.defineProperty(exports, "ProgressBar", {
-  enumerable: true,
-  get: function () {
-    return _ProgressBar.ProgressBar;
-  }
-});
-Object.defineProperty(exports, "Quote", {
-  enumerable: true,
-  get: function () {
-    return _Quote.Quote;
-  }
-});
-Object.defineProperty(exports, "Removable", {
-  enumerable: true,
-  get: function () {
-    return _Removable.Removable;
-  }
-});
-Object.defineProperty(exports, "SVG", {
-  enumerable: true,
-  get: function () {
-    return _SVG.SVG;
-  }
-});
-Object.defineProperty(exports, "SnapScroller", {
-  enumerable: true,
-  get: function () {
-    return _SnapScroller.SnapScroller;
-  }
-});
-Object.defineProperty(exports, "Spinner", {
-  enumerable: true,
-  get: function () {
-    return _Spinner.Spinner;
-  }
-});
-Object.defineProperty(exports, "TextSteps", {
-  enumerable: true,
-  get: function () {
-    return _TextSteps.TextSteps;
-  }
-});
-Object.defineProperty(exports, "Timestamp", {
-  enumerable: true,
-  get: function () {
-    return _Timestamp.Timestamp;
-  }
-});
-Object.defineProperty(exports, "Tip", {
-  enumerable: true,
-  get: function () {
-    return _Tip.Tip;
-  }
-});
-Object.defineProperty(exports, "ToggleSwitch", {
-  enumerable: true,
-  get: function () {
-    return _ToggleSwitch.ToggleSwitch;
-  }
-});
-Object.defineProperty(exports, "Tooltip", {
-  enumerable: true,
-  get: function () {
-    return _Tooltip.Tooltip;
-  }
-});
-Object.defineProperty(exports, "XMLEditor", {
-  enumerable: true,
-  get: function () {
-    return _XMLEditor.XMLEditor;
-  }
-});
-Object.defineProperty(exports, "useApp", {
-  enumerable: true,
-  get: function () {
-    return _AppContext.useApp;
-  }
-});
-Object.defineProperty(exports, "useTheme", {
-  enumerable: true,
-  get: function () {
-    return _AppContext.useTheme;
-  }
-});
-var _AppContext = require("./AppContext");
-var _BlurOverlay = require("./BlurOverlay");
-var _ContentTree = require("./ContentTree");
-var _Conversation = require("./Conversation");
-var _DotInfo = require("./DotInfo");
-var _Figure = require("./Figure");
-var _HamburgerButton = require("./HamburgerButton");
-var _IconList = require("./IconList");
-var _Label = require("./Label");
-var _LoadingCircle = require("./LoadingCircle");
-var _Notification = require("./Notification");
-var _NotificationStack = require("./NotificationStack");
-var _People = require("./People");
-var _Popover = require("./Popover");
-var _ProgressBar = require("./ProgressBar");
-var _Quote = require("./Quote");
-var _SVG = require("./SVG");
-var _SnapScroller = require("./SnapScroller");
-var _Spinner = require("./Spinner");
-var _Timestamp = require("./Timestamp");
-var _MetaCard = require("./MetaCard");
-var _AnimatedBlobs = require("./AnimatedBlobs");
-var _Tip = require("./Tip");
-var _AnimatedGradient = require("./AnimatedGradient");
-var _TextSteps = require("./TextSteps");
-var _Removable = require("./Removable");
-var _ToggleSwitch = require("./ToggleSwitch");
-var _XMLEditor = require("./XMLEditor");
-var _DatePicker = require("./DatePicker");
-var _Tooltip = require("./Tooltip");
-var _Charts = require("./Charts");