@solostylist/image-editor 1.0.14 → 1.0.17

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.tsx"],"names":[],"mappings":";AA0aA,wBAAyB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/app/index.tsx"],"names":[],"mappings":";AAubA,wBAAyB"}

package/lib/components/app/index.js

@@ -6,8 +6,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 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 _regeneratorRuntime from "@babel/runtime/regenerator";
 import { SFlexBox } from '@solostylist/ui-kit';
+import SFileDropzone from '@solostylist/ui-kit/s-file-dropzone';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
-import { CircularProgress } from '@mui/material';
+import { Box, CircularProgress } from '@mui/material';
 import { HIDE_LOADER, RESET, SET_FEEDBACK, SET_ORIGINAL_IMAGE, SET_SHOWN_TABS_MENU, SHOW_LOADER, UPDATE_STATE } from "../../actions";
 import FeedbackPopup from "../feedback-popup";
 import MainCanvas from "../main-canvas";
@@ -24,7 +25,7 @@ import isSameImage from "../../utils/is-same-image";
 import loadImage from "../../utils/load-image";
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var App = function App() {
-  var _ref3, _ref4, _ref5;
+  var _ref3;
   var _useStore = useStore(),
     config = _useStore.config,
     isLoadingGlobally = _useStore.isLoadingGlobally,
@@ -42,7 +43,6 @@ var App = function App() {
     updateStateFnRef = config.updateStateFnRef,
     noCrossOrigin = config.noCrossOrigin,
     resetOnImageSourceChange = config.resetOnImageSourceChange,
-    containerHeight = config.containerHeight,
     editorHeight = config.editorHeight,
     toolbarHeight = config.toolbarHeight,
     rootSx = config.rootSx,
@@ -177,6 +177,29 @@ var App = function App() {
       uploadInputRef.current.value = '';
     }
   };
+  var renderDefaultEmptyState = function renderDefaultEmptyState() {
+    return _jsx(SFlexBox, {
+      alignItems: "center",
+      justifyContent: "center",
+      width: "100%",
+      children: _jsx(Box, {
+        sx: {
+          width: '100%',
+          maxWidth: 600
+        },
+        children: _jsx(SFileDropzone, {
+          accept: {
+            'image/*': []
+          },
+          maxFiles: 1,
+          multiple: false,
+          onDrop: function onDrop(acceptedFiles) {
+            handleUploadFiles(acceptedFiles);
+          }
+        })
+      })
+    });
+  };
   var updateDesignStateWithLoadableOne = function updateDesignStateWithLoadableOne() {
     if (loadableDesignState && Object.keys(loadableDesignState).length > 0) {
       dispatch({
@@ -316,7 +339,9 @@ var App = function App() {
               children: renderEmptyState({
                 onUpload: handleUploadFiles
               })
-            }) : _jsx(_Fragment, {})
+            }) : _jsx(_Fragment, {
+              children: renderDefaultEmptyState()
+            })
           }), originalImage && !showCanvasOnly && _jsx(ToolsBar, {})]
         })]
       })]
@@ -332,9 +357,9 @@ var App = function App() {
       backgroundSize: '12px 12px',
       flexDirection: 'column',
       alignItems: 'center',
-      height: (_ref3 = editorHeight !== null && editorHeight !== void 0 ? editorHeight : containerHeight) !== null && _ref3 !== void 0 ? _ref3 : '70vh',
-      maxHeight: (_ref4 = editorHeight !== null && editorHeight !== void 0 ? editorHeight : containerHeight) !== null && _ref4 !== void 0 ? _ref4 : '70vh',
-      width: (_ref5 = observePluginContainerSize ? rootSize.width : undefined) !== null && _ref5 !== void 0 ? _ref5 : '100%',
+      height: editorHeight !== null && editorHeight !== void 0 ? editorHeight : '70vh',
+      maxHeight: editorHeight !== null && editorHeight !== void 0 ? editorHeight : '70vh',
+      width: (_ref3 = observePluginContainerSize ? rootSize.width : undefined) !== null && _ref3 !== void 0 ? _ref3 : '100%',
       maxWidth: '100%',
       overflow: 'hidden',
       position: 'relative',

package/lib/components/assembly-point/index.d.ts

@@ -1,8 +1,7 @@
 /** External Dependencies */
 import React from 'react';
 import { ImageEditorConfig } from 'types/config';
-interface AssemblyPointProps extends ImageEditorConfig {
-}
+type AssemblyPointProps = ImageEditorConfig;
 declare const _default: React.MemoExoticComponent<(props: AssemblyPointProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/lib/components/assembly-point/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/assembly-point/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,UAAU,kBAAmB,SAAQ,iBAAiB;CAAG;0DAE3B,kBAAkB;AAkBhD,wBAAmC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/assembly-point/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAC5B,OAAO,KAA0B,MAAM,OAAO,CAAC;AAS/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAEjD,KAAK,kBAAkB,GAAG,iBAAiB,CAAC;0DAEd,kBAAkB;AAkBhD,wBAAmC"}

package/lib/components/main-canvas/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/index.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,UAAU,+CAqLf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/index.tsx"],"names":[],"mappings":"AAYA,QAAA,MAAM,UAAU,+CAuHf,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/main-canvas/index.js

@@ -5,7 +5,6 @@ import { DesignLayer, TransformersLayer } from "../layers";
 import NodeControls from "../node-controls";
 import { AppProviderOverridenValue } from "../../context";
 import { useStore } from "../../hooks";
-import { TOOLS_IDS } from "../../utils/constants";
 import CanvasNode from "./canvas-node";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var MainCanvas = function MainCanvas() {
@@ -17,22 +16,18 @@ var MainCanvas = function MainCanvas() {
     contextRef.current = providedAppContext;
   });
   var setNewCanvasSize = useCallback(function (_ref) {
-    var _ctx$config$cropTopOf;
     var width = _ref.width,
       height = _ref.height;
     var ctx = contextRef.current;
     var previousCanvasWidth = ctx.canvasWidth;
     var previousCanvasHeight = ctx.canvasHeight;
-    var cropOffset = (_ctx$config$cropTopOf = ctx.config.cropTopOffset) !== null && _ctx$config$cropTopOf !== void 0 ? _ctx$config$cropTopOf : 56;
-    var isCropping = ctx.toolId === TOOLS_IDS.CROP;
-    var effectiveHeight = isCropping ? height - cropOffset : height;
-    var hasSizeChanged = width !== previousCanvasWidth || effectiveHeight !== previousCanvasHeight;
+    var hasSizeChanged = width !== previousCanvasWidth || height !== previousCanvasHeight;
     if (!hasSizeChanged) return;
     ctx.dispatch({
       type: SET_CANVAS_SIZE,
       payload: {
         canvasWidth: width,
-        canvasHeight: effectiveHeight
+        canvasHeight: height
       }
     });
   }, []);
@@ -57,7 +52,6 @@ var MainCanvas = function MainCanvas() {
   }, [setNewCanvasSize]);
   var _providedAppContext$c = providedAppContext.config,
     canvasAreaHeight = _providedAppContext$c.canvasAreaHeight,
-    showCanvasCenter = _providedAppContext$c.showCanvasCenter,
     cropTopOffset = _providedAppContext$c.cropTopOffset,
     defaultToolId = _providedAppContext$c.defaultToolId,
     toolId = providedAppContext.toolId,
@@ -103,49 +97,6 @@ var MainCanvas = function MainCanvas() {
           zIndex: 2
         },
         src: (_providedAppContext$o = providedAppContext.originalImage) === null || _providedAppContext$o === void 0 ? void 0 : _providedAppContext$o.src
-      }), showCanvasCenter && _jsxs(Box, {
-        sx: {
-          position: 'absolute',
-          top: '50%',
-          left: '50%',
-          transform: 'translate(-50%, -50%)',
-          zIndex: 3,
-          pointerEvents: 'none',
-          width: 24,
-          height: 24
-        },
-        children: [_jsx(Box, {
-          sx: {
-            position: 'absolute',
-            top: '50%',
-            left: 0,
-            right: 0,
-            height: '1px',
-            backgroundColor: 'rgba(255, 0, 0, 0.7)',
-            transform: 'translateY(-50%)'
-          }
-        }), _jsx(Box, {
-          sx: {
-            position: 'absolute',
-            left: '50%',
-            top: 0,
-            bottom: 0,
-            width: '1px',
-            backgroundColor: 'rgba(255, 0, 0, 0.7)',
-            transform: 'translateX(-50%)'
-          }
-        }), _jsx(Box, {
-          sx: {
-            position: 'absolute',
-            top: '50%',
-            left: '50%',
-            width: 6,
-            height: 6,
-            borderRadius: '50%',
-            backgroundColor: 'rgba(255, 0, 0, 0.9)',
-            transform: 'translate(-50%, -50%)'
-          }
-        })]
       }), _jsx(CanvasNode, {
         children: _jsxs(AppProviderOverridenValue, {
           overridingValue: providedAppContext,

package/lib/components/tools/filters/filter-item.js

@@ -14,13 +14,10 @@ var FilterItem = function FilterItem(_ref) {
     applyFilter = _ref.applyFilter,
     isActive = _ref.isActive,
     image = _ref.image;
-  if (!image) {
-    return null;
-  }
   var imageNodeRef = useRef(null);
   var handleFilterApplying = useCallback(function () {
     applyFilter(filterFn);
-  }, [filterFn]);
+  }, [applyFilter, filterFn]);
   var cacheImageNode = useCallback(function () {
     if (imageNodeRef.current) {
       imageNodeRef.current.cache();
@@ -36,7 +33,10 @@ var FilterItem = function FilterItem(_ref) {
       var _imageNodeRef$current;
       (_imageNodeRef$current = imageNodeRef.current) === null || _imageNodeRef$current === void 0 || _imageNodeRef$current.clearCache();
     };
-  }, [image]);
+  }, [cacheImageNode, image]);
+  if (!image) {
+    return null;
+  }
   var imgRatio = image.width / image.height;
   var stageRatio = MAX_FILTER_PREVIEW_WIDTH / MAX_FILTER_PREVIEW_HEIGHT;
   var isWiderThanStage = imgRatio > stageRatio;

package/lib/components/tools/filters/filters.js

@@ -1,6 +1,6 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { Box } from '@mui/material';
-import { SCarousel } from '@solostylist/ui-kit/carousel';
+import SCarousel from '@solostylist/ui-kit/s-carousel';
 import { useFilter, useStore } from "../../../hooks";
 import FilterItem from "./filter-item";
 import { AVAILABLE_FILTERS } from "./filters.constants";

package/lib/components/tools/watermark/watermarks-gallery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"watermarks-gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/watermark/watermarks-gallery.tsx"],"names":[],"mappings":"AAYA,UAAU,sBAAsB;IAC9B,eAAe,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,sBAAsB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7E;AAED,QAAA,MAAM,iBAAiB,GAAI,8CAGxB,sBAAsB,mDA6ExB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"watermarks-gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/watermark/watermarks-gallery.tsx"],"names":[],"mappings":"AAWA,UAAU,sBAAsB;IAC9B,eAAe,EAAE,CAAC,GAAG,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACjD,sBAAsB,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,eAAe,CAAC,EAAE,OAAO,KAAK,IAAI,CAAC;CAC7E;AAED,QAAA,MAAM,iBAAiB,GAAI,8CAGxB,sBAAsB,mDAsFxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/tools/watermark/watermarks-gallery.js

@@ -2,7 +2,6 @@ import { useMemo } from 'react';
 import Box from '@mui/material/Box';
 import { useStore } from "../../../hooks";
 import { TOOLS_IDS, WATERMARK_ANNOTATION_ID } from "../../../utils/constants";
-import { SCarousel } from '@solostylist/ui-kit/carousel';
 import { SET_FEEDBACK } from "../../../actions";
 import ImagePreviewTile from "../../common/image-preview-tile";
 import { isImageAnnotation } from "../../../types/annotations";
@@ -56,25 +55,28 @@ var WatermarksGallery = function WatermarksGallery(_ref) {
     sx: {
       flex: 1,
       minWidth: 0,
-      overflow: 'hidden'
+      overflowX: 'auto',
+      overflowY: 'hidden',
+      display: 'flex',
+      gap: 1,
+      scrollbarWidth: 'thin',
+      pb: 1
     },
-    children: _jsx(SCarousel, {
-      children: gallery.map(function (watermark) {
-        var watermarkUrl = typeof watermark === 'string' ? watermark : watermark === null || watermark === void 0 ? void 0 : watermark.url;
-        var previewUrl = typeof watermark === 'string' ? watermark : watermark === null || watermark === void 0 ? void 0 : watermark.previewUrl;
-        var isSameUrl = watermarkUrl === previewUrl;
-        return _jsx("div", {
-          children: _jsx(ImagePreviewTile, {
-            src: previewUrl,
-            alt: "Watermark",
-            onClick: function onClick(e) {
-              return isSameUrl ? getWatermarkImgAndSelect(e) : loadAndSetWatermarkImg(watermarkUrl);
-            },
-            selected: watermarkUrl === currentWatermarkUrl,
-            size: 60
-          })
-        }, watermarkUrl);
-      })
+    children: gallery.map(function (watermark) {
+      var watermarkUrl = typeof watermark === 'string' ? watermark : watermark === null || watermark === void 0 ? void 0 : watermark.url;
+      var previewUrl = typeof watermark === 'string' ? watermark : watermark === null || watermark === void 0 ? void 0 : watermark.previewUrl;
+      var isSameUrl = watermarkUrl === previewUrl;
+      return _jsx("div", {
+        children: _jsx(ImagePreviewTile, {
+          src: previewUrl,
+          alt: "Watermark",
+          onClick: function onClick(e) {
+            return isSameUrl ? getWatermarkImgAndSelect(e) : loadAndSetWatermarkImg(watermarkUrl);
+          },
+          selected: watermarkUrl === currentWatermarkUrl,
+          size: 60
+        })
+      }, watermarkUrl);
     })
   });
 };

package/lib/components/tools-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tools-bar/index.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,QAAQ,+CA4Kb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tools-bar/index.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,QAAQ,+CAgLb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,5 +1,5 @@
 import { cloneElement, isValidElement, useCallback, useEffect, useMemo } from 'react';
-import { SAiToolBar, SFlexBox } from '@solostylist/ui-kit';
+import { SToolBar, SFlexBox } from '@solostylist/ui-kit';
 import { SELECT_TOOL } from "../../actions";
 import { TABS_TOOLS, TOOLS_ITEMS } from "../tools/tools.constants";
 import { useImageEditorActions, useStore } from "../../hooks";
@@ -122,13 +122,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/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

@@ -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/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;AA+CpC,QAAA,MAAM,OAAO,+CA0KZ,CAAC;AAEF,eAAe,OAAO,CAAC"}

package/lib/demo/app.js

@@ -6,9 +6,9 @@ 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 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 +69,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 +159,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 +207,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/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":"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"}
+{"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.14",
+  "version": "1.0.17",
   "license": "MIT",
   "author": "Lê Đặng Trường Đạt",
   "main": "./lib/index.js",
@@ -40,13 +40,15 @@
     "@mui/material": "^7.3.7",
     "@mui/system": "^7.3.7",
     "@mui/utils": "^7.3.7",
-    "@solostylist/ui-kit": "^1.0.203",
+    "@solostylist/ui-kit": "^1.0.206",
     "dayjs": "^1.11.19",
     "framer-motion": "^12.34.0",
     "konva": "10.2.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": {
@@ -59,8 +61,8 @@
     "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": "eslint src --ext .ts,.tsx",
-    "lint:fix": "eslint src --ext .ts,.tsx --fix",
+    "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"
   },