@hipay/hipay-material-ui 2.3.4 → 3.0.0

package/hi-svg-icons/HiVendor.js

@@ -0,0 +1,56 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _pure = _interopRequireDefault(require("recompose/pure"));
+
+var _styles = require("@material-ui/core/styles");
+
+var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+/**
+ * @ignore - internal component.
+ */
+var HiVendor = (0, _pure.default)(function (props) {
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || props.theme.palette.neutral.main : _props$color,
+      style = props.style,
+      other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
+  return _react.default.createElement(_Icon.default, (0, _extends2.default)({
+    style: (0, _objectSpread2.default)({}, style, {
+      fontSize: props.size || 24
+    })
+  }, other), _react.default.createElement("svg", {
+    viewBox: "0 0 28.35 28.35"
+  }, _react.default.createElement("circle", {
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
+  }), _react.default.createElement("path", {
+    d: "M5.64,6.67H7.33A1.41,1.41,0,0,1,8.24,7a1.28,1.28,0,0,1,.5.82l2,7.87h9.38l1.78-6.75h1.59l-2,7.13a1.31,1.31,0,0,1-.5.82,1.46,1.46,0,0,1-.91.3H10.7a1.48,1.48,0,0,1-.91-.3,1.25,1.25,0,0,1-.49-.82l-2-7.88H5.64a.75.75,0,1,1,0-1.5ZM10.8,17.83a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,10.8,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.66.66,0,0,0-.75-.75.75.75,0,0,0,0,1.5A.66.66,0,0,0,13.14,19.42Zm1.5-12.75h1.5V8.92h2.25v1.5H16.14v2.25h-1.5V10.42H12.39V8.92h2.25Zm2.91,11.16a2.26,2.26,0,0,1,3.19,0A2.26,2.26,0,0,1,17.55,21a2.26,2.26,0,0,1,0-3.19Zm2.34,1.59a.75.75,0,1,0-.75.75A.66.66,0,0,0,19.89,19.42Z",
+    fill: color
+  })));
+});
+HiVendor.muiName = 'SvgIcon';
+
+var _default = (0, _styles.withStyles)({}, {
+  hiComponent: true,
+  withTheme: true
+})(HiVendor);
+
+exports.default = _default;

package/hi-svg-icons/HiWidget.js

@@ -21,11 +21,6 @@ var _styles = require("@material-ui/core/styles");
 
 var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
 
-var _ref = _react.default.createElement("path", {
-  fill: "none",
-  d: "M-1714-3884h36v39h-36z"
-});
-
 /**
  * @ignore - internal component.
  */
@@ -39,20 +34,17 @@ var HiWidget = (0, _pure.default)(function (props) {
       fontSize: props.size || 24
     })
   }, other), _react.default.createElement("svg", {
-    viewBox: "0 0 37.5 39"
-  }, _react.default.createElement("g", {
-    transform: "translate(1714 3884)"
+    viewBox: "0 0 28.35 28.35"
   }, _react.default.createElement("circle", {
-    cx: -1700.1,
-    cy: -3859.1,
-    r: 13.9,
-    opacity: 0.16,
-    fill: color
+    cx: "11.83",
+    cy: "16.66",
+    r: "9",
+    fill: color,
+    opacity: 0.16
   }), _react.default.createElement("path", {
-    // eslint-disable-next-line max-len
-    d: "M-1694.5-3879.1l6.5 6.5h3.9c.7 0 1.3.2 1.8.7s.7 1.1.7 1.8v16.8c0 .7-.2 1.3-.7 1.8s-1.1.7-1.8.7h-20.7c-.7 0-1.3-.2-1.8-.7s-.7-1.1-.7-1.8v-16.8c0-.7.2-1.3.7-1.8s1.1-.7 1.8-.7h3.9l6.4-6.5zm-10.4 9v16.8h20.7v-16.8h-20.7zm2.7 6.5v-3.9h6.5v3.9h-6.5zm1.2 7.7v-5.1h6.5v5.1h-6.5zm6.6-20l-3.3 3.3h6.5l-3.2-3.3zm2.5 18.8v-9.1h5.1v9.1h-5.1z",
+    d: "M14.17,5l4.18,4.18h2.5A1.59,1.59,0,0,1,22,9.66a1.55,1.55,0,0,1,.47,1.17V21.69a1.61,1.61,0,0,1-1.64,1.64H7.49a1.55,1.55,0,0,1-1.17-.47,1.59,1.59,0,0,1-.47-1.17V10.83A1.61,1.61,0,0,1,7.49,9.19H10ZM7.49,10.83V21.69H20.85V10.83ZM9.17,15v-2.5h4.18V15ZM10,20V16.69h4.18V20ZM14.21,7.08,12.1,9.19h4.18Zm1.64,12.11V13.33h3.32v5.86Z",
     fill: color
-  }), _ref)));
+  })));
 });
 HiWidget.muiName = 'SvgIcon';
 

package/hi-svg-icons/index.js

@@ -107,12 +107,42 @@ Object.defineProperty(exports, "HiPermission", {
     return _HiPermission.default;
   }
 });
+Object.defineProperty(exports, "HiPriceGrid", {
+  enumerable: true,
+  get: function get() {
+    return _HiPriceGrid.default;
+  }
+});
 Object.defineProperty(exports, "HiDownload", {
   enumerable: true,
   get: function get() {
     return _HiDownload.default;
   }
 });
+Object.defineProperty(exports, "HiIntelligence", {
+  enumerable: true,
+  get: function get() {
+    return _HiIntelligence.default;
+  }
+});
+Object.defineProperty(exports, "HiOrder", {
+  enumerable: true,
+  get: function get() {
+    return _HiOrder.default;
+  }
+});
+Object.defineProperty(exports, "HiPaymentOrder", {
+  enumerable: true,
+  get: function get() {
+    return _HiPaymentOrder.default;
+  }
+});
+Object.defineProperty(exports, "HiVendor", {
+  enumerable: true,
+  get: function get() {
+    return _HiVendor.default;
+  }
+});
 
 var _HiAccount = _interopRequireDefault(require("./HiAccount"));
 
@@ -148,4 +178,14 @@ var _HiActivity = _interopRequireDefault(require("./HiActivity"));
 
 var _HiPermission = _interopRequireDefault(require("./HiPermission"));
 
-var _HiDownload = _interopRequireDefault(require("./HiDownload"));
+var _HiPriceGrid = _interopRequireDefault(require("./HiPriceGrid"));
+
+var _HiDownload = _interopRequireDefault(require("./HiDownload"));
+
+var _HiIntelligence = _interopRequireDefault(require("./HiIntelligence"));
+
+var _HiOrder = _interopRequireDefault(require("./HiOrder"));
+
+var _HiPaymentOrder = _interopRequireDefault(require("./HiPaymentOrder"));
+
+var _HiVendor = _interopRequireDefault(require("./HiVendor"));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@hipay/hipay-material-ui",
   "private": false,
-  "version": "2.3.4",
+  "version": "3.0.0",
   "description": "React components that implement Google's Material Design.",
   "repository": {
     "type": "git",
@@ -67,4 +67,4 @@
   },
   "main": "./index.js",
   "module": "./esm/index.js"
-}
+}

package/setupTest.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+
+var _enzyme = _interopRequireDefault(require("enzyme"));
+
+var _enzymeAdapterReact = _interopRequireDefault(require("enzyme-adapter-react-16"));
+
+_enzyme.default.configure({
+  adapter: new _enzymeAdapterReact.default()
+});
+/**
+ * SETUP JSDOM
+ * https://github.com/airbnb/enzyme/blob/master/docs/guides/jsdom.md
+ */
+
+
+var _require = require('jsdom'),
+    JSDOM = _require.JSDOM;
+
+var jsdom = new JSDOM('<!doctype html><html><body></body></html>');
+var window = jsdom.window;
+
+function copyProps(src, target) {
+  Object.defineProperties(target, (0, _objectSpread2.default)({}, Object.getOwnPropertyDescriptors(src), {}, Object.getOwnPropertyDescriptors(target)));
+}
+
+global.window = window;
+global.document = window.document;
+global.navigator = {
+  userAgent: 'node.js'
+};
+
+global.requestAnimationFrame = function (callback) {
+  return setTimeout(callback, 0);
+};
+
+global.cancelAnimationFrame = function (id) {
+  clearTimeout(id);
+};
+
+copyProps(window, global);

package/styleguide/Wrapper.js

@@ -1,51 +1,23 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
-
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
-
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/classCallCheck"));
-
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createClass"));
-
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/possibleConstructorReturn"));
-
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/getPrototypeOf"));
+exports.default = Wrapper;
 
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/inherits"));
-
-var _react = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 
 var _styles = require("@material-ui/core/styles");
 
 var _theme = _interopRequireDefault(require("../theme"));
 
-require("../index.css");
-
-var Wrapper =
-/*#__PURE__*/
-function (_Component) {
-  (0, _inherits2.default)(Wrapper, _Component);
-
-  function Wrapper() {
-    (0, _classCallCheck2.default)(this, Wrapper);
-    return (0, _possibleConstructorReturn2.default)(this, (0, _getPrototypeOf2.default)(Wrapper).apply(this, arguments));
-  }
-
-  (0, _createClass2.default)(Wrapper, [{
-    key: "render",
-    value: function render() {
-      return _react.default.createElement(_styles.MuiThemeProvider, {
-        theme: _theme.default
-      }, this.props.children);
-    }
-  }]);
-  return Wrapper;
-}(_react.Component);
+function Wrapper(_ref) {
+  var children = _ref.children;
+  return _react.default.createElement(_styles.MuiThemeProvider, {
+    theme: _theme.default
+  }, children);
+}
 
-exports.default = Wrapper;
+;

package/styles/makeStyles.js

@@ -0,0 +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 _styles = require("@material-ui/core/styles");
+
+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(createStyles, options) {
+  return (0, _styles.makeStyles)(createStyles, (0, _objectSpread2.default)({
+    defaultTheme: _theme.default
+  }, options));
+};
+
+exports.default = _default;

package/styles/withStyles.js

@@ -0,0 +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 _styles = require("@material-ui/core/styles");
+
+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) {
+  return (0, _styles.withStyles)(styles, (0, _objectSpread2.default)({
+    defaultTheme: _theme.default
+  }, options));
+};
+
+exports.default = _default;

package/theme.js

@@ -5,18 +5,16 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 
-var _require = require('@material-ui/core/styles'),
-    createMuiTheme = _require.createMuiTheme;
+var _styles = require("@material-ui/core/styles");
 
-var _require2 = require("./theme/palette"),
-    palette = _require2.palette;
+var _palette = require("./theme/palette");
 
-var _require3 = require("./theme/typography"),
-    typography = _require3.typography;
+var _typography = require("./theme/typography");
 
-var _default = createMuiTheme({
-  palette: palette,
-  typography: typography
+var _default = (0, _styles.createMuiTheme)({
+  palette: _palette.palette,
+  typography: _typography.typography,
+  spacing: 4
 });
 
 exports.default = _default;