@hipay/hipay-material-ui 2.3.0-rc.4 → 2.3.0-rc.PSYCHE-2530

package/es/styles/transitions.js

@@ -1,12 +1,22 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.isNumber = exports.isString = exports.formatMs = exports.duration = exports.easing = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _warning = _interopRequireDefault(require("warning"));
 
 /* eslint-disable no-param-reassign */
 
 /* eslint-disable no-restricted-globals */
-import warning from 'warning'; // Follow https://material.google.com/motion/duration-easing.html#duration-easing-natural-easing-curves
+// 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.
-
-export const 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
@@ -19,7 +29,8 @@ export const easing = {
 }; // Follow https://material.io/guidelines/motion/duration-easing.html#duration-easing-common-durations
 // to learn when use what timing
 
-export const duration = {
+exports.easing = easing;
+var duration = {
   shortest: 150,
   shorter: 200,
   short: 250,
@@ -32,9 +43,23 @@ export const duration = {
   // recommended when something is leaving screen
   leavingScreen: 195
 };
-export const formatMs = milliseconds => `${Math.round(milliseconds)}ms`;
-export const isString = value => typeof value === 'string';
-export const isNumber = value => !isNaN(parseFloat(value));
+exports.duration = duration;
+
+var formatMs = function formatMs(milliseconds) {
+  return "".concat(Math.round(milliseconds), "ms");
+};
+
+exports.formatMs = formatMs;
+
+var isString = function isString(value) {
+  return typeof value === 'string';
+};
+
+exports.isString = isString;
+
+var isNumber = function isNumber(value) {
+  return !isNaN(parseFloat(value));
+};
 /**
  * @param {string|Array} props
  * @param {object} param
@@ -44,33 +69,38 @@ export const isNumber = value => !isNaN(parseFloat(value));
  * @param {number} param.delay
  */
 
-export default {
-  easing,
-  duration,
-  create: (props = ['all'], options = {}) => {
-    const {
-      duration: durationOption = duration.standard,
-      easing: easingOption = easing.easeInOut,
-      delay = 0
-    } = options,
-          other = _objectWithoutProperties(options, ["duration", "easing", "delay"]);
-
-    process.env.NODE_ENV !== "production" ? warning(isString(props) || Array.isArray(props), 'Material-UI: argument "props" must be a string or Array.') : void 0;
-    process.env.NODE_ENV !== "production" ? warning(isNumber(durationOption) || isString(durationOption), `Material-UI: argument "duration" must be a number or a string but found ${durationOption}.`) : void 0;
-    process.env.NODE_ENV !== "production" ? warning(isString(easingOption), 'Material-UI: argument "easing" must be a string.') : void 0;
-    process.env.NODE_ENV !== "production" ? warning(isNumber(delay) || isString(delay), 'Material-UI: argument "delay" must be a number or a string.') : void 0;
-    process.env.NODE_ENV !== "production" ? warning(Object.keys(other).length === 0, `Material-UI: unrecognized argument(s) [${Object.keys(other).join(',')}]`) : void 0;
-    return (Array.isArray(props) ? props : [props]).map(animatedProp => `${animatedProp} ${typeof durationOption === 'string' ? durationOption : formatMs(durationOption)} ${easingOption} ${typeof delay === 'string' ? delay : formatMs(delay)}`).join(',');
-  },
 
-  getAutoHeightDuration(height) {
+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"]);
+    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;
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(isNumber(delay) || isString(delay), 'Material-UI: argument "delay" must be a number or a string.') : void 0;
+    process.env.NODE_ENV !== "production" ? (0, _warning.default)(Object.keys(other).length === 0, "Material-UI: unrecognized argument(s) [".concat(Object.keys(other).join(','), "]")) : void 0;
+    return (Array.isArray(props) ? props : [props]).map(function (animatedProp) {
+      return "".concat(animatedProp, " ").concat(typeof durationOption === 'string' ? durationOption : formatMs(durationOption), " ").concat(easingOption, " ").concat(typeof delay === 'string' ? delay : formatMs(delay));
+    }).join(',');
+  },
+  getAutoHeightDuration: function getAutoHeightDuration(height) {
     if (!height) {
       return 0;
     }
 
-    const 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 * constant ** 0.25 + constant / 5) * 10);
+    return Math.round((4 + 15 * Math.pow(constant, 0.25) + constant / 5) * 10);
   }
-
-};
+};
+exports.default = _default;

package/es/styles/zIndex.js

@@ -1,6 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
 // We need to centralize the zIndex definitions as they work
 // like global values in the browser.
-const zIndex = {
+var zIndex = {
   mobileStepper: 1000,
   appBar: 1100,
   drawer: 1200,
@@ -8,4 +14,5 @@ const zIndex = {
   snackbar: 1400,
   tooltip: 1500
 };
-export default zIndex;
+var _default = zIndex;
+exports.default = _default;

package/es/test-utils/createMount.js

@@ -1,29 +1,42 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import { unmountComponentAtNode } from 'react-dom';
-import { mount as enzymeMount } from 'enzyme'; // Generate an enhanced mount function.
-
-export default function createMount(options1 = {}) {
-  const {
-    mount = enzymeMount
-  } = options1,
-        other1 = _objectWithoutProperties(options1, ["mount"]);
-
-  const attachTo = window.document.createElement('div');
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createMount;
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@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"]);
+  var attachTo = window.document.createElement('div');
   attachTo.className = 'app';
   attachTo.setAttribute('id', 'app');
   window.document.body.insertBefore(attachTo, window.document.body.firstChild);
 
-  const mountWithContext = function mountWithContext(node, options2 = {}) {
-    return mount(node, _objectSpread({
-      attachTo
-    }, other1, options2));
+  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 = () => {
-    unmountComponentAtNode(attachTo);
+  mountWithContext.cleanUp = function () {
+    (0, _reactDom.unmountComponentAtNode)(attachTo);
     attachTo.parentNode.removeChild(attachTo);
   };
 

package/es/test-utils/createRender.js

@@ -1,15 +1,28 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import { render as enzymeRender } from 'enzyme'; // Generate a render to string function.
-
-export default function createRender(options1 = {}) {
-  const {
-    render = enzymeRender
-  } = options1,
-        other1 = _objectWithoutProperties(options1, ["render"]);
-
-  const renderWithContext = function renderWithContext(node, options2 = {}) {
-    return render(node, _objectSpread({}, other1, options2));
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createRender;
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@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"]);
+
+  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/es/test-utils/createShallow.js

@@ -1,29 +1,44 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
-import { shallow as enzymeShallow } from 'enzyme';
-import until from './until'; // Generate an enhanced shallow function.
-
-export default function createShallow(options1 = {}) {
-  const {
-    shallow = enzymeShallow,
-    dive = false,
-    untilSelector = false
-  } = options1,
-        other1 = _objectWithoutProperties(options1, ["shallow", "dive", "untilSelector"]);
-
-  const shallowWithContext = function shallowWithContext(node, options2 = {}) {
-    const options = _objectSpread({}, other1, options2, {
-      context: _objectSpread({}, other1.context, options2.context)
-    });
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = createShallow;
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
 
-    const wrapper = shallow(node, options);
+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"]);
+
+  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.call(wrapper, untilSelector, options);
+      return _until.default.call(wrapper, untilSelector, options);
     }
 
     return wrapper;

package/es/test-utils/getClasses.js

@@ -1,3 +1,12 @@
-import { getClasses } from '@material-ui/core/test-utils'; // Helper function to extract the classes from a styleSheet.
+"use strict";
 
-export default getClasses;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _testUtils = require("@material-ui/core/test-utils");
+
+// Helper function to extract the classes from a styleSheet.
+var _default = _testUtils.getClasses;
+exports.default = _default;

package/es/test-utils/index.js

@@ -1,5 +1,47 @@
-export { default as createShallow } from './createShallow';
-export { default as createMount } from './createMount';
-export { default as createRender } from './createRender';
-export { default as getClasses } from './getClasses';
-export { default as unwrap } from './unwrap';
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createShallow", {
+  enumerable: true,
+  get: function get() {
+    return _createShallow.default;
+  }
+});
+Object.defineProperty(exports, "createMount", {
+  enumerable: true,
+  get: function get() {
+    return _createMount.default;
+  }
+});
+Object.defineProperty(exports, "createRender", {
+  enumerable: true,
+  get: function get() {
+    return _createRender.default;
+  }
+});
+Object.defineProperty(exports, "getClasses", {
+  enumerable: true,
+  get: function get() {
+    return _getClasses.default;
+  }
+});
+Object.defineProperty(exports, "unwrap", {
+  enumerable: true,
+  get: function get() {
+    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/es/test-utils/until.js

@@ -1,24 +1,32 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+"use strict";
+
+var _interopRequireDefault = require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = until;
+
+var _objectSpread2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("/home/mfazio/dev/projects/hipay-material-ui/node_modules/babel-preset-react-app/node_modules/@babel/runtime/helpers/esm/objectWithoutProperties"));
 
 function shallowRecursively(wrapper, selector, _ref) {
-  let {
-    context
-  } = _ref,
-      other = _objectWithoutProperties(_ref, ["context"]);
+  var context = _ref.context,
+      other = (0, _objectWithoutProperties2.default)(_ref, ["context"]);
 
   if (wrapper.isEmptyRender() || typeof wrapper.getElement().type === 'string') {
     return wrapper;
   }
 
-  let newContext = context;
-  const instance = wrapper.root().instance(); // The instance can be null with a stateless functional component and react >= 16.
+  var newContext = context;
+  var instance = wrapper.root().instance(); // The instance can be null with a stateless functional component and react >= 16.
 
   if (instance && instance.getChildContext) {
-    newContext = _objectSpread({}, context, instance.getChildContext());
+    newContext = (0, _objectSpread2.default)({}, context, {}, instance.getChildContext());
   }
 
-  const nextWrapper = wrapper.shallow(_objectSpread({
+  var nextWrapper = wrapper.shallow((0, _objectSpread2.default)({
     context: newContext
   }, other));
 
@@ -31,6 +39,11 @@ function shallowRecursively(wrapper, selector, _ref) {
   });
 }
 
-export default function until(selector, options = {}) {
-  return this.single('until', () => shallowRecursively(this, selector, options));
+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/es/test-utils/unwrap.js

@@ -1,3 +1,10 @@
-export default function unwrap(component) {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = unwrap;
+
+function unwrap(component) {
   return component.Naked ? unwrap(component.Naked) : component;
 }

package/es/theme/palette.js

@@ -0,0 +1,106 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.palette = void 0;
+
+var _require = require('@material-ui/core/colors'),
+    red = _require.red,
+    grey = _require.grey;
+
+var common = require('@material-ui/core/colors/common');
+
+var palette = {
+  primary: {
+    light: '#5bc8ef',
+    main: '#00ade9',
+    dark: '#007ca9',
+    contrastText: '#FFFFFF'
+  },
+  secondary: {
+    light: '#ffd94f',
+    main: '#ffcf21',
+    dark: '#E9BE30',
+    contrastText: '#FFFFFF'
+  },
+  positive: {
+    light: '#66CF66',
+    main: '#00AF00',
+    dark: '#008300',
+    contrastText: '#FFFFFF'
+  },
+  negative: {
+    ultraLight: '#EA9494',
+    light: '#E66666',
+    main: '#D50000',
+    dark: '#A00000',
+    contrastText: '#FFFFFF'
+  },
+  middle: {
+    light: '#F4A647',
+    main: '#F99408',
+    dark: '#F78700',
+    contrastText: '#FFFFFF'
+  },
+  neutral: {
+    ultraLight: '#8B8B8B',
+    light: '#838383',
+    main: '#737373',
+    dark: '#20272B',
+    contrastText: '#FFFFFF'
+  },
+  error: {
+    light: red[300],
+    main: red[500],
+    dark: red[700]
+  },
+  lookup: {
+    light: '#FFFF8D',
+    main: '#EDED14'
+  },
+  // The colors used to style the action elements.
+  action: {
+    // The color of an active action like an icon button.
+    active: 'rgba(0, 0, 0, 0.54)',
+    // The color of an hovered action.
+    hover: 'rgba(0, 0, 0, 0.08)',
+    hoverOpacity: 0.08,
+    // The color of a selected action.
+    selected: '#F8F9FB',
+    // The color of a disabled action.
+    disabled: 'rgba(0, 0, 0, 0.24)',
+    // The background color of a disabled action.
+    disabledBackground: 'rgba(0, 0, 0, 0.12)'
+  },
+  input: {
+    bottomLine: '#E0E0E0',
+    helperText: 'rgba(0, 0, 0, 0.54)',
+    labelText: 'rgba(0, 0, 0, 0.54)',
+    inputText: 'rgba(0, 0, 0, 0.87)',
+    disabled: '#FAFAFA'
+  },
+  background1: '#F8F9FB',
+  background2: '#F5F5F5',
+  background3: '#FFFFFF',
+  // The colors used to style the text.
+  text: {
+    // The most important text.
+    primary: '#20272B',
+    // Secondary text.
+    secondary: 'rgba(0, 0, 0, 0.54)',
+    // Disabled text have even lower visual prominence.
+    disabled: '#999999',
+    // Text hints.
+    hint: 'rgba(0, 0, 0, 0.38)'
+  },
+  // The color used to divide different elements.
+  divider: '#D9D9DB',
+  // The background colors used to style the surfaces.
+  // Consistency between these values is important.
+  background: {
+    paper: common.white,
+    default: grey[50]
+  }
+};
+exports.palette = palette;