@hipay/hipay-material-ui 3.5.1 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = void 0;
8
+ exports.default = exports.styles = void 0;
9
9
 
10
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
11
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
27
27
 
28
28
  var _HiDynamicSelect = _interopRequireDefault(require("./HiDynamicSelect"));
29
29
 
30
- // @inheritedComponent HiDynamicSelect
30
+ var _classnames = _interopRequireDefault(require("classnames"));
31
+
32
+ var _styles = require("@material-ui/core/styles");
31
33
 
34
+ // @inheritedComponent HiDynamicSelect
35
+ var styles = {
36
+ root: {
37
+ maxWidth: 500
38
+ }
39
+ };
32
40
  /**
33
41
  * Champs input pour formulaire
34
42
  */
43
+
44
+ exports.styles = styles;
45
+
35
46
  var HiDynamicSelectField =
36
47
  /*#__PURE__*/
37
48
  function (_React$PureComponent) {
@@ -64,7 +75,8 @@ function (_React$PureComponent) {
64
75
  searchable = _this$props.searchable,
65
76
  translations = _this$props.translations,
66
77
  className = _this$props.className,
67
- others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
78
+ classes = _this$props.classes,
79
+ 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"]);
68
80
  return _react.default.createElement(_HiFormControl.default, {
69
81
  id: id,
70
82
  label: label,
@@ -74,7 +86,7 @@ function (_React$PureComponent) {
74
86
  errorText: errorText,
75
87
  helperText: helperText,
76
88
  helperIcon: helperIcon,
77
- className: className
89
+ className: (0, _classnames.default)(classes.root, className)
78
90
  }, _react.default.createElement(_HiDynamicSelect.default, (0, _extends2.default)({
79
91
  id: id,
80
92
  name: name,
@@ -94,5 +106,6 @@ function (_React$PureComponent) {
94
106
  return HiDynamicSelectField;
95
107
  }(_react.default.PureComponent);
96
108
 
97
- var _default = HiDynamicSelectField;
109
+ var _default = (0, _styles.withStyles)(styles)(HiDynamicSelectField);
110
+
98
111
  exports.default = _default;
@@ -166,7 +166,6 @@ var styles = function styles(theme) {
166
166
  return {
167
167
  root: {
168
168
  backgroundColor: theme.palette.background2,
169
- maxWidth: 500,
170
169
  width: '100%',
171
170
  position: 'relative'
172
171
  },
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = void 0;
8
+ exports.default = exports.styles = void 0;
9
9
 
10
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
11
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
27
27
 
28
28
  var _HiNestedSelect = _interopRequireDefault(require("./HiNestedSelect"));
29
29
 
30
- // @inheritedComponent HiDynamicSelect
30
+ var _classnames = _interopRequireDefault(require("classnames"));
31
+
32
+ var _styles = require("@material-ui/core/styles");
31
33
 
34
+ // @inheritedComponent HiDynamicSelect
35
+ var styles = {
36
+ root: {
37
+ maxWidth: 500
38
+ }
39
+ };
32
40
  /**
33
41
  * Champs input pour formulaire
34
42
  */
43
+
44
+ exports.styles = styles;
45
+
35
46
  var HiNestedSelectField =
36
47
  /*#__PURE__*/
37
48
  function (_React$PureComponent) {
@@ -64,7 +75,8 @@ function (_React$PureComponent) {
64
75
  searchable = _this$props.searchable,
65
76
  translations = _this$props.translations,
66
77
  className = _this$props.className,
67
- others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "name", "value", "options", "type", "multiple", "iconAll", "checkbox", "searchable", "translations", "className"]);
78
+ classes = _this$props.classes,
79
+ 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"]);
68
80
  return _react.default.createElement(_HiFormControl.default, {
69
81
  id: id,
70
82
  label: label,
@@ -74,7 +86,7 @@ function (_React$PureComponent) {
74
86
  errorText: errorText,
75
87
  helperText: helperText,
76
88
  helperIcon: helperIcon,
77
- className: className
89
+ className: (0, _classnames.default)(classes.root, className)
78
90
  }, _react.default.createElement(_HiNestedSelect.default, (0, _extends2.default)({
79
91
  id: id,
80
92
  name: name,
@@ -94,5 +106,6 @@ function (_React$PureComponent) {
94
106
  return HiNestedSelectField;
95
107
  }(_react.default.PureComponent);
96
108
 
97
- var _default = HiNestedSelectField;
109
+ var _default = (0, _styles.withStyles)(styles)(HiNestedSelectField);
110
+
98
111
  exports.default = _default;
@@ -69,7 +69,6 @@ var styles = function styles(theme) {
69
69
  return {
70
70
  root: {
71
71
  backgroundColor: theme.palette.background2,
72
- maxWidth: 500,
73
72
  width: '100%',
74
73
  position: 'relative'
75
74
  },
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = void 0;
8
+ exports.default = exports.styles = void 0;
9
9
 
10
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
11
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
27
27
 
28
28
  var _HiSelect = _interopRequireDefault(require("./HiSelect"));
29
29
 
30
- // @inheritedComponent HiSelect
30
+ var _classnames = _interopRequireDefault(require("classnames"));
31
+
32
+ var _index = require("@material-ui/core/styles/index");
31
33
 
34
+ // @inheritedComponent HiSelect
35
+ var styles = {
36
+ root: {
37
+ maxWidth: 500
38
+ }
39
+ };
32
40
  /**
33
41
  * Champs input pour formulaire
34
42
  */
43
+
44
+ exports.styles = styles;
45
+
35
46
  var HiSelectField =
36
47
  /*#__PURE__*/
37
48
  function (_React$PureComponent) {
@@ -64,8 +75,9 @@ function (_React$PureComponent) {
64
75
  searchable = _this$props.searchable,
65
76
  translations = _this$props.translations,
66
77
  className = _this$props.className,
78
+ classes = _this$props.classes,
67
79
  HiInputLabelProps = _this$props.HiInputLabelProps,
68
- 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"]);
80
+ 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"]);
69
81
  return _react.default.createElement(_HiFormControl.default, {
70
82
  id: id,
71
83
  label: label,
@@ -75,7 +87,7 @@ function (_React$PureComponent) {
75
87
  errorText: errorText,
76
88
  helperText: helperText,
77
89
  helperIcon: helperIcon,
78
- className: className,
90
+ className: (0, _classnames.default)(classes.root, className),
79
91
  InputLabelProps: HiInputLabelProps
80
92
  }, _react.default.createElement(_HiSelect.default, (0, _extends2.default)({
81
93
  id: id,
@@ -96,5 +108,6 @@ function (_React$PureComponent) {
96
108
  return HiSelectField;
97
109
  }(_react.default.PureComponent);
98
110
 
99
- var _default = HiSelectField;
111
+ var _default = (0, _index.withStyles)(styles)(HiSelectField);
112
+
100
113
  exports.default = _default;
@@ -46,7 +46,6 @@ var styles = function styles(theme) {
46
46
  root: {
47
47
  width: '100%',
48
48
  height: 40,
49
- maxWidth: 500,
50
49
  display: 'flex',
51
50
  justifyContent: 'center',
52
51
  padding: 8,
@@ -131,8 +130,7 @@ var styles = function styles(theme) {
131
130
  textOverflow: 'ellipsis'
132
131
  }, theme.typography.b1, {
133
132
  display: 'inline-block',
134
- width: '100%',
135
- maxWidth: 500
133
+ width: '100%'
136
134
  }),
137
135
  placeholder: {
138
136
  color: theme.palette.grey[400]
@@ -48,7 +48,6 @@ var styles = function styles(theme) {
48
48
  return {
49
49
  root: {
50
50
  backgroundColor: theme.palette.background2,
51
- maxWidth: 500,
52
51
  minWidth: 200,
53
52
  width: '100%'
54
53
  },
@@ -5,7 +5,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
5
5
  Object.defineProperty(exports, "__esModule", {
6
6
  value: true
7
7
  });
8
- exports.default = void 0;
8
+ exports.default = exports.styles = void 0;
9
9
 
10
10
  var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
11
11
 
@@ -27,11 +27,22 @@ var _HiFormControl = _interopRequireDefault(require("../HiForm/HiFormControl"));
27
27
 
28
28
  var _HiSuggestSelect = _interopRequireDefault(require("./HiSuggestSelect"));
29
29
 
30
- // @inheritedComponent HiSuggestSelect
30
+ var _classnames = _interopRequireDefault(require("classnames"));
31
+
32
+ var _styles = require("@material-ui/core/styles");
31
33
 
34
+ // @inheritedComponent HiSuggestSelect
35
+ var styles = {
36
+ root: {
37
+ maxWidth: 500
38
+ }
39
+ };
32
40
  /**
33
41
  * Champs input autosuggest pour formulaire avec label
34
42
  */
43
+
44
+ exports.styles = styles;
45
+
35
46
  var HiSuggestSelectField =
36
47
  /*#__PURE__*/
37
48
  function (_React$PureComponent) {
@@ -55,7 +66,8 @@ function (_React$PureComponent) {
55
66
  helperIcon = _this$props.helperIcon,
56
67
  id = _this$props.id,
57
68
  className = _this$props.className,
58
- others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className"]);
69
+ classes = _this$props.classes,
70
+ others = (0, _objectWithoutProperties2.default)(_this$props, ["label", "required", "disabled", "error", "errorText", "helperText", "helperIcon", "id", "className", "classes"]);
59
71
  return _react.default.createElement(_HiFormControl.default, {
60
72
  id: id,
61
73
  label: label,
@@ -65,7 +77,7 @@ function (_React$PureComponent) {
65
77
  errorText: errorText,
66
78
  helperText: helperText,
67
79
  helperIcon: helperIcon,
68
- className: className
80
+ className: (0, _classnames.default)(classes.root, className)
69
81
  }, _react.default.createElement(_HiSuggestSelect.default, (0, _extends2.default)({
70
82
  id: id,
71
83
  translations: {
@@ -83,5 +95,6 @@ function (_React$PureComponent) {
83
95
  return HiSuggestSelectField;
84
96
  }(_react.default.PureComponent);
85
97
 
86
- var _default = HiSuggestSelectField;
98
+ var _default = (0, _styles.withStyles)(styles)(HiSuggestSelectField);
99
+
87
100
  exports.default = _default;
@@ -20,7 +20,8 @@ var styleRoot = {
20
20
  height: 19,
21
21
  margin: 'auto 0',
22
22
  display: 'flex',
23
- lineHeight: '15px'
23
+ lineHeight: '15px',
24
+ alignItems: 'center'
24
25
  };
25
26
  var styleColorLabel = {
26
27
  display: 'inline-block',
@@ -47,7 +47,8 @@ function (_React$PureComponent) {
47
47
  helperText = _this$props.helperText,
48
48
  values = _this$props.values,
49
49
  fullWidth = _this$props.fullWidth,
50
- others = (0, _objectWithoutProperties2.default)(_this$props, ["className", "label", "helperIcon", "helperText", "values", "fullWidth"]);
50
+ required = _this$props.required,
51
+ others = (0, _objectWithoutProperties2.default)(_this$props, ["className", "label", "helperIcon", "helperText", "values", "fullWidth", "required"]);
51
52
  var empty = true;
52
53
  var error = false;
53
54
  var errorText = '';
@@ -69,7 +70,8 @@ function (_React$PureComponent) {
69
70
  error: error,
70
71
  helperIcon: helperIcon,
71
72
  helperText: helperText,
72
- fullWidth: fullWidth
73
+ fullWidth: fullWidth,
74
+ required: required
73
75
  }, _react.default.createElement(_HiUpload.default, (0, _extends2.default)({
74
76
  values: values
75
77
  }, others)));
@@ -82,7 +84,8 @@ HiUploadField.defaultProps = {
82
84
  helperText: '',
83
85
  helperIcon: false,
84
86
  seeFile: true,
85
- fullWidth: false
87
+ fullWidth: false,
88
+ required: true
86
89
  };
87
90
  var _default = HiUploadField;
88
91
  exports.default = _default;