@solostylist/image-editor 1.0.15 → 1.0.19

package/lib/components/tools-bar/index.js

@@ -1,5 +1,6 @@
 import { cloneElement, isValidElement, useCallback, useEffect, useMemo } from 'react';
-import { SAiToolBar, SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
+import { SToolBar } from '@solostylist/ui-kit/s-tool-bar';
 import { SELECT_TOOL } from "../../actions";
 import { TABS_TOOLS, TOOLS_ITEMS } from "../tools/tools.constants";
 import { useImageEditorActions, useStore } from "../../hooks";
@@ -122,13 +123,17 @@ var ToolsBar = function ToolsBar() {
         toolOptions: toolOptionsElement,
         t: t,
         language: language,
-        onDownload: saveImage
+        onDownload: function onDownload() {
+          void saveImage();
+        }
       })
     });
   }
-  return _jsx(SAiToolBar, {
+  return _jsx(SToolBar, {
     hideProcessButton: true,
-    onDownload: saveImage,
+    onDownload: function onDownload() {
+      void saveImage();
+    },
     customActionButtons: _jsxs(SFlexBox, {
       gap: 1,
       alignItems: "center",

package/lib/components/tools-bar/tools-bar-item-button.js

@@ -1,6 +1,6 @@
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import Typography from '@mui/material/Typography';
-import { SButton } from '@solostylist/ui-kit';
+import { SButton } from '@solostylist/ui-kit/s-button';
 import { memo } from 'react';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var ToolsBarItemButton = function ToolsBarItemButton(_ref) {

package/lib/components/topbar/canvas-zooming.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"canvas-zooming.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/canvas-zooming.tsx"],"names":[],"mappings":"AAmBA,QAAA,MAAM,aAAa,+CAwIlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"canvas-zooming.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/canvas-zooming.tsx"],"names":[],"mappings":"AAoBA,QAAA,MAAM,aAAa,+CAwIlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/topbar/canvas-zooming.js

@@ -5,7 +5,8 @@ import Menu from '@mui/material/Menu';
 import MenuItem from '@mui/material/MenuItem';
 import { useState } from 'react';
 import { Typography } from '@mui/material';
-import { SFlexBox, SIconButton } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { ZOOM_CANVAS } from "../../actions";
 import { useStore } from "../../hooks";
 import { DEFAULT_ZOOM_FACTOR, TOOLS_IDS } from "../../utils/constants";

package/lib/components/topbar/confirmation-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/confirmation-modal.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgB,YAAY,EAAe,MAAM,OAAO,CAAC;AAOhE,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,iBAAiB,GAAI,wBAGxB,sBAAsB,4CA2DxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"confirmation-modal.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/confirmation-modal.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAgB,YAAY,EAAe,MAAM,OAAO,CAAC;AAOhE,UAAU,sBAAsB;IAC9B,QAAQ,EAAE,YAAY,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,QAAA,MAAM,iBAAiB,GAAI,wBAGxB,sBAAsB,4CA2DxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/topbar/confirmation-modal.js

@@ -1,4 +1,6 @@
-import { SButton, SDialog, useDialog } from '@solostylist/ui-kit';
+import { useDialog } from '@solostylist/ui-kit/hooks/use-dialog';
+import { SButton } from '@solostylist/ui-kit/s-button';
+import { SDialog } from '@solostylist/ui-kit/s-dialog';
 import { cloneElement, useCallback } from 'react';
 import { RESET } from "../../actions";
 import { useStore } from "../../hooks";

package/lib/components/topbar/image-dimensions-and-display-toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-dimensions-and-display-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/image-dimensions-and-display-toggle.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,+BAA+B,sDA6EpC,CAAC;AAEF,eAAe,+BAA+B,CAAC"}
+{"version":3,"file":"image-dimensions-and-display-toggle.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/image-dimensions-and-display-toggle.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,+BAA+B,sDA2FpC,CAAC;AAEF,eAAe,+BAA+B,CAAC"}

package/lib/components/topbar/image-dimensions-and-display-toggle.js

@@ -1,6 +1,8 @@
 import Compare from '@mui/icons-material/Compare';
 import { Typography } from '@mui/material';
-import { SFlexBox, SIconButton } from '@solostylist/ui-kit';
+import { useCallback, useEffect } from 'react';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { TOGGLE_ORIGINAL_IMAGE_DISPLAY } from "../../actions";
 import { useStore } from "../../hooks";
 import getProperDimensions from "../../utils/get-proper-dimensions";
@@ -9,8 +11,6 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var ImageDimensionsAndDisplayToggle = function ImageDimensionsAndDisplayToggle() {
   var _useStore = useStore(),
     dispatch = _useStore.dispatch,
-    _useStore$isResetted = _useStore.isResetted,
-    isResetted = _useStore$isResetted === void 0 ? true : _useStore$isResetted,
     originalImage = _useStore.originalImage,
     _useStore$resize = _useStore.resize,
     resize = _useStore$resize === void 0 ? {} : _useStore$resize,
@@ -20,31 +20,44 @@ var ImageDimensionsAndDisplayToggle = function ImageDimensionsAndDisplayToggle()
     rotation = _useStore$adjustments2 === void 0 ? 0 : _useStore$adjustments2,
     shownImageDimensions = _useStore.shownImageDimensions,
     disableZooming = _useStore.config.disableZooming,
+    _useStore$isResetted = _useStore.isResetted,
+    isResetted = _useStore$isResetted === void 0 ? true : _useStore$isResetted,
     t = _useStore.t;
-  var _hideOriginalImage = function hideOriginalImage() {
+  var hideOriginalImage = useCallback(function () {
     dispatch({
       type: TOGGLE_ORIGINAL_IMAGE_DISPLAY,
       payload: {
         isShow: false
       }
     });
-    document.removeEventListener('mouseup', _hideOriginalImage);
-    document.removeEventListener('mouseleave', _hideOriginalImage);
-    document.removeEventListener('touchcancel', _hideOriginalImage);
-    document.removeEventListener('touchend', _hideOriginalImage);
-  };
-  var showOriginalImage = function showOriginalImage() {
+    document.removeEventListener('mouseup', hideOriginalImage);
+    document.removeEventListener('mouseleave', hideOriginalImage);
+    document.removeEventListener('touchcancel', hideOriginalImage);
+    document.removeEventListener('touchend', hideOriginalImage);
+  }, [dispatch]);
+  var showOriginalImage = useCallback(function () {
+    if (isResetted) {
+      return;
+    }
     dispatch({
       type: TOGGLE_ORIGINAL_IMAGE_DISPLAY,
       payload: {
         isShow: true
       }
     });
-    document.addEventListener('mouseup', _hideOriginalImage);
-    document.addEventListener('mouseleave', _hideOriginalImage);
-    document.addEventListener('touchcancel', _hideOriginalImage);
-    document.addEventListener('touchend', _hideOriginalImage);
-  };
+    document.addEventListener('mouseup', hideOriginalImage);
+    document.addEventListener('mouseleave', hideOriginalImage);
+    document.addEventListener('touchcancel', hideOriginalImage);
+    document.addEventListener('touchend', hideOriginalImage);
+  }, [dispatch, hideOriginalImage, isResetted]);
+  useEffect(function () {
+    return function () {
+      document.removeEventListener('mouseup', hideOriginalImage);
+      document.removeEventListener('mouseleave', hideOriginalImage);
+      document.removeEventListener('touchcancel', hideOriginalImage);
+      document.removeEventListener('touchend', hideOriginalImage);
+    };
+  }, [hideOriginalImage]);
   if (!originalImage) {
     return null;
   }
@@ -58,9 +71,9 @@ var ImageDimensionsAndDisplayToggle = function ImageDimensionsAndDisplayToggle()
       borderColor: 'divider'
     },
     children: [_jsx(SIconButton, {
-      onMouseDown: isResetted ? undefined : showOriginalImage,
-      onTouchStart: isResetted ? undefined : showOriginalImage,
       disabled: isResetted,
+      onMouseDown: showOriginalImage,
+      onTouchStart: showOriginalImage,
       tooltipOptions: {
         title: t('showImageTitle')
       },

package/lib/components/topbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAU5B,UAAU,WAAW;IACnB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,GAAI,oBAA+B,WAAW,4CAoDzD,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAW5B,UAAU,WAAW;IACnB,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,QAAA,MAAM,MAAM,GAAI,oBAA+B,WAAW,4CAoDzD,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/topbar/index.js

@@ -1,5 +1,6 @@
 import { Menu } from '@mui/icons-material';
-import { SFlexBox, SIconButton } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import ImageDimensionsAndDisplayToggle from "./image-dimensions-and-display-toggle";
 import RedoButton from "./redo-button";
 import UndoButton from "./undo-button";

package/lib/components/topbar/redo-button.js

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import RedoIcon from '@mui/icons-material/Redo';
-import { SIconButton } from '@solostylist/ui-kit';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { REDO } from "../../actions";
 import { useStore } from "../../hooks";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/components/topbar/reset-button.js

@@ -1,5 +1,5 @@
 import ResetIcon from '@mui/icons-material/Refresh';
-import { SIconButton } from '@solostylist/ui-kit';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { useStore } from "../../hooks";
 import ConfirmationModal from "./confirmation-modal";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/components/topbar/save-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"save-button.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/save-button.tsx"],"names":[],"mappings":"AAmCA,QAAA,MAAM,UAAU,sDAsRf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"save-button.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/save-button.tsx"],"names":[],"mappings":"AAiCA,QAAA,MAAM,UAAU,sDAsRf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/topbar/save-button.js

@@ -3,7 +3,12 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import { SButton, SDialog, SFlexBox, SSelect, STextField, useDialog } from '@solostylist/ui-kit';
+import { useDialog } from '@solostylist/ui-kit/hooks/use-dialog';
+import { SButton } from '@solostylist/ui-kit/s-button';
+import { SDialog } from '@solostylist/ui-kit/s-dialog';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
+import { SSelect } from '@solostylist/ui-kit/s-select';
+import { STextField } from '@solostylist/ui-kit/s-text-field';
 import { useEffect, useRef, useState } from 'react';
 import { SET_FEEDBACK, SET_SAVING } from "../../actions";
 import Slider from "../common/slider";

package/lib/components/topbar/topbar-action-buttons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"topbar-action-buttons.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/topbar-action-buttons.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,cAAc,+CAoBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}
+{"version":3,"file":"topbar-action-buttons.d.ts","sourceRoot":"","sources":["../../../src/components/topbar/topbar-action-buttons.tsx"],"names":[],"mappings":"AAOA,QAAA,MAAM,cAAc,+CAsBnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

package/lib/components/topbar/topbar-action-buttons.js

@@ -1,5 +1,5 @@
 import { Download } from '@mui/icons-material';
-import { SIconButton } from '@solostylist/ui-kit';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { useImageEditorActions, useStore } from "../../hooks";
 import { jsx as _jsx } from "react/jsx-runtime";
 var DownloadButton = function DownloadButton() {
@@ -15,7 +15,7 @@ var DownloadButton = function DownloadButton() {
   var disableSaveIfNoChanges = config === null || config === void 0 ? void 0 : config.disableSaveIfNoChanges;
   return _jsx(SIconButton, {
     onClick: function onClick() {
-      return saveImage();
+      void saveImage();
     },
     disabled: isLoadingGlobally || disableSaveIfNoChanges && !haveNotSavedChanges || isBlockerError,
     tooltipOptions: {

package/lib/components/topbar/undo-button.js

@@ -1,6 +1,6 @@
 import { useCallback } from 'react';
 import UndoIcon from '@mui/icons-material/Undo';
-import { SIconButton } from '@solostylist/ui-kit';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { UNDO } from "../../actions";
 import { useStore } from "../../hooks";
 import { jsx as _jsx } from "react/jsx-runtime";

package/lib/context/default-config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"default-config.d.ts","sourceRoot":"","sources":["../../src/context/default-config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,QAAA,MAAM,aAAa,EAyHH,iBAAiB,CAAC;AAElC,eAAe,aAAa,CAAC"}
+{"version":3,"file":"default-config.d.ts","sourceRoot":"","sources":["../../src/context/default-config.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEtD,QAAA,MAAM,aAAa,EAsHH,iBAAiB,CAAC;AAElC,eAAe,aAAa,CAAC"}

package/lib/context/default-config.js

@@ -71,5 +71,5 @@ var defaultConfig = (_defaultConfig = {
 }), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, TOOLS_IDS.ROTATE, {
   angle: 60,
   componentType: 'slider'
-}), "tabsIds", []), "defaultTabId", TABS_IDS.ADJUST), "defaultToolId", TOOLS_IDS.CROP), "onSave", undefined), "onBeforeSave", undefined), "closeAfterSave", false), "defaultSavedImageName", undefined), "savedImageNamePrefix", 'solostylist_image_editor'), "defaultSavedImageType", null), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "defaultSavedImageQuality", 0.92), "forceToPngInEllipticalCrop", false), "translations", null), "language", 'en'), "supportedLanguages", ['en', 'vi', 'zh', 'fr']), "avoidChangesNotSavedAlertOnLeave", false), "loadableDesignState", null), "savingPixelRatio", 4), "previewPixelRatio", window ? window.devicePixelRatio || 1 : 1), "observePluginContainerSize", false), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "showCanvasOnly", false), "getCurrentImgDataFnRef", undefined), "onModify", undefined), "useZoomPresetsMenu", true), "disableZooming", false), "noCrossOrigin", false), "disableSaveIfNoChanges", false), "removeSaveButton", false), "resetOnImageSourceChange", false), "backgroundColor", undefined), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "backgroundImage", undefined), "containerHeight", undefined), "editorHeight", undefined), "toolbarHeight", undefined), "rootSx", undefined), "rootClassName", undefined), "canvasAreaHeight", undefined), "canvasBackground", undefined), "renderFloatingToolbar", undefined), "showCanvasCenter", false), _defineProperty(_defineProperty(_defaultConfig, "cropTopOffset", 20), "renderEmptyState", undefined));
+}), "tabsIds", []), "defaultTabId", TABS_IDS.ADJUST), "defaultToolId", TOOLS_IDS.CROP), "onSave", undefined), "onBeforeSave", undefined), "closeAfterSave", false), "defaultSavedImageName", undefined), "savedImageNamePrefix", 'solostylist_image_editor'), "defaultSavedImageType", null), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "defaultSavedImageQuality", 0.92), "forceToPngInEllipticalCrop", false), "translations", null), "language", 'en'), "supportedLanguages", ['en', 'vi', 'zh', 'fr']), "avoidChangesNotSavedAlertOnLeave", false), "loadableDesignState", null), "savingPixelRatio", 4), "previewPixelRatio", window ? window.devicePixelRatio || 1 : 1), "observePluginContainerSize", false), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "showCanvasOnly", false), "getCurrentImgDataFnRef", undefined), "onModify", undefined), "useZoomPresetsMenu", true), "disableZooming", false), "noCrossOrigin", false), "disableSaveIfNoChanges", false), "removeSaveButton", false), "resetOnImageSourceChange", false), "backgroundColor", undefined), _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty(_defaultConfig, "backgroundImage", undefined), "editorHeight", undefined), "toolbarHeight", undefined), "rootSx", undefined), "rootClassName", undefined), "canvasAreaHeight", undefined), "renderFloatingToolbar", undefined), "cropTopOffset", 20), "renderEmptyState", undefined));
 export default defaultConfig;

package/lib/demo/app.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/demo/app.tsx"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AA+CpC,QAAA,MAAM,OAAO,+CAiLZ,CAAC;AAEF,eAAe,OAAO,CAAC"}
+{"version":3,"file":"app.d.ts","sourceRoot":"","sources":["../../src/demo/app.tsx"],"names":[],"mappings":"AAAA,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AACpC,OAAO,4BAA4B,CAAC;AA6CpC,QAAA,MAAM,OAAO,+CA0KZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/demo/app.js

@@ -5,10 +5,13 @@ import '@fontsource/outfit/500.css';
 import '@fontsource/outfit/600.css';
 import AddPhotoAlternateIcon from '@mui/icons-material/AddPhotoAlternate';
 import { Box, Typography } from '@mui/material';
-import { SButton, SCheckbox, SFlexBox, SThemeProvider } from '@solostylist/ui-kit';
+import { SButton } from '@solostylist/ui-kit/s-button';
+import { SCheckbox } from '@solostylist/ui-kit/s-checkbox';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
+import { SThemeProvider } from '@solostylist/ui-kit/s-theme-provider';
+import SLazyImage from '@solostylist/ui-kit/s-lazy-image';
 import { useCallback, useRef, useState } from 'react';
 import ImageEditorComponent, { TABS } from '..';
-import SLazyImage from '@solostylist/ui-kit/s-lazy-image';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var DEFAULT_IMAGES = ['_(1).png', '_(2).png', '_(3).png', '_(4).png'];
 var ALL_TABS = [TABS.ADJUST, TABS.FINETUNE, TABS.FILTERS, TABS.WATERMARK, TABS.ANNOTATE, TABS.RESIZE];
@@ -69,6 +72,9 @@ var DemoApp = function DemoApp() {
   var handleImageClick = useCallback(function (src) {
     setActiveImageSrc(src);
   }, []);
+  var clearActiveImage = useCallback(function () {
+    setActiveImageSrc('');
+  }, []);
   var handleUploadClick = useCallback(function () {
     var _fileInputRef$current;
     (_fileInputRef$current = fileInputRef.current) === null || _fileInputRef$current === void 0 || _fileInputRef$current.click();
@@ -156,9 +162,7 @@ var DemoApp = function DemoApp() {
         }), _jsx(SButton, {
           variant: "outlined",
           startIcon: _jsx(AddPhotoAlternateIcon, {}),
-          onClick: function onClick() {
-            return setActiveImageSrc('');
-          },
+          onClick: clearActiveImage,
           fullWidth: true,
           sx: {
             mb: 3
@@ -206,23 +210,10 @@ var DemoApp = function DemoApp() {
             backgroundColor: 'var(--s-palette-background-default)'
           },
           resetOnImageSourceChange: true,
-          containerHeight: "100vh",
+          editorHeight: "100vh",
           canvasAreaHeight: "100vh",
           language: "vi",
-          cropTopOffset: 20,
-          renderEmptyState: function renderEmptyState() {
-            return _jsx(SFlexBox, {
-              sx: {
-                height: '100%',
-                justifyContent: 'center',
-                alignItems: 'center'
-              },
-              children: _jsx(Typography, {
-                variant: "h6",
-                children: "No image selected"
-              })
-            });
-          }
+          cropTopOffset: 20
         })
       })]
     })

package/lib/hooks/use-annotation/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-annotation/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/use-annotation/index.ts"],"names":[],"mappings":"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"}

package/lib/hooks/use-annotation/index.js

@@ -122,21 +122,9 @@ var useAnnotation = function useAnnotation() {
     var stopAnnotationEventsListening = null;
     if (canvas && enablePreview) {
       var annotationInitialProps = getAnnotationInitialProps(tmpAnnotation, annotation.name);
-      console.log('[useAnnotation] attach preview events', {
-        hasCanvas: Boolean(canvas),
-        hasPreviewGroup: Boolean(previewGroup),
-        annotationName: annotation.name
-      });
       stopAnnotationEventsListening = previewThenCallAnnotationAdding(canvas, _objectSpread(_objectSpread({}, annotationInitialProps), {}, {
         name: annotation.name
       }), previewGroup, saveAnnotationNoDebounce);
-    } else {
-      console.log('[useAnnotation] skip preview events', {
-        hasCanvas: Boolean(canvas),
-        enablePreview: enablePreview,
-        hasPreviewGroup: Boolean(previewGroup),
-        annotationName: annotation.name
-      });
     }
     return function () {
       if (stopAnnotationEventsListening) {

package/lib/types/config.d.ts

@@ -142,11 +142,9 @@ export interface ImageEditorConfig {
     resetOnImageSourceChange?: boolean;
     backgroundColor?: string;
     backgroundImage?: HTMLImageElement;
-    /** Height of the root container (e.g. '100%', 'calc(100vh - 72px)'). When set, root uses this instead of minHeight: 100vh. */
-    containerHeight?: string | number;
     /** Height of the entire editor. Controls root, canvas, and toolbar layout. */
     editorHeight?: string | number;
-    /** Height of the toolbar area. Defaults to 120px via CSS variable. */
+    /** Height reserved for the toolbar area via CSS variable. */
     toolbarHeight?: string | number;
     /** Prefix for auto-generated saved image name (e.g. prefix-tool-uuid). */
     savedImageNamePrefix?: string;
@@ -154,12 +152,8 @@ export interface ImageEditorConfig {
     rootSx?: SxProps<Theme>;
     /** Extra class name(s) for the root element. */
     rootClassName?: string;
-    /** Height of the canvas wrapper (MainCanvas container). Replaces hardcoded calc(100vh - ...). */
+    /** Height of the canvas wrapper (MainCanvas container). */
     canvasAreaHeight?: string | number;
-    /** Background of the canvas area. String as CSS background; object as MUI sx on wrapper div around Stage. */
-    canvasBackground?: string | SxProps<Theme>;
-    /** Debug helper: show canvas center crosshair/dot. */
-    showCanvasCenter?: boolean;
     /** Extra top padding for the canvas when crop is active (avoids topbar overlap). */
     cropTopOffset?: number;
     /** Optional empty-state component shown when there is no image. */

package/lib/types/config.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,EACL,cAAc,EACd,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,aAAa,EACb,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EAClB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C;;GAEG;AACH,MAAM,WAAW,gBAAgB;IAC/B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;CACtC;AAGD,eAAO,MAAM,IAAI;;;;;;;CAOP,CAAC;AAEX,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;CAyBR,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,OAAO,IAAI,CAAC,CAAC;AAC7D,MAAM,MAAM,cAAc,GAAG,CAAC,OAAO,KAAK,CAAC,CAAC,MAAM,OAAO,KAAK,CAAC,CAAC;AAGhE,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,YAAY,GACZ,WAAW,GACX,aAAa,GACb,eAAe,GACf,cAAc,GACd,aAAa,GACb,eAAe,GACf,cAAc,CAAC;AAGnB,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,cAAc,EAAE,CAAC;IAChC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,gBAAgB,CAAC;CACnC;AAED,MAAM,MAAM,cAAc,GAAG,CAC3B,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,KAC/B,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;AAE1B,MAAM,MAAM,yBAAyB,GAAG,CACtC,aAAa,EAAE;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE;QAAE,KAAK,CAAC,EAAE,MAAM,CAAC;QAAC,MAAM,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC5C,EACD,UAAU,CAAC,EAAE,OAAO,GAAG,MAAM,EAC7B,uBAAuB,CAAC,EAAE,OAAO,KAC9B;IACH,SAAS,EAAE,cAAc,CAAC;IAC1B,WAAW,EAAE,gBAAgB,CAAC;IAC9B,kBAAkB,EAAE,MAAM,IAAI,CAAC;CAChC,CAAC;AAEF,MAAM,WAAW,iBAAiB;IAChC,MAAM,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IACnC,iBAAiB,CAAC,EAAE,iBAAiB,CAAC;IAGtC,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG;QAC/B,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG;YAAE,KAAK,EAAE,MAAM,CAAC;YAAC,KAAK,EAAE,MAAM,CAAA;SAAE,CAAC,EAAE,CAAC;QACtD,YAAY,CAAC,EAAE,CACb,aAAa,EAAE,MAAM,EACrB,gBAAgB,EAAE,MAAM,IAAI,KACzB,IAAI,CAAC;KACX,CAAC;IACF,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC,iBAAiB,CAAC,CAAC;IACrC,GAAG,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IAC/B,KAAK,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACjC,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,SAAS,CAAC,EAAE;QACV,OAAO,CAAC,EAAE,MAAM,EAAE,GAAG;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,UAAU,EAAE,MAAM,CAAA;SAAE,EAAE,CAAC;QAC3D,yBAAyB,CAAC,EAAE,CAC1B,sBAAsB,EAAE,CACtB,MAAM,EAAE,MAAM,EACd,eAAe,CAAC,EAAE,OAAO,KACtB,IAAI,KACN,OAAO,CAAC;YAAE,GAAG,EAAE,MAAM,CAAC;YAAC,eAAe,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC,GAAG,IAAI,CAAC;QAChE,gBAAgB,CAAC,EAAE,MAAM,CAAC;QAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;KAC7B,CAAC;IACF,IAAI,CAAC,EAAE,cAAc,CAAC;IAGtB,OAAO,CAAC,EAAE,aAAa,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,aAAa,CAAC;IAC7B,aAAa,CAAC,EAAE,cAAc,CAAC;IAG/B,OAAO,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,mBAAmB,EAAE,OAAO,KAAK,IAAI,CAAC;IACxE,YAAY,CAAC,EAAE,CAAC,cAAc,EAAE,cAAc,KAAK,IAAI,GAAG,OAAO,CAAC;IAClE,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,QAAQ,CAAC,EAAE,CAAC,uBAAuB,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAG/D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,GAAG,MAAM,CAAC;IACxD,wBAAwB,CAAC,EAAE,MAAM,CAAC;IAClC,0BAA0B,CAAC,EAAE,OAAO,CAAC;IAGrC,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;IACnC,QAAQ,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACrC,kBAAkB,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC,CAAC;IAGtD,gCAAgC,CAAC,EAAE,OAAO,CAAC;IAC3C,mBAAmB,CAAC,EAAE,gBAAgB,CAAC;IACvC,sBAAsB,CAAC,EACnB,SAAS,CAAC,yBAAyB,CAAC,GACpC;QAAE,OAAO,CAAC,EAAE,yBAAyB,CAAA;KAAE,CAAC;IAC5C,gBAAgB,CAAC,EACb,SAAS,CACP,CACE,YAAY,EACR,OAAO,CAAC,gBAAgB,CAAC,GACzB,CAAC,CAAC,YAAY,EAAE,gBAAgB,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAChE,IAAI,CACV,GACD;QACE,OAAO,CAAC,EAAE,CACR,YAAY,EACR,OAAO,CAAC,gBAAgB,CAAC,GACzB,CAAC,CAAC,YAAY,EAAE,gBAAgB,KAAK,OAAO,CAAC,gBAAgB,CAAC,CAAC,KAChE,IAAI,CAAC;KACX,CAAC;IAGN,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,0BAA0B,CAAC,EAAE,OAAO,CAAC;IACrC,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,eAAe,CAAC,EAAE,gBAAgB,CAAC;IAGnC,8HAA8H;IAC9H,eAAe,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAClC,8EAA8E;IAC9E,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,sEAAsE;IACtE,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,0EAA0E;IAC1E,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,sDAAsD;IACtD,MAAM,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;IACxB,gDAAgD;IAChD,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,iGAAiG;IACjG,gBAAgB,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACnC,6GAA6G;IAC7G,gBAAgB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAC3C,sDAAsD;IACtD,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,oFAAoF;IACpF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,mEAAmE;IACnE,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE;QACzB,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,EAAE,GAAG,IAAI,KAAK,IAAI,CAAC;KACrD,KAAK,SAAS,CAAC;IAEhB;;;;OAIG;IACH,qBAAqB,CAAC,EAAE,CAAC,KAAK,EAAE;QAC9B,WAAW,EAAE,SAAS,CAAC;QACvB,WAAW,EAAE,SAAS,CAAC;QACvB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;QAClD,UAAU,EAAE,MAAM,IAAI,CAAC;QACvB,QAAQ,CAAC,EAAE,iBAAiB,CAAC,UAAU,CAAC,CAAC;KAC1C,KAAK,SAAS,CAAC;IAEhB;;;;;;OAMG;IACH,WAAW,CAAC,EAAE,YAAY,CAAC;QACzB,mBAAmB,CAAC,EAAE,SAAS,CAAC;QAChC,aAAa,CAAC,EAAE,SAAS,CAAC;KAC3B,CAAC,CAAC;CACJ"}
+{"version":3,"file":"config.d.ts","sourceRoot":"","sources":["../../src/types/config.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.15",
+  "version": "1.0.19",
   "license": "MIT",
   "author": "Lê Đặng Trường Đạt",
   "main": "./lib/index.js",
@@ -29,49 +29,94 @@
   "files": [
     "lib"
   ],
+  "scripts": {
+    "build": "rimraf lib && yarn build:babel && yarn build:types",
+    "build:babel": "cross-env BABEL_ENV=production NODE_ENV=production babel src -d lib --config-file ./babel.config.json --extensions '.ts,.tsx' --ignore '**/*.d.ts' --copy-files -D",
+    "build:types": "tsc --project tsconfig.build.json",
+    "dev": "vite",
+    "dev:force": "vite --force",
+    "lint": "eslint src --ext .ts,.tsx",
+    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "format": "prettier --write \"src/**/*.{js,jsx,ts,tsx,json,md}\" --cache",
+    "format:check": "prettier --check \"src/**/*.{js,jsx,ts,tsx,json,md}\" --cache",
+    "typecheck": "tsc --noEmit",
+    "clean": "rimraf lib",
+    "clean:dist": "rimraf dist",
+    "upgrade": "yarn upgrade-interactive",
+    "upgrade:check": "yarn outdated",
+    "upgrade:dedupe": "yarn dedupe",
+    "prepublishOnly": "yarn build",
+    "app:publish": "yarn npm publish"
+  },
   "dependencies": {
-    "@babel/runtime": "^7.28.6",
+    "@babel/runtime": "^7.29.2",
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
     "@emotion/styled": "^11.14.1",
     "@fontsource/outfit": "^5.2.8",
-    "@mui/icons-material": "^7.3.7",
-    "@mui/lab": "^7.0.1-beta.21",
-    "@mui/material": "^7.3.7",
-    "@mui/system": "^7.3.7",
-    "@mui/utils": "^7.3.7",
-    "@solostylist/ui-kit": "^1.0.206",
-    "dayjs": "^1.11.19",
-    "framer-motion": "^12.34.0",
-    "konva": "10.2.0",
+    "@mui/icons-material": "^7.3.9",
+    "@mui/lab": "^7.0.1-beta.23",
+    "@mui/material": "^7.3.9",
+    "@mui/system": "^7.3.9",
+    "@mui/utils": "^7.3.9",
+    "@solostylist/ui-kit": "^1.0.210",
+    "dayjs": "^1.11.20",
+    "embla-carousel": "8.6.0",
+    "embla-carousel-autoplay": "^8.6.0",
+    "embla-carousel-react": "^8.6.0",
+    "framer-motion": "^12.38.0",
     "overlayscrollbars": "^2.14.0",
     "overlayscrollbars-react": "^0.5.6",
     "react-colorful": "^5.6.1",
-    "react-slick": "^0.31.0",
-    "slick-carousel": "^1.8.1",
     "uuid": "^13.0.0"
   },
   "peerDependencies": {
+    "konva": "^10.2.0",
     "react": ">=17.0.0",
     "react-dom": ">=17.0.0",
     "react-konva": ">=17.0.0"
   },
-  "scripts": {
-    "build": "rimraf lib && yarn build:babel && yarn build:types",
-    "build:babel": "cross-env BABEL_ENV=production NODE_ENV=production babel src -d lib --config-file ../../babel.config.json --extensions '.ts,.tsx' --ignore '**/*.d.ts' --copy-files -D",
-    "build:types": "tsc --project tsconfig.build.json",
-    "clean": "rimraf lib",
-    "lint": "yarn --cwd ../.. exec eslint packages/image-editor/src --ext .ts,.tsx",
-    "lint:fix": "yarn --cwd ../.. exec eslint packages/image-editor/src --ext .ts,.tsx --fix",
-    "typecheck": "tsc --noEmit",
-    "app:publish": "yarn npm publish"
-  },
-  "gitHead": "eb3c52c580ba7169cbfe3a226748fa9b4ddd0d30",
   "devDependencies": {
+    "@babel/cli": "^7.28.6",
+    "@babel/core": "^7.29.0",
+    "@babel/plugin-transform-runtime": "^7.29.0",
+    "@babel/preset-env": "^7.29.2",
+    "@babel/preset-react": "^7.28.5",
+    "@babel/preset-typescript": "^7.28.5",
+    "@eslint/compat": "^2.0.3",
+    "@eslint/js": "^10.0.1",
+    "@rollup/plugin-node-resolve": "^16.0.3",
+    "@types/node": "^25.5.0",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "typescript": "^5.9.3"
-  }
+    "@vitejs/plugin-react": "^6.0.1",
+    "babel-loader": "^10.1.1",
+    "babel-plugin-module-resolver": "^5.0.3",
+    "babel-plugin-transform-react-remove-prop-types": "^0.4.24",
+    "babel-preset-minify": "^0.5.2",
+    "cross-env": "^10.1.0",
+    "eslint": "^10.1.0",
+    "eslint-config-prettier": "^10.1.8",
+    "eslint-import-resolver-typescript": "^4.4.4",
+    "eslint-plugin-import-x": "^4.16.2",
+    "eslint-plugin-prettier": "^5.5.5",
+    "eslint-plugin-react": "^7.37.5",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "form-data": "^4.0.5",
+    "globals": "^17.4.0",
+    "isomorphic-fetch": "^3.0.0",
+    "konva": "10.2.3",
+    "prettier": "^3.8.1",
+    "react": "19.2.4",
+    "react-dom": "19.2.4",
+    "react-dropzone": "^15.0.0",
+    "react-konva": "19.2.3",
+    "rimraf": "^6.1.3",
+    "terser": "^5.46.1",
+    "typescript": "^5.9.3",
+    "typescript-eslint": "^8.57.1",
+    "vite": "^8.0.1"
+  },
+  "packageManager": "yarn@4.5.3",
+  "type": "module"
 }