@churchapps/apphelper 0.1.13 → 0.1.15
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/components/ImageEditor.js +4 -4
- package/dist/components/ImageEditor.js.map +1 -1
- package/dist/components/gallery/GalleryModal.d.ts.map +1 -1
- package/dist/components/gallery/GalleryModal.js +26 -0
- package/dist/components/gallery/GalleryModal.js.map +1 -1
- package/package.json +1 -1
- package/src/components/ImageEditor.tsx +4 -4
- package/src/components/gallery/GalleryModal.tsx +17 -1
|
@@ -93,12 +93,12 @@ function ImageEditor(props) {
|
|
|
93
93
|
const imageElement = cropperRef === null || cropperRef === void 0 ? void 0 : cropperRef.current;
|
|
94
94
|
const cropper = imageElement === null || imageElement === void 0 ? void 0 : imageElement.cropper;
|
|
95
95
|
//Do not enlarge if less
|
|
96
|
-
const
|
|
96
|
+
const imageData = cropper.getImageData();
|
|
97
97
|
let width = props.outputWidth || 400;
|
|
98
98
|
let height = props.outputHeight || 300;
|
|
99
|
-
if (
|
|
100
|
-
width =
|
|
101
|
-
height =
|
|
99
|
+
if (imageData.naturalWidth < width && imageData.naturalHeight < height) {
|
|
100
|
+
width = imageData.naturalWidth;
|
|
101
|
+
height = imageData.naturalHeight;
|
|
102
102
|
}
|
|
103
103
|
const url = cropper.getCroppedCanvas({ width, height }).toDataURL("image/png", 0.4);
|
|
104
104
|
setCroppedImageDataUrl(url);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ImageEditor.js","sourceRoot":"","sources":["../../src/components/ImageEditor.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"ImageEditor.js","sourceRoot":"","sources":["../../src/components/ImageEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalleryModal.d.ts","sourceRoot":"","sources":["../../../src/components/gallery/GalleryModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,
|
|
1
|
+
{"version":3,"file":"GalleryModal.d.ts","sourceRoot":"","sources":["../../../src/components/gallery/GalleryModal.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAKxC,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC;AAED,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAuHxC,CAAC"}
|
|
@@ -87,6 +87,28 @@ const GalleryModal = (props) => {
|
|
|
87
87
|
setEditorPhotoUrl(url);
|
|
88
88
|
setTabIndex(1);
|
|
89
89
|
};
|
|
90
|
+
const getDisplayAspect = () => {
|
|
91
|
+
let result = aspectRatio.toString();
|
|
92
|
+
if (aspectRatio === 0)
|
|
93
|
+
result = "Free Form";
|
|
94
|
+
else if (aspectRatio === 1)
|
|
95
|
+
result = "1:1";
|
|
96
|
+
else if (aspectRatio === 2)
|
|
97
|
+
result = "2:1";
|
|
98
|
+
else if (aspectRatio === 3)
|
|
99
|
+
result = "3:1";
|
|
100
|
+
else if (aspectRatio === 4)
|
|
101
|
+
result = "4:1";
|
|
102
|
+
else if (aspectRatio === 1.33)
|
|
103
|
+
result = "4:3";
|
|
104
|
+
else if (aspectRatio === 1.78)
|
|
105
|
+
result = "16:9";
|
|
106
|
+
else if (aspectRatio === 0.5)
|
|
107
|
+
result = "1:2";
|
|
108
|
+
else if (aspectRatio === 0.5625)
|
|
109
|
+
result = "9:16";
|
|
110
|
+
return result;
|
|
111
|
+
};
|
|
90
112
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
91
113
|
react_1.default.createElement(material_1.Dialog, { open: true, onClose: props.onClose },
|
|
92
114
|
react_1.default.createElement(material_1.DialogTitle, null, "Select a Photo"),
|
|
@@ -102,6 +124,7 @@ const GalleryModal = (props) => {
|
|
|
102
124
|
react_1.default.createElement(material_1.MenuItem, { value: "0" }, "Free Form"),
|
|
103
125
|
react_1.default.createElement(material_1.MenuItem, { value: "1" }, "1:1"),
|
|
104
126
|
react_1.default.createElement(material_1.MenuItem, { value: "2" }, "2:1"),
|
|
127
|
+
react_1.default.createElement(material_1.MenuItem, { value: "3" }, "3:1"),
|
|
105
128
|
react_1.default.createElement(material_1.MenuItem, { value: "4" }, "4:1"),
|
|
106
129
|
react_1.default.createElement(material_1.MenuItem, { value: "1.33" }, "4:3"),
|
|
107
130
|
react_1.default.createElement(material_1.MenuItem, { value: "1.78" }, "16:9"),
|
|
@@ -109,6 +132,9 @@ const GalleryModal = (props) => {
|
|
|
109
132
|
react_1.default.createElement(material_1.MenuItem, { value: "0.5625" }, "9:16")))),
|
|
110
133
|
react_1.default.createElement(material_1.Grid, { container: true, spacing: 3, alignItems: "center" }, getImages())),
|
|
111
134
|
react_1.default.createElement(TabPanel_1.TabPanel, { value: tabIndex, index: 1 },
|
|
135
|
+
react_1.default.createElement("div", null,
|
|
136
|
+
"Aspect Ratio: ",
|
|
137
|
+
getDisplayAspect()),
|
|
112
138
|
react_1.default.createElement(ImageEditor_1.ImageEditor, { onUpdate: handleImageUpdated, photoUrl: editorPhotoUrl, aspectRatio: aspectRatio, outputWidth: 1280, outputHeight: 768, hideDelete: true })),
|
|
113
139
|
react_1.default.createElement(TabPanel_1.TabPanel, { value: tabIndex, index: 2 },
|
|
114
140
|
react_1.default.createElement(StockPhotos_1.StockPhotos, { aspectRatio: aspectRatio, onSelect: props.onSelect, onStockSelect: handleStockSelect }))),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GalleryModal.js","sourceRoot":"","sources":["../../../src/components/gallery/GalleryModal.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"GalleryModal.js","sourceRoot":"","sources":["../../../src/components/gallery/GalleryModal.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -83,12 +83,12 @@ export function ImageEditor(props: Props) {
|
|
|
83
83
|
const cropper: any = imageElement?.cropper;
|
|
84
84
|
|
|
85
85
|
//Do not enlarge if less
|
|
86
|
-
const
|
|
86
|
+
const imageData = cropper.getImageData();
|
|
87
87
|
let width = props.outputWidth || 400;
|
|
88
88
|
let height = props.outputHeight || 300;
|
|
89
|
-
if (
|
|
90
|
-
width =
|
|
91
|
-
height =
|
|
89
|
+
if (imageData.naturalWidth < width && imageData.naturalHeight < height) {
|
|
90
|
+
width = imageData.naturalWidth;
|
|
91
|
+
height = imageData.naturalHeight;
|
|
92
92
|
}
|
|
93
93
|
|
|
94
94
|
const url = cropper.getCroppedCanvas({ width, height }).toDataURL("image/png", 0.4);
|
|
@@ -61,7 +61,7 @@ export const GalleryModal: React.FC<Props> = (props: Props) => {
|
|
|
61
61
|
<IconButton size="small" color="error" onClick={() => handleDelete(parts[2], parts[3])}>
|
|
62
62
|
<Icon sx={{ fontSize: "17px !important" }}>delete_outline</Icon>
|
|
63
63
|
</IconButton>
|
|
64
|
-
|
|
64
|
+
</Tooltip>
|
|
65
65
|
</Box>
|
|
66
66
|
</Box>
|
|
67
67
|
</Grid>);
|
|
@@ -74,6 +74,20 @@ export const GalleryModal: React.FC<Props> = (props: Props) => {
|
|
|
74
74
|
setTabIndex(1);
|
|
75
75
|
}
|
|
76
76
|
|
|
77
|
+
const getDisplayAspect = () => {
|
|
78
|
+
let result = aspectRatio.toString();
|
|
79
|
+
if (aspectRatio === 0) result = "Free Form";
|
|
80
|
+
else if (aspectRatio === 1) result = "1:1";
|
|
81
|
+
else if (aspectRatio === 2) result = "2:1";
|
|
82
|
+
else if (aspectRatio === 3) result = "3:1";
|
|
83
|
+
else if (aspectRatio === 4) result = "4:1";
|
|
84
|
+
else if (aspectRatio === 1.33) result = "4:3";
|
|
85
|
+
else if (aspectRatio === 1.78) result = "16:9";
|
|
86
|
+
else if (aspectRatio === 0.5) result = "1:2";
|
|
87
|
+
else if (aspectRatio === 0.5625) result = "9:16";
|
|
88
|
+
return result;
|
|
89
|
+
}
|
|
90
|
+
|
|
77
91
|
return (<>
|
|
78
92
|
<Dialog open={true} onClose={props.onClose}>
|
|
79
93
|
<DialogTitle>Select a Photo</DialogTitle>
|
|
@@ -92,6 +106,7 @@ export const GalleryModal: React.FC<Props> = (props: Props) => {
|
|
|
92
106
|
<MenuItem value="0">Free Form</MenuItem>
|
|
93
107
|
<MenuItem value="1">1:1</MenuItem>
|
|
94
108
|
<MenuItem value="2">2:1</MenuItem>
|
|
109
|
+
<MenuItem value="3">3:1</MenuItem>
|
|
95
110
|
<MenuItem value="4">4:1</MenuItem>
|
|
96
111
|
<MenuItem value="1.33">4:3</MenuItem>
|
|
97
112
|
<MenuItem value="1.78">16:9</MenuItem>
|
|
@@ -105,6 +120,7 @@ export const GalleryModal: React.FC<Props> = (props: Props) => {
|
|
|
105
120
|
</Grid>
|
|
106
121
|
</TabPanel>
|
|
107
122
|
<TabPanel value={tabIndex} index={1}>
|
|
123
|
+
<div>Aspect Ratio: {getDisplayAspect()}</div>
|
|
108
124
|
<ImageEditor onUpdate={handleImageUpdated} photoUrl={editorPhotoUrl} aspectRatio={aspectRatio} outputWidth={1280} outputHeight={768} hideDelete={true} />
|
|
109
125
|
</TabPanel>
|
|
110
126
|
<TabPanel value={tabIndex} index={2}>
|