@unite-us/app-create-referral 0.1.0

package/dist/components/modal/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["_react","_interopRequireDefault","require","_propTypes","_ui","_lodash","_classnames","_OverlaySpinner","_Overlay","_createSuper","Derived","hasNativeReflectConstruct","_isNativeReflectConstruct","_createSuperInternal","Super","_getPrototypeOf2","default","result","NewTarget","constructor","_Reflect$construct","arguments","apply","_possibleConstructorReturn2","Reflect","sham","Proxy","Boolean","prototype","valueOf","call","e","ownKeys","object","enumerableOnly","keys","_Object$keys","_Object$getOwnPropertySymbols","symbols","_filterInstanceProperty","sym","_Object$getOwnPropertyDescriptor","enumerable","push","_objectSpread","target","i","length","source","Object","forEach","key","_defineProperty2","_Object$getOwnPropertyDescriptors","_Object$defineProperties","_Object$defineProperty","Title","_ref","title","close","removeCloseIcon","titleStyles","dataTestElementClose","createElement","className","style","Icon","icon","onClick","propTypes","PropTypes","string","func","isRequired","bool","defaultProps","Footer","_ref2","actions","footerStyles","_","isArray","_map","a","node","Dialog","_React$Component","_inherits2","_super","props","_this","_classCallCheck2","onRequestClose","bind","_assertThisInitialized2","onOverlayClick","getDialogClass","openDialog","closeDialog","onEscape","state","open","resolver","_createClass2","value","modal","isFunction","classNames","dialog","_this2","document","addEventListener","_promise","resolve","setState","_this3","action","undefined","removeEventListener","render","_this$props","children","id","spinnerShow","spinnerText","spinnerDescription","size","dialogContentStyles","showBorderRadius","customSize","dataId","tabIndex","concat","autoLockScrolling","show","text","description","React","Component","exports","oneOf","shape","width","height"],"sources":["../../../src/components/modal/Dialog.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\nimport { Icon } from '@unite-us/ui';\nimport _ from 'lodash';\nimport classNames from 'classnames';\nimport OverlaySpinner from '../spinners/OverlaySpinner';\nimport Overlay from './Overlay';\nimport './Dialog.scss';\n\nconst Title = ({\n  title,\n  close,\n  removeCloseIcon,\n  titleStyles,\n  dataTestElementClose,\n}) => {\n  if (!title) {\n    return null;\n  }\n\n  if (removeCloseIcon) {\n    return (<div className=\"title\" style={{ ...titleStyles }}>{title}</div>);\n  }\n\n  return (\n    <div style={{ ...titleStyles }} className=\"title title-closeable\" data-test-element={dataTestElementClose}>\n      {title}\n      <Icon\n        icon=\"IconCross\"\n        onClick={close}\n      />\n    </div>\n  );\n};\n\nTitle.propTypes = {\n  title: PropTypes.string,\n  titleStyles: PropTypes.object,\n  close: PropTypes.func.isRequired,\n  removeCloseIcon: PropTypes.bool.isRequired,\n  dataTestElementClose: PropTypes.string.isRequired,\n};\n\nTitle.defaultProps = {\n  title: null,\n  titleStyles: {},\n};\n\nconst Footer = ({ actions, footerStyles }) => {\n  if (!actions) {\n    return null;\n  }\n  if (_.isArray(actions)) {\n    return (\n      <div className=\"actions\">\n        {actions.map((a, i) => <span key={i} className=\"action-item\">{a}</span>)}\n      </div>\n    );\n  }\n  return (\n    <div className=\"actions\" style={{ ...footerStyles }}>\n      {actions}\n    </div>\n  );\n};\n\nFooter.propTypes = {\n  actions: PropTypes.node,\n  footerStyles: PropTypes.object,\n};\n\nFooter.defaultProps = {\n  actions: null,\n  footerStyles: {},\n};\n\nexport default class Dialog extends React.Component {\n  constructor(props) {\n    super(props);\n    this.onRequestClose = this.onRequestClose.bind(this);\n    this.onOverlayClick = this.onOverlayClick.bind(this);\n    this.getDialogClass = this.getDialogClass.bind(this);\n    this.openDialog = this.openDialog.bind(this);\n    this.closeDialog = this.closeDialog.bind(this);\n    this.onEscape = this.onEscape.bind(this);\n    this.state = {\n      open: false,\n      resolver: () => null,\n    };\n  }\n\n  onEscape(e) {\n    if (e.key === 'Escape' && !this.props.modal) {\n      this.onRequestClose();\n    }\n  }\n\n  onRequestClose() {\n    if (_.isFunction(this.props.onRequestClose)) {\n      return this.props.onRequestClose();\n    }\n    return this.closeDialog();\n  }\n\n  onOverlayClick() {\n    if (!this.props.modal) {\n      this.onRequestClose();\n    }\n  }\n\n  getDialogClass() {\n    return classNames({\n      dialog: true,\n      open: this.state.open,\n    });\n  }\n\n  openDialog() {\n    document.addEventListener('keyup', this.onEscape);\n    return new Promise((resolve) => {\n      this.setState({ resolver: resolve }, () => (\n        this.setState({ open: true })\n      ));\n    });\n  }\n\n  closeDialog(action = 'dismiss') {\n    document.removeEventListener('keyup', this.onEscape);\n    this.setState({ open: false }, () => (\n      this.state.resolver(action)\n    ));\n  }\n\n  render() {\n    const {\n      actions,\n      children,\n      id,\n      removeCloseIcon,\n      spinnerShow,\n      spinnerText,\n      spinnerDescription,\n      size,\n      titleStyles,\n      footerStyles,\n      title,\n      dialogContentStyles,\n      showBorderRadius,\n      dataTestElementClose,\n      className,\n      customSize,\n      'data-testid': dataId,\n    } = this.props;\n\n    if(!this.state.open) return null;\n\n    return (\n      <div\n        id={id}\n        tabIndex={-1}\n        className={classNames(\n          className,\n          `${this.getDialogClass()}`,\n          customSize ? 'custom' : size,\n        )}\n        data-testid={dataId}\n      >\n        <Overlay\n          open={this.state.open}\n          autoLockScrolling\n          onClick={this.onOverlayClick}\n        />\n        <div className={classNames('dialog-paper', { 'dialog-radius': showBorderRadius })} style={customSize}>\n          <OverlaySpinner\n            show={spinnerShow}\n            text={spinnerText}\n            description={spinnerDescription}\n          />\n          <Title\n            title={title}\n            close={this.onRequestClose}\n            removeCloseIcon={removeCloseIcon}\n            titleStyles={titleStyles}\n            dataTestElementClose={dataTestElementClose}\n          />\n          <div className=\"dialog-content\" style={{ ...dialogContentStyles }}>\n            {children}\n          </div>\n          <Footer\n            footerStyles={footerStyles}\n            actions={actions}\n          />\n        </div>\n      </div>\n    );\n  }\n}\n\nDialog.propTypes = {\n  className: PropTypes.string,\n  actions: PropTypes.node,\n  children: PropTypes.node.isRequired,\n  id: PropTypes.string,\n  modal: PropTypes.bool,\n  onRequestClose: PropTypes.func,\n  removeCloseIcon: PropTypes.bool,\n  size: PropTypes.oneOf(['mini', 'small', 'normal', 'large', 'jumbo', 'full']),\n  spinnerShow: PropTypes.bool,\n  spinnerText: PropTypes.string,\n  spinnerDescription: PropTypes.string,\n  titleStyles: PropTypes.object,\n  footerStyles: PropTypes.object,\n  title: PropTypes.node,\n  dialogContentStyles: PropTypes.object,\n  showBorderRadius: PropTypes.bool,\n  dataTestElementClose: PropTypes.string,\n  customSize: PropTypes.shape({\n    width: PropTypes.string,\n    height: PropTypes.string,\n  }),\n  'data-testid': PropTypes.string,\n};\n\nDialog.defaultProps = {\n  className: '',\n  actions: null,\n  footerStyles: {},\n  id: '',\n  modal: false,\n  onRequestClose: null,\n  removeCloseIcon: false,\n  size: 'normal',\n  spinnerDescription: '',\n  spinnerShow: false,\n  spinnerText: 'Submitting...',\n  title: null,\n  titleStyles: {},\n  dialogContentStyles: {},\n  showBorderRadius: false,\n  dataTestElementClose: 'modal-close',\n  customSize: null,\n  'data-testid': undefined,\n};\n"],"mappings":"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"}

package/dist/components/modal/Dialog.scss

@@ -0,0 +1,149 @@
+@import '../../styles/variables';
+.dialog {
+  & > .dialog-paper {
+    color: rgb(88, 96, 110);
+    background-color: rgb(255, 255, 255);
+    transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
+    box-sizing: border-box;
+    font-family: "Avenir Medium", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 30px, rgba(0, 0, 0, 0.23) 0px 6px 10px;
+    border-radius: 2px;
+    max-height: 90vh;
+    position: fixed;
+    z-index: -100;
+    top: -500%;
+    left: -500%;
+    width: 600px;
+    max-width: 90%;
+    transform: translate3d(-50%, -100%, 0px);
+    display: flex;
+    flex-direction: column;
+    flex-wrap: nowrap;
+    opacity: 0;
+    transition: opacity 0.3s, transform 0.45s !important;
+    transition-timing-function: ease-in-out;
+  }
+
+  & > .dialog-radius {
+    border-radius: 4px;
+  }
+
+  & > .overlay {
+    position: fixed;
+    top: 0;
+    left: 0;
+    bottom: 0;
+    right: 0;
+    background: rgba(0, 0, 0, 0.4);
+    z-index: 1400;
+  }
+
+
+  &.mini > .dialog-paper {
+    width: 275px;
+    min-height: 0;
+  }
+
+  &.small > .dialog-paper {
+    width: 400px;
+  }
+
+  &.large > .dialog-paper {
+    width: 800px;
+  }
+
+  &.jumbo > .dialog-paper {
+    width: 1000px;
+  }
+
+  &.full > .dialog-paper {
+    width: 90%;
+  }
+
+  &.open {
+    & > .dialog-paper {
+      z-index: 1500;
+      top: 50%;
+      left: 50%;
+      opacity: 1;
+      transform: translate3d(-50%, -50%, 0px);
+    }
+  }
+
+  .title {
+    padding: 20px;
+    border-bottom: 1px solid $silver-color;
+    flex: 0 1 30px;
+    box-sizing: border-box;
+    font-size: 22px;
+    line-height: 1em;
+    font-weight: 400;
+
+    &.title-closeable {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+
+  .dialog-content {
+    flex: 1 1 auto;
+    padding: 20px 21px;
+    overflow-y: auto;
+    font-size: 16px;
+    max-height: calc(90vh - 160px);
+    width: 100%;
+    box-sizing: border-box;
+    position: relative;
+
+    & > * {
+      width: 100%;
+    }
+
+    .content-with-actions {
+      display: flex;
+      flex-direction: column;
+      flex-wrap: nowrap;
+      width: 100%;
+
+      & > .content-container {
+        flex: 1 1 auto;
+        min-height: 10vh;
+        max-height: calc(90vh - 180px);
+        overflow-y: auto;
+        padding: 15px;
+        margin: -15px -15px 0px;
+      }
+
+      & > .content-container--medium {
+        min-height: 20vh;
+      }
+
+      & > .actions {
+        margin: 0px -15px -15px -15px;
+      }
+    }
+  }
+
+  .actions {
+    flex: 0 0 40px;
+    border-top: 1px solid $silver-color;
+    padding: 15px;
+    box-sizing: border-box;
+    text-align: right;
+
+    a {
+      color: $deep-blue-color !important;
+    }
+
+    .action-item {
+      margin-right: 15px;
+      display: inline-block;
+    }
+
+    .action-item:last-child {
+      margin-right: 0;
+    }
+  }
+}

package/dist/components/modal/Overlay.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = Overlay;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = require("prop-types");
+function Overlay(props) {
+  if (!props.open) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: "overlay",
+    onClick: props.onClick
+  }) // cursor-default
+  ;
+}
+
+Overlay.propTypes = {
+  open: _propTypes.PropTypes.bool.isRequired,
+  onClick: _propTypes.PropTypes.func.isRequired
+};
+//# sourceMappingURL=Overlay.js.map

package/dist/components/modal/Overlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Overlay.js","names":["_react","_interopRequireDefault","require","_propTypes","Overlay","props","open","default","createElement","className","onClick","propTypes","PropTypes","bool","isRequired","func"],"sources":["../../../src/components/modal/Overlay.jsx"],"sourcesContent":["import React from 'react';\nimport { PropTypes } from 'prop-types';\n\nexport default function Overlay(props) {\n  if (!props.open) {\n    return null;\n  }\n  return (\n    <div className=\"overlay\" onClick={props.onClick} /> // cursor-default\n  );\n}\n\nOverlay.propTypes = {\n  open: PropTypes.bool.isRequired,\n  onClick: PropTypes.func.isRequired,\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AAEe,SAASE,OAAOA,CAACC,KAAK,EAAE;EACrC,IAAI,CAACA,KAAK,CAACC,IAAI,EAAE;IACf,OAAO,IAAI;EACb;EACA,oBACEN,MAAA,CAAAO,OAAA,CAAAC,aAAA;IAAKC,SAAS,EAAC,SAAS;IAACC,OAAO,EAAEL,KAAK,CAACK;EAAQ,EAAG,CAAC;EAAA;AAExD;;AAEAN,OAAO,CAACO,SAAS,GAAG;EAClBL,IAAI,EAAEM,oBAAS,CAACC,IAAI,CAACC,UAAU;EAC/BJ,OAAO,EAAEE,oBAAS,CAACG,IAAI,CAACD;AAC1B,CAAC"}

package/dist/components/spinners/OverlaySpinner/OverlaySpinner.js

@@ -0,0 +1,52 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _reactTransitionGroup = require("react-transition-group");
+var _Spinner = _interopRequireDefault(require("../Spinner"));
+require("./OverlaySpinner.scss");
+var OverlaySpinner = function OverlaySpinner(_ref) {
+  var animationTimeout = _ref.animationTimeout,
+    description = _ref.description,
+    show = _ref.show,
+    text = _ref.text;
+  return /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.TransitionGroup, {
+    className: "overlay"
+  }, show && /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.CSSTransition, {
+    classNames: "overlay",
+    className: "overlay-spinner",
+    timeout: {
+      enter: animationTimeout,
+      exit: animationTimeout
+    }
+  }, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement("div", {
+    className: "overlay-spinner__text-container"
+  }, /*#__PURE__*/_react.default.createElement("p", {
+    className: "overlay-spinner__text"
+  }, text), description && /*#__PURE__*/_react.default.createElement("p", {
+    className: "overlay-spinner__description"
+  }, description)), /*#__PURE__*/_react.default.createElement("div", {
+    className: "overlay-spinner__options"
+  }, /*#__PURE__*/_react.default.createElement(_Spinner.default, null)))));
+};
+OverlaySpinner.propTypes = {
+  animationTimeout: _propTypes.default.number,
+  description: _propTypes.default.string,
+  show: _propTypes.default.bool,
+  text: _propTypes.default.string
+};
+OverlaySpinner.defaultProps = {
+  animationTimeout: 500,
+  description: '',
+  show: false,
+  text: 'Submitting...'
+};
+var _default = OverlaySpinner;
+exports.default = _default;
+//# sourceMappingURL=OverlaySpinner.js.map

package/dist/components/spinners/OverlaySpinner/OverlaySpinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OverlaySpinner.js","names":["_react","_interopRequireDefault","require","_propTypes","_reactTransitionGroup","_Spinner","OverlaySpinner","_ref","animationTimeout","description","show","text","default","createElement","TransitionGroup","className","CSSTransition","classNames","timeout","enter","exit","propTypes","PropTypes","number","string","bool","defaultProps","_default","exports"],"sources":["../../../../src/components/spinners/OverlaySpinner/OverlaySpinner.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport {\n  CSSTransition,\n  TransitionGroup,\n} from 'react-transition-group';\n\nimport Spinner from '../Spinner';\nimport './OverlaySpinner.scss';\n\nconst OverlaySpinner = ({\n  animationTimeout, description, show, text,\n}) => (\n  <TransitionGroup className=\"overlay\">\n    {\n      show && (\n        <CSSTransition\n          classNames=\"overlay\"\n          className=\"overlay-spinner\"\n          timeout={{ enter: animationTimeout, exit: animationTimeout }}\n        >\n          <div>\n            <div className=\"overlay-spinner__text-container\">\n              <p className=\"overlay-spinner__text\">{text}</p>\n              {\n                description &&\n                  <p className=\"overlay-spinner__description\">{description}</p>\n              }\n            </div>\n\n            <div className=\"overlay-spinner__options\">\n              <Spinner />\n            </div>\n          </div>\n        </CSSTransition>\n      )\n    }\n  </TransitionGroup>\n);\n\nOverlaySpinner.propTypes = {\n  animationTimeout: PropTypes.number,\n  description: PropTypes.string,\n  show: PropTypes.bool,\n  text: PropTypes.string,\n};\n\nOverlaySpinner.defaultProps = {\n  animationTimeout: 500,\n  description: '',\n  show: false,\n  text: 'Submitting...',\n};\n\nexport default OverlaySpinner;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,qBAAA,GAAAF,OAAA;AAKA,IAAAG,QAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAEA,IAAMI,cAAc,GAAG,SAAjBA,cAAcA,CAAAC,IAAA;EAAA,IAClBC,gBAAgB,GAAAD,IAAA,CAAhBC,gBAAgB;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAEC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;EAAA,oBAEzCX,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,qBAAA,CAAAU,eAAe;IAACC,SAAS,EAAC;EAAS,GAEhCL,IAAI,iBACFV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACT,qBAAA,CAAAY,aAAa;IACZC,UAAU,EAAC,SAAS;IACpBF,SAAS,EAAC,iBAAiB;IAC3BG,OAAO,EAAE;MAAEC,KAAK,EAAEX,gBAAgB;MAAEY,IAAI,EAAEZ;IAAiB;EAAE,gBAE7DR,MAAA,CAAAY,OAAA,CAAAC,aAAA,2BACEb,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAAiC,gBAC9Cf,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAGE,SAAS,EAAC;EAAuB,GAAEJ,IAAI,CAAK,EAE7CF,WAAW,iBACTT,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAGE,SAAS,EAAC;EAA8B,GAAEN,WAAW,CAAK,CAE7D,eAENT,MAAA,CAAAY,OAAA,CAAAC,aAAA;IAAKE,SAAS,EAAC;EAA0B,gBACvCf,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACR,QAAA,CAAAO,OAAO,OAAG,CACP,CACF,CAET,CAEa;AAAA,CACnB;AAEDN,cAAc,CAACe,SAAS,GAAG;EACzBb,gBAAgB,EAAEc,kBAAS,CAACC,MAAM;EAClCd,WAAW,EAAEa,kBAAS,CAACE,MAAM;EAC7Bd,IAAI,EAAEY,kBAAS,CAACG,IAAI;EACpBd,IAAI,EAAEW,kBAAS,CAACE;AAClB,CAAC;AAEDlB,cAAc,CAACoB,YAAY,GAAG;EAC5BlB,gBAAgB,EAAE,GAAG;EACrBC,WAAW,EAAE,EAAE;EACfC,IAAI,EAAE,KAAK;EACXC,IAAI,EAAE;AACR,CAAC;AAAC,IAAAgB,QAAA,GAEarB,cAAc;AAAAsB,OAAA,CAAAhB,OAAA,GAAAe,QAAA"}

package/dist/components/spinners/OverlaySpinner/OverlaySpinner.scss

@@ -0,0 +1,41 @@
+@import '../../../styles/mixins';
+@import '../../../styles/variables';
+
+.overlay-spinner {
+  @include position(absolute, 0 null null 0);
+  @include size(100%);
+
+  align-items: center;
+  background: $white;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  z-index: 1000;
+
+  &__text-container {
+    text-align: center;
+    margin-bottom: 35px;
+  }
+
+  &__text {
+    font-size: 18px;
+    margin: 10px;
+  }
+
+  &__description {
+    margin: 0;
+  }
+
+  &__options {
+    text-align: center;
+  }
+}
+
+.overlay-enter {
+  opacity: 0.5;
+}
+
+.overlay-enter.overlay-enter-active {
+  opacity: 1;
+  transition: opacity 500ms ease-in;
+}

package/dist/components/spinners/OverlaySpinner/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _OverlaySpinner = _interopRequireDefault(require("./OverlaySpinner"));
+var _default = _OverlaySpinner.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/dist/components/spinners/OverlaySpinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_OverlaySpinner","_interopRequireDefault","require","_default","OverlaySpinner","exports","default"],"sources":["../../../../src/components/spinners/OverlaySpinner/index.js"],"sourcesContent":["import OverlaySpinner from './OverlaySpinner';\n\nexport default OverlaySpinner;\n"],"mappings":";;;;;;;;AAAA,IAAAA,eAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA8C,IAAAC,QAAA,GAE/BC,uBAAc;AAAAC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/dist/components/spinners/Spinner/Spinner.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _classnames = _interopRequireDefault(require("classnames"));
+require("./Spinner.scss");
+var Spinner = function Spinner(_ref) {
+  var className = _ref.className,
+    scale = _ref.scale,
+    style = _ref.style,
+    text = _ref.text,
+    textStyle = _ref.textStyle,
+    center = _ref.center;
+  var centerStyles = center ? ['flex', 'justify-center', 'h-full', 'items-center'] : [];
+  return /*#__PURE__*/_react.default.createElement("div", {
+    "aria-label": "Loading",
+    className: (0, _classnames.default)('spinner-container', centerStyles, className),
+    style: {
+      transform: "scale(".concat(scale, ")")
+    }
+  }, /*#__PURE__*/_react.default.createElement("svg", {
+    className: "spinner",
+    style: style,
+    width: "66px",
+    height: "66px",
+    viewBox: "0 0 66 66"
+  }, /*#__PURE__*/_react.default.createElement("circle", {
+    className: "path",
+    fill: "none",
+    strokeWidth: "6px",
+    strokeLinecap: "round",
+    cx: "33",
+    cy: "33",
+    r: "30"
+  })), text && /*#__PURE__*/_react.default.createElement("h4", {
+    style: textStyle
+  }, text));
+};
+Spinner.propTypes = {
+  className: _propTypes.default.string,
+  scale: _propTypes.default.number,
+  style: _propTypes.default.object,
+  text: _propTypes.default.string,
+  textStyle: _propTypes.default.object,
+  center: _propTypes.default.bool
+};
+Spinner.defaultProps = {
+  className: '',
+  scale: 1,
+  style: {},
+  text: '',
+  textStyle: {},
+  center: false
+};
+var _default = Spinner;
+exports.default = _default;
+//# sourceMappingURL=Spinner.js.map

package/dist/components/spinners/Spinner/Spinner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","names":["_react","_interopRequireDefault","require","_propTypes","_classnames","Spinner","_ref","className","scale","style","text","textStyle","center","centerStyles","default","createElement","classNames","transform","concat","width","height","viewBox","fill","strokeWidth","strokeLinecap","cx","cy","r","propTypes","PropTypes","string","number","object","bool","defaultProps","_default","exports"],"sources":["../../../../src/components/spinners/Spinner/Spinner.jsx"],"sourcesContent":["import React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport './Spinner.scss';\n\nconst Spinner = ({\n  className,\n  scale,\n  style,\n  text,\n  textStyle,\n  center,\n}) => {\n  const centerStyles = center ? ['flex', 'justify-center', 'h-full', 'items-center'] : [];\n  return (\n    <div\n      aria-label=\"Loading\"\n      className={classNames('spinner-container', centerStyles, className)}\n      style={{ transform: `scale(${scale})` }}\n    >\n      <svg\n        className=\"spinner\"\n        style={style}\n        width=\"66px\"\n        height=\"66px\"\n        viewBox=\"0 0 66 66\"\n      >\n        <circle\n          className=\"path\"\n          fill=\"none\"\n          strokeWidth=\"6px\"\n          strokeLinecap=\"round\"\n          cx=\"33\"\n          cy=\"33\"\n          r=\"30\"\n        />\n      </svg>\n      {text && <h4 style={textStyle}>{text}</h4>}\n    </div>\n  );\n};\n\nSpinner.propTypes = {\n  className: PropTypes.string,\n  scale: PropTypes.number,\n  style: PropTypes.object,\n  text: PropTypes.string,\n  textStyle: PropTypes.object,\n  center: PropTypes.bool,\n};\n\nSpinner.defaultProps = {\n  className: '',\n  scale: 1,\n  style: {},\n  text: '',\n  textStyle: {},\n  center: false,\n};\n\nexport default Spinner;\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACAA,OAAA;AAEA,IAAMG,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAOP;EAAA,IANJC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,IAAI,GAAAJ,IAAA,CAAJI,IAAI;IACJC,SAAS,GAAAL,IAAA,CAATK,SAAS;IACTC,MAAM,GAAAN,IAAA,CAANM,MAAM;EAEN,IAAMC,YAAY,GAAGD,MAAM,GAAG,CAAC,MAAM,EAAE,gBAAgB,EAAE,QAAQ,EAAE,cAAc,CAAC,GAAG,EAAE;EACvF,oBACEZ,MAAA,CAAAc,OAAA,CAAAC,aAAA;IACE,cAAW,SAAS;IACpBR,SAAS,EAAE,IAAAS,mBAAU,EAAC,mBAAmB,EAAEH,YAAY,EAAEN,SAAS,CAAE;IACpEE,KAAK,EAAE;MAAEQ,SAAS,WAAAC,MAAA,CAAWV,KAAK;IAAI;EAAE,gBAExCR,MAAA,CAAAc,OAAA,CAAAC,aAAA;IACER,SAAS,EAAC,SAAS;IACnBE,KAAK,EAAEA,KAAM;IACbU,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbC,OAAO,EAAC;EAAW,gBAEnBrB,MAAA,CAAAc,OAAA,CAAAC,aAAA;IACER,SAAS,EAAC,MAAM;IAChBe,IAAI,EAAC,MAAM;IACXC,WAAW,EAAC,KAAK;IACjBC,aAAa,EAAC,OAAO;IACrBC,EAAE,EAAC,IAAI;IACPC,EAAE,EAAC,IAAI;IACPC,CAAC,EAAC;EAAI,EACN,CACE,EACLjB,IAAI,iBAAIV,MAAA,CAAAc,OAAA,CAAAC,aAAA;IAAIN,KAAK,EAAEE;EAAU,GAAED,IAAI,CAAM,CACtC;AAEV,CAAC;AAEDL,OAAO,CAACuB,SAAS,GAAG;EAClBrB,SAAS,EAAEsB,kBAAS,CAACC,MAAM;EAC3BtB,KAAK,EAAEqB,kBAAS,CAACE,MAAM;EACvBtB,KAAK,EAAEoB,kBAAS,CAACG,MAAM;EACvBtB,IAAI,EAAEmB,kBAAS,CAACC,MAAM;EACtBnB,SAAS,EAAEkB,kBAAS,CAACG,MAAM;EAC3BpB,MAAM,EAAEiB,kBAAS,CAACI;AACpB,CAAC;AAED5B,OAAO,CAAC6B,YAAY,GAAG;EACrB3B,SAAS,EAAE,EAAE;EACbC,KAAK,EAAE,CAAC;EACRC,KAAK,EAAE,CAAC,CAAC;EACTC,IAAI,EAAE,EAAE;EACRC,SAAS,EAAE,CAAC,CAAC;EACbC,MAAM,EAAE;AACV,CAAC;AAAC,IAAAuB,QAAA,GAEa9B,OAAO;AAAA+B,OAAA,CAAAtB,OAAA,GAAAqB,QAAA"}

package/dist/components/spinners/Spinner/Spinner.scss

@@ -0,0 +1,66 @@
+@import '../../../styles/variables';
+
+$offset: 187;
+$duration: 1.4s;
+
+$spinner-color-1: $avocado-color;
+$spinner-color-2: $eggplant-color;
+$spinner-color-3: $deep-blue-color;
+
+.spinner-container {
+  text-align: center;
+}
+
+.spinner {
+  animation: rotator $duration linear infinite;
+}
+
+.spin-icon {
+  &.spinning {
+    & > svg {
+      animation: full-rotator $duration linear infinite;
+    }
+  }
+}
+
+@keyframes rotator {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(270deg); }
+}
+
+@keyframes full-rotator {
+  0% { transform: rotate(0deg); }
+  100% { transform: rotate(360deg); }
+}
+
+@keyframes colors {
+  0% { stroke: $spinner-color-1; }
+  33% { stroke: $spinner-color-2; }
+  67% { stroke: $spinner-color-3; }
+  100% { stroke: $spinner-color-1; }
+}
+
+@keyframes dash {
+  0% {
+    stroke-dashoffset: $offset;
+    transform:rotate(0deg);
+  }
+  50% {
+    stroke-dashoffset: calc($offset/4);
+    transform:rotate(135deg);
+  }
+  100% {
+    stroke-dashoffset: $offset;
+    transform:rotate(450deg);
+  }
+}
+
+.path {
+  stroke-dasharray: $offset;
+  stroke-dashoffset: calc($offset/4);
+  transform-origin: center;
+  stroke: $spinner-color-1;
+  animation:
+    dash $duration ease-in-out infinite,
+    colors ($duration*4) ease-in-out infinite;
+}

package/dist/components/spinners/Spinner/Spinner.test.js

@@ -0,0 +1,22 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+var _react = _interopRequireDefault(require("react"));
+var _testUtils = require("testUtils");
+var _Spinner = _interopRequireDefault(require("./Spinner"));
+describe('Spinner', function () {
+  it('renders spinner at full scale', function () {
+    expect((0, _testUtils.renderJSON)( /*#__PURE__*/_react.default.createElement(_Spinner.default, null))).toMatchSnapshot();
+  });
+  it('renders spinner at half scale', function () {
+    expect((0, _testUtils.renderJSON)( /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      scale: 0.5
+    }))).toMatchSnapshot();
+  });
+  it('renders spinner with text', function () {
+    expect((0, _testUtils.renderJSON)( /*#__PURE__*/_react.default.createElement(_Spinner.default, {
+      text: "We loading, baby..."
+    }))).toMatchSnapshot();
+  });
+});
+//# sourceMappingURL=Spinner.test.js.map

package/dist/components/spinners/Spinner/Spinner.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.test.js","names":["_react","_interopRequireDefault","require","_testUtils","_Spinner","describe","it","expect","renderJSON","default","createElement","toMatchSnapshot","scale","text"],"sources":["../../../../src/components/spinners/Spinner/Spinner.test.js"],"sourcesContent":["import React from 'react';\nimport { renderJSON } from 'testUtils';\nimport Spinner from './Spinner';\n\ndescribe('Spinner', () => {\n  it('renders spinner at full scale', () => {\n    expect(renderJSON(<Spinner />)).toMatchSnapshot();\n  });\n\n  it('renders spinner at half scale', () => {\n    expect(renderJSON(<Spinner scale={0.5} />)).toMatchSnapshot();\n  });\n\n  it('renders spinner with text', () => {\n    expect(renderJSON(<Spinner text=\"We loading, baby...\" />)).toMatchSnapshot();\n  });\n});\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAH,sBAAA,CAAAC,OAAA;AAEAG,QAAQ,CAAC,SAAS,EAAE,YAAM;EACxBC,EAAE,CAAC,+BAA+B,EAAE,YAAM;IACxCC,MAAM,CAAC,IAAAC,qBAAU,gBAACR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAK,OAAO,OAAG,CAAC,CAAC,CAACE,eAAe,EAAE;EACnD,CAAC,CAAC;EAEFL,EAAE,CAAC,+BAA+B,EAAE,YAAM;IACxCC,MAAM,CAAC,IAAAC,qBAAU,gBAACR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAK,OAAO;MAACG,KAAK,EAAE;IAAI,EAAG,CAAC,CAAC,CAACD,eAAe,EAAE;EAC/D,CAAC,CAAC;EAEFL,EAAE,CAAC,2BAA2B,EAAE,YAAM;IACpCC,MAAM,CAAC,IAAAC,qBAAU,gBAACR,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACN,QAAA,CAAAK,OAAO;MAACI,IAAI,EAAC;IAAqB,EAAG,CAAC,CAAC,CAACF,eAAe,EAAE;EAC9E,CAAC,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/spinners/Spinner/__snapshots__/Spinner.test.js.snap

@@ -0,0 +1,98 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Spinner renders spinner at full scale 1`] = `
+<div
+  aria-label="Loading"
+  className="spinner-container"
+  style={
+    Object {
+      "transform": "scale(1)",
+    }
+  }
+>
+  <svg
+    className="spinner"
+    height="66px"
+    style={Object {}}
+    viewBox="0 0 66 66"
+    width="66px"
+  >
+    <circle
+      className="path"
+      cx="33"
+      cy="33"
+      fill="none"
+      r="30"
+      strokeLinecap="round"
+      strokeWidth="6px"
+    />
+  </svg>
+  
+</div>
+`;
+
+exports[`Spinner renders spinner at half scale 1`] = `
+<div
+  aria-label="Loading"
+  className="spinner-container"
+  style={
+    Object {
+      "transform": "scale(0.5)",
+    }
+  }
+>
+  <svg
+    className="spinner"
+    height="66px"
+    style={Object {}}
+    viewBox="0 0 66 66"
+    width="66px"
+  >
+    <circle
+      className="path"
+      cx="33"
+      cy="33"
+      fill="none"
+      r="30"
+      strokeLinecap="round"
+      strokeWidth="6px"
+    />
+  </svg>
+  
+</div>
+`;
+
+exports[`Spinner renders spinner with text 1`] = `
+<div
+  aria-label="Loading"
+  className="spinner-container"
+  style={
+    Object {
+      "transform": "scale(1)",
+    }
+  }
+>
+  <svg
+    className="spinner"
+    height="66px"
+    style={Object {}}
+    viewBox="0 0 66 66"
+    width="66px"
+  >
+    <circle
+      className="path"
+      cx="33"
+      cy="33"
+      fill="none"
+      r="30"
+      strokeLinecap="round"
+      strokeWidth="6px"
+    />
+  </svg>
+  <h4
+    style={Object {}}
+  >
+    We loading, baby...
+  </h4>
+</div>
+`;

package/dist/components/spinners/Spinner/index.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _Spinner = _interopRequireDefault(require("./Spinner"));
+var _default = _Spinner.default;
+exports.default = _default;
+//# sourceMappingURL=index.js.map

package/dist/components/spinners/Spinner/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","names":["_Spinner","_interopRequireDefault","require","_default","Spinner","exports","default"],"sources":["../../../../src/components/spinners/Spinner/index.js"],"sourcesContent":["import Spinner from './Spinner';\n\nexport default Spinner;\n"],"mappings":";;;;;;;;AAAA,IAAAA,QAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAgC,IAAAC,QAAA,GAEjBC,gBAAO;AAAAC,OAAA,CAAAC,OAAA,GAAAH,QAAA"}

package/dist/config/api.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setHooks = exports.setCallbacks = exports.setBrowserHistory = exports.setAdapters = exports.hooks = exports.getAdapter = exports.callbacks = exports.browserHistory = void 0;
+var browserHistory;
+exports.browserHistory = browserHistory;
+var adapters = {};
+var hooks = {};
+exports.hooks = hooks;
+var callbacks = {};
+exports.callbacks = callbacks;
+var getAdapter = function getAdapter(name) {
+  return adapters[name];
+};
+exports.getAdapter = getAdapter;
+var setAdapters = function setAdapters(newAdapters) {
+  return adapters = newAdapters;
+};
+exports.setAdapters = setAdapters;
+var setBrowserHistory = function setBrowserHistory(newValue) {
+  exports.browserHistory = browserHistory = newValue;
+};
+exports.setBrowserHistory = setBrowserHistory;
+var setHooks = function setHooks(newHooks) {
+  return exports.hooks = hooks = newHooks;
+};
+exports.setHooks = setHooks;
+var setCallbacks = function setCallbacks(newCallbacks) {
+  return exports.callbacks = callbacks = newCallbacks;
+};
+exports.setCallbacks = setCallbacks;
+//# sourceMappingURL=api.js.map