grevlingui 0.1.39 → 0.1.40
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/Buttons/MenuButton.js +38 -30
- package/Buttons/ResetButton.js +21 -16
- package/Buttons/SettingsButton.js +37 -31
- package/CheckBox.js +9 -15
- package/Dots/Dots.js +5 -17
- package/Loader/Loader.js +15 -20
- package/Menu/Menu.js +43 -36
- package/NumberSelect/NumberSelect.css +20 -0
- package/NumberSelect/NumberSelect.js +123 -53
- package/NumberSliderSelect/NumberSliderSelect.js +68 -47
- package/PaneView/PaneView.js +7 -15
- package/Radio/RadioButton.js +5 -13
- package/Radio/RadioGroup.js +7 -12
- package/Radio/index.js +0 -2
- package/SunMoon.js +11 -16
- package/ToggleSwitch.js +10 -16
- package/index.js +1 -17
- package/package.json +1 -1
- package/utils/UseEffectOnce.js +1 -5
- package/utils/UseEffectPartialDeps.js +1 -5
package/ToggleSwitch.js
CHANGED
|
@@ -4,22 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ToggleSwitch = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
8
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
9
|
const ToggleSwitch = _ref => {
|
|
13
|
-
let
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
color
|
|
20
|
-
} = _ref;
|
|
10
|
+
let active = _ref.active,
|
|
11
|
+
onChange = _ref.onChange,
|
|
12
|
+
label = _ref.label,
|
|
13
|
+
transitionTime = _ref.transitionTime,
|
|
14
|
+
easing = _ref.easing,
|
|
15
|
+
color = _ref.color;
|
|
21
16
|
const tt = transitionTime || 100,
|
|
22
|
-
|
|
17
|
+
e = easing || 'ease-out';
|
|
23
18
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
24
19
|
style: {
|
|
25
20
|
display: 'inline-block'
|
|
@@ -36,8 +31,8 @@ const ToggleSwitch = _ref => {
|
|
|
36
31
|
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
37
32
|
viewBox: "0 0 132.29166 132.29167",
|
|
38
33
|
height: "55",
|
|
39
|
-
width: "55"
|
|
40
|
-
|
|
34
|
+
width: "55"
|
|
35
|
+
// height="35" width="35"
|
|
41
36
|
}, /*#__PURE__*/_react.default.createElement("path", {
|
|
42
37
|
d: "m 38.052687,47.864419 h 54.916086 c 27.034327,2.305319 25.559797,39.054731 0,40.30747 H 38.075448 C 10.11119,87.499017 11.297192,48.014766 38.052687,47.864419 Z",
|
|
43
38
|
className: 'track'
|
|
@@ -57,5 +52,4 @@ const ToggleSwitch = _ref => {
|
|
|
57
52
|
}
|
|
58
53
|
}, label)));
|
|
59
54
|
};
|
|
60
|
-
|
|
61
55
|
exports.ToggleSwitch = ToggleSwitch;
|
package/index.js
CHANGED
|
@@ -99,35 +99,19 @@ Object.defineProperty(exports, "UseEffectPartialDeps", {
|
|
|
99
99
|
return _UseEffectPartialDeps.default;
|
|
100
100
|
}
|
|
101
101
|
});
|
|
102
|
-
|
|
103
102
|
var _UseEffectOnce = _interopRequireDefault(require("./utils/UseEffectOnce"));
|
|
104
|
-
|
|
105
103
|
var _UseEffectPartialDeps = _interopRequireDefault(require("./utils/UseEffectPartialDeps"));
|
|
106
|
-
|
|
107
104
|
var _Menu = require("./Menu/Menu");
|
|
108
|
-
|
|
109
105
|
var _SettingsButton = require("./Buttons/SettingsButton");
|
|
110
|
-
|
|
111
106
|
var _MenuButton = require("./Buttons/MenuButton");
|
|
112
|
-
|
|
113
107
|
var _ResetButton = require("./Buttons/ResetButton");
|
|
114
|
-
|
|
115
108
|
var _Radio = require("./Radio");
|
|
116
|
-
|
|
117
109
|
var _CheckBox = require("./CheckBox");
|
|
118
|
-
|
|
119
110
|
var _Dots = require("./Dots/Dots");
|
|
120
|
-
|
|
121
111
|
var _SunMoon = require("./SunMoon");
|
|
122
|
-
|
|
123
112
|
var _ToggleSwitch = require("./ToggleSwitch");
|
|
124
|
-
|
|
125
113
|
var _NumberSliderSelect = require("./NumberSliderSelect/NumberSliderSelect");
|
|
126
|
-
|
|
127
114
|
var _NumberSelect = require("./NumberSelect/NumberSelect");
|
|
128
|
-
|
|
129
115
|
var _PaneView = require("./PaneView/PaneView");
|
|
130
|
-
|
|
131
116
|
var _Loader = require("./Loader/Loader");
|
|
132
|
-
|
|
133
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
117
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
package/package.json
CHANGED
package/utils/UseEffectOnce.js
CHANGED
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
const useEffectOnce = effect => {
|
|
11
9
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
12
10
|
(0, _react.useEffect)(effect, []);
|
|
13
11
|
};
|
|
14
|
-
|
|
15
|
-
var _default = useEffectOnce;
|
|
16
|
-
exports.default = _default;
|
|
12
|
+
var _default = exports.default = useEffectOnce;
|
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("react");
|
|
9
|
-
|
|
10
8
|
const useEffectPartialDeps = (effect, deps) => {
|
|
11
9
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
12
10
|
(0, _react.useEffect)(effect, deps);
|
|
13
11
|
};
|
|
14
|
-
|
|
15
|
-
var _default = useEffectPartialDeps;
|
|
16
|
-
exports.default = _default;
|
|
12
|
+
var _default = exports.default = useEffectPartialDeps;
|