grevlingui 0.1.38 → 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 +12 -18
- 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/Buttons/MenuButton.js
CHANGED
|
@@ -1,39 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.symbol.description.js");
|
|
4
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
5
|
+
require("core-js/modules/es.regexp.test.js");
|
|
6
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
7
|
+
require("core-js/modules/es.weak-map.js");
|
|
8
|
+
require("core-js/modules/esnext.iterator.constructor.js");
|
|
9
|
+
require("core-js/modules/esnext.iterator.filter.js");
|
|
10
|
+
require("core-js/modules/esnext.iterator.for-each.js");
|
|
11
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
3
12
|
Object.defineProperty(exports, "__esModule", {
|
|
4
13
|
value: true
|
|
5
14
|
});
|
|
6
15
|
exports.MenuButton = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
9
|
-
|
|
10
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
17
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
18
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
21
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
22
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
23
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
24
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
25
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
26
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
27
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
28
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
22
29
|
const MenuButton = _ref => {
|
|
23
|
-
let
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
transitionTime = 300,
|
|
27
|
-
stageDelay =
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
const
|
|
34
|
-
|
|
30
|
+
let open = _ref.open,
|
|
31
|
+
setOpen = _ref.setOpen,
|
|
32
|
+
_ref$transitionTime = _ref.transitionTime,
|
|
33
|
+
transitionTime = _ref$transitionTime === void 0 ? 300 : _ref$transitionTime,
|
|
34
|
+
_ref$stageDelay = _ref.stageDelay,
|
|
35
|
+
stageDelay = _ref$stageDelay === void 0 ? 100 : _ref$stageDelay,
|
|
36
|
+
color = _ref.color,
|
|
37
|
+
backgroundColor = _ref.backgroundColor,
|
|
38
|
+
styles = _ref.styles,
|
|
39
|
+
className = _ref.className;
|
|
40
|
+
const _useState = (0, _react.useState)(false),
|
|
41
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
42
|
+
flip = _useState2[0],
|
|
43
|
+
setFlip = _useState2[1];
|
|
35
44
|
const renderPath = (_ref2, center) => {
|
|
36
|
-
let
|
|
45
|
+
let _ref3 = _slicedToArray(_ref2, 2),
|
|
46
|
+
d1 = _ref3[0],
|
|
47
|
+
d2 = _ref3[1];
|
|
37
48
|
return /*#__PURE__*/_react.default.createElement("path", {
|
|
38
49
|
style: {
|
|
39
50
|
transitionProperty: 'd',
|
|
@@ -45,14 +56,12 @@ const MenuButton = _ref => {
|
|
|
45
56
|
className: 'mainShape'
|
|
46
57
|
});
|
|
47
58
|
};
|
|
48
|
-
|
|
49
59
|
const icon = /*#__PURE__*/_react.default.createElement("svg", {
|
|
50
60
|
className: "xburgerButton",
|
|
51
61
|
viewBox: "0 0 132.29166 132.29167",
|
|
52
62
|
height: "30",
|
|
53
63
|
width: "30"
|
|
54
64
|
}, renderPath(flip ? ["m 3.3906325,100.69908 125.3180175,0.008 -0.001,18.59162 -125.3180167,-0.008 z", "M 28.846694,14.020461 117.45992,106.30873 104.83715,119.455 16.223931,27.166726 Z"] : ["m 4.0263095,14.267981 125.3180305,-0.01822 0.003,18.591625 -125.3180367,0.01823 z", "M 16.175122,106.15278 104.78835,13.864516 117.41112,27.010786 28.79789,119.29905 Z"], false), renderPath(["M 3.4245129,57.752314 H 128.74254 V 76.343939 H 3.4245129 Z", "M 67.752314,57.752314 H 67.752314 V 76.343939 H 67.752314 Z"], true), renderPath(flip ? ["m 4.0263095,14.267981 125.3180305,-0.01822 0.003,18.591625 -125.3180367,0.01823 z", "M 16.175122,106.15278 104.78835,13.864516 117.41112,27.010786 28.79789,119.29905 Z"] : ["m 3.3906325,100.69908 125.3180175,0.008 -0.001,18.59162 -125.3180167,-0.008 z", "M 28.846694,14.020461 117.45992,106.30873 104.83715,119.455 16.223931,27.166726 Z"], false));
|
|
55
|
-
|
|
56
65
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
57
66
|
className: "thingy"
|
|
58
67
|
}, flip), /*#__PURE__*/_react.default.createElement("button", {
|
|
@@ -66,5 +75,4 @@ const MenuButton = _ref => {
|
|
|
66
75
|
})
|
|
67
76
|
}, icon));
|
|
68
77
|
};
|
|
69
|
-
|
|
70
78
|
exports.MenuButton = MenuButton;
|
package/Buttons/ResetButton.js
CHANGED
|
@@ -1,30 +1,36 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.symbol.description.js");
|
|
4
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
5
|
+
require("core-js/modules/es.regexp.test.js");
|
|
6
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
7
|
+
require("core-js/modules/es.weak-map.js");
|
|
8
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
3
9
|
Object.defineProperty(exports, "__esModule", {
|
|
4
10
|
value: true
|
|
5
11
|
});
|
|
6
12
|
exports.ResetButton = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
9
|
-
|
|
10
13
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
14
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
15
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
16
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
18
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
19
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
20
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
16
21
|
const ResetButton = _ref => {
|
|
17
|
-
let
|
|
18
|
-
|
|
19
|
-
color = 'white',
|
|
20
|
-
backgroundColor
|
|
21
|
-
|
|
22
|
-
|
|
22
|
+
let _onClick = _ref.onClick,
|
|
23
|
+
_ref$color = _ref.color,
|
|
24
|
+
color = _ref$color === void 0 ? 'white' : _ref$color,
|
|
25
|
+
backgroundColor = _ref.backgroundColor;
|
|
26
|
+
const _useState = (0, _react.useState)(false),
|
|
27
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
28
|
+
spin = _useState2[0],
|
|
29
|
+
setSpin = _useState2[1];
|
|
23
30
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
24
31
|
className: "resetButton ".concat(spin ? 'spin' : ''),
|
|
25
32
|
onClick: () => {
|
|
26
33
|
_onClick();
|
|
27
|
-
|
|
28
34
|
if (spin) return;
|
|
29
35
|
setSpin(true);
|
|
30
36
|
setTimeout(() => {
|
|
@@ -47,5 +53,4 @@ const ResetButton = _ref => {
|
|
|
47
53
|
d: "M60.8172 6.52009L38.3382 17.6037L49.0722 39.3736L57.9016 35.0202L51.3837 21.8011L65.0334 15.0709L60.8172 6.52009Z"
|
|
48
54
|
})));
|
|
49
55
|
};
|
|
50
|
-
|
|
51
56
|
exports.ResetButton = ResetButton;
|
|
@@ -1,41 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.symbol.description.js");
|
|
4
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
5
|
+
require("core-js/modules/es.regexp.test.js");
|
|
6
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
7
|
+
require("core-js/modules/es.weak-map.js");
|
|
8
|
+
require("core-js/modules/esnext.iterator.constructor.js");
|
|
9
|
+
require("core-js/modules/esnext.iterator.filter.js");
|
|
10
|
+
require("core-js/modules/esnext.iterator.for-each.js");
|
|
11
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
3
12
|
Object.defineProperty(exports, "__esModule", {
|
|
4
13
|
value: true
|
|
5
14
|
});
|
|
6
15
|
exports.SettingsButton = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
9
|
-
|
|
10
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
17
|
require("./Buttons.css");
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
18
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
19
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
20
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
21
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
22
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
23
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
24
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
25
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
26
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
27
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
28
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
29
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
24
30
|
const SettingsButton = _ref => {
|
|
25
|
-
let
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
transitionTime = 300,
|
|
29
|
-
stageDelay =
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
31
|
+
let open = _ref.open,
|
|
32
|
+
setOpen = _ref.setOpen,
|
|
33
|
+
_ref$transitionTime = _ref.transitionTime,
|
|
34
|
+
transitionTime = _ref$transitionTime === void 0 ? 300 : _ref$transitionTime,
|
|
35
|
+
_ref$stageDelay = _ref.stageDelay,
|
|
36
|
+
stageDelay = _ref$stageDelay === void 0 ? 100 : _ref$stageDelay,
|
|
37
|
+
_ref$color = _ref.color,
|
|
38
|
+
color = _ref$color === void 0 ? 'white' : _ref$color,
|
|
39
|
+
backgroundColor = _ref.backgroundColor,
|
|
40
|
+
styles = _ref.styles,
|
|
41
|
+
className = _ref.className,
|
|
42
|
+
_ref$rounding = _ref.rounding,
|
|
43
|
+
rounding = _ref$rounding === void 0 ? 7 : _ref$rounding;
|
|
44
|
+
const _useState = (0, _react.useState)(Math.random()),
|
|
45
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
46
|
+
randomId = _useState2[0];
|
|
37
47
|
const rArray = open ? [0, 0] : [20, 35];
|
|
38
|
-
|
|
39
48
|
const getRekt = (deg, animate) => /*#__PURE__*/_react.default.createElement("rect", {
|
|
40
49
|
style: {
|
|
41
50
|
transitionProperty: 'x, width',
|
|
@@ -50,7 +59,6 @@ const SettingsButton = _ref => {
|
|
|
50
59
|
transform: "rotate(".concat(deg, " 50 50)"),
|
|
51
60
|
rx: rounding
|
|
52
61
|
});
|
|
53
|
-
|
|
54
62
|
const getCircle = (r, c) => /*#__PURE__*/_react.default.createElement("circle", {
|
|
55
63
|
style: {
|
|
56
64
|
transitionProperty: 'r',
|
|
@@ -62,7 +70,6 @@ const SettingsButton = _ref => {
|
|
|
62
70
|
cy: "50",
|
|
63
71
|
r: r
|
|
64
72
|
});
|
|
65
|
-
|
|
66
73
|
return /*#__PURE__*/_react.default.createElement("button", {
|
|
67
74
|
className: "settingsButton styleOverride ".concat(className),
|
|
68
75
|
onClick: () => {
|
|
@@ -87,5 +94,4 @@ const SettingsButton = _ref => {
|
|
|
87
94
|
id: "settingsButtonShapes"
|
|
88
95
|
}, getRekt(0, true), getRekt(45), getRekt(90, true), getRekt(135), getCircle(rArray[1], color))));
|
|
89
96
|
};
|
|
90
|
-
|
|
91
97
|
exports.SettingsButton = SettingsButton;
|
package/CheckBox.js
CHANGED
|
@@ -4,27 +4,23 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.CheckBox = 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 CheckBox = _ref => {
|
|
13
|
-
let
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
color = 'white',
|
|
18
|
-
v2,
|
|
19
|
-
time =
|
|
20
|
-
|
|
21
|
-
|
|
10
|
+
let checked = _ref.checked,
|
|
11
|
+
setChecked = _ref.setChecked,
|
|
12
|
+
label = _ref.label,
|
|
13
|
+
_ref$color = _ref.color,
|
|
14
|
+
color = _ref$color === void 0 ? 'white' : _ref$color,
|
|
15
|
+
v2 = _ref.v2,
|
|
16
|
+
_ref$time = _ref.time,
|
|
17
|
+
time = _ref$time === void 0 ? 200 : _ref$time;
|
|
22
18
|
const getStyle = (opening, i) => ({
|
|
23
19
|
transition: "height ".concat(time, "ms, width ").concat(time, "ms ").concat(opening ? 'ease-out' : 'ease-in'),
|
|
24
20
|
// transition: `height ${time}ms, width ${time}ms`,
|
|
25
|
-
transitionDelay: "".concat(i * time / 5, "ms")
|
|
21
|
+
transitionDelay: "".concat(i * time / 5, "ms"),
|
|
22
|
+
fill: color
|
|
26
23
|
});
|
|
27
|
-
|
|
28
24
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
29
25
|
className: "checkBoxWrapper ".concat(checked ? ' checked' : ''),
|
|
30
26
|
style: {
|
|
@@ -42,8 +38,7 @@ const CheckBox = _ref => {
|
|
|
42
38
|
}, /*#__PURE__*/_react.default.createElement("svg", {
|
|
43
39
|
viewBox: "0 0 132.29166 132.29167",
|
|
44
40
|
height: "35",
|
|
45
|
-
width: "35"
|
|
46
|
-
fill: color
|
|
41
|
+
width: "35"
|
|
47
42
|
}, !v2 ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("mask", {
|
|
48
43
|
id: "checkMask"
|
|
49
44
|
}, /*#__PURE__*/_react.default.createElement("rect", {
|
|
@@ -145,5 +140,4 @@ const CheckBox = _ref => {
|
|
|
145
140
|
}
|
|
146
141
|
}, label)));
|
|
147
142
|
};
|
|
148
|
-
|
|
149
143
|
exports.CheckBox = CheckBox;
|
package/Dots/Dots.js
CHANGED
|
@@ -4,30 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.Dots = void 0;
|
|
7
|
-
|
|
8
7
|
require("core-js/modules/es.array.includes.js");
|
|
9
|
-
|
|
10
8
|
require("core-js/modules/es.string.includes.js");
|
|
11
|
-
|
|
12
9
|
require("core-js/modules/web.dom-collections.iterator.js");
|
|
13
|
-
|
|
14
10
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
11
|
require("./Dots.css");
|
|
17
|
-
|
|
18
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
|
-
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
13
|
const Dots = _ref => {
|
|
21
14
|
var _grids$version$num;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
version = 0
|
|
27
|
-
} = _ref;
|
|
15
|
+
let num = _ref.num,
|
|
16
|
+
color = _ref.color,
|
|
17
|
+
_ref$version = _ref.version,
|
|
18
|
+
version = _ref$version === void 0 ? 0 : _ref$version;
|
|
28
19
|
const grids = [[[], [4], [0, 8], [0, 4, 8], [0, 2, 6, 8], [0, 2, 4, 6, 8], [0, 2, 3, 5, 6, 8], [0, 2, 3, 4, 5, 6, 8], [0, 1, 2, 3, 5, 6, 7, 8], [0, 1, 2, 3, 4, 5, 6, 7, 8]], [[], [4], [0, 8], [0, 4, 8], [0, 2, 6, 8], [0, 2, 4, 6, 8], [0, 2, 5, 6, 7, 8], [0, 2, 4, 5, 6, 7, 8], [0, 1, 2, 3, 5, 6, 7, 8], [0, 1, 2, 3, 4, 5, 6, 7, 8]], [[], [8], [4, 8], [2, 6, 8], [0, 2, 6, 8], [0, 2, 4, 6, 8], [0, 2, 5, 6, 7, 8], [0, 2, 4, 5, 6, 7, 8], [0, 1, 2, 3, 5, 6, 7, 8], [0, 1, 2, 3, 4, 5, 6, 7, 8]], [[], [0], [1, 4], [0, 1, 4], [0, 1, 4, 5], [0, 1, 4, 6, 9], [0, 1, 4, 5, 6, 9], [0, 1, 4, 5, 6, 9, 10], [0, 1, 4, 5, 6, 9, 11, 14], [0, 1, 4, 5, 6, 9, 10, 11, 14], [0, 1, 4, 5, 6, 9, 10, 11, 14, 15]], [[], [0], [0, 5], [0, 1, 4], [0, 1, 4, 5], [0, 1, 4, 5, 10], [0, 1, 4, 5, 6, 9], [0, 1, 4, 5, 6, 9, 10], [0, 1, 4, 5, 6, 9, 10, 15], [0, 1, 4, 5, 6, 9, 10, 11, 14], [0, 1, 4, 5, 6, 9, 10, 11, 14, 15]]];
|
|
29
20
|
const grid = (_grids$version$num = grids[version][num]) !== null && _grids$version$num !== void 0 ? _grids$version$num : [];
|
|
30
|
-
|
|
31
21
|
const renderDot = i => grid.includes(i) ? /*#__PURE__*/_react.default.createElement("div", {
|
|
32
22
|
key: "dot-".concat(i),
|
|
33
23
|
className: "dot",
|
|
@@ -37,10 +27,8 @@ const Dots = _ref => {
|
|
|
37
27
|
}) : /*#__PURE__*/_react.default.createElement("div", {
|
|
38
28
|
key: "dot-".concat(i)
|
|
39
29
|
});
|
|
40
|
-
|
|
41
30
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
42
31
|
className: "dots".concat(version ? ' flipped' : '').concat(version > 2 ? ' big' : '')
|
|
43
32
|
}, [...Array(version > 2 ? 16 : 9).keys()].map(renderDot));
|
|
44
33
|
};
|
|
45
|
-
|
|
46
34
|
exports.Dots = Dots;
|
package/Loader/Loader.js
CHANGED
|
@@ -1,36 +1,32 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/esnext.iterator.constructor.js");
|
|
4
|
+
require("core-js/modules/esnext.iterator.filter.js");
|
|
5
|
+
require("core-js/modules/esnext.iterator.for-each.js");
|
|
3
6
|
Object.defineProperty(exports, "__esModule", {
|
|
4
7
|
value: true
|
|
5
8
|
});
|
|
6
9
|
exports.Loader = void 0;
|
|
7
|
-
|
|
8
10
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
11
|
require("./Loader.css");
|
|
11
|
-
|
|
12
|
-
function
|
|
13
|
-
|
|
14
|
-
function
|
|
15
|
-
|
|
16
|
-
function
|
|
17
|
-
|
|
18
|
-
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
-
|
|
12
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
14
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
15
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
16
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
17
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
20
18
|
const Loader = _ref => {
|
|
21
|
-
let
|
|
22
|
-
color = 'black',
|
|
23
|
-
size =
|
|
24
|
-
|
|
25
|
-
speed =
|
|
26
|
-
|
|
27
|
-
|
|
19
|
+
let _ref$color = _ref.color,
|
|
20
|
+
color = _ref$color === void 0 ? 'black' : _ref$color,
|
|
21
|
+
_ref$size = _ref.size,
|
|
22
|
+
size = _ref$size === void 0 ? '10rem' : _ref$size,
|
|
23
|
+
_ref$speed = _ref.speed,
|
|
24
|
+
speed = _ref$speed === void 0 ? 5000 : _ref$speed;
|
|
28
25
|
const spin = cc => ({
|
|
29
26
|
WebkitAnimation: "spin".concat(cc ? 'CC' : '', " ").concat(speed, "ms linear infinite"),
|
|
30
27
|
MozAnimation: "spin".concat(cc ? 'CC' : '', " ").concat(speed, "ms linear infinite"),
|
|
31
28
|
animation: "spin".concat(cc ? 'CC' : '', " ").concat(speed, "ms linear infinite")
|
|
32
29
|
});
|
|
33
|
-
|
|
34
30
|
return /*#__PURE__*/_react.default.createElement("svg", {
|
|
35
31
|
className: "grevloadinger",
|
|
36
32
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -68,5 +64,4 @@ const Loader = _ref => {
|
|
|
68
64
|
}, spin(true))
|
|
69
65
|
})));
|
|
70
66
|
};
|
|
71
|
-
|
|
72
67
|
exports.Loader = Loader;
|
package/Menu/Menu.js
CHANGED
|
@@ -1,49 +1,57 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
require("core-js/modules/es.symbol.description.js");
|
|
4
|
+
require("core-js/modules/es.regexp.exec.js");
|
|
5
|
+
require("core-js/modules/es.regexp.test.js");
|
|
6
|
+
require("core-js/modules/es.regexp.to-string.js");
|
|
7
|
+
require("core-js/modules/es.weak-map.js");
|
|
8
|
+
require("core-js/modules/esnext.iterator.constructor.js");
|
|
9
|
+
require("core-js/modules/esnext.iterator.filter.js");
|
|
10
|
+
require("core-js/modules/esnext.iterator.for-each.js");
|
|
11
|
+
require("core-js/modules/web.dom-collections.iterator.js");
|
|
3
12
|
Object.defineProperty(exports, "__esModule", {
|
|
4
13
|
value: true
|
|
5
14
|
});
|
|
6
15
|
exports.Menu = void 0;
|
|
7
|
-
|
|
8
|
-
require("core-js/modules/web.dom-collections.iterator.js");
|
|
9
|
-
|
|
10
16
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
17
|
require("./Menu.css");
|
|
13
|
-
|
|
14
18
|
var _MenuButton = require("../Buttons/MenuButton");
|
|
15
|
-
|
|
16
19
|
var _SettingsButton = require("../Buttons/SettingsButton");
|
|
17
|
-
|
|
18
|
-
function
|
|
19
|
-
|
|
20
|
-
function
|
|
21
|
-
|
|
22
|
-
function
|
|
23
|
-
|
|
24
|
-
function
|
|
25
|
-
|
|
26
|
-
function
|
|
27
|
-
|
|
20
|
+
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
21
|
+
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
|
+
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
23
|
+
function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
|
|
24
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
25
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
26
|
+
function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
|
|
27
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
28
|
+
function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r) return _arrayLikeToArray(r, a); var t = {}.toString.call(r).slice(8, -1); return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0; } }
|
|
29
|
+
function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
|
|
30
|
+
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
31
|
+
function _arrayWithHoles(r) { if (Array.isArray(r)) return r; }
|
|
28
32
|
const Menu = _ref => {
|
|
29
|
-
let
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
transitionTime = 300,
|
|
34
|
-
zIndex =
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
33
|
+
let children = _ref.children,
|
|
34
|
+
onCloseClickOverride = _ref.onCloseClickOverride,
|
|
35
|
+
shouldCloseOnClick = _ref.shouldCloseOnClick,
|
|
36
|
+
_ref$transitionTime = _ref.transitionTime,
|
|
37
|
+
transitionTime = _ref$transitionTime === void 0 ? 300 : _ref$transitionTime,
|
|
38
|
+
_ref$zIndex = _ref.zIndex,
|
|
39
|
+
zIndex = _ref$zIndex === void 0 ? 2 : _ref$zIndex,
|
|
40
|
+
color = _ref.color,
|
|
41
|
+
bgColor = _ref.bgColor,
|
|
42
|
+
menuBgColor = _ref.menuBgColor,
|
|
43
|
+
_ref$backdropColor = _ref.backdropColor,
|
|
44
|
+
backdropColor = _ref$backdropColor === void 0 ? '#e3e6e850' : _ref$backdropColor,
|
|
45
|
+
settings = _ref.settings,
|
|
46
|
+
renderButton = _ref.renderButton,
|
|
47
|
+
className = _ref.className,
|
|
48
|
+
fullSlider = _ref.fullSlider,
|
|
49
|
+
fader = _ref.fader,
|
|
50
|
+
left = _ref.left;
|
|
51
|
+
const _useState = (0, _react.useState)(false),
|
|
52
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
53
|
+
show = _useState2[0],
|
|
54
|
+
setShow = _useState2[1];
|
|
47
55
|
let button;
|
|
48
56
|
if (renderButton) button = renderButton(show, setShow, transitionTime, color, bgColor);else {
|
|
49
57
|
const Button = settings ? _SettingsButton.SettingsButton : _MenuButton.MenuButton;
|
|
@@ -92,5 +100,4 @@ const Menu = _ref => {
|
|
|
92
100
|
}
|
|
93
101
|
}), button, container);
|
|
94
102
|
};
|
|
95
|
-
|
|
96
103
|
exports.Menu = Menu;
|
|
@@ -3,6 +3,26 @@
|
|
|
3
3
|
.numberSelect {
|
|
4
4
|
position: relative;
|
|
5
5
|
z-index: 2;
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.swipeBlobContainer {
|
|
11
|
+
position: absolute;
|
|
12
|
+
top: 0;
|
|
13
|
+
left: 0;
|
|
14
|
+
right: 0;
|
|
15
|
+
bottom: 0;
|
|
16
|
+
|
|
17
|
+
/*display: flex;*/
|
|
18
|
+
/*align-items: center;*/
|
|
19
|
+
/*justify-content: center;*/
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
.swipeBlobContainer .swipeBlob {
|
|
23
|
+
background-color: hotpink;
|
|
24
|
+
position: absolute;
|
|
25
|
+
/*border-radius: 100%;*/
|
|
6
26
|
}
|
|
7
27
|
|
|
8
28
|
.numberSelect_editing {
|