gogoclient 1.2.2

package/dist/ui/common/CokoLink.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _reactRouterDom = require("react-router-dom");
+var _toolkit = require("../../toolkit");
+var _templateObject;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var StyledLink = (0, _styledComponents["default"])(_reactRouterDom.Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  && {\n    color: ", ";\n    text-decoration: underline;\n\n    &:hover {\n      color: ", ";\n      text-decoration: none;\n    }\n\n    &:focus {\n      color: ", ";\n      outline: 1px solid ", ";\n      text-decoration: none;\n    }\n  }\n"])), (0, _toolkit.th)('colorText'), (0, _toolkit.th)('colorText'), (0, _toolkit.th)('colorText'), (0, _toolkit.th)('colorPrimary'));
+var CokoLink = function CokoLink(props) {
+  // const { href, ...restProps } = props
+  // if (href) {
+  //   return (
+  //     <StyledLink {...restProps} />
+  //   )
+  // }
+  return /*#__PURE__*/_react["default"].createElement(StyledLink, props);
+};
+var _default = exports["default"] = CokoLink;

package/dist/ui/common/Collapse.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _antd = require("antd");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _toolkit = require("../../toolkit");
+var _templateObject;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var StyledCollapse = (0, _styledComponents["default"])(_antd.Collapse)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-collapse-item > .ant-collapse-header {\n    margin: 1px;\n    transition: outline 0s;\n\n    &:focus {\n      color: ", ";\n      outline: 1px solid ", ";\n    }\n  }\n"])), (0, _toolkit.th)('colorPrimary'), (0, _toolkit.th)('colorPrimary'));
+var _default = exports["default"] = StyledCollapse;

package/dist/ui/common/DateParser.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _moment = _interopRequireDefault(require("moment"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var getDuration = function getDuration(timestamp) {
+  var today = (0, _moment["default"])();
+  var stamp = (0, _moment["default"])(timestamp);
+  return _moment["default"].duration(today.diff(stamp));
+};
+var DateParser = function DateParser(props) {
+  var children = props.children,
+    timestamp = props.timestamp,
+    dateFormat = props.dateFormat,
+    humanizeThreshold = props.humanizeThreshold;
+  var renderTimestamp = function renderTimestamp() {
+    if (!timestamp) return '';
+    var duration = getDuration(timestamp);
+    if (duration.asDays() < humanizeThreshold) {
+      return "".concat(duration.humanize(), " ago");
+    }
+    return (0, _moment["default"])(timestamp).format(dateFormat);
+  };
+  var renderTimeAgo = function renderTimeAgo() {
+    if (!timestamp) return '';
+    var duration = getDuration(timestamp);
+    return duration.humanize();
+  };
+  var timestampValue = renderTimestamp();
+  var timeAgoValue = renderTimeAgo();
+  return children(timestampValue, timeAgoValue);
+};
+DateParser.propTypes = {
+  /** The date string. Can be any date parsable by momentjs. */
+  timestamp: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].number, Date]).isRequired,
+  /** Format of the rendered date. */
+  dateFormat: _propTypes["default"].string,
+  /** Humanize duration threshold */
+  humanizeThreshold: _propTypes["default"].number
+};
+DateParser.defaultProps = {
+  dateFormat: 'DD.MM.YYYY',
+  humanizeThreshold: 0
+};
+var _default = exports["default"] = DateParser;

package/dist/ui/common/Divider.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.Divider;

package/dist/ui/common/Empty.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("antd");
+var _toolkit = require("../../toolkit");
+var _templateObject;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var Empty = (0, _styledComponents["default"])(_antd.Empty)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  color: ", ";\n\n  svg * {\n    stroke: ", ";\n  }\n\n  svg ellipse {\n    fill: ", ";\n    stroke: ", ";\n  }\n\n  .ant-empty-description {\n    color: ", ";\n  }\n"])), (0, _toolkit.th)('colorText'), (0, _toolkit.th)('colorTextPlaceholder'), (0, _toolkit.th)('colorBackgroundHue'), (0, _toolkit.th)('colorBackgroundHue'), (0, _toolkit.th)('colorText'));
+var _default = exports["default"] = Empty;

package/dist/ui/common/Form.js

@@ -0,0 +1,216 @@
+"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 = _interopRequireDefault(require("styled-components"));
+var _lodash = require("lodash");
+var _antd = require("antd");
+var _toolkit = require("../../toolkit");
+var _Ribbon = _interopRequireDefault(require("./Ribbon"));
+var _excluded = ["children", "onBlur", "validateTrigger"],
+  _excluded2 = ["autoSave", "autoSaveDebounceDelay", "children", "feedbackComponent", "form", "onAutoSave", "onValuesChange", "onFinishFailed", "ribbonMessage", "ribbonPosition", "submissionStatus", "scrollErrorIntoView"];
+var _templateObject, _templateObject2;
+/* eslint-disable react/jsx-props-no-spreading */
+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 FormWrapper = _styledComponents["default"].div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  .ant-form-item-explain-error {\n    color: ", ";\n  }\n"])), (0, _toolkit.th)('colorError'));
+var Ribbon = (0, _styledComponents["default"])(_Ribbon["default"])(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin: ", " ", ";\n"])), (0, _toolkit.grid)(2), (0, _toolkit.grid)(4));
+var FormItem = function FormItem(props) {
+  /**
+   * Disable prop types as these props will be checked in the `AntForm.Item`
+   * component. Enable again if you introduce custom props.
+   */
+
+  /* eslint-disable-next-line react/prop-types */
+  var children = props.children,
+    onBlur = props.onBlur,
+    validateTrigger = props.validateTrigger,
+    rest = _objectWithoutProperties(props, _excluded);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    lostFocusOnce = _useState2[0],
+    setLostFocusOnce = _useState2[1];
+
+  /**
+   * Default behaviour is that errors only appear once you have touched the
+   * input and moved away from it. Once touched, validations are run on every
+   * change. Submitting a form will touch all fields. Setting validateTrigger
+   * in the props will override the default behaviour. All we're doing here is
+   * changing the default.
+   */
+  var useDefaultTrigger = !validateTrigger;
+  var defaultTrigger = !lostFocusOnce ? 'onBlur' : 'onChange';
+  var trigger = useDefaultTrigger ? defaultTrigger : validateTrigger;
+  var handleBlur = function handleBlur() {
+    if (useDefaultTrigger && !lostFocusOnce) setLostFocusOnce(true);
+    onBlur && onBlur();
+  };
+  return /*#__PURE__*/_react["default"].createElement(_antd.Form.Item, _extends({
+    onBlur: handleBlur,
+    validateTrigger: trigger
+  }, rest), children);
+};
+
+// Disable the prop types that are the same as the underlying component
+var Form = function Form(props) {
+  var autoSave = props.autoSave,
+    autoSaveDebounceDelay = props.autoSaveDebounceDelay,
+    children = props.children,
+    FeedbackComponent = props.feedbackComponent,
+    propsForm = props.form,
+    onAutoSave = props.onAutoSave,
+    onValuesChange = props.onValuesChange,
+    onFinishFailed = props.onFinishFailed,
+    ribbonMessage = props.ribbonMessage,
+    ribbonPosition = props.ribbonPosition,
+    submissionStatus = props.submissionStatus,
+    scrollErrorIntoView = props.scrollErrorIntoView,
+    rest = _objectWithoutProperties(props, _excluded2);
+  var showRibbon = !!submissionStatus && !!ribbonMessage;
+  var _AntForm$useForm = _antd.Form.useForm(),
+    _AntForm$useForm2 = _slicedToArray(_AntForm$useForm, 1),
+    internalForm = _AntForm$useForm2[0];
+  var form = propsForm || internalForm;
+
+  // eslint-disable-next-line react/prop-types
+  var runAutoSave = (0, _lodash.debounce)(function () {
+    return onAutoSave(form.getFieldsValue());
+  }, 500);
+  var handleValuesChange = function handleValuesChange(changedValues, allValues) {
+    if (autoSave && onAutoSave) runAutoSave();
+    onValuesChange && onValuesChange();
+  };
+  var FeedbackElement = showRibbon && /*#__PURE__*/_react["default"].createElement(FeedbackComponent, {
+    "data-testid": "feedback-element",
+    role: "alert",
+    status: submissionStatus
+  }, ribbonMessage);
+
+  // const FeedbackElement = (
+  //   <FeedbackComponent hide={!showRibbon} status={submissionStatus}>
+  //     {ribbonMessage}
+  //   </FeedbackComponent>
+  // )
+
+  // if form validation fails, scroll to first error field (if applicable) and focus
+  var focusErrorField = function focusErrorField(errorFields) {
+    var firstErrorField = document.getElementById(errorFields[0].name.join('_'));
+
+    // handle case when input is a radio group
+    if (firstErrorField.matches('div[role="radiogroup"]')) {
+      // should focus it's first radio button, since radiogroup is not focusable
+      firstErrorField = firstErrorField.querySelector('input[type="radio"]');
+    }
+
+    // create intersection observer to to check when scroll target is in view
+    var observer = new IntersectionObserver(function (entries) {
+      var _entries = _slicedToArray(entries, 1),
+        entry = _entries[0];
+      if (entry.isIntersecting) {
+        setTimeout(function () {
+          // focus element after it becomes visible
+          entry.target.focus();
+          observer.unobserve(entry.target);
+        }, 100);
+      }
+    });
+    observer.observe(firstErrorField);
+
+    // scroll to first error field
+    form.scrollToField(errorFields[0].name, {
+      // specify custom scrolling behavior
+      behavior: function behavior(actions) {
+        if (actions.length === 0) {
+          // no element to scroll to, field is visible
+          firstErrorField.focus();
+        } else {
+          // check motion preferences; avoid scrolling if users prefers reduced motion
+          var motionQuery = window.matchMedia('(prefers-reduced-motion)');
+          // start observing for when field becomes visible
+          observer.observe(firstErrorField);
+          var action = actions.find(function (el) {
+            return el.top > 0;
+          });
+          var el = action.el,
+            top = action.top,
+            left = action.left;
+          el.scrollTo({
+            top: top - 50,
+            left: left,
+            behavior: motionQuery.matches ? 'auto' : 'smooth'
+          });
+        }
+      }
+    });
+  };
+  var handleFinishFailed = function handleFinishFailed(data) {
+    if (scrollErrorIntoView) {
+      var errorFields = data.errorFields;
+      focusErrorField(errorFields);
+    }
+    onFinishFailed(data);
+  };
+  return /*#__PURE__*/_react["default"].createElement(FormWrapper, null, ribbonPosition === 'top' && FeedbackElement, /*#__PURE__*/_react["default"].createElement(_antd.Form, _extends({
+    "data-testid": "form-content",
+    form: form,
+    onFinishFailed: handleFinishFailed,
+    onValuesChange: handleValuesChange
+  }, rest), children), ribbonPosition === 'bottom' && FeedbackElement);
+};
+Form.propTypes = {
+  autoSave: _propTypes["default"].bool,
+  autoSaveDebounceDelay: _propTypes["default"].number,
+  feedbackComponent: _propTypes["default"].elementType,
+  onAutoSave: _propTypes["default"].func,
+  onFinishFailed: _propTypes["default"].func,
+  ribbonMessage: _propTypes["default"].string,
+  ribbonPosition: _propTypes["default"].oneOf(['top', 'bottom']),
+  submissionStatus: _propTypes["default"].oneOf(['success', 'error', 'danger']),
+  scrollErrorIntoView: _propTypes["default"].bool
+};
+Form.defaultProps = {
+  autoSave: false,
+  autoSaveDebounceDelay: 500,
+  feedbackComponent: Ribbon,
+  onAutoSave: null,
+  onFinishFailed: function onFinishFailed() {},
+  ribbonMessage: null,
+  ribbonPosition: 'top',
+  submissionStatus: null,
+  scrollErrorIntoView: true
+};
+
+// const Form = {}
+// Object.setPrototypeOf(Form, AntForm)
+
+/* Replicate exports from https://github.com/ant-design/ant-design/blob/master/components/form/index.tsx#L24-L35 */
+Form.render = Form;
+Form.Item = FormItem;
+Form.List = _antd.Form.List;
+Form.ErrorList = _antd.Form.ErrorList;
+Form.useForm = _antd.Form.useForm;
+Form.Provider = _antd.Form.FormProvider;
+
+// Form.create = () => {
+//   devWarning(
+//     false,
+//     'Form',
+//     'antd v4 removed `Form.create`. Please remove or use `@ant-design/compatible` instead.',
+//   )
+// }
+var _default = exports["default"] = Form;

package/dist/ui/common/FormSection.js

@@ -0,0 +1,35 @@
+"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 _toolkit = require("../../toolkit");
+var _Divider = _interopRequireDefault(require("./Divider"));
+var _Headings = require("./Headings");
+var _templateObject;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+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  > div:first-child {\n    padding: 0 ", ";\n  }\n"])), (0, _toolkit.grid)(4));
+var FormSection = function FormSection(props) {
+  var className = props.className,
+    children = props.children,
+    label = props.label,
+    last = props.last;
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
+    className: className
+  }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Headings.H2, null, label), children), !last && /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
+};
+FormSection.propTypes = {
+  /** Label to display as heading above section */
+  label: _propTypes["default"].string,
+  last: _propTypes["default"].bool
+};
+FormSection.defaultProps = {
+  label: null,
+  last: false
+};
+var _default = exports["default"] = FormSection;

package/dist/ui/common/Headings.js

@@ -0,0 +1,74 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.H5 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _antd = require("antd");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+// eslint-disable-next-line react/jsx-props-no-spreading
+
+// import styled from 'styled-components'
+
+var Title = _antd.Typography.Title;
+var Heading = function Heading(props) {
+  var className = props.className,
+    children = props.children,
+    level = props.level;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    _react["default"].createElement(Title, {
+      className: className,
+      level: level
+    }, children)
+  );
+};
+Heading.propTypes = {
+  level: _propTypes["default"].number
+};
+Heading.defaultProps = {
+  level: 1
+};
+var H1 = exports.H1 = function H1(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return /*#__PURE__*/_react["default"].createElement(Heading, {
+    className: className,
+    level: 1
+  }, children);
+};
+var H2 = exports.H2 = function H2(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className;
+  return /*#__PURE__*/_react["default"].createElement(Heading, {
+    className: className,
+    level: 2
+  }, children);
+};
+var H3 = exports.H3 = function H3(_ref3) {
+  var children = _ref3.children,
+    className = _ref3.className;
+  return /*#__PURE__*/_react["default"].createElement(Heading, {
+    className: className,
+    level: 3
+  }, children);
+};
+var H4 = exports.H4 = function H4(_ref4) {
+  var children = _ref4.children,
+    className = _ref4.className;
+  return /*#__PURE__*/_react["default"].createElement(Heading, {
+    className: className,
+    level: 4
+  }, children);
+};
+var H5 = exports.H5 = function H5(_ref5) {
+  var children = _ref5.children,
+    className = _ref5.className;
+  return /*#__PURE__*/_react["default"].createElement(Heading, {
+    className: className,
+    level: 5
+  }, children);
+};

package/dist/ui/common/Input.js

@@ -0,0 +1,72 @@
+"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 _EyeInvisibleFilled = _interopRequireDefault(require("@ant-design/icons/EyeInvisibleFilled"));
+var _EyeOutlined = _interopRequireDefault(require("@ant-design/icons/EyeOutlined"));
+var _toolkit = require("../../toolkit");
+var _reusableStyles = require("./_reusableStyles");
+var _excluded = ["className", "onChange", "type", "passwordIconRender"];
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+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([""])));
+var StyledInput = (0, _styledComponents["default"])(_antd.Input)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n"])), _reusableStyles.inputShadow);
+var NoStyleButton = _styledComponents["default"].button(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background: none;\n  border: none;\n"])));
+var StyledPassword = (0, _styledComponents["default"])(_antd.Input.Password)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  transition: outline 0s;\n\n  :has(input:focus) {\n    box-shadow: 0 0 2px ", ";\n    outline: ", "px solid\n      ", ";\n    outline-offset: 1px;\n  }\n"])), (0, _toolkit.th)('colorPrimary'), function (props) {
+  return "".concat(props.theme.lineWidth * 4);
+}, (0, _toolkit.th)('colorPrimaryBorder'));
+var Input = function Input(props) {
+  var className = props.className,
+    onChange = props.onChange,
+    type = props.type,
+    passwordIconRender = props.passwordIconRender,
+    rest = _objectWithoutProperties(props, _excluded);
+  var handleChange = function handleChange(e) {
+    return onChange && onChange(e.target.value);
+  };
+
+  // wrap "eye" icon for show/hide password with a button to make it keyboard-focusalbe
+  var defaultPasswordIconRender = function defaultPasswordIconRender(visible) {
+    return /*#__PURE__*/_react["default"].createElement(NoStyleButton, {
+      "aria-checked": visible,
+      "aria-label": visible ? 'Hide password' : 'Show password',
+      onClick: function onClick(e) {
+        return e.preventDefault();
+      },
+      role: "switch",
+      type: "button"
+    }, visible ? /*#__PURE__*/_react["default"].createElement(_EyeOutlined["default"], null) : /*#__PURE__*/_react["default"].createElement(_EyeInvisibleFilled["default"], null));
+  };
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
+    className: className
+  }, type !== 'password' && /*#__PURE__*/_react["default"].createElement(StyledInput, _extends({
+    onChange: handleChange
+  }, rest)), type === 'password' && /*#__PURE__*/_react["default"].createElement(StyledPassword, _extends({
+    iconRender: passwordIconRender || defaultPasswordIconRender,
+    onChange: handleChange
+  }, rest)));
+};
+Input.propTypes = {
+  /** optional icon for reveal/hide password */
+  passwordIconRender: _propTypes["default"].func,
+  /** Handle change. First argument is the incoming `value`. */
+  onChange: _propTypes["default"].func,
+  /** Define type of input. For other valid html input types, we have created separate components (eg. TextArea). */
+  type: _propTypes["default"].string
+};
+Input.defaultProps = {
+  passwordIconRender: null,
+  onChange: null,
+  type: 'text'
+};
+var _default = exports["default"] = Input;

package/dist/ui/common/InputNumber.js

@@ -0,0 +1,54 @@
+"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 _toolkit = require("../../toolkit");
+var _excluded = ["className", "disabled", "label", "name"];
+var _templateObject, _templateObject2, _templateObject3;
+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  cursor: ", ";\n  display: inline;\n  opacity: ", ";\n\n  label,\n  input {\n    cursor: ", ";\n  }\n"])), function (props) {
+  return props.isDisabled ? 'not-allowed' : 'default';
+}, function (props) {
+  return props.isDisabled ? '0.5' : '1';
+}, function (props) {
+  return props.isDisabled ? 'not-allowed' : 'default';
+});
+var Label = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-right: ", ";\n"])), (0, _toolkit.grid)(1));
+var Input = (0, _styledComponents["default"])(_antd.InputNumber)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  width: ", ";\n"])), (0, _toolkit.grid)(8));
+var InputNumber = function InputNumber(props) {
+  var className = props.className,
+    disabled = props.disabled,
+    label = props.label,
+    name = props.name,
+    rest = _objectWithoutProperties(props, _excluded);
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, {
+    className: className,
+    isDisabled: disabled
+  }, /*#__PURE__*/_react["default"].createElement("label", {
+    htmlFor: name
+  }, /*#__PURE__*/_react["default"].createElement(Label, null, label), /*#__PURE__*/_react["default"].createElement(Input, _extends({
+    disabled: disabled,
+    name: name
+  }, rest))));
+};
+InputNumber.propTypes = {
+  disabled: _propTypes["default"].bool,
+  label: _propTypes["default"].string,
+  name: _propTypes["default"].string
+};
+InputNumber.defaultProps = {
+  disabled: false,
+  label: null,
+  name: 'number-input'
+};
+var _default = exports["default"] = InputNumber;

package/dist/ui/common/InviteStatus.js

@@ -0,0 +1,63 @@
+"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 _toolkit = require("../../toolkit");
+var _templateObject;
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+var statuses = {
+  success: ['success', 'accept'],
+  error: ['error', 'reject'],
+  warning: ['warn', 'warning', 'revise'],
+  primary: ['primary', 'publish']
+};
+var StyledStatus = _styledComponents["default"].span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: ", ";\n  border-radius: 3px;\n  color: ", ";\n  display: flex;\n  font-family: ", ";\n  font-size: ", ";\n  justify-content: space-around;\n  line-height: ", ";\n  max-width: ", ";\n  min-width: ", ";\n  padding: ", ";\n  text-transform: uppercase;\n  white-space: normal;\n"])), function (props) {
+  var reverseColors = props.reverseColors,
+    status = props.status;
+  if (!reverseColors) return null;
+  if (statuses.success.includes(status)) return (0, _toolkit.th)('colorSuccess');
+  if (statuses.error.includes(status)) return (0, _toolkit.th)('colorError');
+  if (statuses.warning.includes(status)) return (0, _toolkit.th)('colorWarning');
+  if (statuses.primary.includes(status)) return (0, _toolkit.th)('colorPrimary');
+  return (0, _toolkit.th)('colorSecondary');
+}, function (props) {
+  var reverseColors = props.reverseColors,
+    status = props.status;
+  if (reverseColors) return (0, _toolkit.th)('colorTextReverse');
+  if (statuses.success.includes(status)) return (0, _toolkit.th)('colorSuccess');
+  if (statuses.error.includes(status)) return (0, _toolkit.th)('colorError');
+  if (statuses.warning.includes(status)) return (0, _toolkit.th)('colorWarning');
+  if (statuses.primary.includes(status)) return (0, _toolkit.th)('colorPrimary');
+  return (0, _toolkit.th)('colorText');
+}, (0, _toolkit.th)('fontInterface'), (0, _toolkit.th)('fontSizeBaseSmall'), (0, _toolkit.th)('lineHeightBaseSmall'), (0, _toolkit.grid)(24), (0, _toolkit.grid)(12), function (props) {
+  return props.reverseColors && '4px 8px';
+});
+var InviteStatus = function InviteStatus(props) {
+  var children = props.children,
+    className = props.className,
+    reverseColors = props.reverseColors,
+    status = props.status;
+  if (!children) return null;
+  return /*#__PURE__*/_react["default"].createElement(StyledStatus, {
+    className: className,
+    reverseColors: reverseColors,
+    status: status
+  }, children);
+};
+InviteStatus.propTypes = {
+  /** Determines if theme colours are reversed */
+  reverseColors: _propTypes["default"].bool,
+  /** List of valid status values */
+  status: _propTypes["default"].oneOf(['success', 'error', 'warn', 'warning', 'accept', 'reject', 'revise', 'primary', 'publish'])
+};
+InviteStatus.defaultProps = {
+  reverseColors: false,
+  status: null
+};
+var _default = exports["default"] = InviteStatus;

package/dist/ui/common/Layout.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _antd = require("antd");
+var _toolkit = require("../../toolkit");
+var _templateObject; // import React from 'react'
+// import PropTypes from 'prop-types'
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+function _taggedTemplateLiteral(e, t) { return t || (t = e.slice(0)), Object.freeze(Object.defineProperties(e, { raw: { value: Object.freeze(t) } })); }
+// const Wrapper = styled.div``
+
+var Layout = (0, _styledComponents["default"])(_antd.Layout)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  header,\n  footer,\n  main {\n    background-color: ", ";\n    padding: ", ";\n  }\n\n  header {\n    border-bottom: 1px solid ", ";\n    height: unset;\n    line-height: unset;\n  }\n\n  footer {\n    border-top: 1px solid ", ";\n  }\n"])), (0, _toolkit.th)('colorBackground'), (0, _toolkit.grid)(4), (0, _toolkit.th)('colorBorder'), (0, _toolkit.th)('colorBorder'));
+var _default = exports["default"] = Layout;