@hipay/hipay-material-ui 3.7.4 → 3.7.5
Sign up to get free protection for your applications and to get access to all the features.
- 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;
|