@antscorp/antsomi-ui 1.3.5-beta.269 → 1.3.5-beta.270

package/es/components/molecules/AddDynamicContent/components/DisplayFormat/DisplayFormat.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import type { PayloadInfo } from '@antscorp/antsomi-ui/es/types';
 export type TDisplayFormat = 'number' | 'percentage' | 'currency' | 'datetime';
 type DisplayFormatProps = {

package/es/components/molecules/ImageEditor/ImageEditor.js

@@ -48,8 +48,12 @@ export const ImageEditor = React.forwardRef((props, ref) => {
         ? { history: [defaultValue], historyStep: 0, current: defaultValue }
         : initialReducer);
     const { current: { arrows, circles, imageCoordinate, rectangles, scribbles, image }, } = state;
+    useEffect(() => {
+        // NOTE: reset initial reducer when change image (in ImageSlider)
+        dispatch({ type: 'RESET', payload: defaultValue ? defaultValue : initialReducer.current });
+    }, [defaultValue]);
     // const [imageFromUrl] = useImage(imageUrl);
-    // console.log(imageUrl, '🚀 ~ ImageEditor ~ imageFromUrl:', imageFromUrl);
+    // console.log(imageUrl, '🚀 ~ ImageEditor ~ imageFromUrl:', imageUrl);
     const stageRef = useRef(null);
     const transformerRef = useRef(null);
     const selectionRectangleRef = useRef(null);

package/es/components/molecules/ImageEditor/reducer.d.ts

@@ -69,6 +69,9 @@ type ReducerAction = {
 } | {
     type: 'REDO';
     payload?: {};
+} | {
+    type: 'RESET';
+    payload: CanvasState;
 };
 interface HistoryReducer {
     history: CanvasState[];

package/es/components/molecules/ImageEditor/reducer.js

@@ -44,6 +44,9 @@ export const reducer = (state, action) => {
             }
             return Object.assign(Object.assign({}, state), { historyStep: state.historyStep + 1, current: state.history[state.historyStep + 1] });
         }
+        case 'RESET': {
+            return { history: [payload], historyStep: 0, current: payload };
+        }
         default:
             break;
     }

package/es/components/template/TemplateListing/Loadable.d.ts

@@ -3,4 +3,5 @@
  * Asynchronously loads the component for TemplateListing
  *
  */
+/// <reference types="react" />
 export declare const TemplateListing: (props: import("@antscorp/antsomi-ui/es/components").TemplateListingProps<{}>) => JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.269",
+  "version": "1.3.5-beta.270",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",