@rolster/react-components 18.21.45 → 18.22.0
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/assets/{index-CaA_sxmM.css → index-PeMi6MeC.css} +197 -0
- package/dist/cjs/index.js +516 -76
- package/dist/cjs/index.js.map +1 -1
- package/dist/es/assets/{index-CaA_sxmM.css → index-PeMi6MeC.css} +197 -0
- package/dist/es/index.js +512 -77
- package/dist/es/index.js.map +1 -1
- package/dist/esm/components/molecules/PickerDay/PickerDay.js +13 -13
- package/dist/esm/components/molecules/PickerDay/PickerDay.js.map +1 -1
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js +12 -12
- package/dist/esm/components/molecules/PickerDayRange/PickerDayRange.js.map +1 -1
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js +10 -10
- package/dist/esm/components/molecules/PickerMonth/PickerMonth.js.map +1 -1
- package/dist/esm/components/molecules/PickerYear/PickerYear.js +11 -11
- package/dist/esm/components/molecules/PickerYear/PickerYear.js.map +1 -1
- package/dist/esm/components/molecules/Slider/Slider.css +60 -0
- package/dist/esm/components/molecules/Slider/Slider.css.map +1 -0
- package/dist/esm/components/molecules/Slider/Slider.d.ts +14 -0
- package/dist/esm/components/molecules/Slider/Slider.js +60 -0
- package/dist/esm/components/molecules/Slider/Slider.js.map +1 -0
- package/dist/esm/components/molecules/index.d.ts +1 -0
- package/dist/esm/components/molecules/index.js +1 -0
- package/dist/esm/components/molecules/index.js.map +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocomplete.js +1 -1
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js +5 -2
- package/dist/esm/components/organisms/FieldAutocomplete/FieldAutocompleteController.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js +3 -3
- package/dist/esm/components/organisms/FieldSelect/FieldSelect.js.map +1 -1
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js +7 -3
- package/dist/esm/components/organisms/FieldSelect/FieldSelectController.js.map +1 -1
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.css +37 -0
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.css.map +1 -0
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.d.ts +11 -0
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js +62 -0
- package/dist/esm/components/organisms/ImageChooser/ImageChooser.js.map +1 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.css +97 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.css.map +1 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.d.ts +20 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js +201 -0
- package/dist/esm/components/organisms/ImageEditor/ImageEditor.js.map +1 -0
- package/dist/esm/components/organisms/Modal/Modal.d.ts +2 -1
- package/dist/esm/components/organisms/Modal/Modal.js +5 -5
- package/dist/esm/components/organisms/Modal/Modal.js.map +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js +1 -1
- package/dist/esm/components/organisms/PickerDate/PickerDate.js.map +1 -1
- package/dist/esm/components/organisms/index.d.ts +2 -0
- package/dist/esm/components/organisms/index.js +2 -0
- package/dist/esm/components/organisms/index.js.map +1 -1
- package/dist/esm/controllers/ListController.d.ts +3 -3
- package/dist/esm/controllers/ListController.js +16 -16
- package/dist/esm/controllers/ListController.js.map +1 -1
- package/dist/esm/controllers/RelocationOnComponentController.d.ts +8 -0
- package/dist/esm/controllers/RelocationOnComponentController.js +93 -0
- package/dist/esm/controllers/RelocationOnComponentController.js.map +1 -0
- package/dist/esm/controllers/ResizeController.d.ts +15 -0
- package/dist/esm/controllers/ResizeController.js +29 -0
- package/dist/esm/controllers/ResizeController.js.map +1 -0
- package/dist/esm/controllers/index.d.ts +2 -0
- package/dist/esm/controllers/index.js +2 -0
- package/dist/esm/controllers/index.js.map +1 -1
- package/dist/esm/definitions.d.ts +3 -3
- package/dist/esm/i18n.d.ts +3 -0
- package/dist/esm/i18n.js +6 -0
- package/dist/esm/i18n.js.map +1 -1
- package/package.json +1 -1
|
@@ -9,6 +9,9 @@ export function useFieldSelect(props) {
|
|
|
9
9
|
useEffect(() => {
|
|
10
10
|
count.current = props.suggestions.length;
|
|
11
11
|
}, [props.suggestions]);
|
|
12
|
+
useEffect(() => {
|
|
13
|
+
props.disabled && controller.setState({ focused: false });
|
|
14
|
+
}, [props.disabled]);
|
|
12
15
|
const onFocusInput = useCallback(() => {
|
|
13
16
|
controller.setState({ focused: true });
|
|
14
17
|
}, [controller.setState]);
|
|
@@ -43,7 +46,7 @@ export function useFieldSelect(props) {
|
|
|
43
46
|
else {
|
|
44
47
|
const modalIsVisible = !controller.modalIsVisible;
|
|
45
48
|
controller.setState({ modalIsVisible });
|
|
46
|
-
modalIsVisible && controller.
|
|
49
|
+
modalIsVisible && controller.refInput?.current?.focus();
|
|
47
50
|
}
|
|
48
51
|
}, [
|
|
49
52
|
controller.modalIsVisible,
|
|
@@ -57,7 +60,7 @@ export function useFieldSelect(props) {
|
|
|
57
60
|
controller.setState({ modalIsVisible: false });
|
|
58
61
|
}, [controller.setState]);
|
|
59
62
|
const onChange = useCallback((element) => {
|
|
60
|
-
controller.
|
|
63
|
+
!props.disabled && controller.refInput?.current?.focus();
|
|
61
64
|
if (props.onSelect) {
|
|
62
65
|
controller.setState({ modalIsVisible: false });
|
|
63
66
|
element.value && props.onSelect(element.value);
|
|
@@ -71,7 +74,8 @@ export function useFieldSelect(props) {
|
|
|
71
74
|
controller.setState,
|
|
72
75
|
controller.setFormValue,
|
|
73
76
|
props.onSelect,
|
|
74
|
-
props.onValue
|
|
77
|
+
props.onValue,
|
|
78
|
+
props.disabled
|
|
75
79
|
]);
|
|
76
80
|
const onClickElement = useCallback((element) => {
|
|
77
81
|
return () => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FieldSelectController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelectController.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"FieldSelectController.js","sourceRoot":"","sources":["../../../../../src/components/organisms/FieldSelect/FieldSelectController.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
.rls-image-chooser {
|
|
2
|
+
position: relative;
|
|
3
|
+
width: var(--rlc-image-chooser-width, 48rem);
|
|
4
|
+
height: var(--rlc-image-chooser-height, 48rem);
|
|
5
|
+
border-radius: var(--rlc-image-chooser-radius, 50%);
|
|
6
|
+
overflow: hidden;
|
|
7
|
+
}
|
|
8
|
+
.rls-image-chooser__avatar {
|
|
9
|
+
display: flex;
|
|
10
|
+
width: 100%;
|
|
11
|
+
height: 100%;
|
|
12
|
+
justify-content: center;
|
|
13
|
+
align-items: center;
|
|
14
|
+
background: var(--rls-theme-color-600);
|
|
15
|
+
}
|
|
16
|
+
.rls-image-chooser__avatar img {
|
|
17
|
+
width: 100%;
|
|
18
|
+
}
|
|
19
|
+
.rls-image-chooser > input[type='file'] {
|
|
20
|
+
position: absolute;
|
|
21
|
+
z-index: -1;
|
|
22
|
+
visibility: hidden;
|
|
23
|
+
}
|
|
24
|
+
.rls-image-chooser__modal {
|
|
25
|
+
--rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x12)
|
|
26
|
+
var(--rls-sizing-x12) var(--rls-sizing-x12);
|
|
27
|
+
--pvt-modal-max-width: 240rem;
|
|
28
|
+
width: 100%;
|
|
29
|
+
max-width: var(--pvt-modal-max-width);
|
|
30
|
+
}
|
|
31
|
+
@media only screen and (max-width: 420px) {
|
|
32
|
+
.rls-image-chooser__modal {
|
|
33
|
+
--rlc-image-editor-footer-padding: 0rem var(--rls-sizing-x8)
|
|
34
|
+
var(--rls-sizing-x8) var(--rls-sizing-x8);
|
|
35
|
+
--pvt-modal-max-width: 160rem;
|
|
36
|
+
}
|
|
37
|
+
} /*# sourceMappingURL=ImageChooser.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/ImageChooser/ImageChooser.scss"],"names":[],"mappings":"AAOA,mBACE,kBACA,4CACA,8CACA,mDACA,gBAEA,2BACE,aACA,WACA,YACA,uBACA,mBACA,sCAEA,+BACE,WAIJ,oCACE,kBACA,WACA,kBAGF,0BACE,0GAGA,8BAEA,WACA,qCAIJ,0CACE,0BACE,uGAGA","file":"ImageChooser.css"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
2
|
+
import { ImageEditorValue } from '../ImageEditor/ImageEditor';
|
|
3
|
+
import './ImageChooser.css';
|
|
4
|
+
interface ImageChooserProps {
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
formControl?: ReactControl<HTMLElement, ImageEditorValue>;
|
|
7
|
+
onValue?: (result: ImageEditorValue) => void;
|
|
8
|
+
src?: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function RlsImageChooser(props: ImageChooserProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
+
export {};
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { i18nSubscribe } from '@rolster/i18n';
|
|
3
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { reactI18n } from '../../../i18n';
|
|
5
|
+
import { RlsButton } from '../../atoms';
|
|
6
|
+
import { RlsImageEditor } from '../ImageEditor/ImageEditor';
|
|
7
|
+
import { RlsModal } from '../Modal/Modal';
|
|
8
|
+
import './ImageChooser.css';
|
|
9
|
+
const mimeTypeSupports = [
|
|
10
|
+
'image/png',
|
|
11
|
+
'image/jpg',
|
|
12
|
+
'image/jpeg',
|
|
13
|
+
'image/bmp',
|
|
14
|
+
'image/webp',
|
|
15
|
+
'image/gif',
|
|
16
|
+
'image/svg+xml'
|
|
17
|
+
];
|
|
18
|
+
export function RlsImageChooser(props) {
|
|
19
|
+
const refInput = useRef(null);
|
|
20
|
+
const [labels, setLabels] = useState({
|
|
21
|
+
actionCancel: reactI18n('chooserImageActionCancel')
|
|
22
|
+
});
|
|
23
|
+
const [src, setSrc] = useState();
|
|
24
|
+
const [srcEditor, setSrcEditor] = useState();
|
|
25
|
+
const onSelect = useCallback(() => {
|
|
26
|
+
refInput.current.click();
|
|
27
|
+
}, []);
|
|
28
|
+
const processImage = useCallback((file) => {
|
|
29
|
+
const reader = new FileReader();
|
|
30
|
+
reader.onload = function () {
|
|
31
|
+
setSrcEditor(reader.result);
|
|
32
|
+
refInput.current.value = '';
|
|
33
|
+
};
|
|
34
|
+
reader.readAsDataURL(file);
|
|
35
|
+
}, []);
|
|
36
|
+
useEffect(() => {
|
|
37
|
+
refInput.current.onchange = () => {
|
|
38
|
+
if (refInput.current.files &&
|
|
39
|
+
mimeTypeSupports.includes(refInput.current.files[0].type)) {
|
|
40
|
+
processImage(refInput.current.files[0]);
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
return i18nSubscribe(() => {
|
|
44
|
+
setLabels({
|
|
45
|
+
actionCancel: reactI18n('chooserImageActionCancel')
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
}, []);
|
|
49
|
+
useEffect(() => {
|
|
50
|
+
props.src && setSrc(props.src);
|
|
51
|
+
}, [props.src]);
|
|
52
|
+
const onEditorValue = useCallback((image) => {
|
|
53
|
+
setSrc(image.base64);
|
|
54
|
+
setSrcEditor(undefined);
|
|
55
|
+
props.onValue && props.onValue(image);
|
|
56
|
+
}, [props.onValue]);
|
|
57
|
+
const onCancel = useCallback(() => {
|
|
58
|
+
setSrcEditor(undefined);
|
|
59
|
+
}, []);
|
|
60
|
+
return (_jsxs("div", { className: "rls-image-chooser", children: [_jsx("div", { className: "rls-image-chooser__avatar", onClick: onSelect, children: src && _jsx("img", { src: src }) }), srcEditor && (_jsx(RlsModal, { className: "rls-image-chooser__modal", visible: true, children: _jsx(RlsImageEditor, { src: srcEditor, formControl: props.formControl, onValue: onEditorValue, children: _jsx(RlsButton, { type: "flat", rlsTheme: "danger", onClick: onCancel, disabled: props.disabled, children: labels.actionCancel }) }) })), _jsx("input", { ref: refInput, type: "file", disabled: props.disabled })] }));
|
|
61
|
+
}
|
|
62
|
+
//# sourceMappingURL=ImageChooser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageChooser.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ImageChooser/ImageChooser.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
.rls-image-editor {
|
|
2
|
+
--pvt-overlay-background: var(--rls-theme-backdrop-900);
|
|
3
|
+
--pvt-sliders-padding: 0rem var(--rls-sizing-x8);
|
|
4
|
+
--pvt-actions-direction: row;
|
|
5
|
+
--pvt-actions-row-gap: 0rem;
|
|
6
|
+
--pvt-actions-column-gap: var(--rls-sizing-x8);
|
|
7
|
+
position: relative;
|
|
8
|
+
display: flex;
|
|
9
|
+
height: 100%;
|
|
10
|
+
flex-direction: column;
|
|
11
|
+
row-gap: var(--rls-sizing-x12);
|
|
12
|
+
}
|
|
13
|
+
.rls-image-editor__body {
|
|
14
|
+
position: relative;
|
|
15
|
+
display: flex;
|
|
16
|
+
height: 100%;
|
|
17
|
+
justify-content: center;
|
|
18
|
+
background: var(--rls-app-color-900);
|
|
19
|
+
}
|
|
20
|
+
.rls-image-editor__body__image {
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
}
|
|
23
|
+
.rls-image-editor__body__selection {
|
|
24
|
+
position: absolute;
|
|
25
|
+
cursor: move;
|
|
26
|
+
box-sizing: border-box;
|
|
27
|
+
z-index: var(--rls-z-index-4);
|
|
28
|
+
border: var(
|
|
29
|
+
--rlc-image-editor-selection-border,
|
|
30
|
+
2px dashed var(--rls-app-color-050)
|
|
31
|
+
);
|
|
32
|
+
user-select: none;
|
|
33
|
+
}
|
|
34
|
+
.rls-image-editor__body__overlay--top {
|
|
35
|
+
position: absolute;
|
|
36
|
+
top: 0rem;
|
|
37
|
+
z-index: var(--rls-z-index-2);
|
|
38
|
+
background: var(--pvt-overlay-background);
|
|
39
|
+
}
|
|
40
|
+
.rls-image-editor__body__overlay--right {
|
|
41
|
+
position: absolute;
|
|
42
|
+
right: 0rem;
|
|
43
|
+
height: 100%;
|
|
44
|
+
z-index: var(--rls-z-index-2);
|
|
45
|
+
background: var(--pvt-overlay-background);
|
|
46
|
+
}
|
|
47
|
+
.rls-image-editor__body__overlay--bottom {
|
|
48
|
+
position: absolute;
|
|
49
|
+
bottom: 0rem;
|
|
50
|
+
z-index: var(--rls-z-index-2);
|
|
51
|
+
background: var(--pvt-overlay-background);
|
|
52
|
+
}
|
|
53
|
+
.rls-image-editor__body__overlay--left {
|
|
54
|
+
position: absolute;
|
|
55
|
+
right: 0rem;
|
|
56
|
+
height: 100%;
|
|
57
|
+
z-index: var(--rls-z-index-2);
|
|
58
|
+
background: var(--pvt-overlay-background);
|
|
59
|
+
}
|
|
60
|
+
.rls-image-editor__footer {
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-direction: column;
|
|
63
|
+
row-gap: var(--rls-sizing-x12);
|
|
64
|
+
padding: var(--rlc-image-editor-footer-padding, 0rem);
|
|
65
|
+
box-sizing: border-box;
|
|
66
|
+
}
|
|
67
|
+
.rls-image-editor__sliders {
|
|
68
|
+
display: flex;
|
|
69
|
+
flex-direction: column;
|
|
70
|
+
row-gap: var(--rls-sizing-x6);
|
|
71
|
+
padding: var(--pvt-sliders-padding);
|
|
72
|
+
box-sizing: border-box;
|
|
73
|
+
}
|
|
74
|
+
.rls-image-editor__actions {
|
|
75
|
+
display: flex;
|
|
76
|
+
flex-direction: var(--pvt-actions-direction);
|
|
77
|
+
justify-content: center;
|
|
78
|
+
row-gap: var(--pvt-actions-row-gap);
|
|
79
|
+
column-gap: var(--pvt-actions-column-gap);
|
|
80
|
+
}
|
|
81
|
+
.rls-image-editor > canvas {
|
|
82
|
+
position: absolute;
|
|
83
|
+
top: 0rem;
|
|
84
|
+
left: 0rem;
|
|
85
|
+
z-index: -1;
|
|
86
|
+
visibility: hidden;
|
|
87
|
+
pointer-events: none;
|
|
88
|
+
}
|
|
89
|
+
@media only screen and (max-width: 420px) {
|
|
90
|
+
.rls-image-editor {
|
|
91
|
+
--pvt-sliders-padding: 0rem;
|
|
92
|
+
--pvt-actions-direction: column;
|
|
93
|
+
--pvt-actions-row-gap: var(--rls-sizing-x6);
|
|
94
|
+
--pvt-actions-column-gap: 0rem;
|
|
95
|
+
row-gap: var(--rls-sizing-x8);
|
|
96
|
+
}
|
|
97
|
+
} /*# sourceMappingURL=ImageEditor.css.map */
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../../../src/components/organisms/ImageEditor/ImageEditor.scss"],"names":[],"mappings":"AAOA,kBACE,wDACA,iDACA,6BACA,4BACA,+CAEA,kBACA,aACA,YACA,sBACA,8BAEA,wBACE,kBACA,aACA,YACA,uBACA,oCAEA,+BACE,gBAGF,mCACE,kBACA,YACA,sBACA,6BACA,qFAIA,iBAGF,sCACE,kBACA,SACA,6BACA,yCAGF,wCACE,kBACA,WACA,YACA,6BACA,yCAGF,yCACE,kBACA,YACA,6BACA,yCAGF,uCACE,kBACA,WACA,YACA,6BACA,yCAIJ,0BACE,aACA,sBACA,8BACA,qDACA,sBAGF,2BACE,aACA,sBACA,6BACA,mCACA,sBAGF,2BACE,aACA,4CACA,uBACA,mCACA,yCAGF,yBACE,kBACA,SACA,UACA,WACA,kBACA,oBAIJ,0CACE,kBACE,4BACA,gCACA,4CACA,+BAEA","file":"ImageEditor.css"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactControl } from '@rolster/react-forms';
|
|
2
|
+
import { RlsComponent } from '../../definitions';
|
|
3
|
+
import './ImageEditor.css';
|
|
4
|
+
type ImageRatio = '1:1' | '3:4' | '4:3' | '3:2' | '8:5' | '16:9';
|
|
5
|
+
type ImageMymeType = 'image/png' | 'image/jpg' | 'image/jpeg' | 'image/bmp' | 'image/webp';
|
|
6
|
+
export interface ImageEditorValue {
|
|
7
|
+
base64: string;
|
|
8
|
+
blob: Blob;
|
|
9
|
+
}
|
|
10
|
+
interface ImageEditorProps extends RlsComponent {
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
formControl?: ReactControl<HTMLElement, ImageEditorValue>;
|
|
13
|
+
mimeType?: ImageMymeType;
|
|
14
|
+
onValue?: (result: ImageEditorValue) => void;
|
|
15
|
+
rateSelection?: number;
|
|
16
|
+
ratio?: ImageRatio;
|
|
17
|
+
src?: string;
|
|
18
|
+
}
|
|
19
|
+
export declare function RlsImageEditor(props: ImageEditorProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,201 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { i18nSubscribe } from '@rolster/i18n';
|
|
3
|
+
import { useCallback, useEffect, useRef, useState } from 'react';
|
|
4
|
+
import { useRelocationOnComponent, useResize } from '../../../controllers';
|
|
5
|
+
import { reactI18n } from '../../../i18n';
|
|
6
|
+
import { RlsButton } from '../../atoms';
|
|
7
|
+
import { RlsSlider } from '../../molecules';
|
|
8
|
+
import './ImageEditor.css';
|
|
9
|
+
function getRatioFactor(ratio) {
|
|
10
|
+
switch (ratio) {
|
|
11
|
+
case '16:9':
|
|
12
|
+
return 9 / 16;
|
|
13
|
+
case '8:5':
|
|
14
|
+
return 5 / 8;
|
|
15
|
+
case '4:3':
|
|
16
|
+
return 3 / 4;
|
|
17
|
+
case '3:4':
|
|
18
|
+
return 4 / 3;
|
|
19
|
+
case '3:2':
|
|
20
|
+
return 2 / 3;
|
|
21
|
+
default:
|
|
22
|
+
return 1;
|
|
23
|
+
}
|
|
24
|
+
}
|
|
25
|
+
function simpleThreeRule(value1, value2, proportion) {
|
|
26
|
+
return (value2 * proportion) / value1;
|
|
27
|
+
}
|
|
28
|
+
export function RlsImageEditor(props) {
|
|
29
|
+
const [selection, setSelection] = useState(props.rateSelection ?? 60);
|
|
30
|
+
const [labels, setLabels] = useState({
|
|
31
|
+
actionRestore: reactI18n('editorImageActionRestore'),
|
|
32
|
+
actionSelect: reactI18n('editorImageActionSelect')
|
|
33
|
+
});
|
|
34
|
+
const refBody = useRef(null);
|
|
35
|
+
const refImage = useRef(null);
|
|
36
|
+
const refSelection = useRef(null);
|
|
37
|
+
const refOverlayTop = useRef(null);
|
|
38
|
+
const refOverlayBottom = useRef(null);
|
|
39
|
+
const refOverlayLeft = useRef(null);
|
|
40
|
+
const refOverlayRight = useRef(null);
|
|
41
|
+
const refCanvas = useRef(null);
|
|
42
|
+
const refPicture = useRef(null);
|
|
43
|
+
const image = useRef(new Image());
|
|
44
|
+
const originalImage = useRef();
|
|
45
|
+
const getCropProperties = useCallback(() => {
|
|
46
|
+
return {
|
|
47
|
+
height: simpleThreeRule(refImage.current.offsetHeight, image.current.height, refSelection.current.offsetHeight),
|
|
48
|
+
left: simpleThreeRule(refImage.current.offsetWidth, image.current.width, refSelection.current.offsetLeft),
|
|
49
|
+
top: simpleThreeRule(refImage.current.offsetHeight, image.current.height, refSelection.current.offsetTop),
|
|
50
|
+
width: simpleThreeRule(refImage.current.offsetWidth, image.current.width, refSelection.current.offsetWidth)
|
|
51
|
+
};
|
|
52
|
+
}, []);
|
|
53
|
+
const refreshOverlaysStyle = useCallback(() => {
|
|
54
|
+
const width = refSelection.current.offsetWidth;
|
|
55
|
+
const height = refSelection.current.offsetHeight;
|
|
56
|
+
const top = refSelection.current.offsetTop;
|
|
57
|
+
const left = refSelection.current.offsetLeft;
|
|
58
|
+
refOverlayTop.current.style.width = `${width}px`;
|
|
59
|
+
refOverlayTop.current.style.bottom = `calc(100% - ${top}px)`;
|
|
60
|
+
refOverlayTop.current.style.left = `${left}px`;
|
|
61
|
+
refOverlayRight.current.style.left = `calc(${width + left}px)`;
|
|
62
|
+
refOverlayRight.current.style.width = `calc(100% - ${width + left}px)`;
|
|
63
|
+
refOverlayBottom.current.style.width = `${width}px`;
|
|
64
|
+
refOverlayBottom.current.style.top = `calc(${height + top}px)`;
|
|
65
|
+
refOverlayBottom.current.style.left = `${left}px`;
|
|
66
|
+
refOverlayLeft.current.style.right = `calc(100% - ${left}px)`;
|
|
67
|
+
refOverlayLeft.current.style.width = `calc(${left}px)`;
|
|
68
|
+
}, []);
|
|
69
|
+
const refreshSelectionFromWidth = useCallback((rateSelection) => {
|
|
70
|
+
const _ratio = rateSelection * getRatioFactor(props.ratio || '1:1');
|
|
71
|
+
let width = (refImage.current.offsetWidth * rateSelection) / 100;
|
|
72
|
+
let height = (refImage.current.offsetWidth * _ratio) / 100;
|
|
73
|
+
if (height > refImage.current.offsetHeight) {
|
|
74
|
+
height = refImage.current.offsetHeight;
|
|
75
|
+
width =
|
|
76
|
+
(height * refImage.current.offsetHeight) /
|
|
77
|
+
refImage.current.offsetHeight;
|
|
78
|
+
}
|
|
79
|
+
return { height, width };
|
|
80
|
+
}, [props.ratio]);
|
|
81
|
+
const refreshSelectionFromHeight = useCallback((rateSelection) => {
|
|
82
|
+
const _ratio = rateSelection * getRatioFactor(props.ratio || '1:1');
|
|
83
|
+
let height = (refImage.current.offsetHeight * rateSelection) / 100;
|
|
84
|
+
let width = (refImage.current.offsetHeight * _ratio) / 100;
|
|
85
|
+
if (width > refImage.current.offsetWidth) {
|
|
86
|
+
width = refImage.current.offsetWidth;
|
|
87
|
+
height =
|
|
88
|
+
(width * refImage.current.offsetWidth) / refImage.current.offsetWidth;
|
|
89
|
+
}
|
|
90
|
+
return { height, width };
|
|
91
|
+
}, [props.ratio]);
|
|
92
|
+
const refreshSelectionStyle = useCallback((rateSelection) => {
|
|
93
|
+
if (image.current.width > 0 && image.current.height > 0) {
|
|
94
|
+
const { height, width } = image.current.width >= image.current.height
|
|
95
|
+
? refreshSelectionFromHeight(rateSelection)
|
|
96
|
+
: refreshSelectionFromWidth(rateSelection);
|
|
97
|
+
refSelection.current.style.width = `${width}px`;
|
|
98
|
+
refSelection.current.style.height = `${height}px`;
|
|
99
|
+
if (refSelection.current.offsetLeft + width >
|
|
100
|
+
refImage.current.offsetWidth) {
|
|
101
|
+
const selectionLeft = refImage.current.offsetWidth - width;
|
|
102
|
+
refSelection.current.style.left = `${selectionLeft}px`;
|
|
103
|
+
}
|
|
104
|
+
if (refSelection.current.offsetTop + height >
|
|
105
|
+
refImage.current.offsetHeight) {
|
|
106
|
+
const selectionTop = refImage.current.offsetHeight - height;
|
|
107
|
+
refSelection.current.style.top = `${selectionTop}px`;
|
|
108
|
+
}
|
|
109
|
+
refreshOverlaysStyle();
|
|
110
|
+
}
|
|
111
|
+
}, [props.ratio]);
|
|
112
|
+
const setImageStyle = useCallback((width, height) => {
|
|
113
|
+
refImage.current.style.width = width;
|
|
114
|
+
refImage.current.style.height = height;
|
|
115
|
+
refCanvas.current.style.width = width;
|
|
116
|
+
refCanvas.current.style.height = height;
|
|
117
|
+
}, []);
|
|
118
|
+
const refreshImageStyle = useCallback(() => {
|
|
119
|
+
if (image.current.width <= 0 || image.current.height <= 0) {
|
|
120
|
+
return setImageStyle('0%', '0%');
|
|
121
|
+
}
|
|
122
|
+
const height = (refBody.current.offsetWidth * image.current.height) /
|
|
123
|
+
image.current.width;
|
|
124
|
+
if (height <= refBody.current.offsetHeight) {
|
|
125
|
+
return setImageStyle('100%', `${height}px`);
|
|
126
|
+
}
|
|
127
|
+
const width = (refBody.current.offsetHeight * image.current.width) /
|
|
128
|
+
image.current.height;
|
|
129
|
+
return setImageStyle(`${width}px`, '100%');
|
|
130
|
+
}, []);
|
|
131
|
+
useEffect(() => {
|
|
132
|
+
image.current.onload = () => {
|
|
133
|
+
const context = refCanvas.current.getContext('2d', {
|
|
134
|
+
willReadFrequently: true
|
|
135
|
+
});
|
|
136
|
+
refCanvas.current.width = image.current.width;
|
|
137
|
+
refCanvas.current.height = image.current.height;
|
|
138
|
+
context?.drawImage(image.current, 0, 0, image.current.width, image.current.height);
|
|
139
|
+
originalImage.current = context?.getImageData(0, 0, refCanvas.current.width, refCanvas.current.height);
|
|
140
|
+
refreshImageStyle();
|
|
141
|
+
refreshSelectionStyle(selection);
|
|
142
|
+
};
|
|
143
|
+
const unsubscription = i18nSubscribe(() => {
|
|
144
|
+
setLabels({
|
|
145
|
+
actionRestore: reactI18n('editorImageActionRestore'),
|
|
146
|
+
actionSelect: reactI18n('editorImageActionSelect')
|
|
147
|
+
});
|
|
148
|
+
});
|
|
149
|
+
window.addEventListener('resize', refreshImageStyle);
|
|
150
|
+
return () => {
|
|
151
|
+
window.removeEventListener('resize', refreshImageStyle);
|
|
152
|
+
unsubscription();
|
|
153
|
+
};
|
|
154
|
+
}, []);
|
|
155
|
+
useEffect(() => {
|
|
156
|
+
image.current.src = props.src || '';
|
|
157
|
+
}, [props.src]);
|
|
158
|
+
useEffect(() => {
|
|
159
|
+
refreshSelectionStyle(selection);
|
|
160
|
+
}, [selection]);
|
|
161
|
+
const onResizeElement = useCallback(() => {
|
|
162
|
+
refreshSelectionStyle(selection);
|
|
163
|
+
}, [selection]);
|
|
164
|
+
useRelocationOnComponent({
|
|
165
|
+
container: refImage,
|
|
166
|
+
element: refSelection,
|
|
167
|
+
onDrag: refreshOverlaysStyle
|
|
168
|
+
});
|
|
169
|
+
useResize({ refElement: refImage, onResize: onResizeElement });
|
|
170
|
+
const onCropImage = useCallback(() => {
|
|
171
|
+
const cropProps = getCropProperties();
|
|
172
|
+
const width = cropProps.width;
|
|
173
|
+
const height = width * getRatioFactor(props.ratio || '1:1');
|
|
174
|
+
refPicture.current.width = width;
|
|
175
|
+
refPicture.current.height = height;
|
|
176
|
+
const context = refPicture.current.getContext('2d');
|
|
177
|
+
context?.drawImage(refCanvas.current, cropProps.left, cropProps.top, cropProps.width, cropProps.height, 0, 0, width, height);
|
|
178
|
+
refPicture.current.toBlob((blob) => {
|
|
179
|
+
if (blob) {
|
|
180
|
+
const reader = new FileReader();
|
|
181
|
+
reader.readAsDataURL(blob);
|
|
182
|
+
reader.onloadend = function () {
|
|
183
|
+
const value = {
|
|
184
|
+
base64: reader.result,
|
|
185
|
+
blob
|
|
186
|
+
};
|
|
187
|
+
props.onValue && props.onValue(value);
|
|
188
|
+
props.formControl?.setValue(value);
|
|
189
|
+
};
|
|
190
|
+
}
|
|
191
|
+
}, props.mimeType || 'image/jpeg', 1);
|
|
192
|
+
}, [props.ratio, props.mimeType, props.onValue, props.formControl]);
|
|
193
|
+
const onRestore = useCallback(() => {
|
|
194
|
+
const context = refCanvas.current.getContext('2d');
|
|
195
|
+
if (originalImage.current) {
|
|
196
|
+
context?.putImageData(originalImage.current, 0, 0);
|
|
197
|
+
}
|
|
198
|
+
}, []);
|
|
199
|
+
return (_jsxs("div", { className: "rls-image-editor", children: [_jsx("div", { ref: refBody, className: "rls-image-editor__body", children: _jsxs("div", { ref: refImage, className: "rls-image-editor__body__image", children: [_jsx("div", { ref: refSelection, className: "rls-image-editor__body__selection" }), _jsx("div", { ref: refOverlayTop, className: "rls-image-editor__body__overlay--top" }), _jsx("div", { ref: refOverlayRight, className: "rls-image-editor__body__overlay--right" }), _jsx("div", { ref: refOverlayBottom, className: "rls-image-editor__body__overlay--bottom" }), _jsx("div", { ref: refOverlayLeft, className: "rls-image-editor__body__overlay--left" }), _jsx("canvas", { ref: refCanvas })] }) }), _jsxs("div", { className: "rls-image-editor__footer", children: [_jsx("div", { className: "rls-image-editor__sliders", children: _jsx(RlsSlider, { prefixIcon: "external-link", value: selection, minValue: 50, maxValue: 100, onValue: setSelection, disabled: props.disabled }) }), _jsxs("div", { className: "rls-image-editor__actions", children: [props.children, _jsx(RlsButton, { type: "classic", prefixIcon: "refresh", onClick: onRestore, disabled: props.disabled, children: labels.actionRestore }), _jsx(RlsButton, { type: "raised", prefixIcon: "crop", onClick: onCropImage, disabled: props.disabled, children: labels.actionSelect })] })] }), _jsx("canvas", { ref: refPicture })] }));
|
|
200
|
+
}
|
|
201
|
+
//# sourceMappingURL=ImageEditor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ImageEditor.js","sourceRoot":"","sources":["../../../../../src/components/organisms/ImageEditor/ImageEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { RlsComponent } from '../../definitions';
|
|
2
2
|
import './Modal.css';
|
|
3
3
|
interface ModalProps extends RlsComponent {
|
|
4
|
+
className?: string;
|
|
4
5
|
overflow?: boolean;
|
|
5
6
|
visible?: boolean;
|
|
6
7
|
}
|
|
7
|
-
export declare function RlsModal({ children, overflow, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
|
|
8
|
+
export declare function RlsModal({ children, className, overflow, visible, rlsTheme }: ModalProps): import("react").ReactPortal;
|
|
8
9
|
export {};
|
|
@@ -3,10 +3,10 @@ import { useMemo } from 'react';
|
|
|
3
3
|
import ReactDOM from 'react-dom';
|
|
4
4
|
import { renderClassStatus } from '../../../helpers';
|
|
5
5
|
import './Modal.css';
|
|
6
|
-
export function RlsModal({ children, overflow, visible, rlsTheme }) {
|
|
7
|
-
const
|
|
8
|
-
return renderClassStatus('rls-modal', { overflow, visible });
|
|
9
|
-
}, [overflow, visible]);
|
|
10
|
-
return ReactDOM.createPortal(_jsxs("div", { className:
|
|
6
|
+
export function RlsModal({ children, className, overflow, visible, rlsTheme }) {
|
|
7
|
+
const classNameModal = useMemo(() => {
|
|
8
|
+
return renderClassStatus('rls-modal', { overflow, visible }, className);
|
|
9
|
+
}, [className, overflow, visible]);
|
|
10
|
+
return ReactDOM.createPortal(_jsxs("div", { className: classNameModal, "rls-theme": rlsTheme, children: [_jsx("div", { className: "rls-modal__component", children: children }), _jsx("div", { className: "rls-modal__backdrop" })] }), document.body);
|
|
11
11
|
}
|
|
12
12
|
//# sourceMappingURL=Modal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Modal.js","sourceRoot":"","sources":["../../../../../src/components/organisms/Modal/Modal.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,QAAQ,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAErD,OAAO,aAAa,CAAC;AAQrB,MAAM,UAAU,QAAQ,CAAC,EACvB,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,OAAO,EACP,QAAQ,EACG;IACX,MAAM,cAAc,GAAG,OAAO,CAAC,GAAG,EAAE;QAClC,OAAO,iBAAiB,CAAC,WAAW,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,SAAS,CAAC,CAAC;IAC1E,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;IAEnC,OAAO,QAAQ,CAAC,YAAY,CAC1B,eAAK,SAAS,EAAE,cAAc,eAAa,QAAQ,aACjD,cAAK,SAAS,EAAC,sBAAsB,YAAE,QAAQ,GAAO,EAEtD,cAAK,SAAS,EAAC,qBAAqB,GAAO,IACvC,EACN,QAAQ,CAAC,IAAI,CACd,CAAC;AACJ,CAAC"}
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { PickerListenerEvent, dateOutRange, verifyDateRange } from '@rolster/components';
|
|
3
3
|
import { dateFormatTemplate } from '@rolster/dates';
|
|
4
|
+
import { i18nSubscribe } from '@rolster/i18n';
|
|
4
5
|
import { useReactControl } from '@rolster/react-forms';
|
|
5
6
|
import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
|
|
6
7
|
import { renderClassStatus } from '../../../helpers';
|
|
@@ -11,7 +12,6 @@ import { RlsPickerMonth } from '../../molecules/PickerMonth/PickerMonth';
|
|
|
11
12
|
import { RlsPickerSelectorTitle } from '../../molecules/PickerSelectorTitle/PickerSelectorTitle';
|
|
12
13
|
import { RlsPickerYear } from '../../molecules/PickerYear/PickerYear';
|
|
13
14
|
import './PickerDate.css';
|
|
14
|
-
import { i18nSubscribe } from '@rolster/i18n';
|
|
15
15
|
const formatTitle = '{dw}, {mx} {dd} de {aa}';
|
|
16
16
|
export function RlsPickerDate({ automatic, date, disabled, formControl, maxDate, minDate, onListener, rlsTheme }) {
|
|
17
17
|
const today = useRef(new Date()); // Initial current date in component
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":";AAAA,OAAO,EAEL,mBAAmB,EACnB,YAAY,EACZ,eAAe,EAChB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,EAAgB,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACrE,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yDAAyD,CAAC;AACjG,OAAO,EAAE,aAAa,EAAE,MAAM,uCAAuC,CAAC;AACtE,OAAO,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"PickerDate.js","sourceRoot":"","sources":["../../../../../src/components/organisms/PickerDate/PickerDate.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,6 +8,8 @@ export * from './FieldDateRange/FieldDateRange';
|
|
|
8
8
|
export * from './FieldSelect/FieldSelect';
|
|
9
9
|
export * from './FieldSelect/FieldSelectController';
|
|
10
10
|
export * from './FormNavigation/FormNavigation';
|
|
11
|
+
export * from './ImageChooser/ImageChooser';
|
|
12
|
+
export * from './ImageEditor/ImageEditor';
|
|
11
13
|
export * from './Modal/Modal';
|
|
12
14
|
export * from './PickerDate/PickerDate';
|
|
13
15
|
export * from './PickerDateRange/PickerDateRange';
|
|
@@ -8,6 +8,8 @@ export * from './FieldDateRange/FieldDateRange';
|
|
|
8
8
|
export * from './FieldSelect/FieldSelect';
|
|
9
9
|
export * from './FieldSelect/FieldSelectController';
|
|
10
10
|
export * from './FormNavigation/FormNavigation';
|
|
11
|
+
export * from './ImageChooser/ImageChooser';
|
|
12
|
+
export * from './ImageEditor/ImageEditor';
|
|
11
13
|
export * from './Modal/Modal';
|
|
12
14
|
export * from './PickerDate/PickerDate';
|
|
13
15
|
export * from './PickerDateRange/PickerDateRange';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/organisms/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,6BAA6B,CAAC;AAC5C,cAAc,uBAAuB,CAAC;AACtC,cAAc,uCAAuC,CAAC;AACtD,cAAc,iDAAiD,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,iCAAiC,CAAC;AAChD,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qCAAqC,CAAC;AACpD,cAAc,iCAAiC,CAAC;AAChD,cAAc,6BAA6B,CAAC;AAC5C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,eAAe,CAAC;AAC9B,cAAc,yBAAyB,CAAC;AACxC,cAAc,mCAAmC,CAAC;AAClD,cAAc,qBAAqB,CAAC"}
|