@yogiswara/honcho-editor-ui 2.5.7 → 2.5.9

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 (5) hide show
  1. package/dist/components/editor/HPresetOptionMenu.d.ts +0 -2
  2. package/dist/components/editor/HPresetOptionMenu.js +1 -1
  3. package/dist/hooks/editor/useHonchoEditorBulk.d.ts +0 -2
  4. package/dist/hooks/editor/useHonchoEditorBulk.js +55 -61
  5. package/package.json +1 -1
package/dist/components/editor/HPresetOptionMenu.d.ts CHANGED
@@ -2,8 +2,6 @@ interface Props {
2
2
  anchorEl: null | HTMLElement;
3
3
  isOpen: boolean;
4
4
  onClose: () => void;
5
- isPresetSelected?: boolean;
6
- onRemove: () => void;
7
5
  onRename: () => void;
8
6
  onDelete: () => void;
9
7
  }
package/dist/components/editor/HPresetOptionMenu.js CHANGED
@@ -16,5 +16,5 @@ export default function HPresetOptionsMenu(props) {
16
16
  },
17
17
  },
18
18
  },
19
- }, children: [props.isPresetSelected && (_jsx(MenuItem, { onClick: props.onRemove, children: _jsxs(Stack, { direction: "row", spacing: "10px", children: [_jsx(CardMedia, { component: "img", image: "/v1/svg/remove-preset-menu-button.svg", sx: { width: '20px', height: '20px' } }), _jsx(ListItemText, { sx: { ...typography.bodyMedium }, children: "Remove Preset" })] }) })), _jsx(MenuItem, { onClick: props.onRename, children: _jsxs(Stack, { direction: "row", spacing: "10px", children: [_jsx(CardMedia, { component: "img", image: "/v1/svg/rename-menu-button.svg", sx: { width: '20px', height: '20px' } }), _jsx(ListItemText, { sx: { ...typography.bodyMedium }, children: "Rename" })] }) }), _jsx(MenuItem, { onClick: props.onDelete, children: _jsxs(Stack, { direction: "row", spacing: "10px", children: [_jsx(CardMedia, { component: "img", image: "/v1/svg/delete-menu-button.svg", sx: { width: '20px', height: '20px' } }), _jsx(ListItemText, { sx: { ...typography.bodyMedium, color: colors.error }, children: "Delete" })] }) })] }));
19
+ }, children: [_jsx(MenuItem, { onClick: props.onRename, children: _jsxs(Stack, { direction: "row", spacing: "10px", children: [_jsx(CardMedia, { component: "img", image: "/v1/svg/rename-menu-button.svg", sx: { width: '20px', height: '20px' } }), _jsx(ListItemText, { sx: { ...typography.bodyMedium }, children: "Rename" })] }) }), _jsx(MenuItem, { onClick: props.onDelete, children: _jsxs(Stack, { direction: "row", spacing: "10px", children: [_jsx(CardMedia, { component: "img", image: "/v1/svg/delete-menu-button.svg", sx: { width: '20px', height: '20px' } }), _jsx(ListItemText, { sx: { ...typography.bodyMedium, color: colors.error }, children: "Delete" })] }) })] }));
20
20
  }
package/dist/hooks/editor/useHonchoEditorBulk.d.ts CHANGED
@@ -27,8 +27,6 @@ export declare function useHonchoEditorBulk(controller: Controller, eventID: str
27
27
  error: string | null;
28
28
  selectedIds: string[];
29
29
  hasMore: boolean;
30
- loadMoreImages: () => void;
31
- isFetchingMore: boolean;
32
30
  handleBackCallbackBulk: () => void;
33
31
  selectedBulkPreset: string;
34
32
  handleToggleImageSelection: (imageId: string) => void;
package/dist/hooks/editor/useHonchoEditorBulk.js CHANGED
@@ -116,79 +116,73 @@ export function useHonchoEditorBulk(controller, eventID, firebaseUid) {
116
116
  const handleBulkSharpnessDecrease = createRelativeAdjuster('sharpnessScore', -5);
117
117
  const handleBulkSharpnessIncrease = createRelativeAdjuster('sharpnessScore', 5);
118
118
  const handleBulkSharpnessIncreaseMax = createRelativeAdjuster('sharpnessScore', 20);
119
- const loadImages = useCallback(async (pageNum) => {
120
- // Use the correct loading state
121
- if (pageNum === 1) {
119
+ // const loadImages = useCallback(async (pageNum: number) => {
120
+ // // Use the correct loading state
121
+ // if (pageNum === 1) {
122
+ // setIsLoading(true);
123
+ // } else {
124
+ // setIsFetchingMore(true);
125
+ // }
126
+ // setError(null);
127
+ // try {
128
+ // const response = await controller.getImageList(firebaseUid, eventID, pageNum);
129
+ // // Sync adjustments for the new images with the batch history
130
+ // batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
131
+ // // Append new images for page > 1, otherwise replace
132
+ // setImageCollection(prev => pageNum === 1 ? response.gallery : [...prev, ...response.gallery]);
133
+ // setPage(response.current_page);
134
+ // setHasMore(response.next_page > 0 && response.gallery.length > 0);
135
+ // } catch (err: any) {
136
+ // console.error("Failed to fetch image list:", err);
137
+ // setError(err.message || "Could not load images.");
138
+ // } finally {
139
+ // if (pageNum === 1) {
140
+ // setIsLoading(false);
141
+ // } else {
142
+ // setIsFetchingMore(false);
143
+ // }
144
+ // }
145
+ // }, [controller, firebaseUid, eventID, batchActions]);
146
+ // const loadMoreImages = useCallback(() => {
147
+ // if (!isFetchingMore && hasMore) {
148
+ // loadImages(page + 1);
149
+ // }
150
+ // }, [isFetchingMore, hasMore, page, loadImages]);
151
+ useEffect(() => {
152
+ if (eventID && firebaseUid) {
122
153
  setIsLoading(true);
123
- }
124
- else {
125
- setIsFetchingMore(true);
126
- }
127
- setError(null);
128
- try {
129
- const response = await controller.getImageList(firebaseUid, eventID, pageNum);
130
- // Sync adjustments for the new images with the batch history
131
- batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
132
- // Append new images for page > 1, otherwise replace
133
- setImageCollection(prev => pageNum === 1 ? response.gallery : [...prev, ...response.gallery]);
134
- setPage(response.current_page);
135
- setHasMore(response.next_page > 0 && response.gallery.length > 0);
136
- }
137
- catch (err) {
138
- console.error("Failed to fetch image list:", err);
139
- setError(err.message || "Could not load images.");
140
- }
141
- finally {
142
- if (pageNum === 1) {
154
+ setError(null);
155
+ controller.getImageList(firebaseUid, eventID, 2)
156
+ .then(response => {
157
+ // TODO need do pagination for this one
158
+ batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
159
+ setImageCollection(response.gallery);
160
+ })
161
+ .catch(err => {
162
+ console.error("Failed to fetch image list:", err);
163
+ setError("Could not load images.");
164
+ })
165
+ .finally(() => {
143
166
  setIsLoading(false);
144
- }
145
- else {
146
- setIsFetchingMore(false);
147
- }
167
+ });
168
+ console.log("Image data FROM USEHONCHOBULK: ", imageData);
148
169
  }
149
- }, [controller, firebaseUid, eventID, batchActions]);
150
- const loadMoreImages = useCallback(() => {
151
- if (!isFetchingMore && hasMore) {
152
- loadImages(page + 1);
153
- }
154
- }, [isFetchingMore, hasMore, page, loadImages]);
170
+ }, [eventID, firebaseUid, controller]);
155
171
  // useEffect(() => {
156
172
  // if (eventID && firebaseUid) {
157
- // setIsLoading(true);
158
- // setError(null);
159
- // controller.getImageList(firebaseUid, eventID, 2)
160
- // .then(response => {
161
- // // TODO need do pagination for this one
162
- // batchActions.syncAdjustment(response.gallery.map(mapToImageAdjustmentConfig));
163
- // setImageCollection(response.gallery);
164
- // })
165
- // .catch(err => {
166
- // console.error("Failed to fetch image list:", err);
167
- // setError("Could not load images.");
168
- // })
169
- // .finally(() => {
170
- // setIsLoading(false);
171
- // });
172
- // console.log("Image data FROM USEHONCHOBULK: ", imageData);
173
+ // setImageCollection([]); // reset when event changes
174
+ // setPage(1);
175
+ // loadImages(1);
173
176
  // }
174
- // }, [eventID, firebaseUid, controller]);
175
- useEffect(() => {
176
- if (eventID && firebaseUid) {
177
- // Reset state when the event changes
178
- setImageCollection([]);
179
- setPage(1);
180
- setHasMore(true);
181
- loadImages(1); // Load the first page
182
- }
183
- }, [eventID, firebaseUid, loadImages]);
177
+ // }, [eventID, firebaseUid, loadImages]);
184
178
  return {
185
179
  imageData,
186
180
  isLoading,
187
181
  error,
188
182
  selectedIds,
189
183
  hasMore,
190
- loadMoreImages,
191
- isFetchingMore,
184
+ // loadMoreImages,
185
+ // Gallery Handlers
192
186
  handleBackCallbackBulk,
193
187
  selectedBulkPreset,
194
188
  handleToggleImageSelection: batchActions.toggleSelection,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@yogiswara/honcho-editor-ui",
3
- "version": "2.5.7",
3
+ "version": "2.5.9",
4
4
  "description": "A complete UI component library for the Honcho photo editor.",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.mjs",