grevlingui 0.1.0 → 0.1.1

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.
Files changed (3) hide show
  1. package/Buttons/MenuButton.js +10 -5
  2. package/Buttons/SettingsButton.js +11 -7
  3. package/package.json +1 -1
package/Buttons/MenuButton.js CHANGED
@@ -7,7 +7,11 @@ exports.MenuButton = void 0;
7
7
 
8
8
  require("core-js/modules/web.dom-collections.iterator.js");
9
9
 
10
- var _react = require("react");
10
+ var _react = _interopRequireWildcard(require("react"));
11
+
12
+ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
13
+
14
+ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
11
15
 
12
16
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
13
17
 
@@ -30,7 +34,7 @@ const MenuButton = _ref => {
30
34
 
31
35
  const renderPath = (_ref2, center) => {
32
36
  let [d1, d2] = _ref2;
33
- return /*#__PURE__*/React.createElement("path", {
37
+ return /*#__PURE__*/_react.default.createElement("path", {
34
38
  style: {
35
39
  transitionProperty: 'd',
36
40
  transitionDuration: "".concat(transitionTime, "ms"),
@@ -42,15 +46,16 @@ const MenuButton = _ref => {
42
46
  });
43
47
  };
44
48
 
45
- const icon = /*#__PURE__*/React.createElement("svg", {
49
+ const icon = /*#__PURE__*/_react.default.createElement("svg", {
46
50
  className: "xburgerButton",
47
51
  viewBox: "0 0 132.29166 132.29167",
48
52
  height: "30",
49
53
  width: "30"
50
54
  }, 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));
51
- return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
55
+
56
+ return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
52
57
  className: "thingy"
53
- }, flip), /*#__PURE__*/React.createElement("button", {
58
+ }, flip), /*#__PURE__*/_react.default.createElement("button", {
54
59
  className: "xburgerMenuButton styleOverride ".concat(className),
55
60
  onClick: () => {
56
61
  if (open) setFlip(f => !f);
package/Buttons/SettingsButton.js CHANGED
@@ -5,8 +5,12 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.SettingsButton = void 0;
7
7
 
8
+ var _react = _interopRequireDefault(require("react"));
9
+
8
10
  require("./Buttons.css");
9
11
 
12
+ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
13
+
10
14
  function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
11
15
 
12
16
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -27,7 +31,7 @@ const SettingsButton = _ref => {
27
31
  } = _ref;
28
32
  const rArray = open ? [0, 0] : [20, 35];
29
33
 
30
- const getRekt = (deg, animate) => /*#__PURE__*/React.createElement("rect", {
34
+ const getRekt = (deg, animate) => /*#__PURE__*/_react.default.createElement("rect", {
31
35
  style: {
32
36
  transitionProperty: 'x, width',
33
37
  transitionDuration: "".concat(transitionTime, "ms, ").concat(transitionTime, "ms"),
@@ -42,7 +46,7 @@ const SettingsButton = _ref => {
42
46
  rx: rounding
43
47
  });
44
48
 
45
- const getCircle = (r, color) => /*#__PURE__*/React.createElement("circle", {
49
+ const getCircle = (r, color) => /*#__PURE__*/_react.default.createElement("circle", {
46
50
  style: {
47
51
  transitionProperty: 'r',
48
52
  transitionDuration: "".concat(transitionTime, "ms"),
@@ -54,7 +58,7 @@ const SettingsButton = _ref => {
54
58
  r: r
55
59
  });
56
60
 
57
- return /*#__PURE__*/React.createElement("button", {
61
+ return /*#__PURE__*/_react.default.createElement("button", {
58
62
  className: "settingsButton styleOverride ".concat(className),
59
63
  onClick: () => {
60
64
  setOpen(!open);
@@ -62,18 +66,18 @@ const SettingsButton = _ref => {
62
66
  style: _objectSpread(_objectSpread({}, styles), {}, {
63
67
  backgroundColor
64
68
  })
65
- }, /*#__PURE__*/React.createElement("svg", {
69
+ }, /*#__PURE__*/_react.default.createElement("svg", {
66
70
  viewBox: "0 0 100 100",
67
71
  xmlns: "http://www.w3.org/2000/svg"
68
- }, /*#__PURE__*/React.createElement("mask", {
72
+ }, /*#__PURE__*/_react.default.createElement("mask", {
69
73
  id: "gearMask"
70
- }, /*#__PURE__*/React.createElement("rect", {
74
+ }, /*#__PURE__*/_react.default.createElement("rect", {
71
75
  x: "0",
72
76
  y: "0",
73
77
  height: "100",
74
78
  width: "100",
75
79
  fill: "white"
76
- }), getCircle(rArray[0])), /*#__PURE__*/React.createElement("g", {
80
+ }), getCircle(rArray[0])), /*#__PURE__*/_react.default.createElement("g", {
77
81
  mask: "url(#gearMask)",
78
82
  id: "settingsButtonShapes"
79
83
  }, getRekt(0, true), getRekt(45), getRekt(90, true), getRekt(135), getCircle(rArray[1], c !== null && c !== void 0 ? c : 'white'))));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "grevlingui",
3
- "version": "0.1.0",
3
+ "version": "0.1.1",
4
4
  "description": "GUI elements",
5
5
  "main": "index.jsx",
6
6
  "repository": {