@rageshpikalmunde/rp-image-editor-react 1.5.12 → 1.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 (12) hide show
  1. package/dist/cjs/RpImageEditor.js +22 -3
  2. package/dist/cjs/RpImageEditor.js.map +1 -1
  3. package/dist/cjs/useRpImageEditor.js +6 -2
  4. package/dist/cjs/useRpImageEditor.js.map +1 -1
  5. package/dist/esm/RpImageEditor.js +22 -3
  6. package/dist/esm/RpImageEditor.js.map +1 -1
  7. package/dist/esm/useRpImageEditor.js +7 -3
  8. package/dist/esm/useRpImageEditor.js.map +1 -1
  9. package/dist/types/RpImageEditor.d.ts +4 -1
  10. package/dist/types/index.d.ts +1 -1
  11. package/dist/types/useRpImageEditor.d.ts +4 -2
  12. package/package.json +2 -2
package/dist/cjs/RpImageEditor.js CHANGED
@@ -11,6 +11,11 @@ const rp_image_editor_1 = require("@rageshpikalmunde/rp-image-editor");
11
11
  const RpImageEditorComponent = ({ image, config, onImageEdited, onError, className, style, }) => {
12
12
  const containerRef = (0, react_1.useRef)(null);
13
13
  const editorRef = (0, react_1.useRef)(null);
14
+ // Latest callbacks, so the editor (created once per image) never calls stale ones.
15
+ const onImageEditedRef = (0, react_1.useRef)(onImageEdited);
16
+ const onErrorRef = (0, react_1.useRef)(onError);
17
+ onImageEditedRef.current = onImageEdited;
18
+ onErrorRef.current = onError;
14
19
  (0, react_1.useEffect)(() => {
15
20
  if (!image || !containerRef.current)
16
21
  return;
@@ -18,10 +23,24 @@ const RpImageEditorComponent = ({ image, config, onImageEdited, onError, classNa
18
23
  if (editorRef.current) {
19
24
  editorRef.current.destroy();
20
25
  }
21
- const editor = new rp_image_editor_1.RpImageEditor(containerRef.current, config);
26
+ const userOnApply = config?.onApply;
27
+ const editor = new rp_image_editor_1.RpImageEditor(containerRef.current, {
28
+ ...config,
29
+ onApply: onImageEditedRef.current || userOnApply
30
+ ? () => {
31
+ userOnApply?.();
32
+ if (!onImageEditedRef.current)
33
+ return;
34
+ editor
35
+ .getResult()
36
+ .then((result) => onImageEditedRef.current?.(result))
37
+ .catch((err) => onErrorRef.current?.(err));
38
+ }
39
+ : undefined,
40
+ });
22
41
  editorRef.current = editor;
23
- editor.on('error', (err) => onError?.(err));
24
- editor.loadImage(image).catch((err) => onError?.(err));
42
+ editor.on('error', (err) => onErrorRef.current?.(err));
43
+ editor.loadImage(image).catch((err) => onErrorRef.current?.(err));
25
44
  return () => {
26
45
  editor.destroy();
27
46
  editorRef.current = null;
package/dist/cjs/RpImageEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RpImageEditor.js","sourceRoot":"","sources":["../../src/RpImageEditor.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAC9D,uEAAkG;AAsBlG;;;GAGG;AACI,MAAM,sBAAsB,GAAiC,CAAC,EACnE,KAAK,EACL,MAAM,EACN,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IAErD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAE5C,0BAA0B;QAC1B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,+BAAa,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC/D,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;QAE3B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAE5C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,EAAE,CAAC;YACjB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6BAA6B;IAE1C,OAAO,CACL,gCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,SAAS,IAAI,sBAAsB,EAC9C,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AA9CW,QAAA,sBAAsB,0BA8CjC"}
1
+ {"version":3,"file":"RpImageEditor.js","sourceRoot":"","sources":["../../src/RpImageEditor.tsx"],"names":[],"mappings":";;;;AAAA,iCAA8D;AAC9D,uEAAkG;AAyBlG;;;GAGG;AACI,MAAM,sBAAsB,GAAiC,CAAC,EACnE,KAAK,EACL,MAAM,EACN,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,IAAA,cAAM,EAAuB,IAAI,CAAC,CAAC;IAErD,mFAAmF;IACnF,MAAM,gBAAgB,GAAG,IAAA,cAAM,EAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,IAAA,cAAM,EAAC,OAAO,CAAC,CAAC;IACnC,gBAAgB,CAAC,OAAO,GAAG,aAAa,CAAC;IACzC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAE5C,0BAA0B;QAC1B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,EAAE,OAAO,CAAC;QACpC,MAAM,MAAM,GAAG,IAAI,+BAAa,CAAC,YAAY,CAAC,OAAO,EAAE;YACrD,GAAG,MAAM;YACT,OAAO,EAAE,gBAAgB,CAAC,OAAO,IAAI,WAAW;gBAC9C,CAAC,CAAC,GAAG,EAAE;oBACH,WAAW,EAAE,EAAE,CAAC;oBAChB,IAAI,CAAC,gBAAgB,CAAC,OAAO;wBAAE,OAAO;oBACtC,MAAM;yBACH,SAAS,EAAE;yBACX,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;yBACpD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC/C,CAAC;gBACH,CAAC,CAAC,SAAS;SACd,CAAC,CAAC;QACH,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;QAE3B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAEvD,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAElE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,EAAE,CAAC;YACjB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6BAA6B;IAE1C,OAAO,CACL,gCACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,SAAS,IAAI,sBAAsB,EAC9C,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC,CAAC;AAjEW,QAAA,sBAAsB,0BAiEjC"}
package/dist/cjs/useRpImageEditor.js CHANGED
@@ -4,7 +4,8 @@ exports.useRpImageEditor = void 0;
4
4
  const react_1 = require("react");
5
5
  const rp_image_editor_1 = require("@rageshpikalmunde/rp-image-editor");
6
6
  /**
7
- * React hook to open the image editor as a modal overlay.
7
+ * React hook to open the image editor as a modal overlay
8
+ * (`openEditor` for one image, `openMultiEditor` for several).
8
9
  *
9
10
  * Usage:
10
11
  * ```tsx
@@ -26,7 +27,10 @@ function useRpImageEditor() {
26
27
  const openEditor = (0, react_1.useCallback)(async (image, config) => {
27
28
  return (0, rp_image_editor_1.openEditorModal)({ image, config });
28
29
  }, []);
29
- return { openEditor };
30
+ const openMultiEditor = (0, react_1.useCallback)(async (images, config, startIndex) => {
31
+ return (0, rp_image_editor_1.openMultiEditorModal)({ images, config, startIndex });
32
+ }, []);
33
+ return { openEditor, openMultiEditor };
30
34
  }
31
35
  exports.useRpImageEditor = useRpImageEditor;
32
36
  //# sourceMappingURL=useRpImageEditor.js.map
package/dist/cjs/useRpImageEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useRpImageEditor.js","sourceRoot":"","sources":["../../src/useRpImageEditor.ts"],"names":[],"mappings":";;;AAAA,iCAAoC;AACpC,uEAI2C;AAE3C;;;;;;;;;;;;;;;;;;GAkBG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,KAAK,EACH,KAA2B,EAC3B,MAAgC,EACA,EAAE;QAClC,OAAO,IAAA,iCAAe,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAC5C,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACxB,CAAC;AAZD,4CAYC"}
1
+ {"version":3,"file":"useRpImageEditor.js","sourceRoot":"","sources":["../../src/useRpImageEditor.ts"],"names":[],"mappings":";;;AAAA,iCAAoC;AACpC,uEAM2C;AAE3C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,SAAgB,gBAAgB;IAC9B,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,KAAK,EACH,KAA2B,EAC3B,MAAgC,EACA,EAAE;QAClC,OAAO,IAAA,iCAAe,EAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAC5C,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,eAAe,GAAG,IAAA,mBAAW,EACjC,KAAK,EACH,MAAmC,EACnC,MAAgC,EAChC,UAAmB,EACwB,EAAE;QAC7C,OAAO,IAAA,sCAAoB,EAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAC9D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC;AACzC,CAAC;AAvBD,4CAuBC"}
package/dist/esm/RpImageEditor.js CHANGED
@@ -8,6 +8,11 @@ import { RpImageEditor } from '@rageshpikalmunde/rp-image-editor';
8
8
  export const RpImageEditorComponent = ({ image, config, onImageEdited, onError, className, style, }) => {
9
9
  const containerRef = useRef(null);
10
10
  const editorRef = useRef(null);
11
+ // Latest callbacks, so the editor (created once per image) never calls stale ones.
12
+ const onImageEditedRef = useRef(onImageEdited);
13
+ const onErrorRef = useRef(onError);
14
+ onImageEditedRef.current = onImageEdited;
15
+ onErrorRef.current = onError;
11
16
  useEffect(() => {
12
17
  if (!image || !containerRef.current)
13
18
  return;
@@ -15,10 +20,24 @@ export const RpImageEditorComponent = ({ image, config, onImageEdited, onError,
15
20
  if (editorRef.current) {
16
21
  editorRef.current.destroy();
17
22
  }
18
- const editor = new RpImageEditor(containerRef.current, config);
23
+ const userOnApply = config?.onApply;
24
+ const editor = new RpImageEditor(containerRef.current, {
25
+ ...config,
26
+ onApply: onImageEditedRef.current || userOnApply
27
+ ? () => {
28
+ userOnApply?.();
29
+ if (!onImageEditedRef.current)
30
+ return;
31
+ editor
32
+ .getResult()
33
+ .then((result) => onImageEditedRef.current?.(result))
34
+ .catch((err) => onErrorRef.current?.(err));
35
+ }
36
+ : undefined,
37
+ });
19
38
  editorRef.current = editor;
20
- editor.on('error', (err) => onError?.(err));
21
- editor.loadImage(image).catch((err) => onError?.(err));
39
+ editor.on('error', (err) => onErrorRef.current?.(err));
40
+ editor.loadImage(image).catch((err) => onErrorRef.current?.(err));
22
41
  return () => {
23
42
  editor.destroy();
24
43
  editorRef.current = null;
package/dist/esm/RpImageEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"RpImageEditor.js","sourceRoot":"","sources":["../../src/RpImageEditor.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAkC,MAAM,mCAAmC,CAAC;AAsBlG;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAiC,CAAC,EACnE,KAAK,EACL,MAAM,EACN,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAErD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAE5C,0BAA0B;QAC1B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC;QAED,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAC/D,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;QAE3B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAE5C,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAEvD,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,EAAE,CAAC;YACjB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6BAA6B;IAE1C,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,SAAS,IAAI,sBAAsB,EAC9C,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
1
+ {"version":3,"file":"RpImageEditor.js","sourceRoot":"","sources":["../../src/RpImageEditor.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,MAAM,EAAE,SAAS,EAAe,MAAM,OAAO,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAkC,MAAM,mCAAmC,CAAC;AAyBlG;;;GAGG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAiC,CAAC,EACnE,KAAK,EACL,MAAM,EACN,aAAa,EACb,OAAO,EACP,SAAS,EACT,KAAK,GACN,EAAE,EAAE;IACH,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAClD,MAAM,SAAS,GAAG,MAAM,CAAuB,IAAI,CAAC,CAAC;IAErD,mFAAmF;IACnF,MAAM,gBAAgB,GAAG,MAAM,CAAC,aAAa,CAAC,CAAC;IAC/C,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;IACnC,gBAAgB,CAAC,OAAO,GAAG,aAAa,CAAC;IACzC,UAAU,CAAC,OAAO,GAAG,OAAO,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,KAAK,IAAI,CAAC,YAAY,CAAC,OAAO;YAAE,OAAO;QAE5C,0BAA0B;QAC1B,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;YACtB,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,CAAC;QAC9B,CAAC;QAED,MAAM,WAAW,GAAG,MAAM,EAAE,OAAO,CAAC;QACpC,MAAM,MAAM,GAAG,IAAI,aAAa,CAAC,YAAY,CAAC,OAAO,EAAE;YACrD,GAAG,MAAM;YACT,OAAO,EAAE,gBAAgB,CAAC,OAAO,IAAI,WAAW;gBAC9C,CAAC,CAAC,GAAG,EAAE;oBACH,WAAW,EAAE,EAAE,CAAC;oBAChB,IAAI,CAAC,gBAAgB,CAAC,OAAO;wBAAE,OAAO;oBACtC,MAAM;yBACH,SAAS,EAAE;yBACX,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC,MAAM,CAAC,CAAC;yBACpD,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;gBAC/C,CAAC;gBACH,CAAC,CAAC,SAAS;SACd,CAAC,CAAC;QACH,SAAS,CAAC,OAAO,GAAG,MAAM,CAAC;QAE3B,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAEvD,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;QAElE,OAAO,GAAG,EAAE;YACV,MAAM,CAAC,OAAO,EAAE,CAAC;YACjB,SAAS,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,6BAA6B;IAE1C,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,SAAS,IAAI,sBAAsB,EAC9C,KAAK,EAAE;YACL,KAAK,EAAE,MAAM;YACb,MAAM,EAAE,MAAM;YACd,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,SAAS,EAAE,GAAG;YACd,GAAG,KAAK;SACT,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}
package/dist/esm/useRpImageEditor.js CHANGED
@@ -1,7 +1,8 @@
1
1
  import { useCallback } from 'react';
2
- import { openEditorModal, } from '@rageshpikalmunde/rp-image-editor';
2
+ import { openEditorModal, openMultiEditorModal, } from '@rageshpikalmunde/rp-image-editor';
3
3
  /**
4
- * React hook to open the image editor as a modal overlay.
4
+ * React hook to open the image editor as a modal overlay
5
+ * (`openEditor` for one image, `openMultiEditor` for several).
5
6
  *
6
7
  * Usage:
7
8
  * ```tsx
@@ -23,6 +24,9 @@ export function useRpImageEditor() {
23
24
  const openEditor = useCallback(async (image, config) => {
24
25
  return openEditorModal({ image, config });
25
26
  }, []);
26
- return { openEditor };
27
+ const openMultiEditor = useCallback(async (images, config, startIndex) => {
28
+ return openMultiEditorModal({ images, config, startIndex });
29
+ }, []);
30
+ return { openEditor, openMultiEditor };
27
31
  }
28
32
  //# sourceMappingURL=useRpImageEditor.js.map
package/dist/esm/useRpImageEditor.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useRpImageEditor.js","sourceRoot":"","sources":["../../src/useRpImageEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAGL,eAAe,GAChB,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;;;;;;;;;GAkBG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,UAAU,GAAG,WAAW,CAC5B,KAAK,EACH,KAA2B,EAC3B,MAAgC,EACA,EAAE;QAClC,OAAO,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAC5C,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,CAAC;AACxB,CAAC"}
1
+ {"version":3,"file":"useRpImageEditor.js","sourceRoot":"","sources":["../../src/useRpImageEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpC,OAAO,EAIL,eAAe,EACf,oBAAoB,GACrB,MAAM,mCAAmC,CAAC;AAE3C;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,UAAU,gBAAgB;IAC9B,MAAM,UAAU,GAAG,WAAW,CAC5B,KAAK,EACH,KAA2B,EAC3B,MAAgC,EACA,EAAE;QAClC,OAAO,eAAe,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,CAAC,CAAC;IAC5C,CAAC,EACD,EAAE,CACH,CAAC;IAEF,MAAM,eAAe,GAAG,WAAW,CACjC,KAAK,EACH,MAAmC,EACnC,MAAgC,EAChC,UAAmB,EACwB,EAAE;QAC7C,OAAO,oBAAoB,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,CAAC,CAAC;IAC9D,CAAC,EACD,EAAE,CACH,CAAC;IAEF,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,CAAC;AACzC,CAAC"}
package/dist/types/RpImageEditor.d.ts CHANGED
@@ -5,7 +5,10 @@ export interface RpImageEditorProps {
5
5
  image: File | Blob | string | null;
6
6
  /** Editor configuration */
7
7
  config?: Partial<RpEditorConfig>;
8
- /** Called when user clicks Apply */
8
+ /**
9
+ * Called with the edited image when the user clicks Apply. Providing it
10
+ * shows the editor's Apply button (any `config.onApply` still runs too).
11
+ */
9
12
  onImageEdited?: (result: RpEditorResult) => void;
10
13
  /** Called when editor encounters an error */
11
14
  onError?: (error: Error) => void;
package/dist/types/index.d.ts CHANGED
@@ -5,4 +5,4 @@
5
5
  export { RpImageEditorComponent } from './RpImageEditor';
6
6
  export type { RpImageEditorProps } from './RpImageEditor';
7
7
  export { useRpImageEditor } from './useRpImageEditor';
8
- export type { RpEditorConfig, RpEditorTheme, RpEditorResult, CropAspectRatio, EditorMode, } from '@rageshpikalmunde/rp-image-editor';
8
+ export type { RpEditorConfig, RpEditorTheme, RpEditorResult, RpMultiEditorItemResult, CropAspectRatio, EditorMode, } from '@rageshpikalmunde/rp-image-editor';
package/dist/types/useRpImageEditor.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import { RpEditorConfig, RpEditorResult } from '@rageshpikalmunde/rp-image-editor';
1
+ import { RpEditorConfig, RpEditorResult, RpMultiEditorItemResult } from '@rageshpikalmunde/rp-image-editor';
2
2
  /**
3
- * React hook to open the image editor as a modal overlay.
3
+ * React hook to open the image editor as a modal overlay
4
+ * (`openEditor` for one image, `openMultiEditor` for several).
4
5
  *
5
6
  * Usage:
6
7
  * ```tsx
@@ -20,4 +21,5 @@ import { RpEditorConfig, RpEditorResult } from '@rageshpikalmunde/rp-image-edito
20
21
  */
21
22
  export declare function useRpImageEditor(): {
22
23
  openEditor: (image: File | Blob | string, config?: Partial<RpEditorConfig>) => Promise<RpEditorResult | null>;
24
+ openMultiEditor: (images: Array<File | Blob | string>, config?: Partial<RpEditorConfig>, startIndex?: number) => Promise<RpMultiEditorItemResult[] | null>;
23
25
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rageshpikalmunde/rp-image-editor-react",
3
- "version": "1.5.12",
3
+ "version": "1.6.0",
4
4
  "description": "React wrapper for rp-image-editor with crop, annotation, filters, and native-resolution export support",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -44,7 +44,7 @@
44
44
  "access": "public"
45
45
  },
46
46
  "dependencies": {
47
- "@rageshpikalmunde/rp-image-editor": "^1.5.12"
47
+ "@rageshpikalmunde/rp-image-editor": "^1.6.0"
48
48
  },
49
49
  "peerDependencies": {
50
50
  "react": ">=17.0.0",