react-electronix 1.0.10 → 1.0.11
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/dist/cjs/components/Mac/Mac.js +1 -1
- package/dist/cjs/components/Mac/Mac.js.map +1 -1
- package/dist/cjs/components/Mac/Mac.styles.js +1 -1
- package/dist/esm/components/Mac/Mac.js +1 -1
- package/dist/esm/components/Mac/Mac.js.map +1 -1
- package/dist/esm/components/Mac/Mac.styles.js +1 -1
- package/package.json +2 -2
|
@@ -6,7 +6,7 @@ var react_1 = tslib_1.__importStar(require("react"));
|
|
|
6
6
|
var _1 = require(".");
|
|
7
7
|
var Startup_1 = require("./components/Startup");
|
|
8
8
|
var Mac = function (_a) {
|
|
9
|
-
var startup = _a.startup, animateOpen = _a.animateOpen, open = _a.open, width = _a.width, openAngle = _a.openAngle, children = _a.children, _b = _a.perspective, perspective = _b === void 0 ?
|
|
9
|
+
var startup = _a.startup, animateOpen = _a.animateOpen, open = _a.open, width = _a.width, openAngle = _a.openAngle, children = _a.children, _b = _a.perspective, perspective = _b === void 0 ? 2000 : _b;
|
|
10
10
|
var _c = (0, react_1.useState)(animateOpen ? false : open), macOpen = _c[0], setMacOpen = _c[1];
|
|
11
11
|
var styles = (0, _1.useStyles)({ width: width, macOpen: macOpen, openAngle: openAngle, perspective: perspective });
|
|
12
12
|
(0, react_1.useEffect)(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mac.js","sourceRoot":"","sources":["../../../../src/components/Mac/Mac.tsx"],"names":[],"mappings":";;;;AAAA,qDAAmD;AACnD,sBAAwC;AACxC,gDAA+C;AAExC,IAAM,GAAG,GAAG,UAAC,EAQT;QAPP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,
|
|
1
|
+
{"version":3,"file":"Mac.js","sourceRoot":"","sources":["../../../../src/components/Mac/Mac.tsx"],"names":[],"mappings":";;;;AAAA,qDAAmD;AACnD,sBAAwC;AACxC,gDAA+C;AAExC,IAAM,GAAG,GAAG,UAAC,EAQT;QAPP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA;IAEZ,IAAA,KAAwB,IAAA,gBAAQ,EAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAA3D,OAAO,QAAA,EAAE,UAAU,QAAwC,CAAA;IAClE,IAAM,MAAM,GAAG,IAAA,YAAS,EAAC,EAAE,KAAK,OAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAA;IAEpE,IAAA,iBAAS,EAAC;QACN,IAAI,WAAW,EAAE;YACb,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAAE,GAAG,CAAC,CAAA;SAC1C;aAAM;YACH,UAAU,CAAC,IAAI,CAAC,CAAA;SACnB;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IACvB,OAAO,CACH,0CAAK,KAAK,EAAE,MAAM,CAAC,GAAG;QAClB,0CAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,MAAM,CAAC,UAAU;YACjD,0CAAK,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAQ;YAC9C,0CAAK,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,GAAG;gBAClC,0CAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM;oBACxC,0CAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAQ;oBACpD,iCAAC,iBAAO,IAAC,IAAI,EAAE,OAAO,GAAI;oBAC1B,0CAAK,KAAK,EAAE,MAAM,CAAC,aAAa,IAC3B,QAAQ,CACP,CACJ;gBACN,0CAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM,CAAC,SAAS,kBAAmB;gBACrE,0CAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAQ,CAC7D,CACJ;QACN,0CAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,MAAM,CAAC,aAAa;YACvD,0CAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAQ;YAC/D,0CAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM;gBACxC,0CAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAQ;gBACpD,0CAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAQ,CAC7D,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA;AA5CY,QAAA,GAAG,OA4Cf"}
|
|
@@ -11,7 +11,7 @@ var useStyles = function (_a) {
|
|
|
11
11
|
flexDirection: 'column',
|
|
12
12
|
justifyContent: 'center',
|
|
13
13
|
alignItems: 'center',
|
|
14
|
-
perspective: "".concat(perspective, "
|
|
14
|
+
perspective: "".concat(perspective, "px"),
|
|
15
15
|
perspectiveOrigin: '50% 100%',
|
|
16
16
|
transition: 'right 1s',
|
|
17
17
|
margin: "0 ".concat(width / 9, "px")
|
|
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from 'react';
|
|
|
2
2
|
import { useStyles } from '.';
|
|
3
3
|
import { Startup } from './components/Startup';
|
|
4
4
|
export var Mac = function (_a) {
|
|
5
|
-
var startup = _a.startup, animateOpen = _a.animateOpen, open = _a.open, width = _a.width, openAngle = _a.openAngle, children = _a.children, _b = _a.perspective, perspective = _b === void 0 ?
|
|
5
|
+
var startup = _a.startup, animateOpen = _a.animateOpen, open = _a.open, width = _a.width, openAngle = _a.openAngle, children = _a.children, _b = _a.perspective, perspective = _b === void 0 ? 2000 : _b;
|
|
6
6
|
var _c = useState(animateOpen ? false : open), macOpen = _c[0], setMacOpen = _c[1];
|
|
7
7
|
var styles = useStyles({ width: width, macOpen: macOpen, openAngle: openAngle, perspective: perspective });
|
|
8
8
|
useEffect(function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mac.js","sourceRoot":"","sources":["../../../../src/components/Mac/Mac.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAY,SAAS,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,MAAM,CAAC,IAAM,GAAG,GAAG,UAAC,EAQT;QAPP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,
|
|
1
|
+
{"version":3,"file":"Mac.js","sourceRoot":"","sources":["../../../../src/components/Mac/Mac.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACnD,OAAO,EAAY,SAAS,EAAE,MAAM,GAAG,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE/C,MAAM,CAAC,IAAM,GAAG,GAAG,UAAC,EAQT;QAPP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,mBAAkB,EAAlB,WAAW,mBAAG,IAAI,KAAA;IAEZ,IAAA,KAAwB,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,EAA3D,OAAO,QAAA,EAAE,UAAU,QAAwC,CAAA;IAClE,IAAM,MAAM,GAAG,SAAS,CAAC,EAAE,KAAK,OAAA,EAAE,OAAO,SAAA,EAAE,SAAS,WAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAA;IAEpE,SAAS,CAAC;QACN,IAAI,WAAW,EAAE;YACb,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,IAAI,CAAC,EAAhB,CAAgB,EAAE,GAAG,CAAC,CAAA;SAC1C;aAAM;YACH,UAAU,CAAC,IAAI,CAAC,CAAA;SACnB;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC,CAAA;IACvB,OAAO,CACH,6BAAK,KAAK,EAAE,MAAM,CAAC,GAAG;QAClB,6BAAK,SAAS,EAAC,aAAa,EAAC,KAAK,EAAE,MAAM,CAAC,UAAU;YACjD,6BAAK,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,GAAG,GAAQ;YAC9C,6BAAK,SAAS,EAAC,KAAK,EAAC,KAAK,EAAE,MAAM,CAAC,GAAG;gBAClC,6BAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM;oBACxC,6BAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAQ;oBACpD,oBAAC,OAAO,IAAC,IAAI,EAAE,OAAO,GAAI;oBAC1B,6BAAK,KAAK,EAAE,MAAM,CAAC,aAAa,IAC3B,QAAQ,CACP,CACJ;gBACN,6BAAK,SAAS,EAAC,WAAW,EAAC,KAAK,EAAE,MAAM,CAAC,SAAS,kBAAmB;gBACrE,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAQ,CAC7D,CACJ;QACN,6BAAK,SAAS,EAAC,gBAAgB,EAAC,KAAK,EAAE,MAAM,CAAC,aAAa;YACvD,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAQ;YAC/D,6BAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM;gBACxC,6BAAK,SAAS,EAAC,QAAQ,EAAC,KAAK,EAAE,MAAM,CAAC,MAAM,GAAQ;gBACpD,6BAAK,SAAS,EAAC,cAAc,EAAC,KAAK,EAAE,MAAM,CAAC,WAAW,GAAQ,CAC7D,CACJ,CACJ,CACT,CAAA;AACL,CAAC,CAAA"}
|
|
@@ -8,7 +8,7 @@ export var useStyles = function (_a) {
|
|
|
8
8
|
flexDirection: 'column',
|
|
9
9
|
justifyContent: 'center',
|
|
10
10
|
alignItems: 'center',
|
|
11
|
-
perspective: "".concat(perspective, "
|
|
11
|
+
perspective: "".concat(perspective, "px"),
|
|
12
12
|
perspectiveOrigin: '50% 100%',
|
|
13
13
|
transition: 'right 1s',
|
|
14
14
|
margin: "0 ".concat(width / 9, "px")
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "react-electronix",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.11",
|
|
4
4
|
"description": "",
|
|
5
5
|
"main": "./dist/cjs/index.js",
|
|
6
6
|
"module": "./dist/esm/index.js",
|
|
7
7
|
"types": "./dist/esm/index.d.ts",
|
|
8
8
|
"scripts": {
|
|
9
9
|
"build": "npm run build:esm && npm run build:cjs",
|
|
10
|
-
"build:esm": "
|
|
10
|
+
"build:esm": "tsc",
|
|
11
11
|
"build:cjs": "tsc --module commonjs --outDir dist/cjs",
|
|
12
12
|
"lint": "eslint \"{**/*,*}.{js,ts,jsx,tsx}\"",
|
|
13
13
|
"dev": "npm-watch"
|