gogoclient 1.2.2

package/dist/ui/common/Popup.js

@@ -0,0 +1,146 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _toolkit = require("../../toolkit");
+var _index = require("../../index");
+var _theme = _interopRequireDefault(require("../../theme"));
+var _excluded = ["alignment", "children", "focusableContent", "id", "toggle", "position"];
+var _templateObject, _templateObject2;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var PopupContainer = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border: 1px solid ", ";\n  border-radius: 10px;\n  display: ", ";\n\n  ", "\n  padding: ", ";\n  position: absolute;\n\n  z-index: 1000;\n"])), _theme["default"].colorBackground, _theme["default"].colorBorder, function (_ref) {
+  var visible = _ref.visible;
+  return visible ? 'block' : 'none';
+}, function (props) {
+  var position = props.position,
+    alignment = props.alignment;
+  switch ("".concat(position, "/").concat(alignment)) {
+    case 'block-start/start':
+      return "inset-block-end: 100%; inset-inline-start: 0; margin-block-end: ".concat(props.theme.gridUnit, ";");
+    case 'block-start/end':
+      return "inset-block-end: 100%; inset-inline-end: 0; margin-block-end: ".concat(props.theme.gridUnit, ";");
+    case 'block-end/start':
+      return "inset-block-start: 100%; inset-inline-start: 0; margin-block-start: ".concat(props.theme.gridUnit, ";");
+    case 'block-end/end':
+      return "inset-block-start: 100%; inset-inline-end: 0;  margin-block-start: ".concat(props.theme.gridUnit, ";");
+    case 'inline-start/start':
+      return "inset-inline-end: 100%; inset-block-start: 0;  margin-inline-end: ".concat(props.theme.gridUnit, ";");
+    case 'inline-start/end':
+      return "inset-inline-end: 100%; inset-block-end: 0; margin-inline-end: ".concat(props.theme.gridUnit, ";");
+    case 'inline-end/start':
+      return "inset-inline-start: 100%; inset-block-start: 0;  margin-inline-start: ".concat(props.theme.gridUnit, ";");
+    case 'inline-end/end':
+      return "inset-inline-start: 100%; inset-block-end: 0; margin-inline-start: ".concat(props.theme.gridUnit, ";");
+    default:
+      return "inset-block-end: 100%; inset-inline-start: 0; margin-block-end: ".concat(props.theme.gridUnit, ";");
+  }
+}, (0, _toolkit.grid)(5));
+var Wrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: inline-block;\n  position: relative;\n"])));
+var Popup = function Popup(_ref2) {
+  var alignment = _ref2.alignment,
+    children = _ref2.children,
+    focusableContent = _ref2.focusableContent,
+    id = _ref2.id,
+    toggle = _ref2.toggle,
+    position = _ref2.position,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var WrapperRef = (0, _react.useRef)(null);
+  var popupRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)([]),
+    _useState2 = _slicedToArray(_useState, 2),
+    focusableElements = _useState2[0],
+    setFocusableElements = _useState2[1];
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = _slicedToArray(_useState3, 2),
+    visible = _useState4[0],
+    setVisible = _useState4[1];
+  var onClickToggle = function onClickToggle() {
+    setVisible(!visible);
+  };
+  (0, _react.useEffect)(function () {
+    if (visible && focusableElements.length > 0) {
+      // focusing the first focusable element of the popup
+      focusableElements[0].focus();
+    }
+  }, [visible]);
+  (0, _react.useEffect)(function () {
+    if (popupRef.current) {
+      var focusableContentSelector = focusableContent.join(', ');
+      setFocusableElements(popupRef.current.querySelectorAll(focusableContentSelector));
+    }
+  }, [children]);
+  var handleKeyDown = function handleKeyDown(e) {
+    var isEscapePress = e.key === 'Escape' || e.keyCode === 27;
+    var isTabPressed = e.key === 'Tab' || e.keyCode === 9;
+    if (!isTabPressed && !isEscapePress) return;
+    if (isEscapePress) {
+      popupRef.current.previousElementSibling.focus();
+      setVisible(false);
+    }
+    var firstFocusableElement = focusableElements[0];
+    var lastFocusableElement = focusableElements[focusableElements.length - 1];
+    if (e.shiftKey) {
+      if (document.activeElement === firstFocusableElement) {
+        lastFocusableElement.focus();
+        e.preventDefault();
+      }
+    } else if (document.activeElement === lastFocusableElement) {
+      firstFocusableElement.focus();
+      e.preventDefault();
+    }
+  };
+  var handleBlur = function handleBlur(e) {
+    // when clicking outside the popup wrapper close the popup
+    if (!WrapperRef.current.contains(e.relatedTarget)) {
+      setVisible(false);
+    }
+  };
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
+    ref: WrapperRef
+  }, /*#__PURE__*/(0, _react.cloneElement)(toggle, {
+    onClick: onClickToggle,
+    'aria-controls': id,
+    'aria-expanded': visible,
+    'aria-haspopup': 'dialog'
+  }), /*#__PURE__*/_react["default"].createElement(PopupContainer, _extends({
+    alignment: alignment,
+    id: id,
+    onBlur: handleBlur,
+    onKeyDown: handleKeyDown,
+    position: position,
+    ref: popupRef,
+    tabIndex: "0",
+    visible: visible
+  }, rest), children));
+};
+Popup.propTypes = {
+  alignment: _propTypes["default"].oneOf(['start', 'end']),
+  id: _propTypes["default"].string,
+  focusableContent: _propTypes["default"].arrayOf(_propTypes["default"].string),
+  toggle: _propTypes["default"].element.isRequired,
+  position: _propTypes["default"].oneOf(['block-start', 'block-end', 'inline-start', 'inline-end'])
+};
+Popup.defaultProps = {
+  id: (0, _index.uuid)(),
+  focusableContent: ['a[href]', 'area[href]', 'input:not([disabled]):not([type=hidden])', 'select:not([disabled])', 'textarea:not([disabled])', 'button:not([disabled])', 'object', 'embed', '[tabindex]:not([tabindex="-1"])', 'audio[controls]', 'video[controls]', '[contenteditable]:not([contenteditable="false"])'],
+  position: 'block-start',
+  alignment: 'start'
+};
+var _default = exports["default"] = Popup;

package/dist/ui/common/Radio.js

@@ -0,0 +1,54 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _antd = require("antd");
+var _excluded = ["className", "onChange", "vertical"];
+var _templateObject, _templateObject2;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var StyledRadioGroup = (0, _styledComponents["default"])(_antd.Radio.Group)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n\n  .ant-radio-inner,\n  .ant-radio-inner::after,\n  .ant-radio-checked,\n  .ant-radio-button-wrapper,\n  .ant-radio-button-wrapper::before {\n    transition-duration: 0.1s;\n  }\n"])), function (props) {
+  return props.vertical && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: flex;\n      flex-direction: column;\n    "])));
+});
+
+/**
+ * Props are the same as Ant's RadioGroup https://ant.design/components/radio/#RadioGroup
+ * with the addition of `vertical` and a slightly modified `onChange`.
+ */
+var Radio = function Radio(props) {
+  var className = props.className,
+    onChange = props.onChange,
+    vertical = props.vertical,
+    rest = _objectWithoutProperties(props, _excluded);
+  var handleChange = function handleChange(e) {
+    return onChange(e.target.value);
+  };
+  return /*#__PURE__*/_react["default"].createElement(StyledRadioGroup, _extends({
+    className: className,
+    onChange: handleChange,
+    role: "radiogroup",
+    vertical: vertical
+    // eslint-disable-next-line react/jsx-props-no-spreading
+  }, rest));
+};
+Radio.propTypes = {
+  /** Handle change. First argument is the incoming `value`. */
+  onChange: _propTypes["default"].func,
+  /** Arrange items vertically instead of inline. */
+  vertical: _propTypes["default"].bool
+};
+Radio.defaultProps = {
+  onChange: null,
+  vertical: false
+};
+var _default = exports["default"] = Radio;

package/dist/ui/common/Result.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _antd = require("antd");
+var _default = exports["default"] = _antd.Result;

package/dist/ui/common/Ribbon.js

@@ -0,0 +1,54 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _toolkit = require("../../toolkit");
+var _excluded = ["className", "children", "hide", "status"];
+var _templateObject, _templateObject2;
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: ", ";\n  color: ", ";\n  padding: ", " ", ";\n  text-align: center;\n\n  /* stylelint-disable-next-line order/properties-alphabetical-order */\n  ", "\n\n  ", ";\n"])), function (props) {
+  var status = props.status;
+  if (status === 'success') return props.theme.colorSuccess;
+  if (status === 'error' || status === 'danger') return props.theme.colorError;
+  return props.theme.colorSecondary;
+}, function (props) {
+  return props.theme.borderRadius;
+}, function (props) {
+  var status = props.status;
+  if (status === 'success' || status === 'error' || status === 'danger') return props.theme.colorTextReverse;
+  return props.theme.colorText;
+}, (0, _toolkit.grid)(0.5), (0, _toolkit.grid)(2), function (props) {
+  return props.hide && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      visibility: hidden;\n    "])));
+}, (0, _toolkit.override)('ui.Ribbon'));
+var Ribbon = function Ribbon(props) {
+  var className = props.className,
+    children = props.children,
+    hide = props.hide,
+    status = props.status,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, _extends({
+    className: className,
+    hide: hide,
+    status: status
+  }, rest), children);
+};
+Ribbon.propTypes = {
+  hide: _propTypes["default"].bool,
+  status: _propTypes["default"].oneOf(['success', 'error', 'danger'])
+};
+Ribbon.defaultProps = {
+  hide: false,
+  status: null
+};
+var _default = exports["default"] = Ribbon;

package/dist/ui/common/Search.js

@@ -0,0 +1,30 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("antd");
+var _reusableStyles = require("./_reusableStyles");
+var _excluded = ["className"];
+var _templateObject; // import PropTypes from 'prop-types'
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var StyledSearch = (0, _styledComponents["default"])(_antd.Input.Search)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  input {\n    ", "\n  }\n"])), _reusableStyles.inputShadow);
+var Search = function Search(props) {
+  var className = props.className,
+    rest = _objectWithoutProperties(props, _excluded);
+
+  // eslint-disable-next-line react/jsx-props-no-spreading
+  return /*#__PURE__*/_react["default"].createElement(StyledSearch, _extends({
+    className: className
+  }, rest));
+};
+Search.propTypes = {};
+Search.defaultProps = {};
+var _default = exports["default"] = Search;

package/dist/ui/common/Select.js

@@ -0,0 +1,148 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _lodash = require("lodash");
+var _antd = require("antd");
+var _toolkit = require("../../toolkit");
+var _Empty = _interopRequireDefault(require("./Empty"));
+var _excluded = ["async", "className", "debounceTimeout", "filterOption", "notFoundContent", "onSearch", "showSearch", "id", "isOpen", "virtual", "wrapOptionText"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+/* stylelint-disable indentation */
+/* stylelint-disable selector-combinator-space-before */
+/* stylelint-disable selector-descendant-combinator-no-non-space */
+/* stylelint-disable string-quotes */
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var SelectWrapper = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+var StyledSelect = (0, _styledComponents["default"])(_antd.Select)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  width: 100%;\n\n  &.ant-select-focused {\n    outline: ", "px solid\n      ", ";\n    outline-offset: 1px;\n  }\n\n  .ant-select-arrow {\n    color: ", ";\n  }\n\n  &.ant-select.ant-select-disabled > .ant-select-selector,\n  &.ant-select-multiple.ant-select-disabled\n    > .ant-select-selector\n    .ant-select-selection-item-content {\n    background-color: ", ";\n    color: ", ";\n  }\n"])), function (props) {
+  return "".concat(props.theme.lineWidth * 4);
+}, (0, _toolkit.th)('colorPrimaryBorder'), (0, _toolkit.th)('colorBorder'), (0, _toolkit.th)('colorBackgroundHue'), function (props) {
+  return "".concat(props.theme.colorText, "cc");
+});
+var StyledDropdown = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  .ant-select-item-option-active {\n    background-color: ", ";\n    outline: 2px solid ", ";\n    outline-offset: -2px;\n\n    &.ant-select-item-option-selected[role='option'][aria-selected='true'] {\n      text-decoration: underline;\n    }\n  }\n\n  .ant-select-item-option-selected[role='option'][aria-selected='true'] {\n    background-color: ", ";\n    color: ", ";\n\n    .ant-select-item-option-state {\n      color: ", ";\n    }\n  }\n\n  .ant-select-item-option-content {\n    /* outline: 2px solid ", "; */\n    ", "\n  }\n"])), (0, _toolkit.th)('colorBackgroundHue'), (0, _toolkit.th)('colorPrimary'), (0, _toolkit.th)('colorPrimary'), (0, _toolkit.th)('colorTextReverse'), (0, _toolkit.th)('colorTextReverse'), (0, _toolkit.th)('colorPrimary'), function (props) {
+  return props.wrapOptionText && (0, _styledComponents.css)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n        white-space: normal;\n      "])));
+});
+var Select = function Select(props) {
+  var async = props.async,
+    className = props.className,
+    debounceTimeout = props.debounceTimeout,
+    filterOption = props.filterOption,
+    notFoundContent = props.notFoundContent,
+    onSearch = props.onSearch,
+    showSearch = props.showSearch,
+    id = props.id,
+    isOpen = props.isOpen,
+    virtual = props.virtual,
+    wrapOptionText = props.wrapOptionText,
+    rest = _objectWithoutProperties(props, _excluded);
+  var selectRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(isOpen),
+    _useState2 = _slicedToArray(_useState, 2),
+    open = _useState2[0],
+    setOpen = _useState2[1];
+  var _useState3 = (0, _react.useState)({}),
+    _useState4 = _slicedToArray(_useState3, 2),
+    ariaAttributes = _useState4[0],
+    setAriaAttributes = _useState4[1];
+  var cleanUpInvalidAttrs = function cleanUpInvalidAttrs() {
+    var _selectRef$current, _selectRef$current2, _selectRef$current3, _selectRef$current4, _selectRef$current5, _selectRef$current6;
+    // store invalid attrs in local state
+    setAriaAttributes({
+      'aria-controls': (_selectRef$current = selectRef.current) === null || _selectRef$current === void 0 ? void 0 : _selectRef$current.querySelector('input[role="combobox"]').getAttribute('aria-controls'),
+      'aria-owns': (_selectRef$current2 = selectRef.current) === null || _selectRef$current2 === void 0 ? void 0 : _selectRef$current2.querySelector('input[role="combobox"]').getAttribute('aria-owns'),
+      'aria-activedescendant': (_selectRef$current3 = selectRef.current) === null || _selectRef$current3 === void 0 ? void 0 : _selectRef$current3.querySelector('input[role="combobox"]').getAttribute('aria-activedescendant')
+    });
+    // remove them from the DOM node
+    (_selectRef$current4 = selectRef.current) === null || _selectRef$current4 === void 0 || _selectRef$current4.querySelector('input[role="combobox"]').removeAttribute('aria-controls');
+    (_selectRef$current5 = selectRef.current) === null || _selectRef$current5 === void 0 || _selectRef$current5.querySelector('input[role="combobox"]').removeAttribute('aria-owns');
+    (_selectRef$current6 = selectRef.current) === null || _selectRef$current6 === void 0 || _selectRef$current6.querySelector('input[role="combobox"]').removeAttribute('aria-activedescendant');
+  };
+  (0, _react.useEffect)(function () {
+    var innerWrapper = selectRef.current.querySelector('.ant-select');
+    innerWrapper.removeAttribute('aria-required');
+
+    // hack to fix accessibility errors
+    // apply with delay to make sure attrs are already there
+    setTimeout(function () {
+      cleanUpInvalidAttrs();
+    }, 500);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (open && !!ariaAttributes) {
+      // reapply the stored aria attributes after opening input for the first time
+      Object.keys(ariaAttributes).forEach(function (attr) {
+        selectRef.current.querySelector('input[role="combobox"]').setAttribute(attr, ariaAttributes[attr]);
+      });
+      setAriaAttributes(null);
+    }
+  }, [open]);
+  var handleSearch = function handleSearch(searchValue) {
+    onSearch(searchValue);
+  };
+
+  // const useDebounce = async ? true : debounce
+
+  var searchFunc = async ? (0, _lodash.debounce)(handleSearch, debounceTimeout) : handleSearch;
+  var customDropdownRender = function customDropdownRender(menu) {
+    return /*#__PURE__*/_react["default"].createElement(StyledDropdown, {
+      "data-testid": "select-dropdown",
+      wrapOptionText: wrapOptionText
+    }, menu);
+  };
+  return /*#__PURE__*/_react["default"].createElement(SelectWrapper, {
+    className: className,
+    ref: selectRef
+  }, /*#__PURE__*/_react["default"].createElement(StyledSelect, _extends({
+    dropdownRender: customDropdownRender,
+    filterOption: async && !filterOption ? false : filterOption,
+    id: id,
+    notFoundContent: !notFoundContent && async ? null : notFoundContent,
+    onDropdownVisibleChange: function onDropdownVisibleChange(o) {
+      return setOpen(o);
+    },
+    onSearch: onSearch && searchFunc,
+    open: open,
+    showSearch: showSearch || !!onSearch,
+    virtual: virtual
+  }, rest)));
+};
+Select.propTypes = {
+  async: _propTypes["default"].bool,
+  // debounce: PropTypes.bool,
+  debounceTimeout: _propTypes["default"].number,
+  notFoundContent: _propTypes["default"].element,
+  isOpen: _propTypes["default"].bool,
+  virtual: _propTypes["default"].bool,
+  wrapOptionText: _propTypes["default"].bool
+};
+Select.defaultProps = {
+  async: false,
+  // debounce: false,
+  debounceTimeout: 500,
+  notFoundContent: /*#__PURE__*/_react["default"].createElement(_Empty["default"], {
+    description: "No Data",
+    image: _Empty["default"].PRESENTED_IMAGE_SIMPLE,
+    role: "status"
+  }),
+  isOpen: false,
+  virtual: false,
+  wrapOptionText: false
+};
+var _default = exports["default"] = Select;

package/dist/ui/common/Spin.js

@@ -0,0 +1,87 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.Indicator = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireWildcard(require("styled-components"));
+var _antd = require("antd");
+var _toolkit = require("../../toolkit");
+var _excluded = ["isNested", "renderBackground"],
+  _excluded2 = ["className", "children", "renderBackground", "size", "spinning"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7;
+/**
+ * Spinner code license here (MIT): https://github.com/tobiasahlin/SpinKit/blob/master/LICENSE
+ */
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var StyledSpin = (0, _styledComponents["default"])(function (_ref) {
+  var isNested = _ref.isNested,
+    renderBackground = _ref.renderBackground,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(_antd.Spin, rest);
+})(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", ";\n"])), function (props) {
+  return props.isNested && (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      z-index: 4;\n\n      > div {\n        position: absolute;\n        left: 50%;\n        top: 50%;\n        margin: -20px;\n      }\n    "])));
+});
+var bounce = (0, _styledComponents.keyframes)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  0%,\n  100% {\n    transform: scale(0);\n  }\n\n  50% {\n    transform: scale(1);\n  }\n"])));
+var IndicatorWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  &&& {\n    height: ", ";\n    position: relative;\n    width: ", ";\n  }\n"])), function (props) {
+  return (0, _toolkit.grid)(props.size);
+}, function (props) {
+  return (0, _toolkit.grid)(props.size);
+});
+var BounceOne = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  animation: ", " 2s infinite ease-in-out;\n  background-color: ", ";\n  border-radius: 50%;\n  height: 100%;\n  left: 0;\n  opacity: 0.6;\n  position: absolute;\n  top: 0;\n  width: 100%;\n"])), bounce, function (props) {
+  return props.theme.colorPrimary;
+});
+var BounceTwo = (0, _styledComponents["default"])(BounceOne)(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  animation-delay: -1s;\n"])));
+var NestedWrapper = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  height: 100%;\n\n  .ant-spin-nested-loading {\n    height: 100%;\n\n    > div {\n      height: 100%;\n\n      > div.ant-spin-spinning {\n        height: 100%;\n      }\n    }\n  }\n"])));
+var Indicator = exports.Indicator = function Indicator(_ref2) {
+  var size = _ref2.size,
+    className = _ref2.className;
+  return /*#__PURE__*/_react["default"].createElement(IndicatorWrapper, {
+    className: className,
+    size: size
+  }, /*#__PURE__*/_react["default"].createElement(BounceOne, null), /*#__PURE__*/_react["default"].createElement(BounceTwo, null));
+};
+Indicator.propTypes = {
+  size: _propTypes["default"].number
+};
+Indicator.defaultProps = {
+  size: 10
+};
+var Spin = function Spin(props) {
+  var className = props.className,
+    children = props.children,
+    renderBackground = props.renderBackground,
+    size = props.size,
+    spinning = props.spinning,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var showChildren = renderBackground || !renderBackground && !spinning;
+  var spin = /*#__PURE__*/_react["default"].createElement(StyledSpin, _extends({
+    className: className,
+    indicator: /*#__PURE__*/_react["default"].createElement(Indicator, {
+      size: size
+    }),
+    isNested: !!children,
+    renderBackground: renderBackground,
+    spinning: spinning
+  }, rest), showChildren && children);
+  if (!showChildren) return /*#__PURE__*/_react["default"].createElement(NestedWrapper, null, spin);
+  return spin;
+};
+Spin.propTypes = {
+  size: _propTypes["default"].number,
+  spinning: _propTypes["default"].bool.isRequired,
+  renderBackground: _propTypes["default"].bool
+};
+Spin.defaultProps = {
+  size: 10,
+  renderBackground: true
+};
+var _default = exports["default"] = Spin;

package/dist/ui/common/Split.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("antd");
+var _templateObject, _templateObject2, _templateObject3;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
+function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var Wrapper = (0, _styledComponents["default"])(_antd.Row)(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+var Left = (0, _styledComponents["default"])(_antd.Col)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral([""])));
+var Right = (0, _styledComponents["default"])(_antd.Col)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral([""])));
+var Split = function Split(props) {
+  var className = props.className,
+    children = props.children,
+    gutter = props.gutter,
+    splitAt = props.splitAt;
+  var _children = _slicedToArray(children, 2),
+    left = _children[0],
+    right = _children[1];
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
+    className: className,
+    gutter: gutter
+  }, /*#__PURE__*/_react["default"].createElement(Left, {
+    span: splitAt
+  }, left), /*#__PURE__*/_react["default"].createElement(Right, {
+    span: 24 - splitAt
+  }, right));
+};
+Split.propTypes = {
+  gutter: _propTypes["default"].number,
+  /** Number on the antd grid of 24 total */
+  splitAt: _propTypes["default"].number
+};
+Split.defaultProps = {
+  gutter: 0,
+  splitAt: 12
+};
+var _default = exports["default"] = Split;