@kineticdata/react 5.1.2 → 6.0.1

package/lib/components/common/code_input/languageHelpers.test.js

@@ -1,57 +1,61 @@
-import { processErbTemplate, processJavaScript, processJavaScriptTemplate, processRuby } from './languageHelpers';
+"use strict";
+
+var _languageHelpers = require("./languageHelpers");
 describe('processErbTemplate', function () {
   test('simple tokens', function () {
-    expect(processErbTemplate("Hello <%= @results['Person'] %>")).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['@results', 'variable', 'erb'], ['[', 'punctuation', 'erb'], ["'Person'", 'string', 'erb'], [']', 'punctuation', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
+    expect((0, _languageHelpers.processErbTemplate)("Hello <%= @results['Person'] %>")).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['@results', 'variable', 'erb'], ['[', 'punctuation', 'erb'], ["'Person'", 'string', 'erb'], [']', 'punctuation', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
   });
   test('should allow %> inside a string', function () {
-    expect(processErbTemplate("Hello <%= '%>' %>")).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ["'%>'", 'string', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
+    expect((0, _languageHelpers.processErbTemplate)("Hello <%= '%>' %>")).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ["'%>'", 'string', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
   });
   test('% and > need to be immediately adjacent', function () {
-    expect(processErbTemplate('Hello <%= % > %>')).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['%', 'operator', 'erb'], [' ', 'erb'], ['>', 'operator', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
+    expect((0, _languageHelpers.processErbTemplate)('Hello <%= % > %>')).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['%', 'operator', 'erb'], [' ', 'erb'], ['>', 'operator', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['']]);
   });
   test('string using %>FOO> syntax should have the %> treated as closing tag', function () {
-    expect(processErbTemplate('Hello <%= %>FOO>')).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['FOO>']]);
+    expect((0, _languageHelpers.processErbTemplate)('Hello <%= %>FOO>')).toEqual([['Hello '], ['<%=', 'opening-tag', 'erb'], [' ', 'erb'], ['%>', 'closing-tag', 'erb'], ['FOO>']]);
   });
 });
 describe('processJavaScript', function () {
   test('simple tokens', function () {
-    expect(processJavaScript("'Hello ' + values('First Name')")).toEqual([["'Hello '", 'string'], [' '], ['+', 'operator'], [' '], ['values', 'function'], ['(', 'punctuation'], ["'First Name'", 'string'], [')', 'punctuation']]);
+    expect((0, _languageHelpers.processJavaScript)("'Hello ' + values('First Name')")).toEqual([["'Hello '", 'string'], [' '], ['+', 'operator'], [' '], ['values', 'function'], ['(', 'punctuation'], ["'First Name'", 'string'], [')', 'punctuation']]);
   });
   test('string with interpolation', function () {
-    expect( // eslint-disable-next-line no-template-curly-in-string
-    processJavaScript("foo 'Prefix' + `Hello ${ values('First Name') }`")).toEqual([['foo '], ["'Prefix'", 'string'], [' '], ['+', 'operator'], [' '], ['`', 'template-punctuation', 'template-string'], ['Hello ', 'string', 'template-string'], ['${', 'interpolation-punctuation', 'interpolation', 'template-string'], [' ', 'interpolation', 'template-string'], ['values', 'function', 'interpolation', 'template-string'], ['(', 'punctuation', 'interpolation', 'template-string'], ["'First Name'", 'string', 'interpolation', 'template-string'], [')', 'punctuation', 'interpolation', 'template-string'], [' ', 'interpolation', 'template-string'], ['}', 'interpolation-punctuation', 'interpolation', 'template-string'], ['`', 'template-punctuation', 'template-string']]);
+    expect(
+    // eslint-disable-next-line no-template-curly-in-string
+    (0, _languageHelpers.processJavaScript)("foo 'Prefix' + `Hello ${ values('First Name') }`")).toEqual([['foo '], ["'Prefix'", 'string'], [' '], ['+', 'operator'], [' '], ['`', 'template-punctuation', 'template-string'], ['Hello ', 'string', 'template-string'], ['${', 'interpolation-punctuation', 'interpolation', 'template-string'], [' ', 'interpolation', 'template-string'], ['values', 'function', 'interpolation', 'template-string'], ['(', 'punctuation', 'interpolation', 'template-string'], ["'First Name'", 'string', 'interpolation', 'template-string'], [')', 'punctuation', 'interpolation', 'template-string'], [' ', 'interpolation', 'template-string'], ['}', 'interpolation-punctuation', 'interpolation', 'template-string'], ['`', 'template-punctuation', 'template-string']]);
   });
   test('nested interpolation', function () {
     // eslint-disable-next-line no-template-curly-in-string
-    expect(processJavaScript('`${`${2}`}`')).toEqual([['`', 'template-punctuation', 'template-string'], ['${', 'interpolation-punctuation', 'interpolation', 'template-string'], ['`', 'template-punctuation', 'template-string', 'interpolation', 'template-string'], ['${', 'interpolation-punctuation', 'interpolation', 'template-string', 'interpolation', 'template-string'], ['2', 'number', 'interpolation', 'template-string', 'interpolation', 'template-string'], ['}', 'interpolation-punctuation', 'interpolation', 'template-string', 'interpolation', 'template-string'], ['`', 'template-punctuation', 'template-string', 'interpolation', 'template-string'], ['}', 'interpolation-punctuation', 'interpolation', 'template-string'], ['`', 'template-punctuation', 'template-string']]);
+    expect((0, _languageHelpers.processJavaScript)('`${`${2}`}`')).toEqual([['`', 'template-punctuation', 'template-string'], ['${', 'interpolation-punctuation', 'interpolation', 'template-string'], ['`', 'template-punctuation', 'template-string', 'interpolation', 'template-string'], ['${', 'interpolation-punctuation', 'interpolation', 'template-string', 'interpolation', 'template-string'], ['2', 'number', 'interpolation', 'template-string', 'interpolation', 'template-string'], ['}', 'interpolation-punctuation', 'interpolation', 'template-string', 'interpolation', 'template-string'], ['`', 'template-punctuation', 'template-string', 'interpolation', 'template-string'], ['}', 'interpolation-punctuation', 'interpolation', 'template-string'], ['`', 'template-punctuation', 'template-string']]);
   });
   test('IIFE', function () {
-    expect(processJavaScript('(function(input) { console.log(input); })()')).toEqual([['(', 'punctuation'], ['function', 'keyword'], ['(', 'punctuation'], ['input', 'parameter'], [')', 'punctuation'], [' '], ['{', 'punctuation'], [' console'], ['.', 'punctuation'], ['log', 'function'], ['(', 'punctuation'], ['input'], [')', 'punctuation'], [';', 'punctuation'], [' '], ['}', 'punctuation'], [')', 'punctuation'], ['(', 'punctuation'], [')', 'punctuation']]);
+    expect((0, _languageHelpers.processJavaScript)('(function(input) { console.log(input); })()')).toEqual([['(', 'punctuation'], ['function', 'keyword'], ['(', 'punctuation'], ['input', 'parameter'], [')', 'punctuation'], [' '], ['{', 'punctuation'], [' console'], ['.', 'punctuation'], ['log', 'function'], ['(', 'punctuation'], ['input'], [')', 'punctuation'], [';', 'punctuation'], [' '], ['}', 'punctuation'], [')', 'punctuation'], ['(', 'punctuation'], [')', 'punctuation']]);
   });
 });
 describe('processJavaScriptTemplate', function () {
   test('simple tokens', function () {
     // eslint-disable-next-line no-template-curly-in-string
-    expect(processJavaScriptTemplate("Hello ${values('First Name')}")).toEqual([['Hello '], ['${', 'opening-interpolation', 'js-template'], ['values', 'function', 'js-template'], ['(', 'punctuation', 'js-template'], ["'First Name'", 'string', 'js-template'], [')', 'punctuation', 'js-template'], ['}', 'closing-interpolation', 'js-template'], ['']]);
+    expect((0, _languageHelpers.processJavaScriptTemplate)("Hello ${values('First Name')}")).toEqual([['Hello '], ['${', 'opening-interpolation', 'js-template'], ['values', 'function', 'js-template'], ['(', 'punctuation', 'js-template'], ["'First Name'", 'string', 'js-template'], [')', 'punctuation', 'js-template'], ['}', 'closing-interpolation', 'js-template'], ['']]);
   });
   test('add some objects inside to test curly behavior', function () {
     // eslint-disable-next-line no-template-curly-in-string
-    expect(processJavaScriptTemplate('Hello ${{foo:{"bar":2}}}')).toEqual([['Hello '], ['${', 'opening-interpolation', 'js-template'], ['{', 'punctuation', 'js-template'], ['foo', 'js-template'], [':', 'operator', 'js-template'], ['{', 'punctuation', 'js-template'], ['"bar"', 'string', 'js-template'], [':', 'operator', 'js-template'], ['2', 'number', 'js-template'], ['}', 'punctuation', 'js-template'], ['}', 'punctuation', 'js-template'], ['}', 'closing-interpolation', 'js-template'], ['']]);
+    expect((0, _languageHelpers.processJavaScriptTemplate)('Hello ${{foo:{"bar":2}}}')).toEqual([['Hello '], ['${', 'opening-interpolation', 'js-template'], ['{', 'punctuation', 'js-template'], ['foo', 'js-template'], [':', 'operator', 'js-template'], ['{', 'punctuation', 'js-template'], ['"bar"', 'string', 'js-template'], [':', 'operator', 'js-template'], ['2', 'number', 'js-template'], ['}', 'punctuation', 'js-template'], ['}', 'punctuation', 'js-template'], ['}', 'closing-interpolation', 'js-template'], ['']]);
   });
   test('multiple interpolations', function () {
     // eslint-disable-next-line no-template-curly-in-string
-    expect(processJavaScriptTemplate('Hello ${2} World${"1"}')).toEqual([['Hello '], ['${', 'opening-interpolation', 'js-template'], ['2', 'number', 'js-template'], ['}', 'closing-interpolation', 'js-template'], [' World'], ['${', 'opening-interpolation', 'js-template'], ['"1"', 'string', 'js-template'], ['}', 'closing-interpolation', 'js-template'], ['']]);
+    expect((0, _languageHelpers.processJavaScriptTemplate)('Hello ${2} World${"1"}')).toEqual([['Hello '], ['${', 'opening-interpolation', 'js-template'], ['2', 'number', 'js-template'], ['}', 'closing-interpolation', 'js-template'], [' World'], ['${', 'opening-interpolation', 'js-template'], ['"1"', 'string', 'js-template'], ['}', 'closing-interpolation', 'js-template'], ['']]);
   });
 });
 describe('processRuby', function () {
   test('simple tokens', function () {
-    expect(processRuby("'Hello ' + @results['Person']")).toEqual([["'Hello '", 'string'], [' '], ['+', 'operator'], [' '], ['@results', 'variable'], ['[', 'punctuation'], ["'Person'", 'string'], [']', 'punctuation']]);
+    expect((0, _languageHelpers.processRuby)("'Hello ' + @results['Person']")).toEqual([["'Hello '", 'string'], [' '], ['+', 'operator'], [' '], ['@results', 'variable'], ['[', 'punctuation'], ["'Person'", 'string'], [']', 'punctuation']]);
   });
   test('string with interpolation', function () {
-    expect(processRuby("%^Hello #{ @results['Person'] }^")).toEqual([['%^Hello ', 'string'], ['#{', 'delimiter', 'interpolation', 'string'], [' ', 'interpolation', 'string'], ['@results', 'variable', 'interpolation', 'string'], ['[', 'punctuation', 'interpolation', 'string'], ["'Person'", 'string', 'interpolation', 'string'], [']', 'punctuation', 'interpolation', 'string'], [' ', 'interpolation', 'string'], ['}', 'delimiter', 'interpolation', 'string'], ['^', 'string']]);
+    expect((0, _languageHelpers.processRuby)("%^Hello #{ @results['Person'] }^")).toEqual([['%^Hello ', 'string'], ['#{', 'delimiter', 'interpolation', 'string'], [' ', 'interpolation', 'string'], ['@results', 'variable', 'interpolation', 'string'], ['[', 'punctuation', 'interpolation', 'string'], ["'Person'", 'string', 'interpolation', 'string'], [']', 'punctuation', 'interpolation', 'string'], [' ', 'interpolation', 'string'], ['}', 'delimiter', 'interpolation', 'string'], ['^', 'string']]);
   });
   test('nested interpolation', function () {
-    expect(processRuby('"#{"#{2}"}"')).toEqual([['"', 'string'], ['#{', 'delimiter', 'interpolation', 'string'], // prism's ruby parser does not support nested interpolation (thinks its a
+    expect((0, _languageHelpers.processRuby)('"#{"#{2}"}"')).toEqual([['"', 'string'], ['#{', 'delimiter', 'interpolation', 'string'],
+    // prism's ruby parser does not support nested interpolation (thinks its a
     // comment) the commented code below is what it should be if it did
     // support that properly
     // ['"', 'string', 'interpolation', 'string'],
@@ -61,6 +65,7 @@ describe('processRuby', function () {
     // ['"', 'string', 'interpolation', 'string'],
     // ['}', 'delimiter', 'interpolation', 'string'],
     // ['"', 'string'],
+
     // the following is the resulting remainder due to the prism issue
     ['"', 'interpolation', 'string'], ['#{2', 'comment', 'interpolation', 'string'], ['}', 'delimiter', 'interpolation', 'string'], ['"', 'string'], ['}', 'punctuation'], ['"']]);
   });

package/lib/components/common/defaults/Toast.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var Toast = function Toast(_ref) {
+  var className = _ref.className,
+    title = _ref.title,
+    toggle = _ref.toggle,
+    children = _ref.children;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: className,
+    style: {
+      zIndex: 9999,
+      pointerEvents: 'auto'
+    }
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement("strong", null, title)), /*#__PURE__*/_react["default"].createElement("div", null, children), toggle && /*#__PURE__*/_react["default"].createElement("button", {
+    type: "button",
+    onClick: toggle
+  }, "\xD7"));
+};
+var _default = Toast;
+exports["default"] = _default;

package/lib/components/common/defaults/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DefaultCommonConfig = void 0;
+var _immutable = require("immutable");
+var _Toast = _interopRequireDefault(require("./Toast"));
+var DefaultCommonConfig = (0, _immutable.Map)({
+  Toast: _Toast["default"]
+});
+exports.DefaultCommonConfig = DefaultCommonConfig;

package/lib/components/core/CoreFormModal.js

@@ -1,23 +1,27 @@
-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 { CoreForm } from './CoreForm';
-import { CoreModal, CoreModalBody, CoreModalHeader } from './CoreModal';
+"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.CoreFormModal = void 0;
+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 _CoreForm = require("./CoreForm");
+var _CoreModal = require("./CoreModal");
 var MODAL_PROPS = ['dismissed', 'size'];
 var FORM_PROPS = ['created', 'updated', 'completed', 'form', 'kapp', 'submission', 'review', 'error', 'unauthorized', 'forbidden', 'notFound'];
-export var CoreFormModal = /*#__PURE__*/function (_Component) {
-  _inherits(CoreFormModal, _Component);
-
-  var _super = _createSuper(CoreFormModal);
-
+var CoreFormModal = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(CoreFormModal, _Component);
+  var _super = (0, _createSuper2["default"])(CoreFormModal);
   function CoreFormModal(props) {
     var _this;
-
-    _classCallCheck(this, CoreFormModal);
-
+    (0, _classCallCheck2["default"])(this, CoreFormModal);
     _this = _super.call(this, props);
     _this.state = {
       visible: false,
@@ -31,18 +35,16 @@ export var CoreFormModal = /*#__PURE__*/function (_Component) {
     FORM_PROPS.forEach(function (prop) {
       _this.formProps[prop] = _this.props[prop];
     });
-    _this.onFormLoaded = _this.onFormLoaded.bind(_assertThisInitialized(_this));
+    _this.onFormLoaded = _this.onFormLoaded.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
-  _createClass(CoreFormModal, [{
+  (0, _createClass2["default"])(CoreFormModal, [{
     key: "onFormLoaded",
     value: function onFormLoaded(form) {
       this.setState({
         visible: true,
         title: form.name()
       });
-
       if (typeof this.props.loaded === 'function') {
         this.props.loaded(form);
       }
@@ -50,13 +52,13 @@ export var CoreFormModal = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement(CoreModal, Object.assign({}, this.modalProps, {
+      return /*#__PURE__*/_react["default"].createElement(_CoreModal.CoreModal, Object.assign({}, this.modalProps, {
         visible: this.state.visible
-      }), /*#__PURE__*/React.createElement(CoreModalHeader, null, /*#__PURE__*/React.createElement("h1", null, this.state.title)), /*#__PURE__*/React.createElement(CoreModalBody, null, /*#__PURE__*/React.createElement(CoreForm, Object.assign({}, this.formProps, {
+      }), /*#__PURE__*/_react["default"].createElement(_CoreModal.CoreModalHeader, null, /*#__PURE__*/_react["default"].createElement("h1", null, this.state.title)), /*#__PURE__*/_react["default"].createElement(_CoreModal.CoreModalBody, null, /*#__PURE__*/_react["default"].createElement(_CoreForm.CoreForm, Object.assign({}, this.formProps, {
         loaded: this.onFormLoaded
       }))));
     }
   }]);
-
   return CoreFormModal;
-}(Component);
+}(_react.Component);
+exports.CoreFormModal = CoreFormModal;

package/lib/components/core/CoreModal.js

@@ -1,49 +1,55 @@
-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";
+"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.CoreModalHeader = exports.CoreModalFooter = exports.CoreModalBody = exports.CoreModal = void 0;
+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 _reactDom = _interopRequireDefault(require("react-dom"));
 /* eslint-disable jsx-a11y/no-static-element-interactions */
-import React, { Component } from 'react';
-import ReactDOM from 'react-dom';
-export var CoreModalHeader = function CoreModalHeader(props) {
-  return /*#__PURE__*/React.createElement("div", {
+
+var CoreModalHeader = function CoreModalHeader(props) {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "kd-modal-header"
   }, props.children);
 };
-export var CoreModalBody = function CoreModalBody(props) {
-  return /*#__PURE__*/React.createElement("div", {
+exports.CoreModalHeader = CoreModalHeader;
+var CoreModalBody = function CoreModalBody(props) {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "kd-modal-body"
   }, props.children);
 };
-export var CoreModalFooter = function CoreModalFooter(props) {
-  return /*#__PURE__*/React.createElement("div", {
+exports.CoreModalBody = CoreModalBody;
+var CoreModalFooter = function CoreModalFooter(props) {
+  return /*#__PURE__*/_react["default"].createElement("div", {
     className: "kd-modal-footer"
   }, props.children);
 };
+exports.CoreModalFooter = CoreModalFooter;
 var sizes = {
   sm: '30%',
   md: '50%',
   lg: '80%'
 };
-export var CoreModal = /*#__PURE__*/function (_Component) {
-  _inherits(CoreModal, _Component);
-
-  var _super = _createSuper(CoreModal);
-
+var CoreModal = /*#__PURE__*/function (_Component) {
+  (0, _inherits2["default"])(CoreModal, _Component);
+  var _super = (0, _createSuper2["default"])(CoreModal);
   function CoreModal(props) {
     var _this;
-
-    _classCallCheck(this, CoreModal);
-
+    (0, _classCallCheck2["default"])(this, CoreModal);
     _this = _super.call(this, props);
-    _this.dismiss = _this.dismiss.bind(_assertThisInitialized(_this));
-    _this.keyupHandler = _this.keyupHandler.bind(_assertThisInitialized(_this));
+    _this.dismiss = _this.dismiss.bind((0, _assertThisInitialized2["default"])(_this));
+    _this.keyupHandler = _this.keyupHandler.bind((0, _assertThisInitialized2["default"])(_this));
     return _this;
   }
-
-  _createClass(CoreModal, [{
+  (0, _createClass2["default"])(CoreModal, [{
     key: "componentDidMount",
     value: function componentDidMount() {
       this.modalTarget = document.createElement('div');
@@ -59,7 +65,7 @@ export var CoreModal = /*#__PURE__*/function (_Component) {
   }, {
     key: "componentWillUnmount",
     value: function componentWillUnmount() {
-      ReactDOM.unmountComponentAtNode(this.modalTarget);
+      _reactDom["default"].unmountComponentAtNode(this.modalTarget);
       document.body.removeChild(this.modalTarget);
       document.removeEventListener('keyup', this.keyupHandler);
     }
@@ -81,13 +87,13 @@ export var CoreModal = /*#__PURE__*/function (_Component) {
   }, {
     key: "myRender",
     value: function myRender() {
-      ReactDOM.render( /*#__PURE__*/React.createElement("div", {
+      _reactDom["default"].render( /*#__PURE__*/_react["default"].createElement("div", {
         className: "kd-modal-backdrop",
         onClick: this.dismiss,
         style: this.props.visible ? {} : {
           display: 'none'
         }
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         className: "kd-modal-content",
         onClick: function onClick(event) {
           return event.stopPropagation();
@@ -100,9 +106,9 @@ export var CoreModal = /*#__PURE__*/function (_Component) {
   }, {
     key: "render",
     value: function render() {
-      return /*#__PURE__*/React.createElement("noscript", null);
+      return /*#__PURE__*/_react["default"].createElement("noscript", null);
     }
   }]);
-
   return CoreModal;
-}(Component);
+}(_react.Component);
+exports.CoreModal = CoreModal;

package/lib/components/core/attribute_definition/AttributeDefinitionForm.js

@@ -1,14 +1,20 @@
-import t from 'prop-types';
-import { generateForm } from '../../form/Form';
-import { createAttributeDefinition, updateAttributeDefinition, fetchAttributeDefinition } from '../../../apis';
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttributeDefinitionForm = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Form = require("../../form/Form");
+var _apis = require("../../../apis");
 var dataSources = function dataSources(_ref) {
   var kappSlug = _ref.kappSlug,
-      attributeType = _ref.attributeType,
-      attributeName = _ref.attributeName;
+    attributeType = _ref.attributeType,
+    attributeName = _ref.attributeName;
   return {
     attributeDefinition: {
-      fn: fetchAttributeDefinition,
+      fn: _apis.fetchAttributeDefinition,
       params: attributeName && [{
         kappSlug: kappSlug,
         attributeType: attributeType,
@@ -21,30 +27,26 @@ var dataSources = function dataSources(_ref) {
     }
   };
 };
-
 var handleSubmit = function handleSubmit(_ref2) {
   var kappSlug = _ref2.kappSlug,
-      attributeType = _ref2.attributeType,
-      attributeName = _ref2.attributeName;
+    attributeType = _ref2.attributeType,
+    attributeName = _ref2.attributeName;
   return function (values) {
-    return (attributeName ? updateAttributeDefinition : createAttributeDefinition)({
+    return (attributeName ? _apis.updateAttributeDefinition : _apis.createAttributeDefinition)({
       attributeDefinition: values.toJS(),
       kappSlug: kappSlug,
       attributeType: attributeType,
       attributeName: attributeName
     }).then(function (_ref3) {
       var attributeDefinition = _ref3.attributeDefinition,
-          error = _ref3.error;
-
+        error = _ref3.error;
       if (error) {
         throw error.statusCode === 400 && error.message || 'There was an error saving the attribute definition';
       }
-
       return attributeDefinition;
     });
   };
 };
-
 var fields = function fields(_ref4) {
   var attributeName = _ref4.attributeName;
   return function (_ref5) {
@@ -72,35 +74,34 @@ var fields = function fields(_ref4) {
     }];
   };
 };
+
 /**
  * @component
  * A form for creating and updating Attribute Definitions within the Kinetic Platform
  */
-
-
-export var AttributeDefinitionForm = generateForm({
+var AttributeDefinitionForm = (0, _Form.generateForm)({
   formOptions: ['kappSlug', 'attributeType', 'attributeName'],
   dataSources: dataSources,
   fields: fields,
   handleSubmit: handleSubmit
 });
-AttributeDefinitionForm.displayName = 'AttributeDefinitionForm'; // Specifies the default values for props:
+exports.AttributeDefinitionForm = AttributeDefinitionForm;
+AttributeDefinitionForm.displayName = 'AttributeDefinitionForm';
 
+// Specifies the default values for props:
 AttributeDefinitionForm.defaultProps = {
   attributeName: null,
   kappSlug: null
 };
 AttributeDefinitionForm.propTypes = {
   /** The type of attribute definition.   */
-  attributeType: t.oneOf(['spaceAttributeDefinitions', 'teamAttributeDefinitions', 'userAttributeDefinitions', 'userProfileAttributeDefinitions', 'categoryAttributeDefinitions', 'kappAttributeDefinitions', 'formAttributeDefinitions']).isRequired,
-
+  attributeType: _propTypes["default"].oneOf(['spaceAttributeDefinitions', 'teamAttributeDefinitions', 'userAttributeDefinitions', 'userProfileAttributeDefinitions', 'categoryAttributeDefinitions', 'kappAttributeDefinitions', 'formAttributeDefinitions']).isRequired,
   /** The name of the attribute (assumes new if not null). */
-  attributeName: t.string,
-
+  attributeName: _propTypes["default"].string,
   /**
    * If the attribute definition is for a Kapp
    * (Kapp Attributes, Form Attributes, Category Attributes, ...etc)
    * a Kapp Slug is required.
    */
-  kappSlug: t.string
+  kappSlug: _propTypes["default"].string
 };

package/lib/components/core/attribute_definition/AttributeDefinitionTable.js

@@ -1,14 +1,20 @@
-import t from 'prop-types';
-import { generateTable } from '../../table/Table';
-import { fetchAttributeDefinitions } from '../../../apis';
-import { defineFilter } from '../../../helpers';
-var clientSide = defineFilter(true).startsWith('name', 'name').end();
+"use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AttributeDefinitionTable = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _Table = require("../../table/Table");
+var _apis = require("../../../apis");
+var _helpers = require("../../../helpers");
+var clientSide = (0, _helpers.defineFilter)(true).startsWith('name', 'name').end();
 var dataSource = function dataSource(_ref) {
   var kappSlug = _ref.kappSlug,
-      attributeType = _ref.attributeType;
+    attributeType = _ref.attributeType;
   return {
-    fn: fetchAttributeDefinitions,
+    fn: _apis.fetchAttributeDefinitions,
     clientSide: clientSide,
     params: function params() {
       return [{
@@ -24,7 +30,6 @@ var dataSource = function dataSource(_ref) {
     }
   };
 };
-
 var filters = function filters() {
   return function () {
     return [{
@@ -34,34 +39,36 @@ var filters = function filters() {
     }];
   };
 };
-
 var columns = [{
   value: 'name',
   title: 'Name',
-  sortable: false
+  sortable: false,
+  toggleable: false,
+  columnOrder: 'first'
 }, {
   value: 'description',
   title: 'Description',
-  sortable: false
+  sortable: false,
+  toggleable: true
 }, {
   value: 'allowsMultiple',
   title: 'Allows Multiple',
-  sortable: false
+  sortable: false,
+  toggleable: true
 }];
-export var AttributeDefinitionTable = generateTable({
+var AttributeDefinitionTable = (0, _Table.generateTable)({
   tableOptions: ['kappSlug', 'attributeType'],
   columns: columns,
   filters: filters,
   dataSource: dataSource
 });
+exports.AttributeDefinitionTable = AttributeDefinitionTable;
 AttributeDefinitionTable.displayName = 'AttributeDefinitionTable';
 AttributeDefinitionTable.propTypes = {
   /** The Slug of the kapp required if the type of attribute is scoped to a kapp (ie, category * kapp attributes) */
-  kappSlug: t.string,
-
+  kappSlug: _propTypes["default"].string,
   /** The type of attribute definition to display.   */
-  attributeType: t.oneOf(['space', 'team', 'user', 'userProfile', 'category', 'kapp', 'form']).isRequired,
-
+  attributeType: _propTypes["default"].oneOf(['space', 'team', 'user', 'userProfile', 'category', 'kapp', 'form']).isRequired,
   /** The columns that should be displayed.   */
-  columnSet: t.arrayOf(t.string)
+  columnSet: _propTypes["default"].arrayOf(_propTypes["default"].string)
 };