react-electronix 1.0.6 → 1.0.8
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.d.ts +1 -1
- package/dist/cjs/components/Mac/Mac.js +3 -3
- package/dist/cjs/components/Mac/Mac.js.map +1 -1
- package/dist/cjs/components/Mac/Mac.props.d.ts +1 -0
- package/dist/cjs/components/Mac/Mac.styles.d.ts +2 -1
- package/dist/cjs/components/Mac/Mac.styles.js +2 -2
- package/dist/cjs/components/Mac/Mac.styles.js.map +1 -1
- package/dist/esm/components/Mac/Mac.d.ts +1 -1
- package/dist/esm/components/Mac/Mac.js +3 -3
- package/dist/esm/components/Mac/Mac.js.map +1 -1
- package/dist/esm/components/Mac/Mac.props.d.ts +1 -0
- package/dist/esm/components/Mac/Mac.styles.d.ts +2 -1
- package/dist/esm/components/Mac/Mac.styles.js +2 -2
- package/dist/esm/components/Mac/Mac.styles.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { MacProps } from '.';
|
|
3
|
-
export declare const Mac: ({ startup, animateOpen, open, width, openAngle, children }: MacProps) => React.JSX.Element;
|
|
3
|
+
export declare const Mac: ({ startup, animateOpen, open, width, openAngle, children, perspective }: MacProps) => React.JSX.Element;
|
|
@@ -6,9 +6,9 @@ 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;
|
|
10
|
-
var
|
|
11
|
-
var styles = (0, _1.useStyles)({ width: width, macOpen: macOpen, openAngle: openAngle });
|
|
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 ? 120 : _b;
|
|
10
|
+
var _c = (0, react_1.useState)(animateOpen ? false : open), macOpen = _c[0], setMacOpen = _c[1];
|
|
11
|
+
var styles = (0, _1.useStyles)({ width: width, macOpen: macOpen, openAngle: openAngle, perspective: perspective });
|
|
12
12
|
(0, react_1.useEffect)(function () {
|
|
13
13
|
if (animateOpen) {
|
|
14
14
|
setTimeout(function () { return setMacOpen(open); }, 100);
|
|
@@ -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,
|
|
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,mBAAiB,EAAjB,WAAW,mBAAG,GAAG,KAAA;IAEX,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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const useStyles: ({ width, macOpen, openAngle }: StylesProps) => Styles;
|
|
2
|
+
export declare const useStyles: ({ width, macOpen, openAngle, perspective }: StylesProps) => Styles;
|
|
3
3
|
interface StylesProps {
|
|
4
4
|
width: number;
|
|
5
5
|
macOpen: boolean;
|
|
6
6
|
openAngle?: number;
|
|
7
|
+
perspective?: number;
|
|
7
8
|
}
|
|
8
9
|
interface Styles {
|
|
9
10
|
[key: string]: React.CSSProperties;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
exports.__esModule = true;
|
|
3
3
|
exports.useStyles = void 0;
|
|
4
4
|
var useStyles = function (_a) {
|
|
5
|
-
var width = _a.width, macOpen = _a.macOpen, openAngle = _a.openAngle;
|
|
5
|
+
var width = _a.width, macOpen = _a.macOpen, openAngle = _a.openAngle, perspective = _a.perspective;
|
|
6
6
|
return ({
|
|
7
7
|
mac: {
|
|
8
8
|
width: width,
|
|
@@ -11,7 +11,7 @@ var useStyles = function (_a) {
|
|
|
11
11
|
flexDirection: 'column',
|
|
12
12
|
justifyContent: 'center',
|
|
13
13
|
alignItems: 'center',
|
|
14
|
-
perspective:
|
|
14
|
+
perspective: "".concat(perspective, "vw"),
|
|
15
15
|
perspectiveOrigin: '50% 100%',
|
|
16
16
|
transition: 'right 1s',
|
|
17
17
|
margin: '0 150px'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mac.styles.js","sourceRoot":"","sources":["../../../../src/components/Mac/Mac.styles.ts"],"names":[],"mappings":";;;AAAO,IAAM,SAAS,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Mac.styles.js","sourceRoot":"","sources":["../../../../src/components/Mac/Mac.styles.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { MacProps } from '.';
|
|
3
|
-
export declare const Mac: ({ startup, animateOpen, open, width, openAngle, children }: MacProps) => React.JSX.Element;
|
|
3
|
+
export declare const Mac: ({ startup, animateOpen, open, width, openAngle, children, perspective }: MacProps) => React.JSX.Element;
|
|
@@ -2,9 +2,9 @@ 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;
|
|
6
|
-
var
|
|
7
|
-
var styles = useStyles({ width: width, macOpen: macOpen, openAngle: openAngle });
|
|
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 ? 120 : _b;
|
|
6
|
+
var _c = useState(animateOpen ? false : open), macOpen = _c[0], setMacOpen = _c[1];
|
|
7
|
+
var styles = useStyles({ width: width, macOpen: macOpen, openAngle: openAngle, perspective: perspective });
|
|
8
8
|
useEffect(function () {
|
|
9
9
|
if (animateOpen) {
|
|
10
10
|
setTimeout(function () { return setMacOpen(open); }, 100);
|
|
@@ -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,
|
|
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,mBAAiB,EAAjB,WAAW,mBAAG,GAAG,KAAA;IAEX,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"}
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
export declare const useStyles: ({ width, macOpen, openAngle }: StylesProps) => Styles;
|
|
2
|
+
export declare const useStyles: ({ width, macOpen, openAngle, perspective }: StylesProps) => Styles;
|
|
3
3
|
interface StylesProps {
|
|
4
4
|
width: number;
|
|
5
5
|
macOpen: boolean;
|
|
6
6
|
openAngle?: number;
|
|
7
|
+
perspective?: number;
|
|
7
8
|
}
|
|
8
9
|
interface Styles {
|
|
9
10
|
[key: string]: React.CSSProperties;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export var useStyles = function (_a) {
|
|
2
|
-
var width = _a.width, macOpen = _a.macOpen, openAngle = _a.openAngle;
|
|
2
|
+
var width = _a.width, macOpen = _a.macOpen, openAngle = _a.openAngle, perspective = _a.perspective;
|
|
3
3
|
return ({
|
|
4
4
|
mac: {
|
|
5
5
|
width: width,
|
|
@@ -8,7 +8,7 @@ export var useStyles = function (_a) {
|
|
|
8
8
|
flexDirection: 'column',
|
|
9
9
|
justifyContent: 'center',
|
|
10
10
|
alignItems: 'center',
|
|
11
|
-
perspective:
|
|
11
|
+
perspective: "".concat(perspective, "vw"),
|
|
12
12
|
perspectiveOrigin: '50% 100%',
|
|
13
13
|
transition: 'right 1s',
|
|
14
14
|
margin: '0 150px'
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Mac.styles.js","sourceRoot":"","sources":["../../../../src/components/Mac/Mac.styles.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,SAAS,GAAG,UAAC,
|
|
1
|
+
{"version":3,"file":"Mac.styles.js","sourceRoot":"","sources":["../../../../src/components/Mac/Mac.styles.ts"],"names":[],"mappings":"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"}
|