@hipay/hipay-material-ui 3.7.4 → 3.7.5
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.
- package/HiDatePicker/HiDateRangeSelector.js +77 -37
- package/HiSelect/HiSelect.js +25 -5
- package/HiSelectableList/HiSelectableList.js +63 -16
- package/HiSelectableList/HiSelectableListItem.js +43 -13
- package/HiSwitch/HiSwitch.js +12 -3
- package/README.md +1 -21
- package/es/HiDatePicker/HiDateRangeSelector.js +77 -37
- package/es/HiSelect/HiSelect.js +25 -5
- package/es/HiSelectableList/HiSelectableList.js +63 -16
- package/es/HiSelectableList/HiSelectableListItem.js +43 -13
- package/es/HiSwitch/HiSwitch.js +12 -3
- package/es/hi-svg-icons/index.js +8 -0
- package/hi-svg-icons/index.js +8 -0
- package/package.json +1 -1
- package/es/hi-svg-icons/HiCalendarSliding.js +0 -55
- package/es/styles/defaultOptions.js +0 -16
- package/es/test-utils/consoleErrorMock.js +0 -14
- package/hi-svg-icons/HiCalendarSliding.js +0 -55
- package/styles/defaultOptions.js +0 -16
- package/test-utils/consoleErrorMock.js +0 -14
package/es/HiSwitch/HiSwitch.js
CHANGED
@@ -21,6 +21,8 @@ var _SwitchBase = _interopRequireDefault(require("@material-ui/core/internal/Swi
|
|
21
21
|
|
22
22
|
var _Check = _interopRequireDefault(require("@material-ui/icons/Check"));
|
23
23
|
|
24
|
+
var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
|
25
|
+
|
24
26
|
var _helpers = require("../utils/helpers");
|
25
27
|
|
26
28
|
var _styles = require("@material-ui/core/styles");
|
@@ -83,6 +85,9 @@ var styles = function styles(theme) {
|
|
83
85
|
opacity: theme.palette.type === 'light' ? 0.12 : 0.1
|
84
86
|
}
|
85
87
|
},
|
88
|
+
iconNotChecked: {
|
89
|
+
color: "#CBCBCB"
|
90
|
+
},
|
86
91
|
iconChecked: {},
|
87
92
|
iconCheckedPrimary: {
|
88
93
|
backgroundColor: theme.palette.primary.main,
|
@@ -165,9 +170,13 @@ function HiSwitch(props) {
|
|
165
170
|
disabled = props.disabled,
|
166
171
|
other = (0, _objectWithoutProperties2.default)(props, ["classes", "className", "checked", "color", "disabled"]);
|
167
172
|
var isHiColor = ['primary', 'secondary', 'positive', 'negative', 'middle', 'neutral'].includes(color);
|
168
|
-
var iconClass = (0, _classnames.default)(classes.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.iconChecked, checked), (0, _defineProperty2.default)(_classNames, classes.iconCheckedNeutral, !disabled && checked && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["iconChecked".concat((0, _helpers.capitalize)(color))], !disabled && checked && isHiColor), (0, _defineProperty2.default)(_classNames, classes.iconDisabled, disabled), _classNames));
|
173
|
+
var iconClass = (0, _classnames.default)(classes.icon, (_classNames = {}, (0, _defineProperty2.default)(_classNames, classes.iconNotChecked, !checked), (0, _defineProperty2.default)(_classNames, classes.iconChecked, checked), (0, _defineProperty2.default)(_classNames, classes.iconCheckedNeutral, !disabled && checked && !isHiColor), (0, _defineProperty2.default)(_classNames, classes["iconChecked".concat((0, _helpers.capitalize)(color))], !disabled && checked && isHiColor), (0, _defineProperty2.default)(_classNames, classes.iconDisabled, disabled), _classNames));
|
174
|
+
|
175
|
+
var icon = /*#__PURE__*/_react.default.createElement(_Close.default, {
|
176
|
+
className: iconClass
|
177
|
+
});
|
169
178
|
|
170
|
-
var
|
179
|
+
var checkedIcon = /*#__PURE__*/_react.default.createElement(_Check.default, {
|
171
180
|
className: iconClass
|
172
181
|
});
|
173
182
|
|
@@ -181,7 +190,7 @@ function HiSwitch(props) {
|
|
181
190
|
checked: isHiColor && !disabled ? classes["checked".concat((0, _helpers.capitalize)(color))] : classes.checkedNeutral,
|
182
191
|
disabled: classes.disabled
|
183
192
|
},
|
184
|
-
checkedIcon:
|
193
|
+
checkedIcon: checkedIcon,
|
185
194
|
checked: checked,
|
186
195
|
disabled: disabled,
|
187
196
|
inputProps: {
|
package/es/hi-svg-icons/index.js
CHANGED
@@ -149,6 +149,12 @@ Object.defineProperty(exports, "HiPriceGrid", {
|
|
149
149
|
return _HiPriceGrid.default;
|
150
150
|
}
|
151
151
|
});
|
152
|
+
Object.defineProperty(exports, "HiPrivate", {
|
153
|
+
enumerable: true,
|
154
|
+
get: function get() {
|
155
|
+
return _HiPrivate.default;
|
156
|
+
}
|
157
|
+
});
|
152
158
|
Object.defineProperty(exports, "HiRoute", {
|
153
159
|
enumerable: true,
|
154
160
|
get: function get() {
|
@@ -276,6 +282,8 @@ var _HiPermission = _interopRequireDefault(require("./HiPermission"));
|
|
276
282
|
|
277
283
|
var _HiPriceGrid = _interopRequireDefault(require("./HiPriceGrid"));
|
278
284
|
|
285
|
+
var _HiPrivate = _interopRequireDefault(require("./HiPrivate"));
|
286
|
+
|
279
287
|
var _HiRoute = _interopRequireDefault(require("./HiRoute"));
|
280
288
|
|
281
289
|
var _HiRouteMenu = _interopRequireDefault(require("./HiRouteMenu"));
|
package/hi-svg-icons/index.js
CHANGED
@@ -149,6 +149,12 @@ Object.defineProperty(exports, "HiPriceGrid", {
|
|
149
149
|
return _HiPriceGrid.default;
|
150
150
|
}
|
151
151
|
});
|
152
|
+
Object.defineProperty(exports, "HiPrivate", {
|
153
|
+
enumerable: true,
|
154
|
+
get: function get() {
|
155
|
+
return _HiPrivate.default;
|
156
|
+
}
|
157
|
+
});
|
152
158
|
Object.defineProperty(exports, "HiRoute", {
|
153
159
|
enumerable: true,
|
154
160
|
get: function get() {
|
@@ -276,6 +282,8 @@ var _HiPermission = _interopRequireDefault(require("./HiPermission"));
|
|
276
282
|
|
277
283
|
var _HiPriceGrid = _interopRequireDefault(require("./HiPriceGrid"));
|
278
284
|
|
285
|
+
var _HiPrivate = _interopRequireDefault(require("./HiPrivate"));
|
286
|
+
|
279
287
|
var _HiRoute = _interopRequireDefault(require("./HiRoute"));
|
280
288
|
|
281
289
|
var _HiRouteMenu = _interopRequireDefault(require("./HiRouteMenu"));
|
package/package.json
CHANGED
@@ -1,55 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports.default = void 0;
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
|
-
|
12
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
13
|
-
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
-
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
17
|
-
|
18
|
-
var _pure = _interopRequireDefault(require("recompose/pure"));
|
19
|
-
|
20
|
-
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
21
|
-
|
22
|
-
var _styles = require("@material-ui/core/styles");
|
23
|
-
|
24
|
-
/**
|
25
|
-
* @ignore - internal component.
|
26
|
-
*/
|
27
|
-
var HiCalendarSliding = (0, _pure.default)(function (props) {
|
28
|
-
var theme = (0, _styles.useTheme)();
|
29
|
-
var _props$color = props.color,
|
30
|
-
color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
|
31
|
-
style = props.style,
|
32
|
-
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
33
|
-
return /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
|
34
|
-
style: (0, _objectSpread2.default)({}, style, {
|
35
|
-
fontSize: props.size || 24
|
36
|
-
})
|
37
|
-
}, other), /*#__PURE__*/_react.default.createElement("svg", {
|
38
|
-
viewBox: "0 0 543.72 543.72"
|
39
|
-
}, /*#__PURE__*/_react.default.createElement("path", {
|
40
|
-
d: "M407.48,0V54.75h26.74q22.92,0,38.83,15.28T489,109.51V489q0,22.92-15.92,38.84t-38.83,15.91H54.75q-22.92,0-38.83-15.91T0,489V109.51Q0,85.32,15.28,70T54.75,54.75H81.5V0h54.75V54.75H352.72V0Zm26.74,191H54.75V489H434.22Z",
|
41
|
-
fill: color
|
42
|
-
}), /*#__PURE__*/_react.default.createElement("path", {
|
43
|
-
d: "M398.68,348.27l-56.55,55.89V362.08H171.81a43.9,43.9,0,0,1-15.11,20.39q-10.51,7.88-25,7.88-17.73-.63-29.59-12.49c-7.87-7.87-11.82-17.77-11.82-29.59s3.95-21.69,11.82-29.59,17.77-12,29.59-12.48q14.46,0,25,7.87a44,44,0,0,1,15.11,20.39H342.13V292.38Z",
|
44
|
-
fill: color
|
45
|
-
}), /*#__PURE__*/_react.default.createElement("rect", {
|
46
|
-
x: "152.07",
|
47
|
-
y: "328.16",
|
48
|
-
width: "191.56",
|
49
|
-
height: "40.23",
|
50
|
-
fill: color
|
51
|
-
})));
|
52
|
-
});
|
53
|
-
HiCalendarSliding.muiName = 'SvgIcon';
|
54
|
-
var _default = HiCalendarSliding;
|
55
|
-
exports.default = _default;
|
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports.default = void 0;
|
9
|
-
|
10
|
-
var _theme = _interopRequireDefault(require("../theme"));
|
11
|
-
|
12
|
-
var _default = {
|
13
|
-
defaultTheme: _theme.default,
|
14
|
-
index: 1
|
15
|
-
};
|
16
|
-
exports.default = _default;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = void 0;
|
7
|
-
|
8
|
-
var _sinon = require("sinon");
|
9
|
-
|
10
|
-
var _default = function _default() {
|
11
|
-
console.error = (0, _sinon.spy)();
|
12
|
-
};
|
13
|
-
|
14
|
-
exports.default = _default;
|
@@ -1,55 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports.default = void 0;
|
9
|
-
|
10
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/extends"));
|
11
|
-
|
12
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
13
|
-
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
15
|
-
|
16
|
-
var _react = _interopRequireDefault(require("react"));
|
17
|
-
|
18
|
-
var _pure = _interopRequireDefault(require("recompose/pure"));
|
19
|
-
|
20
|
-
var _Icon = _interopRequireDefault(require("@material-ui/core/Icon"));
|
21
|
-
|
22
|
-
var _styles = require("@material-ui/core/styles");
|
23
|
-
|
24
|
-
/**
|
25
|
-
* @ignore - internal component.
|
26
|
-
*/
|
27
|
-
var HiCalendarSliding = (0, _pure.default)(function (props) {
|
28
|
-
var theme = (0, _styles.useTheme)();
|
29
|
-
var _props$color = props.color,
|
30
|
-
color = _props$color === void 0 ? props.color || theme.palette.neutral.main : _props$color,
|
31
|
-
style = props.style,
|
32
|
-
other = (0, _objectWithoutProperties2.default)(props, ["color", "style"]);
|
33
|
-
return /*#__PURE__*/_react.default.createElement(_Icon.default, (0, _extends2.default)({
|
34
|
-
style: (0, _objectSpread2.default)({}, style, {
|
35
|
-
fontSize: props.size || 24
|
36
|
-
})
|
37
|
-
}, other), /*#__PURE__*/_react.default.createElement("svg", {
|
38
|
-
viewBox: "0 0 543.72 543.72"
|
39
|
-
}, /*#__PURE__*/_react.default.createElement("path", {
|
40
|
-
d: "M407.48,0V54.75h26.74q22.92,0,38.83,15.28T489,109.51V489q0,22.92-15.92,38.84t-38.83,15.91H54.75q-22.92,0-38.83-15.91T0,489V109.51Q0,85.32,15.28,70T54.75,54.75H81.5V0h54.75V54.75H352.72V0Zm26.74,191H54.75V489H434.22Z",
|
41
|
-
fill: color
|
42
|
-
}), /*#__PURE__*/_react.default.createElement("path", {
|
43
|
-
d: "M398.68,348.27l-56.55,55.89V362.08H171.81a43.9,43.9,0,0,1-15.11,20.39q-10.51,7.88-25,7.88-17.73-.63-29.59-12.49c-7.87-7.87-11.82-17.77-11.82-29.59s3.95-21.69,11.82-29.59,17.77-12,29.59-12.48q14.46,0,25,7.87a44,44,0,0,1,15.11,20.39H342.13V292.38Z",
|
44
|
-
fill: color
|
45
|
-
}), /*#__PURE__*/_react.default.createElement("rect", {
|
46
|
-
x: "152.07",
|
47
|
-
y: "328.16",
|
48
|
-
width: "191.56",
|
49
|
-
height: "40.23",
|
50
|
-
fill: color
|
51
|
-
})));
|
52
|
-
});
|
53
|
-
HiCalendarSliding.muiName = 'SvgIcon';
|
54
|
-
var _default = HiCalendarSliding;
|
55
|
-
exports.default = _default;
|
package/styles/defaultOptions.js
DELETED
@@ -1,16 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
4
|
-
|
5
|
-
Object.defineProperty(exports, "__esModule", {
|
6
|
-
value: true
|
7
|
-
});
|
8
|
-
exports.default = void 0;
|
9
|
-
|
10
|
-
var _theme = _interopRequireDefault(require("../theme"));
|
11
|
-
|
12
|
-
var _default = {
|
13
|
-
defaultTheme: _theme.default,
|
14
|
-
index: 1
|
15
|
-
};
|
16
|
-
exports.default = _default;
|
@@ -1,14 +0,0 @@
|
|
1
|
-
"use strict";
|
2
|
-
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
4
|
-
value: true
|
5
|
-
});
|
6
|
-
exports.default = void 0;
|
7
|
-
|
8
|
-
var _sinon = require("sinon");
|
9
|
-
|
10
|
-
var _default = function _default() {
|
11
|
-
console.error = (0, _sinon.spy)();
|
12
|
-
};
|
13
|
-
|
14
|
-
exports.default = _default;
|