@hipay/hipay-material-ui 2.2.0 → 2.3.0-rc.1

package/es/hi-svg-icons/HiAll.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiBilling.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiCatalog.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiCustomer.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiFinance.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiPermission.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiRoute.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiSettlement.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiTransaction.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiUser.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/hi-svg-icons/HiWidget.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import React from 'react';
 import pure from 'recompose/pure';
-import { withStyles } from '../styles';
+import { withStyles } from '@material-ui/core/styles';
 /**
  * @ignore - internal component.
  */

package/es/index.js

@@ -13,7 +13,6 @@ export { default as HiMap } from './HiMap/HiMap';
 export { default as HiMapExpand } from './HiMap/HiMapExpand';
 export { default as HiTextField } from './HiForm/HiTextField';
 export { default as HiPasswordField } from './HiForm/HiPasswordField';
-export { default as HiPdfReader } from './HiPdfReader/HiPdfReader';
 export { default as HiSlider } from './HiForm/HiSlider';
 export { default as HiSwitch } from './HiSwitch';
 export { default as HiSwitchState } from './HiSwitch/HiSwitchState';
@@ -21,7 +20,6 @@ export { default as HiTable } from './HiTable/HiTable';
 export { default as HiDotsStepper } from './HiDotsStepper/HiDotsStepper';
 export { default as HiDot } from './HiDotsStepper/HiDot';
 export { default as withMobileDialog } from './withMobileDialog';
-export { default as withWidth } from './withWidth';
 export { default as HiDatePicker } from './HiDatePicker/HiDatePicker';
 export { default as HiDateRangePicker } from './HiDatePicker/HiDateRangePicker';
 export { default as HiDateRangeSelector } from './HiDatePicker/HiDateRangeSelector';

package/es/styles/createMixins.js

@@ -3,12 +3,12 @@ export default function createMixins(breakpoints, spacing, mixins) {
   return _objectSpread({
     gutters: (styles = {}) => {
       return _objectSpread({
-        paddingLeft: spacing.unit * 2,
-        paddingRight: spacing.unit * 2
+        paddingLeft: spacing(4),
+        paddingRight: spacing(4)
       }, styles, {
         [breakpoints.up('sm')]: _objectSpread({
-          paddingLeft: spacing.unit * 3,
-          paddingRight: spacing.unit * 3
+          paddingLeft: spacing(6),
+          paddingRight: spacing(6)
         }, styles[breakpoints.up('sm')])
       });
     },

package/es/styles/spacing.js

@@ -1,6 +1,3 @@
-const spacing = {
-  // All components align to an 8dp square baseline grid for mobile, tablet, and desktop.
-  // https://material.io/design/layout/understanding-layout.html#pixel-density
-  unit: 8
-};
+const spacing = (n = 1) => n * 4;
+
 export default spacing;

package/es/test-utils/getClasses.js

@@ -1,17 +1,3 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread";
-import * as ns from 'react-jss/lib/ns';
-import { SheetsRegistry } from 'jss';
-import createShallow from './createShallow';
-import { sheetsManager } from '../styles/withStyles';
-const shallow = createShallow(); // Helper function to extract the classes from a styleSheet.
+import { getClasses } from '@material-ui/core/test-utils'; // Helper function to extract the classes from a styleSheet.
 
-export default function getClasses(element, options = {}) {
-  const sheetsRegistry = new SheetsRegistry();
-  sheetsManager.clear();
-  shallow(element, _objectSpread({}, options, {
-    context: _objectSpread({
-      [ns.sheetsRegistry]: sheetsRegistry
-    }, options.context)
-  }));
-  return sheetsRegistry.registry[0].classes;
-}
+export default getClasses;

package/es/withMobileDialog/withMobileDialog.js

@@ -1,7 +1,7 @@
 import _extends from "@babel/runtime/helpers/extends";
 import React from 'react';
 import PropTypes from 'prop-types';
-import withWidth, { isWidthDown } from '../withWidth';
+import withWidth, { isWidthDown } from '@material-ui/core/withWidth';
 /**
  * Dialog will responsively be full screen *at or below* the given breakpoint
  * (defaults to 'sm' for mobile devices).

package/hi-svg-icons/HiAccount.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiActivity.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiAll.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _ref = _react.default.createElement("path", {
   fill: "none",

package/hi-svg-icons/HiBilling.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiCatalog.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiCustomer.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiFinance.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiPermission.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiRoute.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiSettlement.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiTransaction.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiUser.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 /**
  * @ignore - internal component.

package/hi-svg-icons/HiWidget.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _pure = _interopRequireDefault(require("recompose/pure"));
 
-var _styles = require("../styles");
+var _styles = require("@material-ui/core/styles");
 
 var _ref = _react.default.createElement("path", {
   fill: "none",

package/index.es.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.2.0
+/** @license HiPay-Material-UI v2.3.0-rc.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -18,7 +18,6 @@ export { default as HiMap } from './HiMap/HiMap';
 export { default as HiMapExpand } from './HiMap/HiMapExpand';
 export { default as HiTextField } from './HiForm/HiTextField';
 export { default as HiPasswordField } from './HiForm/HiPasswordField';
-export { default as HiPdfReader } from './HiPdfReader/HiPdfReader';
 export { default as HiSlider } from './HiForm/HiSlider';
 export { default as HiSwitch } from './HiSwitch';
 export { default as HiSwitchState } from './HiSwitch/HiSwitchState';
@@ -26,7 +25,6 @@ export { default as HiTable } from './HiTable/HiTable';
 export { default as HiDotsStepper } from './HiDotsStepper/HiDotsStepper';
 export { default as HiDot } from './HiDotsStepper/HiDot';
 export { default as withMobileDialog } from './withMobileDialog';
-export { default as withWidth } from './withWidth';
 export { default as HiDatePicker } from './HiDatePicker/HiDatePicker';
 export { default as HiDateRangePicker } from './HiDatePicker/HiDateRangePicker';
 export { default as HiDateRangeSelector } from './HiDatePicker/HiDateRangeSelector';

package/index.js

@@ -1,4 +1,4 @@
-/** @license HiPay-Material-UI v2.2.0
+/** @license HiPay-Material-UI v2.3.0-rc.1
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -136,12 +136,6 @@ Object.defineProperty(exports, "HiPasswordField", {
     return _HiPasswordField.default;
   }
 });
-Object.defineProperty(exports, "HiPdfReader", {
-  enumerable: true,
-  get: function get() {
-    return _HiPdfReader.default;
-  }
-});
 Object.defineProperty(exports, "HiSlider", {
   enumerable: true,
   get: function get() {
@@ -184,12 +178,6 @@ Object.defineProperty(exports, "withMobileDialog", {
     return _withMobileDialog.default;
   }
 });
-Object.defineProperty(exports, "withWidth", {
-  enumerable: true,
-  get: function get() {
-    return _withWidth.default;
-  }
-});
 Object.defineProperty(exports, "HiDatePicker", {
   enumerable: true,
   get: function get() {
@@ -245,8 +233,6 @@ var _HiTextField = _interopRequireDefault(require("./HiForm/HiTextField"));
 
 var _HiPasswordField = _interopRequireDefault(require("./HiForm/HiPasswordField"));
 
-var _HiPdfReader = _interopRequireDefault(require("./HiPdfReader/HiPdfReader"));
-
 var _HiSlider = _interopRequireDefault(require("./HiForm/HiSlider"));
 
 var _HiSwitch = _interopRequireDefault(require("./HiSwitch"));
@@ -261,8 +247,6 @@ var _HiDot = _interopRequireDefault(require("./HiDotsStepper/HiDot"));
 
 var _withMobileDialog = _interopRequireDefault(require("./withMobileDialog"));
 
-var _withWidth = _interopRequireDefault(require("./withWidth"));
-
 var _HiDatePicker = _interopRequireDefault(require("./HiDatePicker/HiDatePicker"));
 
 var _HiDateRangePicker = _interopRequireDefault(require("./HiDatePicker/HiDateRangePicker"));

package/package.json

@@ -2,7 +2,7 @@
   "name": "@hipay/hipay-material-ui",
   "private": false,
   "author": "HiPay PSYCHE Team",
-  "version": "2.2.0",
+  "version": "2.3.0-rc.1",
   "description": "React components that implement Google's Material Design.",
   "keywords": [
     "react",
@@ -27,8 +27,8 @@
   },
   "dependencies": {
     "@babel/runtime": "7.0.0",
-    "@material-ui/core": "3.0.3",
-    "@material-ui/icons": "^3.0.1",
+    "@material-ui/core": "4.4.3",
+    "@material-ui/icons": "4.4.3",
     "@types/jss": "^9.5.3",
     "@types/react-transition-group": "^2.0.8",
     "brcast": "^3.0.1",
@@ -39,7 +39,6 @@
     "dom-helpers": "^3.2.1",
     "hoist-non-react-statics": "^2.5.0",
     "is-plain-object": "^2.0.4",
-    "jss": "^9.8.7",
     "jss-camel-case": "^6.0.0",
     "jss-default-unit": "^8.0.2",
     "jss-global": "^3.0.0",
@@ -48,7 +47,7 @@
     "jss-vendor-prefixer": "^8.0.1",
     "keycode": "^2.1.9",
     "leaflet": "^1.5.1",
-    "mdi-material-ui": "^5.4.0",
+    "mdi-material-ui": "^6.7.0",
     "moment": "^2.22.2",
     "moment-timezone": "^0.5.23",
     "normalize-scroll-left": "^0.1.2",

package/styles/createMixins.js

@@ -18,11 +18,11 @@ function createMixins(breakpoints, spacing, mixins) {
     gutters: function gutters() {
       var styles = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
       return (0, _extends3.default)({
-        paddingLeft: spacing.unit * 2,
-        paddingRight: spacing.unit * 2
+        paddingLeft: spacing(4),
+        paddingRight: spacing(4)
       }, styles, (0, _defineProperty2.default)({}, breakpoints.up('sm'), (0, _extends3.default)({
-        paddingLeft: spacing.unit * 3,
-        paddingRight: spacing.unit * 3
+        paddingLeft: spacing(6),
+        paddingRight: spacing(6)
       }, styles[breakpoints.up('sm')])));
     },
     toolbar: (_toolbar = {

package/styles/spacing.js

@@ -4,10 +4,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var spacing = {
-  // All components align to an 8dp square baseline grid for mobile, tablet, and desktop.
-  // https://material.io/design/layout/understanding-layout.html#pixel-density
-  unit: 8
+
+var spacing = function spacing() {
+  var n = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
+  return n * 4;
 };
+
 var _default = spacing;
 exports.default = _default;

package/test-utils/getClasses.js

@@ -1,36 +1,12 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = getClasses;
-
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
-var _extends3 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-
-var ns = _interopRequireWildcard(require("react-jss/lib/ns"));
-
-var _jss = require("jss");
-
-var _createShallow = _interopRequireDefault(require("./createShallow"));
-
-var _withStyles = require("../styles/withStyles");
-
-var shallow = (0, _createShallow.default)(); // Helper function to extract the classes from a styleSheet.
-
-function getClasses(element) {
-  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var sheetsRegistry = new _jss.SheetsRegistry();
+exports.default = void 0;
 
-  _withStyles.sheetsManager.clear();
+var _testUtils = require("@material-ui/core/test-utils");
 
-  shallow(element, (0, _extends3.default)({}, options, {
-    context: (0, _extends3.default)((0, _defineProperty2.default)({}, ns.sheetsRegistry, sheetsRegistry), options.context)
-  }));
-  return sheetsRegistry.registry[0].classes;
-}
+// Helper function to extract the classes from a styleSheet.
+var _default = _testUtils.getClasses;
+exports.default = _default;

package/withMobileDialog/withMobileDialog.js

@@ -15,7 +15,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _withWidth = _interopRequireWildcard(require("../withWidth"));
+var _withWidth = _interopRequireWildcard(require("@material-ui/core/withWidth"));
 
 /**
  * Dialog will responsively be full screen *at or below* the given breakpoint

package/es/withWidth/index.js

@@ -1,2 +0,0 @@
-export { default } from './withWidth';
-export * from './withWidth';