@hipay/hipay-material-ui 4.0.1-beta3 → 4.0.1-beta5

package/styles/themeListener.js

@@ -1,26 +1,33 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.CHANNEL = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
+
 // Same value used by react-jss
-var CHANNEL = exports.CHANNEL = '__THEMING__';
+var CHANNEL = '__THEMING__';
+exports.CHANNEL = CHANNEL;
 var themeListener = {
   contextTypes: (0, _defineProperty2.default)({}, CHANNEL, _propTypes.default.object),
   initial: function initial(context) {
     if (!context[CHANNEL]) {
       return null;
     }
+
     return context[CHANNEL].getState();
   },
   subscribe: function subscribe(context, cb) {
     if (!context[CHANNEL]) {
       return null;
     }
+
     return context[CHANNEL].subscribe(cb);
   },
   unsubscribe: function unsubscribe(context, subscriptionId) {
@@ -29,4 +36,5 @@ var themeListener = {
     }
   }
 };
-var _default = exports.default = themeListener;
+var _default = themeListener;
+exports.default = _default;

package/styles/transitions.js

@@ -1,18 +1,22 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.isString = exports.isNumber = exports.formatMs = exports.easing = exports.duration = exports.default = void 0;
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _warning = _interopRequireDefault(require("warning"));
+
 /* eslint-disable no-param-reassign */
-/* eslint-disable no-restricted-globals */
 
+/* eslint-disable no-restricted-globals */
 // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
 // to learn the context in which each easing should be used.
-var easing = exports.easing = {
+var easing = {
   // This is the most common easing curve.
   easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
   // Objects enter the screen at full velocity from off-screen and
@@ -22,11 +26,11 @@ var easing = exports.easing = {
   easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
   // The sharp curve is used by objects that may return to the screen at any time.
   sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
-};
-
-// Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
+}; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
 // to learn when use what timing
-var duration = exports.duration = {
+
+exports.easing = easing;
+var duration = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -39,16 +43,23 @@ var duration = exports.duration = {
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-var formatMs = exports.formatMs = function formatMs(milliseconds) {
+exports.duration = duration;
+
+var formatMs = function formatMs(milliseconds) {
   return "".concat(Math.round(milliseconds), "ms");
 };
-var isString = exports.isString = function isString(value) {
+
+exports.formatMs = formatMs;
+
+var isString = function isString(value) {
   return typeof value === 'string';
 };
-var isNumber = exports.isNumber = function isNumber(value) {
+
+exports.isString = isString;
+
+var isNumber = function isNumber(value) {
   return !isNaN(parseFloat(value));
 };
-
 /**
  * @param {string|Array} props
  * @param {object} param
@@ -57,19 +68,22 @@ var isNumber = exports.isNumber = function isNumber(value) {
  * @param {string} param.easing
  * @param {number} param.delay
  */
-var _default = exports.default = {
+
+
+exports.isNumber = isNumber;
+var _default = {
   easing: easing,
   duration: duration,
   create: function create() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : ['all'];
     var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var _options$duration = options.duration,
-      durationOption = _options$duration === void 0 ? duration.standard : _options$duration,
-      _options$easing = options.easing,
-      easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing,
-      _options$delay = options.delay,
-      delay = _options$delay === void 0 ? 0 : _options$delay,
-      other = (0, _objectWithoutProperties2.default)(options, ["duration", "easing", "delay"]);
+        durationOption = _options$duration === void 0 ? duration.standard : _options$duration,
+        _options$easing = options.easing,
+        easingOption = _options$easing === void 0 ? easing.easeInOut : _options$easing,
+        _options$delay = options.delay,
+        delay = _options$delay === void 0 ? 0 : _options$delay,
+        other = (0, _objectWithoutProperties2.default)(options, ["duration", "easing", "delay"]);
     process.env.NODE_ENV !== "production" ? (0, _warning.default)(isString(props) || Array.isArray(props), 'Material-UI: argument "props" must be a string or Array.') : void 0;
     process.env.NODE_ENV !== "production" ? (0, _warning.default)(isNumber(durationOption) || isString(durationOption), "Material-UI: argument \"duration\" must be a number or a string but found ".concat(durationOption, ".")) : void 0;
     process.env.NODE_ENV !== "production" ? (0, _warning.default)(isString(easingOption), 'Material-UI: argument "easing" must be a string.') : void 0;
@@ -83,9 +97,10 @@ var _default = exports.default = {
     if (!height) {
       return 0;
     }
-    var constant = height / 36;
 
-    // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
+    var constant = height / 36; // https://www.wolframalpha.com/input/?i=(4+%2B+15+*+(x+%2F+36+)+**+0.25+%2B+(x+%2F+36)+%2F+5)+*+10
+
     return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
   }
-};
+};
+exports.default = _default;

package/styles/withStyles.js

@@ -1,21 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _withStyles = _interopRequireDefault(require("@mui/styles/withStyles"));
+
 var _theme = _interopRequireDefault(require("../theme"));
+
 /**
  * Override makeStyles hook to use HMUI theme as default
  * @param createStyles
  * @param options
  * @returns {StylesHook<Styles<Theme, {}, string>>}
  */
-var _default = exports.default = function _default(styles, options) {
+var _default = function _default(styles, options) {
   return (0, _withStyles.default)(styles, (0, _objectSpread2.default)({
     defaultTheme: _theme.default
   }, options));
-};
+};
+
+exports.default = _default;

package/styles/zIndex.js

@@ -14,4 +14,5 @@ var zIndex = {
   snackbar: 1400,
   tooltip: 1500
 };
-var _default = exports.default = zIndex;
+var _default = zIndex;
+exports.default = _default;

package/test-utils/createMount.js

@@ -1,34 +1,44 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createMount;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _reactDom = require("react-dom");
+
 var _enzyme = require("enzyme");
+
 // Generate an enhanced mount function.
 function createMount() {
   var options1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options1$mount = options1.mount,
-    mount = _options1$mount === void 0 ? _enzyme.mount : _options1$mount,
-    other1 = (0, _objectWithoutProperties2.default)(options1, ["mount"]);
+      mount = _options1$mount === void 0 ? _enzyme.mount : _options1$mount,
+      other1 = (0, _objectWithoutProperties2.default)(options1, ["mount"]);
   var attachTo = window.document.createElement('div');
   attachTo.className = 'app';
   attachTo.setAttribute('id', 'app');
   window.document.body.insertBefore(attachTo, window.document.body.firstChild);
+
   var mountWithContext = function mountWithContext(node) {
     var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return mount(node, (0, _objectSpread2.default)({
       attachTo: attachTo
     }, other1, {}, options2));
   };
+
   mountWithContext.attachTo = attachTo;
+
   mountWithContext.cleanUp = function () {
     (0, _reactDom.unmountComponentAtNode)(attachTo);
     attachTo.parentNode.removeChild(attachTo);
   };
+
   return mountWithContext;
 }

package/test-utils/createRender.js

@@ -1,22 +1,29 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createRender;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _enzyme = require("enzyme");
+
 // Generate a render to string function.
 function createRender() {
   var options1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options1$render = options1.render,
-    render = _options1$render === void 0 ? _enzyme.render : _options1$render,
-    other1 = (0, _objectWithoutProperties2.default)(options1, ["render"]);
+      render = _options1$render === void 0 ? _enzyme.render : _options1$render,
+      other1 = (0, _objectWithoutProperties2.default)(options1, ["render"]);
+
   var renderWithContext = function renderWithContext(node) {
     var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     return render(node, (0, _objectSpread2.default)({}, other1, {}, options2));
   };
+
   return renderWithContext;
 }

package/test-utils/createShallow.js

@@ -1,37 +1,48 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = createShallow;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 var _enzyme = require("enzyme");
+
 var _until = _interopRequireDefault(require("./until"));
+
 // Generate an enhanced shallow function.
 function createShallow() {
   var options1 = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
   var _options1$shallow = options1.shallow,
-    shallow = _options1$shallow === void 0 ? _enzyme.shallow : _options1$shallow,
-    _options1$dive = options1.dive,
-    dive = _options1$dive === void 0 ? false : _options1$dive,
-    _options1$untilSelect = options1.untilSelector,
-    untilSelector = _options1$untilSelect === void 0 ? false : _options1$untilSelect,
-    other1 = (0, _objectWithoutProperties2.default)(options1, ["shallow", "dive", "untilSelector"]);
+      shallow = _options1$shallow === void 0 ? _enzyme.shallow : _options1$shallow,
+      _options1$dive = options1.dive,
+      dive = _options1$dive === void 0 ? false : _options1$dive,
+      _options1$untilSelect = options1.untilSelector,
+      untilSelector = _options1$untilSelect === void 0 ? false : _options1$untilSelect,
+      other1 = (0, _objectWithoutProperties2.default)(options1, ["shallow", "dive", "untilSelector"]);
+
   var shallowWithContext = function shallowWithContext(node) {
     var options2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var options = (0, _objectSpread2.default)({}, other1, {}, options2, {
       context: (0, _objectSpread2.default)({}, other1.context, {}, options2.context)
     });
     var wrapper = shallow(node, options);
+
     if (dive) {
       return wrapper.dive();
     }
+
     if (untilSelector) {
       return _until.default.call(wrapper, untilSelector, options);
     }
+
     return wrapper;
   };
+
   return shallowWithContext;
 }

package/test-utils/getClasses.js

@@ -4,6 +4,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _testUtils = require("@mui/material/test-utils");
+
 // Helper function to extract the classes from a styleSheet.
-var _default = exports.default = _testUtils.getClasses;
+var _default = _testUtils.getClasses;
+exports.default = _default;

package/test-utils/index.js

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -34,8 +35,13 @@ Object.defineProperty(exports, "unwrap", {
     return _unwrap.default;
   }
 });
+
 var _createShallow = _interopRequireDefault(require("./createShallow"));
+
 var _createMount = _interopRequireDefault(require("./createMount"));
+
 var _createRender = _interopRequireDefault(require("./createRender"));
+
 var _getClasses = _interopRequireDefault(require("./getClasses"));
+
 var _unwrap = _interopRequireDefault(require("./unwrap"));

package/test-utils/until.js

@@ -1,36 +1,47 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = until;
+
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
 function shallowRecursively(wrapper, selector, _ref) {
   var context = _ref.context,
-    other = (0, _objectWithoutProperties2.default)(_ref, ["context"]);
+      other = (0, _objectWithoutProperties2.default)(_ref, ["context"]);
+
   if (wrapper.isEmptyRender() || typeof wrapper.getElement().type === 'string') {
     return wrapper;
   }
+
   var newContext = context;
-  var instance = wrapper.root().instance();
-  // The instance can be null with a stateless functional component and react >= 16.
+  var instance = wrapper.root().instance(); // The instance can be null with a stateless functional component and react >= 16.
+
   if (instance && instance.getChildContext) {
     newContext = (0, _objectSpread2.default)({}, context, {}, instance.getChildContext());
   }
+
   var nextWrapper = wrapper.shallow((0, _objectSpread2.default)({
     context: newContext
   }, other));
+
   if (selector && wrapper.is(selector)) {
     return nextWrapper;
   }
+
   return shallowRecursively(nextWrapper, selector, {
     context: newContext
   });
 }
+
 function until(selector) {
   var _this = this;
+
   var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
   return this.single('until', function () {
     return shallowRecursively(_this, selector, options);

package/test-utils/unwrap.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = unwrap;
+
 function unwrap(component) {
   return component.Naked ? unwrap(component.Naked) : component;
 }

package/theme/palette.js

@@ -1,13 +1,17 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.palette = void 0;
+
 var _colors = require("@mui/material/colors");
+
 var _common = _interopRequireDefault(require("@mui/material/colors/common"));
-var palette = exports.palette = {
+
+var palette = {
   primary: {
     light: '#5bc8ef',
     main: '#00ade9',
@@ -98,4 +102,5 @@ var palette = exports.palette = {
     paper: _common.default.white,
     default: _colors.grey[50]
   }
-};
+};
+exports.palette = palette;

package/theme/typography.js

@@ -4,25 +4,32 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.typography = void 0;
+
 var _require = require("./palette"),
-  palette = _require.palette;
-var fontFamily = '"Roboto", "Helvetica", "Arial", sans-serif';
-// The default font size of the Material Specification.
+    palette = _require.palette;
+
+var fontFamily = '"Roboto", "Helvetica", "Arial", sans-serif'; // The default font size of the Material Specification.
+
 var fontSize = 14; // px
+
 var fontWeightLight = 300;
 var fontWeightRegular = 400;
-var fontWeightMedium = 500;
-// Tell Material-UI what's the font-size on the html element.
+var fontWeightMedium = 500; // Tell Material-UI what's the font-size on the html element.
 // 16px is the default font-size used by browsers.
+
 var htmlFontSize = 16;
+
 var round = function round(value) {
   return Math.round(value * 1e5) / 1e5;
 };
+
 var coef = fontSize / 14;
+
 var pxToRem = function pxToRem(value) {
   return "".concat(value / htmlFontSize * coef, "rem");
 };
-var typography = exports.typography = {
+
+var typography = {
   pxToRem: pxToRem,
   round: round,
   fontFamily: fontFamily,
@@ -159,4 +166,5 @@ var typography = exports.typography = {
     fontFamily: fontFamily,
     color: palette.text.primary
   }
-};
+};
+exports.typography = typography;

package/theme.js

@@ -4,11 +4,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+
 var _styles = require("@mui/material/styles");
+
 var _palette = require("./theme/palette");
+
 var _typography = require("./theme/typography");
-var _default = exports.default = (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
+
+var _default = (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
   palette: _palette.palette,
   typography: _typography.typography,
   spacing: 4
-}));
+}));
+
+exports.default = _default;

package/transitions/utils.js

@@ -5,13 +5,17 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTransitionProps = getTransitionProps;
 exports.reflow = void 0;
-var reflow = exports.reflow = function reflow(node) {
+
+var reflow = function reflow(node) {
   return node.scrollTop;
 };
+
+exports.reflow = reflow;
+
 function getTransitionProps(props, options) {
   var timeout = props.timeout,
-    _props$style = props.style,
-    style = _props$style === void 0 ? {} : _props$style;
+      _props$style = props.style,
+      style = _props$style === void 0 ? {} : _props$style;
   return {
     duration: style.transitionDuration || typeof timeout === 'number' ? timeout : timeout[options.mode],
     delay: style.transitionDelay

package/utils/exactProp.js

@@ -1,33 +1,43 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.specialProperty = exports.default = void 0;
+
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
 // This module is based on https://github.com/airbnb/prop-types-exact repository.
 // However, in order to reduce the number of dependencies and to remove some extra safe checks
 // the module was forked.
-
 // Only exported for test purposes.
-var specialProperty = exports.specialProperty = "exact-prop: \u200B";
+var specialProperty = "exact-prop: \u200B";
+exports.specialProperty = specialProperty;
+
 function exactProp(propTypes) {
   /* istanbul ignore if */
   if (process.env.NODE_ENV === 'production') {
     return propTypes;
   }
+
   return (0, _objectSpread3.default)({}, propTypes, (0, _defineProperty2.default)({}, specialProperty, function (props) {
     var unsupportedProps = Object.keys(props).filter(function (prop) {
       return !propTypes.hasOwnProperty(prop);
     });
+
     if (unsupportedProps.length > 0) {
       return new Error("The following properties are not supported: ".concat(unsupportedProps.map(function (prop) {
         return "`".concat(prop, "`");
       }).join(', '), ". Please remove them."));
     }
+
     return null;
   }));
 }
-var _default = exports.default = exactProp;
+
+var _default = exactProp;
+exports.default = _default;