anim-3d-obj 1.0.13 → 1.0.16
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/README.md +104 -5
- package/dist/cjs/components/Cuboid.d.ts +1 -2
- package/dist/cjs/components/Cuboid.js +2 -1
- package/dist/cjs/components/Cuboid.js.map +1 -1
- package/dist/cjs/components/Faces/Face.js +2 -2
- package/dist/cjs/components/Faces/Face.js.map +1 -1
- package/dist/cjs/components/index.js +0 -1
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/esm/components/Cuboid.d.ts +1 -2
- package/dist/esm/components/Cuboid.js +1 -2
- package/dist/esm/components/Cuboid.js.map +1 -1
- package/dist/esm/components/Faces/Face.js +2 -2
- package/dist/esm/components/Faces/Face.js.map +1 -1
- package/dist/esm/components/index.js +0 -1
- package/dist/esm/components/index.js.map +1 -1
- package/package.json +3 -3
- package/dist/cjs/components/Button.d.ts +0 -6
- package/dist/cjs/components/Button.js +0 -19
- package/dist/cjs/components/Button.js.map +0 -1
- package/dist/esm/components/Button.d.ts +0 -6
- package/dist/esm/components/Button.js +0 -12
- package/dist/esm/components/Button.js.map +0 -1
package/README.md
CHANGED
|
@@ -1,9 +1,108 @@
|
|
|
1
|
-
This is component-library files on here are imported from: https://github.com/mdnelles/anim-3d-objs-launcher
|
|
2
1
|
|
|
3
|
-
|
|
2
|
+
# React Typescript Cuboid Builder
|
|
4
3
|
|
|
5
|
-
This
|
|
4
|
+
This project allows a user to create Cuboids of any size simply by entering a set of parameters.
|
|
5
|
+
The program does the leg work with regard to calculating translationZ depth and config on the fly.
|
|
6
6
|
|
|
7
|
-
## IMPORTANT
|
|
8
7
|
|
|
9
|
-
|
|
8
|
+
|
|
9
|
+
## Deployment
|
|
10
|
+
|
|
11
|
+
Install sequence
|
|
12
|
+
|
|
13
|
+
```
|
|
14
|
+
git clone https://github.com/mdnelles/anim-3d-objs.git
|
|
15
|
+
npm i
|
|
16
|
+
npm run start
|
|
17
|
+
```
|
|
18
|
+
|
|
19
|
+
## Examples
|
|
20
|
+
All sided simple https://codesandbox.io/s/anim-3d-obj-all-sides-simple-sdy1q0
|
|
21
|
+
|
|
22
|
+
Two sided simple https://codesandbox.io/s/anim-3d-obj-2-sides-simple-9wognm
|
|
23
|
+
|
|
24
|
+
90 degree wobble on X axis https://codesandbox.io/s/anim-3d-obj-wobblex-08mxqe
|
|
25
|
+
|
|
26
|
+
speed wobble(y) 3 sides https://codesandbox.io/s/anim-3d-obj-3-sides-wobble-y-axis-dceqdp
|
|
27
|
+
|
|
28
|
+
## Authors
|
|
29
|
+
|
|
30
|
+
- [@mdnelles](https://github.com/mdnelles)
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
## Demo
|
|
34
|
+
|
|
35
|
+
The following code
|
|
36
|
+
|
|
37
|
+
```
|
|
38
|
+
const indivStyles: object = {
|
|
39
|
+
// // face individual styles (over rides global)
|
|
40
|
+
bottom: {
|
|
41
|
+
bfv: "visible",
|
|
42
|
+
fontFamily: "Helvetica",
|
|
43
|
+
},
|
|
44
|
+
front: {
|
|
45
|
+
border: "1px solid #f00",
|
|
46
|
+
bgc: "#f00",
|
|
47
|
+
bfv: "visible",
|
|
48
|
+
fontFamily: "Arial, Sans",
|
|
49
|
+
},
|
|
50
|
+
left: {
|
|
51
|
+
bgc: "yellow",
|
|
52
|
+
},
|
|
53
|
+
top: {
|
|
54
|
+
bgc: "pink",
|
|
55
|
+
},
|
|
56
|
+
right: {
|
|
57
|
+
bgc: "purple",
|
|
58
|
+
},
|
|
59
|
+
back: {
|
|
60
|
+
border: "1px solid #f00",
|
|
61
|
+
bgc: "#0f0",
|
|
62
|
+
bfv: "visible",
|
|
63
|
+
fontFamily: "Arial, Sans",
|
|
64
|
+
},
|
|
65
|
+
};
|
|
66
|
+
```
|
|
67
|
+
|
|
68
|
+
and
|
|
69
|
+
```
|
|
70
|
+
<Cuboid
|
|
71
|
+
width={260}
|
|
72
|
+
depth={260}
|
|
73
|
+
height={92}
|
|
74
|
+
perspectiveOrigin='50% 50%'
|
|
75
|
+
zIndex={10}
|
|
76
|
+
animSpecs={animSpecs}
|
|
77
|
+
indivStyles={indivStyles}
|
|
78
|
+
faces={faceprops}
|
|
79
|
+
globalStyles={globalStyles}
|
|
80
|
+
>
|
|
81
|
+
{}
|
|
82
|
+
</Cuboid>
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
will produce the following
|
|
86
|
+
|
|
87
|
+
|
|
88
|
+
|
|
89
|
+
##Face Format
|
|
90
|
+
for things like `background-image: url("myImg.png");` they can be done in `moreStyles` argument.
|
|
91
|
+
```
|
|
92
|
+
const Specs: any = styled.div`
|
|
93
|
+
opacity: ${!!opac ? opac : globalStyles.opac};
|
|
94
|
+
position: ${position};
|
|
95
|
+
left: ${left};
|
|
96
|
+
margin: ${margin};
|
|
97
|
+
padding: ${padding};
|
|
98
|
+
width: ${width}px;
|
|
99
|
+
font-family: ${fontFamily};
|
|
100
|
+
height: ${height}px;
|
|
101
|
+
background-color: ${!!bgc ? bgc : globalStyles.bgc};
|
|
102
|
+
border: ${!!border ? border : globalStyles.border};
|
|
103
|
+
backface-visibility: ${!!bfv ? bfv : globalStyles.bfv};
|
|
104
|
+
${transform}
|
|
105
|
+
top: ${top};
|
|
106
|
+
${moreStyles}
|
|
107
|
+
`;
|
|
108
|
+
```
|
|
@@ -3,6 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
3
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.Cuboid = void 0;
|
|
6
7
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
7
8
|
const react_1 = __importDefault(require("react"));
|
|
8
9
|
const AnimWrap_1 = require("./styles/AnimWrap");
|
|
@@ -32,5 +33,5 @@ const Cuboid = (props) => {
|
|
|
32
33
|
!!faces && !!faces.top ? buildFace('top') : null,
|
|
33
34
|
!!faces && !!faces.bottom ? buildFace('bottom') : null)))));
|
|
34
35
|
};
|
|
35
|
-
exports.
|
|
36
|
+
exports.Cuboid = Cuboid;
|
|
36
37
|
//# sourceMappingURL=Cuboid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AACvC,kDAA0B;AAC1B,gDAA6C;AAC7C,0CAA4C;AAE5C,wDAAgC;AAEhC,MAAM,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAO,EAAE;IAC9C,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE9I,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,CACH,8BAAC,cAAI,IACD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK;YACZ,yDAAyD;YACzD,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GAChB,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,8BAAC,kBAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;QAC1F,8BAAC,mBAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;YAEvC,8BAAC,mBAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;gBAEvC,8BAAC,aAAa;oBACT,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAC3C,CACT,CACJ,CACF,CAChB,CAAC;AACN,CAAC,CAAC;AAjDW,QAAA,MAAM,UAiDjB"}
|
|
@@ -8,8 +8,8 @@ const react_1 = __importDefault(require("react"));
|
|
|
8
8
|
const Face = (props) => {
|
|
9
9
|
let { depth = 10, faceType, global = {}, height = 10, custom = false, tranz = 80, width = 100 } = props;
|
|
10
10
|
let transform;
|
|
11
|
-
const styles =
|
|
12
|
-
const body =
|
|
11
|
+
const styles = custom[faceType].css || global.css || '';
|
|
12
|
+
const body = custom[faceType].body || global.body || '';
|
|
13
13
|
if (faceType === 'bottom') {
|
|
14
14
|
tranz = +height - +depth / 2;
|
|
15
15
|
height = +depth;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Face.js","sourceRoot":"","sources":["../../../../src/components/Faces/Face.tsx"],"names":[],"mappings":";;;;;AAAA,0EAAuC;AACvC,kDAA0B;AAG1B,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAO,EAAE;IACnC,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;IAExG,IAAI,SAAS,CAAC;IACd,MAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Face.js","sourceRoot":"","sources":["../../../../src/components/Faces/Face.tsx"],"names":[],"mappings":"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"}
|
|
@@ -14,6 +14,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
14
14
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
15
15
|
};
|
|
16
16
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
|
-
//export * from './Button';
|
|
18
17
|
__exportStar(require("./Cuboid"), exports);
|
|
19
18
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB"}
|
|
@@ -9,7 +9,7 @@ const CuboidWrapper = styled.div `
|
|
|
9
9
|
position: relative;
|
|
10
10
|
transform-style: preserve-3d;
|
|
11
11
|
`;
|
|
12
|
-
const Cuboid = (props) => {
|
|
12
|
+
export const Cuboid = (props) => {
|
|
13
13
|
let { animSpecs = {}, width = 5, height = 5, depth = 5, faces, global, custom, tranz = (+height / 2) | 0, perspectiveOrigin, zIndex } = props;
|
|
14
14
|
const buildFace = (faceType) => {
|
|
15
15
|
return (React.createElement(Face, { width: width, height: height, depth: depth, faceType: faceType, id: faceType, tranz: tranz,
|
|
@@ -27,5 +27,4 @@ const Cuboid = (props) => {
|
|
|
27
27
|
!!faces && !!faces.top ? buildFace('top') : null,
|
|
28
28
|
!!faces && !!faces.bottom ? buildFace('bottom') : null)))));
|
|
29
29
|
};
|
|
30
|
-
export default Cuboid;
|
|
31
30
|
//# sourceMappingURL=Cuboid.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAO,EAAE;
|
|
1
|
+
{"version":3,"file":"Cuboid.js","sourceRoot":"","sources":["../../../src/components/Cuboid.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAE5C,OAAO,IAAI,MAAM,cAAc,CAAC;AAEhC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK/B,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAO,EAAE;IAC9C,IAAI,EAAE,SAAS,GAAG,EAAE,EAAE,KAAK,GAAG,CAAC,EAAE,MAAM,GAAG,CAAC,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAG,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,CAAC,EAAE,iBAAiB,EAAE,MAAM,EAAE,GAAG,KAAK,CAAC;IAE9I,MAAM,SAAS,GAAG,CAAC,QAAa,EAAO,EAAE;QACrC,OAAO,CACH,oBAAC,IAAI,IACD,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,QAAQ,EACZ,KAAK,EAAE,KAAK;YACZ,yDAAyD;YACzD,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,GAChB,CACL,CAAC;IACN,CAAC,CAAC;IAEF,OAAO,CACH,oBAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM;QAC1F,oBAAC,QAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;YAEvC,oBAAC,QAAQ,IACL,QAAQ,EAAE,SAAS,CAAC,aAAa,EACjC,cAAc,EAAE,SAAS,CAAC,UAAU,EACpC,QAAQ,EAAE,SAAS,CAAC,KAAK,EACzB,OAAO,EAAE,SAAS,CAAC,QAAQ,EAC3B,MAAM,EAAE,SAAS,CAAC,OAAO,EACzB,aAAa,EAAE,SAAS,CAAC,cAAc;gBAEvC,oBAAC,aAAa;oBACT,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI;oBACpD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI;oBAClD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI;oBAChD,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAC3C,CACT,CACJ,CACF,CAChB,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -3,8 +3,8 @@ import React from 'react';
|
|
|
3
3
|
const Face = (props) => {
|
|
4
4
|
let { depth = 10, faceType, global = {}, height = 10, custom = false, tranz = 80, width = 100 } = props;
|
|
5
5
|
let transform;
|
|
6
|
-
const styles =
|
|
7
|
-
const body =
|
|
6
|
+
const styles = custom[faceType].css || global.css || '';
|
|
7
|
+
const body = custom[faceType].body || global.body || '';
|
|
8
8
|
if (faceType === 'bottom') {
|
|
9
9
|
tranz = +height - +depth / 2;
|
|
10
10
|
height = +depth;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Face.js","sourceRoot":"","sources":["../../../../src/components/Faces/Face.tsx"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AACvC,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,IAAI,GAAG,CAAC,KAAgB,EAAO,EAAE;IACnC,IAAI,EAAE,KAAK,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,EAAE,EAAE,MAAM,GAAG,KAAK,EAAE,KAAK,GAAG,EAAE,EAAE,KAAK,GAAG,GAAG,EAAE,GAAG,KAAK,CAAC;IAExG,IAAI,SAAS,CAAC;IACd,MAAM,MAAM,GAAG,
|
|
1
|
+
{"version":3,"file":"Face.js","sourceRoot":"","sources":["../../../../src/components/Faces/Face.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}
|
package/package.json
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
"name": "anim-3d-obj",
|
|
3
3
|
"repository": {
|
|
4
4
|
"type": "git",
|
|
5
|
-
"url": "https://github.com/
|
|
5
|
+
"url": "https://github.com/joeythelantern/Component-Library.git"
|
|
6
6
|
},
|
|
7
7
|
"homepage": "https://github.com/mdnelles/anim-3d-objs",
|
|
8
|
-
"version": "1.0.
|
|
8
|
+
"version": "1.0.16",
|
|
9
9
|
"description": "A component library for getting people started with easy to re-use components for everyday projects.",
|
|
10
10
|
"main": "dist/cjs/index.js",
|
|
11
11
|
"module": "dist/esm/index.js",
|
|
@@ -17,7 +17,7 @@
|
|
|
17
17
|
"build:esm": "tsc",
|
|
18
18
|
"build:cjs": "tsc --module CommonJS --outDir dist/cjs"
|
|
19
19
|
},
|
|
20
|
-
"author": "
|
|
20
|
+
"author": "mdnelles",
|
|
21
21
|
"license": "MIT",
|
|
22
22
|
"devDependencies": {
|
|
23
23
|
"@types/node": "^17.0.21",
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
|
|
3
|
-
backgroundColor?: string;
|
|
4
|
-
color?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const Button: React.FunctionComponent<IButtonProps>;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
-
};
|
|
5
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
-
exports.Button = void 0;
|
|
7
|
-
const react_1 = __importDefault(require("react"));
|
|
8
|
-
const Button = (props) => {
|
|
9
|
-
const { children, backgroundColor, color, style } = props;
|
|
10
|
-
let _style = style || {};
|
|
11
|
-
/** Override Defaults */
|
|
12
|
-
if (backgroundColor && _style)
|
|
13
|
-
_style.backgroundColor = backgroundColor;
|
|
14
|
-
if (color && _style)
|
|
15
|
-
_style.color = color;
|
|
16
|
-
return (react_1.default.createElement("button", Object.assign({ style: _style }, props), children));
|
|
17
|
-
};
|
|
18
|
-
exports.Button = Button;
|
|
19
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAOnB,MAAM,MAAM,GAA0C,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1D,IAAI,MAAM,GAAwB,KAAK,IAAI,EAAE,CAAC;IAE9C,wBAAwB;IACxB,IAAI,eAAe,IAAI,MAAM;QAAE,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;IACxE,IAAI,KAAK,IAAI,MAAM;QAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IAE1C,OAAO,CACH,wDAAQ,KAAK,EAAE,MAAM,IAAM,KAAK,GAC3B,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC;AAdW,QAAA,MAAM,UAcjB"}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export interface IButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
|
|
3
|
-
backgroundColor?: string;
|
|
4
|
-
color?: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const Button: React.FunctionComponent<IButtonProps>;
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export const Button = (props) => {
|
|
3
|
-
const { children, backgroundColor, color, style } = props;
|
|
4
|
-
let _style = style || {};
|
|
5
|
-
/** Override Defaults */
|
|
6
|
-
if (backgroundColor && _style)
|
|
7
|
-
_style.backgroundColor = backgroundColor;
|
|
8
|
-
if (color && _style)
|
|
9
|
-
_style.color = color;
|
|
10
|
-
return (React.createElement("button", Object.assign({ style: _style }, props), children));
|
|
11
|
-
};
|
|
12
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,MAAM,CAAC,MAAM,MAAM,GAA0C,CAAC,KAAK,EAAE,EAAE;IACnE,MAAM,EAAE,QAAQ,EAAE,eAAe,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAE1D,IAAI,MAAM,GAAwB,KAAK,IAAI,EAAE,CAAC;IAE9C,wBAAwB;IACxB,IAAI,eAAe,IAAI,MAAM;QAAE,MAAM,CAAC,eAAe,GAAG,eAAe,CAAC;IACxE,IAAI,KAAK,IAAI,MAAM;QAAE,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;IAE1C,OAAO,CACH,8CAAQ,KAAK,EAAE,MAAM,IAAM,KAAK,GAC3B,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC"}
|