@hipay/hipay-material-ui 4.0.1-beta5 → 4.1.1-beta.1

package/styles/themeListener.js

@@ -1,33 +1,26 @@
 "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 = '__THEMING__';
-exports.CHANNEL = CHANNEL;
+var CHANNEL = exports.CHANNEL = '__THEMING__';
 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) {
@@ -36,5 +29,4 @@ var themeListener = {
     }
   }
 };
-var _default = themeListener;
-exports.default = _default;
+var _default = exports.default = themeListener;

package/styles/transitions.js

@@ -1,22 +1,18 @@
 "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 */
+
 // 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 = {
+var easing = exports.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
@@ -26,11 +22,11 @@ var 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
-// to learn when use what timing
+};
 
-exports.easing = easing;
-var duration = {
+// Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
+// to learn when use what timing
+var duration = exports.duration = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -43,23 +39,16 @@ var duration = {
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-exports.duration = duration;
-
-var formatMs = function formatMs(milliseconds) {
+var formatMs = exports.formatMs = function formatMs(milliseconds) {
   return "".concat(Math.round(milliseconds), "ms");
 };
-
-exports.formatMs = formatMs;
-
-var isString = function isString(value) {
+var isString = exports.isString = function isString(value) {
   return typeof value === 'string';
 };
-
-exports.isString = isString;
-
-var isNumber = function isNumber(value) {
+var isNumber = exports.isNumber = function isNumber(value) {
   return !isNaN(parseFloat(value));
 };
+
 /**
  * @param {string|Array} props
  * @param {object} param
@@ -68,22 +57,19 @@ var isNumber = function isNumber(value) {
  * @param {string} param.easing
  * @param {number} param.delay
  */
-
-
-exports.isNumber = isNumber;
-var _default = {
+var _default = exports.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;
@@ -97,10 +83,9 @@ var _default = {
     if (!height) {
       return 0;
     }
+    var constant = height / 36;
 
-    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
-
+    // 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,28 +1,21 @@
 "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 = function _default(styles, options) {
+var _default = exports.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,5 +14,4 @@ var zIndex = {
   snackbar: 1400,
   tooltip: 1500
 };
-var _default = zIndex;
-exports.default = _default;
+var _default = exports.default = zIndex;

package/test-utils/createMount.js

@@ -1,44 +1,34 @@
 "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,29 +1,22 @@
 "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,48 +1,37 @@
 "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,9 +4,6 @@ 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 = _testUtils.getClasses;
-exports.default = _default;
+var _default = exports.default = _testUtils.getClasses;

package/test-utils/index.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -35,13 +34,8 @@ 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,47 +1,36 @@
 "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,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = unwrap;
-
 function unwrap(component) {
   return component.Naked ? unwrap(component.Naked) : component;
 }

package/theme/palette.js

@@ -1,17 +1,13 @@
 "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 = {
+var palette = exports.palette = {
   primary: {
     light: '#5bc8ef',
     main: '#00ade9',
@@ -102,5 +98,4 @@ var palette = {
     paper: _common.default.white,
     default: _colors.grey[50]
   }
-};
-exports.palette = palette;
+};

package/theme/typography.js

@@ -4,32 +4,25 @@ 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 = {
+var typography = exports.typography = {
   pxToRem: pxToRem,
   round: round,
   fontFamily: fontFamily,
@@ -166,5 +159,4 @@ var typography = {
     fontFamily: fontFamily,
     color: palette.text.primary
   }
-};
-exports.typography = typography;
+};

package/theme.js

@@ -4,17 +4,11 @@ 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 = (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
+var _default = exports.default = (0, _styles.createTheme)((0, _styles.adaptV4Theme)({
   palette: _palette.palette,
   typography: _typography.typography,
   spacing: 4
-}));
-
-exports.default = _default;
+}));

package/transitions/utils.js

@@ -5,17 +5,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.getTransitionProps = getTransitionProps;
 exports.reflow = void 0;
-
-var reflow = function reflow(node) {
+var reflow = exports.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,43 +1,33 @@
 "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 = "exact-prop: \u200B";
-exports.specialProperty = specialProperty;
 
+// Only exported for test purposes.
+var specialProperty = exports.specialProperty = "exact-prop: \u200B";
 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 = exactProp;
-exports.default = _default;
+var _default = exports.default = exactProp;