@yogiswara/honcho-editor-ui 2.5.10 → 2.6.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.
Files changed (50) hide show
  1. package/dist/components/editor/HBulkPreset.js +12 -2
  2. package/dist/hooks/demo/HonchoEditorBulkDemo.d.ts +3 -0
  3. package/dist/hooks/demo/HonchoEditorBulkDemo.js +228 -0
  4. package/dist/hooks/demo/HonchoEditorSingleCleanDemo.d.ts +3 -0
  5. package/dist/hooks/demo/HonchoEditorSingleCleanDemo.js +354 -0
  6. package/dist/hooks/demo/index.d.ts +2 -0
  7. package/dist/hooks/demo/index.js +2 -0
  8. package/dist/hooks/editor/type.d.ts +71 -0
  9. package/dist/hooks/editor/useHonchoEditorBulk.d.ts +10 -12
  10. package/dist/hooks/editor/useHonchoEditorBulk.js +126 -10
  11. package/dist/hooks/editor/useHonchoEditorSingle.d.ts +43 -0
  12. package/dist/hooks/editor/useHonchoEditorSingle.js +158 -0
  13. package/dist/hooks/useAdjustmentHistory.d.ts +9 -5
  14. package/dist/hooks/useAdjustmentHistory.js +187 -31
  15. package/dist/hooks/useAdjustmentHistoryBatch.d.ts +18 -1
  16. package/dist/hooks/useAdjustmentHistoryBatch.js +627 -201
  17. package/dist/hooks/useGallerySwipe.d.ts +1 -1
  18. package/dist/hooks/usePaging.d.ts +1 -1
  19. package/dist/hooks/usePaging.js +1 -1
  20. package/dist/hooks/usePreset.d.ts +1 -1
  21. package/dist/hooks/usePreset.js +35 -35
  22. package/dist/index.d.ts +3 -3
  23. package/dist/index.js +1 -1
  24. package/dist/lib/context/EditorContext.d.ts +10 -0
  25. package/dist/lib/context/EditorContext.js +4 -2
  26. package/dist/lib/hooks/useEditorHeadless.d.ts +18 -2
  27. package/dist/lib/hooks/useEditorHeadless.js +142 -63
  28. package/dist/utils/adjustment.d.ts +2 -1
  29. package/dist/utils/adjustment.js +16 -0
  30. package/dist/utils/imageLoader.d.ts +11 -0
  31. package/dist/utils/imageLoader.js +53 -0
  32. package/package.json +1 -1
  33. package/dist/components/editor/GalleryAlbum/SimplifiedAlbumGallery.d.ts +0 -17
  34. package/dist/components/editor/GalleryAlbum/SimplifiedAlbumGallery.js +0 -14
  35. package/dist/components/editor/GalleryAlbum/SimplifiedImageItem.d.ts +0 -8
  36. package/dist/components/editor/GalleryAlbum/SimplifiedImageItem.js +0 -30
  37. package/dist/components/editor/HImageEditorPage.d.ts +0 -1
  38. package/dist/components/editor/HImageEditorPage.js +0 -187
  39. package/dist/hooks/__tests__/useGallerySwipe.test.d.ts +0 -0
  40. package/dist/hooks/__tests__/useGallerySwipe.test.js +0 -619
  41. package/dist/hooks/editor/useHonchoEditor.d.ts +0 -203
  42. package/dist/hooks/editor/useHonchoEditor.js +0 -716
  43. package/dist/hooks/useAdjustmentHistory.demo.d.ts +0 -8
  44. package/dist/hooks/useAdjustmentHistory.demo.js +0 -106
  45. package/dist/hooks/useAdjustmentHistory.example.d.ts +0 -38
  46. package/dist/hooks/useAdjustmentHistory.example.js +0 -182
  47. package/dist/hooks/useAdjustmentHistory.syncDemo.d.ts +0 -8
  48. package/dist/hooks/useAdjustmentHistory.syncDemo.js +0 -180
  49. package/dist/hooks/useGallerySwipe.example.d.ts +0 -24
  50. package/dist/hooks/useGallerySwipe.example.js +0 -184
@@ -1,203 +0,0 @@
1
- import { Gallery, ResponseGalleryPaging } from '../../hooks/editor/type';
2
- declare global {
3
- interface Window {
4
- Module: any;
5
- }
6
- }
7
- export interface Controller {
8
- onGetImage(firebaseUid: string, imageID: string): Promise<Gallery>;
9
- getImageList(firebaseUid: string, eventId: string, page: number): Promise<ResponseGalleryPaging>;
10
- syncConfig(firebaseUid: string): Promise<void>;
11
- handleBack(firebaseUid: string, imageID: string): void;
12
- getPresets(firebaseUid: string): Promise<Preset[]>;
13
- createPreset(firebaseUid: string, name: string, settings: AdjustmentState): Promise<void>;
14
- deletePreset(firebaseUid: string, presetId: string): Promise<void>;
15
- updatePreset(firebaseUid: string, data: Preset): Promise<void>;
16
- }
17
- export type AdjustmentState = {
18
- tempScore: number;
19
- tintScore: number;
20
- vibranceScore: number;
21
- saturationScore: number;
22
- exposureScore: number;
23
- highlightsScore: number;
24
- shadowsScore: number;
25
- whitesScore: number;
26
- blacksScore: number;
27
- contrastScore: number;
28
- clarityScore: number;
29
- sharpnessScore: number;
30
- };
31
- export type Preset = {
32
- id: string;
33
- name: string;
34
- is_default: boolean;
35
- temperature: number;
36
- tint: number;
37
- saturation: number;
38
- vibrance: number;
39
- exposure: number;
40
- contrast: number;
41
- highlights: number;
42
- shadows: number;
43
- whites: number;
44
- blacks: number;
45
- clarity: number;
46
- sharpness: number;
47
- };
48
- export type ImageItem = {
49
- id: string;
50
- url: string;
51
- file: File;
52
- };
53
- export declare function useHonchoEditor(controller: Controller, initImageId: string, firebaseUid: string): {
54
- canvasRef: import("react").MutableRefObject<HTMLCanvasElement | null>;
55
- canvasContainerRef: import("react").MutableRefObject<HTMLDivElement | null>;
56
- fileInputRef: import("react").MutableRefObject<HTMLInputElement | null>;
57
- handleShowOriginal: () => void;
58
- handleShowEdited: () => void;
59
- editorStatus: string;
60
- isEditorReady: boolean;
61
- isImageLoaded: boolean;
62
- onSwipeNext: () => Promise<void>;
63
- onSwipePrev: () => Promise<void>;
64
- isNextAvailable: boolean;
65
- isPrevAvailable: boolean;
66
- isGalleryLoading: boolean;
67
- galleryError: string | null;
68
- galleryImageData: Gallery | null;
69
- historyActions: import("../useAdjustmentHistory").HistoryActions;
70
- handleBackCallback: () => void;
71
- currentAdjustmentsState: AdjustmentState;
72
- setTempScore: (value: number) => void;
73
- setTintScore: (value: number) => void;
74
- setVibranceScore: (value: number) => void;
75
- setSaturationScore: (value: number) => void;
76
- setExposureScore: (value: number) => void;
77
- setHighlightsScore: (value: number) => void;
78
- setShadowsScore: (value: number) => void;
79
- setWhitesScore: (value: number) => void;
80
- setBlacksScore: (value: number) => void;
81
- setContrastScore: (value: number) => void;
82
- setClarityScore: (value: number) => void;
83
- setSharpnessScore: (value: number) => void;
84
- handleUndo: () => void;
85
- handleRedo: () => void;
86
- handleRevert: () => void;
87
- canUndo: boolean;
88
- canRedo: boolean;
89
- panelRef: import("react").MutableRefObject<HTMLDivElement | null>;
90
- contentRef: import("react").MutableRefObject<HTMLDivElement | null>;
91
- panelHeight: number;
92
- handleDragStart: (e: React.MouseEvent | React.TouchEvent) => void;
93
- handleContentHeightChange: (height: number) => void;
94
- isPasteAvailable: boolean;
95
- isOnline: boolean;
96
- isConnectionSlow: boolean;
97
- showCopyAlert: boolean;
98
- isCopyDialogOpen: boolean;
99
- activePanel: string;
100
- activeSubPanel: string;
101
- headerMenuAnchorEl: HTMLElement | null;
102
- anchorMenuZoom: HTMLElement | null;
103
- colorAdjustmentExpandedPanels: string[];
104
- presetExpandedPanels: string[];
105
- isCreatingWatermark: boolean;
106
- isPresetModalOpen: boolean;
107
- isPresetModalOpenMobile: boolean;
108
- presetName: string;
109
- isPresetCreated: boolean;
110
- selectedMobilePreset: string | null;
111
- selectedDesktopPreset: string | null;
112
- presetMenuAnchorEl: HTMLElement | null;
113
- activePresetMenuId: string | null;
114
- colorAdjustments: boolean;
115
- lightAdjustments: boolean;
116
- detailsAdjustments: boolean;
117
- handleWheelZoom: (event: React.WheelEvent) => void;
118
- handleZoomAction: (action: string) => void;
119
- zoomLevelText: string;
120
- presets: Preset[];
121
- handleScriptReady: () => Promise<void>;
122
- handleAlertClose: () => void;
123
- handleOpenCopyDialog: () => void;
124
- handleCloseCopyDialog: () => void;
125
- copyColorChecks: {
126
- temperature: boolean;
127
- tint: boolean;
128
- vibrance: boolean;
129
- saturation: boolean;
130
- };
131
- setCopyColorChecks: import("react").Dispatch<import("react").SetStateAction<{
132
- temperature: boolean;
133
- tint: boolean;
134
- vibrance: boolean;
135
- saturation: boolean;
136
- }>>;
137
- copyLightChecks: {
138
- exposure: boolean;
139
- contrast: boolean;
140
- highlights: boolean;
141
- shadows: boolean;
142
- whites: boolean;
143
- blacks: boolean;
144
- };
145
- setCopyLightChecks: import("react").Dispatch<import("react").SetStateAction<{
146
- exposure: boolean;
147
- contrast: boolean;
148
- highlights: boolean;
149
- shadows: boolean;
150
- whites: boolean;
151
- blacks: boolean;
152
- }>>;
153
- copyDetailsChecks: {
154
- clarity: boolean;
155
- sharpness: boolean;
156
- };
157
- setCopyDetailsChecks: import("react").Dispatch<import("react").SetStateAction<{
158
- clarity: boolean;
159
- sharpness: boolean;
160
- }>>;
161
- copyDialogExpanded: {
162
- color: boolean;
163
- light: boolean;
164
- details: boolean;
165
- };
166
- handleCopyParentChange: (event: React.ChangeEvent<HTMLInputElement>, setter: React.Dispatch<React.SetStateAction<any>>) => void;
167
- handleCopyChildChange: (event: React.ChangeEvent<HTMLInputElement>, setter: React.Dispatch<React.SetStateAction<any>>) => void;
168
- handleToggleCopyDialogExpand: (section: "color" | "light" | "details") => void;
169
- handleConfirmCopy: () => void;
170
- handleCopyEdit: () => void;
171
- handlePasteEdit: () => void;
172
- setActivePanel: import("react").Dispatch<import("react").SetStateAction<string>>;
173
- setActiveSubPanel: import("react").Dispatch<import("react").SetStateAction<string>>;
174
- setHeaderMenuAnchorEl: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
175
- setAnchorMenuZoom: import("react").Dispatch<import("react").SetStateAction<HTMLElement | null>>;
176
- handleHeaderMenuClick: (event: React.MouseEvent<HTMLElement>) => void;
177
- handleHeaderMenuClose: () => void;
178
- setColorAdjustments: import("react").Dispatch<import("react").SetStateAction<boolean>>;
179
- setLightAdjustments: import("react").Dispatch<import("react").SetStateAction<boolean>>;
180
- setDetailsAdjustments: import("react").Dispatch<import("react").SetStateAction<boolean>>;
181
- handleColorAccordionChange: (panel: string) => (_: React.SyntheticEvent, isExpanded: boolean) => void;
182
- handlePresetAccordionChange: (panel: string) => (_: React.SyntheticEvent, isExpanded: boolean) => void;
183
- handleSelectMobilePreset: (presetId: string) => void;
184
- handleSelectDesktopPreset: (presetId: string) => void;
185
- handlePresetMenuClick: (event: React.MouseEvent<HTMLElement>, presetId: string) => void;
186
- handlePresetMenuClose: () => void;
187
- handleRemovePreset: () => void;
188
- handleOpenPresetModal: () => void;
189
- handleClosePresetModal: () => void;
190
- handleOpenPresetModalMobile: () => void;
191
- handleClosePresetModalMobile: () => void;
192
- setPresetName: import("react").Dispatch<import("react").SetStateAction<string>>;
193
- handleNameChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
194
- isRenameModalOpen: boolean;
195
- presetToRename: Preset | null;
196
- newPresetName: string;
197
- setNewPresetName: import("react").Dispatch<import("react").SetStateAction<string>>;
198
- handleOpenRenameModal: () => void;
199
- handleCloseRenameModal: () => void;
200
- handleOpenWatermarkView: () => void;
201
- handleSaveWatermark: () => void;
202
- handleCancelWatermark: () => void;
203
- };