@hipay/hipay-material-ui 3.5.1 → 3.6.0

package/es/HiSelect/HiDynamicSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiDynamicSelect = _interopRequireDefault(require("./HiDynamicSelect"));
 
-// @inheritedComponent HiDynamicSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiDynamicSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiDynamicSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -64,7 +75,8 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
+          classes = _this$props.classes,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -74,7 +86,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiDynamicSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
@@ -94,5 +106,6 @@ function (_React$PureComponent) {
   return HiDynamicSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiDynamicSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiDynamicSelectField);
+
 exports.default = _default;

package/es/HiSelect/HiNestedSelect.js

@@ -166,7 +166,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       width: '100%',
       position: 'relative'
     },

package/es/HiSelect/HiNestedSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiNestedSelect = _interopRequireDefault(require("./HiNestedSelect"));
 
-// @inheritedComponent HiDynamicSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiDynamicSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiNestedSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -64,7 +75,8 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
+          classes = _this$props.classes,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -74,7 +86,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiNestedSelect.default, (0, _extends2.default)({
         id: id,
         name: name,
@@ -94,5 +106,6 @@ function (_React$PureComponent) {
   return HiNestedSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiNestedSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiNestedSelectField);
+
 exports.default = _default;

package/es/HiSelect/HiSelect.js

@@ -69,7 +69,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       width: '100%',
       position: 'relative'
     },

package/es/HiSelect/HiSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiSelect = _interopRequireDefault(require("./HiSelect"));
 
-// @inheritedComponent HiSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _index = require("@material-ui/core/styles/index");
 
+// @inheritedComponent HiSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input pour formulaire
  */
+
+exports.styles = styles;
+
 var HiSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -64,8 +75,9 @@ function (_React$PureComponent) {
           searchable = _this$props.searchable,
           translations = _this$props.translations,
           className = _this$props.className,
+          classes = _this$props.classes,
           HiInputLabelProps = _this$props.HiInputLabelProps,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "HiInputLabelProps"]);
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className", "classes", "HiInputLabelProps"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -75,7 +87,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        className: className,
+        className: (0, _classnames.default)(classes.root, className),
         InputLabelProps: HiInputLabelProps
       }, _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
         id: id,
@@ -96,5 +108,6 @@ function (_React$PureComponent) {
   return HiSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiSelectField;
+var _default = (0, _index.withStyles)(styles)(HiSelectField);
+
 exports.default = _default;

package/es/HiSelect/HiSelectInput.js

@@ -46,7 +46,6 @@ var styles = function styles(theme) {
     root: {
       width: '100%',
       height: 40,
-      maxWidth: 500,
       display: 'flex',
       justifyContent: 'center',
       padding: 8,
@@ -131,8 +130,7 @@ var styles = function styles(theme) {
       textOverflow: 'ellipsis'
     }, theme.typography.b1, {
       display: 'inline-block',
-      width: '100%',
-      maxWidth: 500
+      width: '100%'
     }),
     placeholder: {
       color: theme.palette.grey[400]

package/es/HiSelect/HiSuggestSelect.js

@@ -48,7 +48,6 @@ var styles = function styles(theme) {
   return {
     root: {
       backgroundColor: theme.palette.background2,
-      maxWidth: 500,
       minWidth: 200,
       width: '100%'
     },

package/es/HiSelect/HiSuggestSelectField.js

@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = void 0;
+exports.default = exports.styles = void 0;
 
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
 
 var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
 
-// @inheritedComponent HiSuggestSelect
+var _classnames = _interopRequireDefault(require("classnames"));
+
+var _styles = require("@material-ui/core/styles");
 
+// @inheritedComponent HiSuggestSelect
+var styles = {
+  root: {
+    maxWidth: 500
+  }
+};
 /**
  * Champs input autosuggest pour formulaire avec label
  */
+
+exports.styles = styles;
+
 var HiSuggestSelectField =
 /*#__PURE__*/
 function (_React$PureComponent) {
@@ -55,7 +66,8 @@ function (_React$PureComponent) {
           helperIcon = _this$props.helperIcon,
           id = _this$props.id,
           className = _this$props.className,
-          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className"]);
+          classes = _this$props.classes,
+          others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
       return _react.default.createElement(_HiFormControl.default, {
         id: id,
         label: label,
@@ -65,7 +77,7 @@ function (_React$PureComponent) {
         errorText: errorText,
         helperText: helperText,
         helperIcon: helperIcon,
-        className: className
+        className: (0, _classnames.default)(classes.root, className)
       }, _react.default.createElement(_HiSuggestSelect.default, (0, _extends2.default)({
         id: id,
         translations: {
@@ -83,5 +95,6 @@ function (_React$PureComponent) {
   return HiSuggestSelectField;
 }(_react.default.PureComponent);
 
-var _default = HiSuggestSelectField;
+var _default = (0, _styles.withStyles)(styles)(HiSuggestSelectField);
+
 exports.default = _default;

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

@@ -43,7 +43,7 @@ var HiAccount = (0, _pure.default)(function (props) {
     fill: color,
     opacity: 0.16
   }), _react.default.createElement("path", {
-    d: "M13.28,4.66h7.78v7.78l-.18.28L12.63,21l-.57.47L11.5,21,4.75,14.22l-.47-.56.47-.56L13,4.85Zm.61,1.5-7.5,7.5,5.67,5.67,7.5-7.5V6.16Zm7.92.75h2.25v8.25l-.18.23L16,23.22l-.51.47-.56-.47-1.41-1.5,1-1,.94.94,7.12-7.13V8.41h-.75Zm-5,1a.76.76,0,0,1,.54-.21.75.75,0,1,1,0,1.5A.76.76,0,0,1,16.77,9a.8.8,0,0,1,0-1.08Z",
+    d: "M14,5.52h8.19V13.7l-.19.23-8.6,8.51-.51.47-.56-.47L5.23,15.37l-.46-.55.46-.51L13.74,5.7ZM14.62,7,6.81,14.82l6.05,6,7.81-7.81V7ZM17.9,8.7a.79.79,0,1,1-.21.54A.73.73,0,0,1,17.9,8.7Z",
     fill: color
   })));
 });

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

@@ -0,0 +1,52 @@
+"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 _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiBusiness = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || 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: "M13.28,4.66h7.78v7.78l-.18.28L12.63,21l-.57.47L11.5,21,4.75,14.22l-.47-.56.47-.56L13,4.85Zm.61,1.5-7.5,7.5,5.67,5.67,7.5-7.5V6.16Zm7.92.75h2.25v8.25l-.18.23L16,23.22l-.51.47-.56-.47-1.41-1.5,1-1,.94.94,7.12-7.13V8.41h-.75Zm-5,1a.76.76,0,0,1,.54-.21.75.75,0,1,1,0,1.5A.76.76,0,0,1,16.77,9a.8.8,0,0,1,0-1.08Z",
+    fill: color
+  })));
+});
+HiBusiness.muiName = 'SvgIcon';
+var _default = HiBusiness;
+exports.default = _default;

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

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "HiAccount", {
     return _HiAccount.default;
   }
 });
+Object.defineProperty(exports, "HiBusiness", {
+  enumerable: true,
+  get: function get() {
+    return _HiBusiness.default;
+  }
+});
 Object.defineProperty(exports, "HiAll", {
   enumerable: true,
   get: function get() {
@@ -170,6 +176,8 @@ Object.defineProperty(exports, "HiLogoRounded", {
 
 var _HiAccount = _interopRequireDefault(require("./HiAccount"));
 
+var _HiBusiness = _interopRequireDefault(require("./HiBusiness"));
+
 var _HiAll = _interopRequireDefault(require("./HiAll"));
 
 var _HiBilling = _interopRequireDefault(require("./HiBilling"));

package/hi-svg-icons/HiAccount.js

@@ -43,7 +43,7 @@ var HiAccount = (0, _pure.default)(function (props) {
     fill: color,
     opacity: 0.16
   }), _react.default.createElement("path", {
-    d: "M13.28,4.66h7.78v7.78l-.18.28L12.63,21l-.57.47L11.5,21,4.75,14.22l-.47-.56.47-.56L13,4.85Zm.61,1.5-7.5,7.5,5.67,5.67,7.5-7.5V6.16Zm7.92.75h2.25v8.25l-.18.23L16,23.22l-.51.47-.56-.47-1.41-1.5,1-1,.94.94,7.12-7.13V8.41h-.75Zm-5,1a.76.76,0,0,1,.54-.21.75.75,0,1,1,0,1.5A.76.76,0,0,1,16.77,9a.8.8,0,0,1,0-1.08Z",
+    d: "M14,5.52h8.19V13.7l-.19.23-8.6,8.51-.51.47-.56-.47L5.23,15.37l-.46-.55.46-.51L13.74,5.7ZM14.62,7,6.81,14.82l6.05,6,7.81-7.81V7ZM17.9,8.7a.79.79,0,1,1-.21.54A.73.73,0,0,1,17.9,8.7Z",
     fill: color
   })));
 });

package/hi-svg-icons/HiBusiness.js

@@ -0,0 +1,52 @@
+"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 _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
+
+var _styles = require("@material-ui/core/styles");
+
+/**
+ * @ignore - internal component.
+ */
+var HiBusiness = (0, _pure.default)(function (props) {
+  var theme = (0, _styles.useTheme)();
+  var _props$color = props.color,
+      color = _props$color === void 0 ? props.color || 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: "M13.28,4.66h7.78v7.78l-.18.28L12.63,21l-.57.47L11.5,21,4.75,14.22l-.47-.56.47-.56L13,4.85Zm.61,1.5-7.5,7.5,5.67,5.67,7.5-7.5V6.16Zm7.92.75h2.25v8.25l-.18.23L16,23.22l-.51.47-.56-.47-1.41-1.5,1-1,.94.94,7.12-7.13V8.41h-.75Zm-5,1a.76.76,0,0,1,.54-.21.75.75,0,1,1,0,1.5A.76.76,0,0,1,16.77,9a.8.8,0,0,1,0-1.08Z",
+    fill: color
+  })));
+});
+HiBusiness.muiName = 'SvgIcon';
+var _default = HiBusiness;
+exports.default = _default;

package/hi-svg-icons/index.js

@@ -11,6 +11,12 @@ Object.defineProperty(exports, "HiAccount", {
     return _HiAccount.default;
   }
 });
+Object.defineProperty(exports, "HiBusiness", {
+  enumerable: true,
+  get: function get() {
+    return _HiBusiness.default;
+  }
+});
 Object.defineProperty(exports, "HiAll", {
   enumerable: true,
   get: function get() {
@@ -170,6 +176,8 @@ Object.defineProperty(exports, "HiLogoRounded", {
 
 var _HiAccount = _interopRequireDefault(require("./HiAccount"));
 
+var _HiBusiness = _interopRequireDefault(require("./HiBusiness"));
+
 var _HiAll = _interopRequireDefault(require("./HiAll"));
 
 var _HiBilling = _interopRequireDefault(require("./HiBilling"));

package/package.json

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