@kineticdata/react 5.1.2 → 6.0.1

package/lib/components/common/authentication/RequestInterceptor.js

@@ -1,11 +1,16 @@
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-var tokenEndpointPattern = /\/app\/(discussions|loghub|system-coordinator)\/(refresh|components|api\/v\d)/;
-
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var tokenEndpointPattern = /\/app\/(loghub|system-coordinator)\/(refresh|components|api\/v\d)/;
 var RequestInterceptor = /*#__PURE__*/function () {
   function RequestInterceptor(store) {
-    _classCallCheck(this, RequestInterceptor);
-
+    (0, _classCallCheck2["default"])(this, RequestInterceptor);
     this.store = store;
     this.initPromise = new Promise(function (resolve) {
       var unsub = store.subscribe(function () {
@@ -17,39 +22,31 @@ var RequestInterceptor = /*#__PURE__*/function () {
     });
     this.handleFulfilled = this.handleFulfilled.bind(this);
   }
-
-  _createClass(RequestInterceptor, [{
+  (0, _createClass2["default"])(RequestInterceptor, [{
     key: "handleFulfilled",
     value: function handleFulfilled(config) {
       var _this = this;
-
       return config.__bypassInitInterceptor ? config : this.initPromise.then(function () {
         var _this$store$getState$ = _this.store.getState().get('session').toObject(),
-            csrfToken = _this$store$getState$.csrfToken,
-            loggedIn = _this$store$getState$.loggedIn,
-            token = _this$store$getState$.token;
-
+          csrfToken = _this$store$getState$.csrfToken,
+          loggedIn = _this$store$getState$.loggedIn,
+          token = _this$store$getState$.token;
         if (!loggedIn) {
           config.__bypassAuthInterceptor = true;
         }
-
         if (token && config.url.match(tokenEndpointPattern)) {
           config.headers.Authorization = 'Bearer ' + token;
         }
-
         if (csrfToken) {
           // we need to set xsrfCookieName otherwise axios will override the
           // xsrf header that we set manually
           config.xsrfCookieName = 'DONT_USE_COOKIES_FOR_XSRF_TOKEN';
           config.headers['X-XSRF-TOKEN'] = csrfToken;
         }
-
         return config;
       });
     }
   }]);
-
   return RequestInterceptor;
 }();
-
-export { RequestInterceptor as default };
+exports["default"] = RequestInterceptor;

package/lib/components/common/code_input/CodeInput.js

@@ -1,40 +1,41 @@
-import _toArray from "@babel/runtime/helpers/esm/toArray";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import React, { Component } from 'react';
-import { CompositeDecorator, convertFromRaw, Editor, EditorState, getDefaultKeyBinding } from 'draft-js';
-import classNames from 'classnames';
-import { Manager, Reference, Popper } from 'react-popper';
-import { apply, applyFilter, checkFocus, checkSelectionEntities, checkSelectionPosition, closeTypeahead, findByEntityType, getCurrentIndentation, getEntities, getEntitiesImpl, insertText, nextTypeaheadItem, previousTypeaheadItem, selectTypeaheadItem, startTypeahead } from './draftHelpers';
-import { processErbTemplate, processJavaScript, processJavaScriptTemplate, processRuby } from './languageHelpers';
-import { Scroller } from '../Scroller';
-export var CodeInput = /*#__PURE__*/function (_Component) {
-  _inherits(CodeInput, _Component);
-
-  var _super = _createSuper(CodeInput);
-
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CodeInput = void 0;
+var _toArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toArray"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/assertThisInitialized"));
+var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
+var _createSuper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createSuper"));
+var _react = _interopRequireWildcard(require("react"));
+var _draftJs = require("draft-js");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _reactPopper = require("react-popper");
+var _draftHelpers = require("./draftHelpers");
+var _languageHelpers = require("./languageHelpers");
+var _Scroller = require("../Scroller");
+var CodeInput = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(CodeInput, _Component);
+  var _super = (0, _createSuper2["default"])(CodeInput);
   function CodeInput(props) {
     var _this;
-
-    _classCallCheck(this, CodeInput);
-
+    (0, _classCallCheck2["default"])(this, CodeInput);
     _this = _super.call(this, props);
-
     _this.onMetaChange = function (editorState) {
       _this.setState({
         editorState: editorState
       });
     };
-
     _this.onChange = function (editorState) {
-      var nextEditorState = apply(editorState, checkFocus, checkSelectionEntities, checkSelectionPosition, applyFilter(_this.props.bindings));
-      var entities = getEntities(nextEditorState);
+      var nextEditorState = (0, _draftHelpers.apply)(editorState, _draftHelpers.checkFocus, _draftHelpers.checkSelectionEntities, _draftHelpers.checkSelectionPosition, (0, _draftHelpers.applyFilter)(_this.props.bindings));
+      var entities = (0, _draftHelpers.getEntities)(nextEditorState);
       var valueChanged = _this.state.editorState.getCurrentContent().getFirstBlock().getText() !== nextEditorState.getCurrentContent().getFirstBlock().getText();
-
       _this.setState({
         editorState: nextEditorState,
         typeaheadOpen: !entities.isEmpty(),
@@ -45,78 +46,61 @@ export var CodeInput = /*#__PURE__*/function (_Component) {
         }
       });
     };
-
     _this.handleDroppedFiles = function (selection, _ref) {
-      var _ref2 = _slicedToArray(_ref, 1),
-          file = _ref2[0];
-
+      var _ref2 = (0, _slicedToArray2["default"])(_ref, 1),
+        file = _ref2[0];
       if (typeof _this.props.onChange === 'function') {
         var fileReader = new FileReader();
-
         fileReader.onloadend = function () {
           _this.props.onChange(fileReader.result);
         };
-
         fileReader.readAsText(file);
       }
     };
-
     _this.handleKeyCommand = function (command, editorState) {
       if (command === 'start-typeahead') {
-        _this.onChange(startTypeahead(editorState));
+        _this.onChange((0, _draftHelpers.startTypeahead)(editorState));
       }
-
       if (command === 'close-typeahead') {
-        _this.onChange(closeTypeahead(editorState));
+        _this.onChange((0, _draftHelpers.closeTypeahead)(editorState));
       }
-
       if (command === 'insert-tab') {
-        _this.onChange(insertText({
+        _this.onChange((0, _draftHelpers.insertText)({
           text: _this.indentation
         })(_this.state.editorState));
       }
-
       if (command === 'insert-newline') {
-        var currentIndentation = getCurrentIndentation(_this.newLine, _this.state.editorState);
-
-        _this.onChange(insertText({
+        var currentIndentation = (0, _draftHelpers.getCurrentIndentation)(_this.newLine, _this.state.editorState);
+        _this.onChange((0, _draftHelpers.insertText)({
           text: _this.newLine + currentIndentation
         })(_this.state.editorState));
       }
-
       if (command === 'select-typeahead-option') {
-        var _getEntities$last$dat = getEntities(_this.state.editorState).last().data,
-            options = _getEntities$last$dat.options,
-            active = _getEntities$last$dat.active;
+        var _getEntities$last$dat = (0, _draftHelpers.getEntities)(_this.state.editorState).last().data,
+          options = _getEntities$last$dat.options,
+          active = _getEntities$last$dat.active;
         var activeOption = options.get(active);
-
         if (activeOption) {
           var label = activeOption.label,
-              value = activeOption.value,
-              selection = activeOption.selection;
-          selectTypeaheadItem(_assertThisInitialized(_this))(label, value, selection)();
+            value = activeOption.value,
+            selection = activeOption.selection;
+          (0, _draftHelpers.selectTypeaheadItem)((0, _assertThisInitialized2["default"])(_this))(label, value, selection)();
         }
       }
-
       if (command === 'next-typeahead-option') {
-        _this.onMetaChange(nextTypeaheadItem(editorState));
+        _this.onMetaChange((0, _draftHelpers.nextTypeaheadItem)(editorState));
       }
-
       if (command === 'previous-typeahead-option') {
-        _this.onMetaChange(previousTypeaheadItem(editorState));
+        _this.onMetaChange((0, _draftHelpers.previousTypeaheadItem)(editorState));
       }
-
       return 'not-handled';
     };
-
     _this.handlePastedText = function (text, html, editorState) {
-      _this.onChange(insertText({
+      _this.onChange((0, _draftHelpers.insertText)({
         text: text
       })(editorState));
-
       return true;
     };
-
     _this.keyBindingFn = function (event) {
       if (_this.state.typeaheadOpen) {
         if (event.keyCode === 27) {
@@ -139,10 +123,8 @@ export var CodeInput = /*#__PURE__*/function (_Component) {
           return 'insert-newline';
         }
       }
-
-      return getDefaultKeyBinding(event);
+      return (0, _draftJs.getDefaultKeyBinding)(event);
     };
-
     _this.onKeyUp = function (event) {
       // since we are not able to stop propagation in keyBindingFn above, we set a
       // boolean there and this onKeyUp handler (that fires afterwards) checks for
@@ -152,11 +134,9 @@ export var CodeInput = /*#__PURE__*/function (_Component) {
         event.stopPropagation();
       }
     };
-
     _this.startTypeahead = function () {
-      _this.onChange(startTypeahead(_this.state.editorState));
+      _this.onChange((0, _draftHelpers.startTypeahead)(_this.state.editorState));
     };
-
     _this.copy = function () {
       var el = document.createElement('textarea');
       el.value = _this.state.editorState.getCurrentContent().getFirstBlock().getText();
@@ -165,92 +145,89 @@ export var CodeInput = /*#__PURE__*/function (_Component) {
       document.execCommand('copy');
       document.body.removeChild(el);
     };
-
     _this.newLine = '\n';
     _this.indentation = '  ';
     _this.state = {
-      editorState: EditorState.createWithContent(convertFromRaw({
+      editorState: _draftJs.EditorState.createWithContent((0, _draftJs.convertFromRaw)({
         entityMap: {},
         blocks: [{
           text: props.value
         }]
-      }), new CompositeDecorator([{
-        strategy: findByEntityType('typeahead-start'),
+      }), new _draftJs.CompositeDecorator([{
+        strategy: (0, _draftHelpers.findByEntityType)('typeahead-start'),
         component: function component(props) {
-          return /*#__PURE__*/React.createElement("span", {
-            className: classNames('code typeahead-start', {
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            className: (0, _classnames["default"])('code typeahead-start', {
               'typeahead-tentative': _this.state.typeaheadTentative
             })
           }, props.children);
         }
       }, {
-        strategy: findByEntityType('typeahead-selection'),
+        strategy: (0, _draftHelpers.findByEntityType)('typeahead-selection'),
         component: function component(props) {
-          return /*#__PURE__*/React.createElement("span", {
+          return /*#__PURE__*/_react["default"].createElement("span", {
             className: "code typeahead-selection"
           }, props.children);
         }
       }, {
-        strategy: findByEntityType('typeahead-filter'),
+        strategy: (0, _draftHelpers.findByEntityType)('typeahead-filter'),
         component: function component(_ref3) {
           var children = _ref3.children,
-              entityKey = _ref3.entityKey,
-              contentState = _ref3.contentState;
-
+            entityKey = _ref3.entityKey,
+            contentState = _ref3.contentState;
           var _contentState$getEnti = contentState.getEntity(entityKey).getData(),
-              options = _contentState$getEnti.options,
-              active = _contentState$getEnti.active;
-
-          return /*#__PURE__*/React.createElement(Manager, null, /*#__PURE__*/React.createElement(Reference, null, function (_ref4) {
+            options = _contentState$getEnti.options,
+            active = _contentState$getEnti.active;
+          return /*#__PURE__*/_react["default"].createElement(_reactPopper.Manager, null, /*#__PURE__*/_react["default"].createElement(_reactPopper.Reference, null, function (_ref4) {
             var ref = _ref4.ref;
-            return /*#__PURE__*/React.createElement("span", {
+            return /*#__PURE__*/_react["default"].createElement("span", {
               ref: ref,
-              className: classNames('code typeahead-filter', {
+              className: (0, _classnames["default"])('code typeahead-filter', {
                 'typeahead-tentative': _this.state.typeaheadTentative
               })
             }, children);
-          }), /*#__PURE__*/React.createElement(Popper, {
+          }), /*#__PURE__*/_react["default"].createElement(_reactPopper.Popper, {
             placement: "bottom-start"
           }, function (_ref5) {
             var ref = _ref5.ref,
-                style = _ref5.style,
-                placement = _ref5.placement;
-            return /*#__PURE__*/React.createElement("div", {
+              style = _ref5.style,
+              placement = _ref5.placement;
+            return /*#__PURE__*/_react["default"].createElement("div", {
               ref: ref,
               style: style,
               "data-placement": placement,
               className: "variable-typeahead-menu",
               contentEditable: false
-            }, /*#__PURE__*/React.createElement(Scroller, null, function (_ref6) {
+            }, /*#__PURE__*/_react["default"].createElement(_Scroller.Scroller, null, function (_ref6) {
               var parentRef = _ref6.parentRef,
-                  childRef = _ref6.childRef;
-              return /*#__PURE__*/React.createElement("ul", {
+                childRef = _ref6.childRef;
+              return /*#__PURE__*/_react["default"].createElement("ul", {
                 ref: parentRef
               }, options.map(function (_ref7, i) {
                 var label = _ref7.label,
-                    children = _ref7.children,
-                    value = _ref7.value,
-                    selection = _ref7.selection,
-                    tags = _ref7.tags;
-                return /*#__PURE__*/React.createElement("li", {
-                  className: classNames({
+                  children = _ref7.children,
+                  value = _ref7.value,
+                  selection = _ref7.selection,
+                  tags = _ref7.tags;
+                return /*#__PURE__*/_react["default"].createElement("li", {
+                  className: (0, _classnames["default"])({
                     active: i === active
                   }),
                   key: label,
-                  onClick: selectTypeaheadItem(_assertThisInitialized(_this))(label, value, selection),
+                  onClick: (0, _draftHelpers.selectTypeaheadItem)((0, _assertThisInitialized2["default"])(_this))(label, value, selection),
                   style: {
                     userSelect: 'none',
                     MozUserSelect: 'none'
                   },
                   ref: i === active ? childRef : null
-                }, /*#__PURE__*/React.createElement("span", null, label), /*#__PURE__*/React.createElement("span", {
+                }, /*#__PURE__*/_react["default"].createElement("span", null, label), /*#__PURE__*/_react["default"].createElement("span", {
                   className: "tags"
                 }, tags && tags.map(function (tag, i) {
-                  return /*#__PURE__*/React.createElement("span", {
+                  return /*#__PURE__*/_react["default"].createElement("span", {
                     key: i,
                     className: "tag"
                   }, tag);
-                })), children && /*#__PURE__*/React.createElement("i", {
+                })), children && /*#__PURE__*/_react["default"].createElement("i", {
                   className: "fa fa-chevron-right"
                 }));
               }));
@@ -259,58 +236,51 @@ export var CodeInput = /*#__PURE__*/function (_Component) {
         }
       }, {
         strategy: function strategy(contentBlock, callback, contentState) {
-          var entities = getEntitiesImpl(contentBlock, contentState);
+          var entities = (0, _draftHelpers.getEntitiesImpl)(contentBlock, contentState);
           var typeaheadStart = entities.isEmpty() ? null : entities.first().start;
           var typeaheadEnd = entities.isEmpty() ? null : entities.last().end;
           var text = typeaheadStart !== null ? contentBlock.getText().slice(0, typeaheadStart) + ' '.repeat(typeaheadEnd - typeaheadStart) + contentBlock.getText().slice(typeaheadEnd) : contentBlock.getText();
-          var processor = props.language === 'js' ? processJavaScript : props.language === 'js-template' ? processJavaScriptTemplate : props.language === 'ruby' ? processRuby : props.language === 'erb' ? processErbTemplate : null;
-
+          var processor = props.language === 'js' ? _languageHelpers.processJavaScript : props.language === 'js-template' ? _languageHelpers.processJavaScriptTemplate : props.language === 'ruby' ? _languageHelpers.processRuby : props.language === 'erb' ? _languageHelpers.processErbTemplate : null;
           if (processor) {
             _this.tokenStarts = {};
             _this.tokenEnds = {};
             processor(text).reduce(function (start, _ref8) {
-              var _ref9 = _toArray(_ref8),
-                  content = _ref9[0],
-                  type = _ref9.slice(1);
-
+              var _ref9 = (0, _toArray2["default"])(_ref8),
+                content = _ref9[0],
+                type = _ref9.slice(1);
               var end = start + content.length;
               _this.tokenStarts[start] = type;
               _this.tokenEnds[end] = type;
-
               if (start < typeaheadStart && end > typeaheadStart) {
                 callback(start, typeaheadStart);
               }
-
               if (start < typeaheadEnd && end > typeaheadEnd) {
                 callback(typeaheadEnd, end);
               }
-
               if (!(start < typeaheadStart && end > typeaheadStart) && !(start < typeaheadEnd && end > typeaheadEnd)) {
                 callback(start, end);
               }
-
               return end;
             }, 0);
           }
         },
         component: function component(_ref10) {
           var children = _ref10.children,
-              start = _ref10.start,
-              end = _ref10.end;
-          return /*#__PURE__*/React.createElement("span", {
-            className: classNames('code', _this.tokenStarts[start] || _this.tokenEnds[end])
+            start = _ref10.start,
+            end = _ref10.end;
+          return /*#__PURE__*/_react["default"].createElement("span", {
+            className: (0, _classnames["default"])('code', _this.tokenStarts[start] || _this.tokenEnds[end])
           }, children);
         }
       }]))
     };
     return _this;
   }
-
-  _createClass(CodeInput, [{
+  (0, _createClass2["default"])(CodeInput, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps, prevState, snapshot) {
       if (this.props.value !== prevProps.value && this.props.value !== this.state.editorState.getCurrentContent().getFirstBlock().getText()) {
-        this.onChange(EditorState.push(this.state.editorState, convertFromRaw({
+        this.onChange(_draftJs.EditorState.push(this.state.editorState, (0, _draftJs.convertFromRaw)({
           entityMap: {},
           blocks: [{
             text: this.props.value
@@ -326,7 +296,7 @@ export var CodeInput = /*#__PURE__*/function (_Component) {
           onKeyUp: this.onKeyUp
         },
         copy: this.copy,
-        editor: /*#__PURE__*/React.createElement(Editor, {
+        editor: /*#__PURE__*/_react["default"].createElement(_draftJs.Editor, {
           readOnly: this.props.disabled,
           editorState: this.state.editorState,
           onFocus: this.props.onFocus,
@@ -342,6 +312,6 @@ export var CodeInput = /*#__PURE__*/function (_Component) {
       });
     }
   }]);
-
   return CodeInput;
-}(Component);
+}(_react.Component);
+exports.CodeInput = CodeInput;