@solostylist/image-editor 1.0.17 → 1.0.20

package/lib/components/app/index.js

@@ -5,7 +5,7 @@ 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 _regeneratorRuntime from "@babel/runtime/regenerator";
-import { SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import SFileDropzone from '@solostylist/ui-kit/s-file-dropzone';
 import { memo, useCallback, useEffect, useRef, useState } from 'react';
 import { Box, CircularProgress } from '@mui/material';
@@ -179,9 +179,9 @@ var App = function App() {
   };
   var renderDefaultEmptyState = function renderDefaultEmptyState() {
     return _jsx(SFlexBox, {
-      alignItems: "center",
-      justifyContent: "center",
-      width: "100%",
+      alignItems: 'center',
+      justifyContent: 'center',
+      width: '100%',
       children: _jsx(Box, {
         sx: {
           width: '100%',

package/lib/components/assembly-point/index.js

@@ -1,5 +1,5 @@
 import React, { useEffect, memo } from 'react';
-import { SThemeProvider } from '@solostylist/ui-kit';
+import { SThemeProvider } from '@solostylist/ui-kit/s-theme-provider';
 import App from "../app";
 import { AppProvider } from "../../context";
 import defaultConfig from "../../context/default-config";

package/lib/components/common/annotation-options/index.js

@@ -11,7 +11,7 @@ import Menu from '@mui/material/Menu';
 import Typography from '@mui/material/Typography';
 import { useStore } from "../../../hooks";
 import { useCallback, useMemo, useState } from 'react';
-import { SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import ColorInput from "../color-input";
 import SIconButtonWrapper from "../icon-wrapper";
 import { POPPABLE_OPTIONS } from "./annotation-options.constants";

package/lib/components/common/color-picker-modal/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/color-picker-modal/index.tsx"],"names":[],"mappings":"AASA,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,gBAAgB,GAAI,qDAMvB,qBAAqB,mDAkEvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/common/color-picker-modal/index.tsx"],"names":[],"mappings":"AAWA,UAAU,qBAAqB;IAC7B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;IACnC,OAAO,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,CAAC;CACpC;AAED,QAAA,MAAM,gBAAgB,GAAI,qDAMvB,qBAAqB,mDAyEvB,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/lib/components/common/color-picker-modal/index.js

@@ -1,6 +1,8 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import Box from '@mui/material/Box';
-import { SButton, SDialog, STextField } from '@solostylist/ui-kit';
+import { SButton } from '@solostylist/ui-kit/s-button';
+import { SDialog } from '@solostylist/ui-kit/s-dialog';
+import { STextField } from '@solostylist/ui-kit/s-text-field';
 import { useCallback, useState } from 'react';
 import { HexColorPicker } from 'react-colorful';
 import { useStore } from "../../../hooks";
@@ -47,6 +49,12 @@ var ColorPickerModal = function ColorPickerModal(_ref) {
     title: t('colorPickerModalTitleLabel'),
     maxWidth: "xs",
     content: _jsxs(Box, {
+      sx: {
+        '& .react-colorful__pointer': {
+          width: 22,
+          height: 22
+        }
+      },
       children: [_jsx(HexColorPicker, {
         color: currentColor,
         onChange: handleColorChange,

package/lib/components/common/icon-wrapper/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["children", "active", "border", "onClick", "title", "className"];
 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 { SIconButton } from '@solostylist/ui-kit';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { jsx as _jsx } from "react/jsx-runtime";
 var SIconButtonWrapper = function SIconButtonWrapper(_ref) {
   var children = _ref.children,

package/lib/components/common/image-preview-tile/index.js

@@ -3,7 +3,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
 var _excluded = ["src", "alt", "onClick", "selected", "size", "sx"];
 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 { SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import { jsx as _jsx } from "react/jsx-runtime";
 var ImagePreviewTile = function ImagePreviewTile(_ref) {
   var src = _ref.src,

package/lib/components/common/slider/index.js

@@ -5,7 +5,7 @@ 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 MuiSlider from '@mui/material/Slider';
 import { Box, Typography } from '@mui/material';
-import { SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var Slider = function Slider(_ref) {
   var annotation = _ref.annotation,

package/lib/components/layers/design-layer/annotation-nodes/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/index.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,eAAe,iDAgBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/layers/design-layer/annotation-nodes/index.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,eAAe,iDAsBpB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/layers/design-layer/annotation-nodes/index.js

@@ -1,4 +1,4 @@
-import { useMemo } from 'react';
+import { useEffect, useMemo } from 'react';
 import { useAnnotationEvents, useStore } from "../../../../hooks";
 import MemoizedAnnotation from "./memoized-annotation";
 import { jsx as _jsx } from "react/jsx-runtime";
@@ -7,8 +7,14 @@ var AnnotationNodes = function AnnotationNodes() {
     _useStore$annotations = _useStore.annotations,
     annotations = _useStore$annotations === void 0 ? {} : _useStore$annotations,
     _useStore$selectionsI = _useStore.selectionsIds,
-    selectionsIds = _useStore$selectionsI === void 0 ? [] : _useStore$selectionsI;
+    selectionsIds = _useStore$selectionsI === void 0 ? [] : _useStore$selectionsI,
+    designLayer = _useStore.designLayer;
   var annotationEvents = useAnnotationEvents();
+  useEffect(function () {
+    if (designLayer) {
+      designLayer.batchDraw();
+    }
+  }, [annotations, selectionsIds, designLayer]);
   return useMemo(function () {
     return Object.values(annotations).map(function (annotation) {
       return _jsx(MemoizedAnnotation, {

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":"AAYA,QAAA,MAAM,UAAU,+CAuHf,CAAC;AAEF,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/index.tsx"],"names":[],"mappings":"AAaA,QAAA,MAAM,UAAU,+CA+Gf,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -6,9 +6,9 @@ import NodeControls from "../node-controls";
 import { AppProviderOverridenValue } from "../../context";
 import { useStore } from "../../hooks";
 import CanvasNode from "./canvas-node";
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import OriginalPreviewLayer from "./original-preview-layer";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var MainCanvas = function MainCanvas() {
-  var _providedAppContext$o;
   var providedAppContext = useStore();
   var canvasContainerRef = useRef(null);
   var contextRef = useRef(providedAppContext);
@@ -85,22 +85,12 @@ var MainCanvas = function MainCanvas() {
       flexGrow: 1,
       ref: canvasContainerRef,
       width: '100%',
-      children: [!providedAppContext.textIdOfEditableContent && _jsx(NodeControls, {}), providedAppContext.isShowOriginalImage && _jsx("img", {
-        alt: "",
-        style: {
-          maxWidth: '98%',
-          maxHeight: '98%',
-          position: 'absolute',
-          top: '50%',
-          left: '50%',
-          transform: 'translate(-50%, -50%)',
-          zIndex: 2
-        },
-        src: (_providedAppContext$o = providedAppContext.originalImage) === null || _providedAppContext$o === void 0 ? void 0 : _providedAppContext$o.src
-      }), _jsx(CanvasNode, {
-        children: _jsxs(AppProviderOverridenValue, {
+      children: [!providedAppContext.textIdOfEditableContent && !providedAppContext.isShowOriginalImage && _jsx(NodeControls, {}), _jsx(CanvasNode, {
+        children: _jsx(AppProviderOverridenValue, {
           overridingValue: providedAppContext,
-          children: [_jsx(DesignLayer, {}), _jsx(TransformersLayer, {})]
+          children: providedAppContext.isShowOriginalImage ? _jsx(OriginalPreviewLayer, {}) : _jsxs(_Fragment, {
+            children: [_jsx(DesignLayer, {}), _jsx(TransformersLayer, {})]
+          })
         })
       })]
     })

package/lib/components/main-canvas/original-preview-layer.d.ts

@@ -0,0 +1,3 @@
+declare const OriginalPreviewLayer: () => import("react/jsx-runtime").JSX.Element | null;
+export default OriginalPreviewLayer;
+//# sourceMappingURL=original-preview-layer.d.ts.map

package/lib/components/main-canvas/original-preview-layer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"original-preview-layer.d.ts","sourceRoot":"","sources":["../../../src/components/main-canvas/original-preview-layer.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,oBAAoB,sDA4BzB,CAAC;AAEF,eAAe,oBAAoB,CAAC"}

package/lib/components/main-canvas/original-preview-layer.js

@@ -0,0 +1,26 @@
+import { Image, Layer } from 'react-konva';
+import { useStore } from "../../hooks";
+import { jsx as _jsx } from "react/jsx-runtime";
+var OriginalPreviewLayer = function OriginalPreviewLayer() {
+  var _ref, _x, _ref2, _y;
+  var _useStore = useStore(),
+    originalImage = _useStore.originalImage,
+    shownImageDimensions = _useStore.shownImageDimensions;
+  if (!originalImage || !(shownImageDimensions !== null && shownImageDimensions !== void 0 && shownImageDimensions.width) || !(shownImageDimensions !== null && shownImageDimensions !== void 0 && shownImageDimensions.height)) {
+    return null;
+  }
+  var x = (_ref = (_x = shownImageDimensions.x) !== null && _x !== void 0 ? _x : shownImageDimensions.abstractX) !== null && _ref !== void 0 ? _ref : 0;
+  var y = (_ref2 = (_y = shownImageDimensions.y) !== null && _y !== void 0 ? _y : shownImageDimensions.abstractY) !== null && _ref2 !== void 0 ? _ref2 : 0;
+  return _jsx(Layer, {
+    listening: false,
+    children: _jsx(Image, {
+      image: originalImage,
+      x: x,
+      y: y,
+      width: shownImageDimensions.width,
+      height: shownImageDimensions.height,
+      listening: false
+    })
+  });
+};
+export default OriginalPreviewLayer;

package/lib/components/node-controls/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/node-controls/index.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,YAAY,sDA4EjB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/node-controls/index.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,YAAY,sDA4EjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/node-controls/index.js

@@ -1,6 +1,7 @@
 import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import { ContentCopy, DeleteOutlined } 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 { useEffect, useMemo, useState } from 'react';
 import { DUPLICATE_ANNOTATIONS, REMOVE_ANNOTATIONS } from "../../actions";
 import { useStore } from "../../hooks";

package/lib/components/tabs/index.js

@@ -5,7 +5,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';
 import ChevronRightIcon from '@mui/icons-material/ChevronRight';
 import { Box, ListItem, ListItemButton, ListItemIcon, ListItemText, Typography } from '@mui/material';
-import { SIconButton } from '@solostylist/ui-kit';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { useCallback, useEffect, useMemo, useState } from 'react';
 import { SELECT_TAB } from "../../actions";
 import { useStore } from "../../hooks";

package/lib/components/tabs-drawer/index.js

@@ -4,7 +4,7 @@ import Box from '@mui/material/Box';
 import SwipeableDrawer from '@mui/material/SwipeableDrawer';
 import ButtonBase from '@mui/material/ButtonBase';
 import Typography from '@mui/material/Typography';
-import { SIconButton } from '@solostylist/ui-kit';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
 import { useStore } from "../../hooks";
 import { SELECT_TAB } from "../../actions";
 import { AVAILABLE_TABS } from "../tabs/tabs.constants";

package/lib/components/tools/crop/crop.js

@@ -2,7 +2,7 @@ import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 import { CropOutlined as CropIcon } from '@mui/icons-material';
 import { Box, InputAdornment } from '@mui/material';
 import { useMemo } from 'react';
-import { SSelect } from '@solostylist/ui-kit';
+import { SSelect } from '@solostylist/ui-kit/s-select';
 import { SET_CROP, SET_RESIZE, ZOOM_CANVAS } from "../../../actions";
 import { useStore } from "../../../hooks";
 import { DEFAULT_ZOOM_FACTOR, ORIGINAL_CROP, TOOLS_IDS } from "../../../utils/constants";

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

@@ -4,7 +4,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 import { memo, useCallback, useEffect, useRef } from 'react';
 import { Layer, Image, Stage } from 'react-konva';
 import { Typography } from '@mui/material';
-import { SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 var MAX_FILTER_PREVIEW_WIDTH = 80;
 var MAX_FILTER_PREVIEW_HEIGHT = 60;

package/lib/components/tools/image/images-gallery.js

@@ -1,5 +1,5 @@
 import { Popover } from '@mui/material';
-import { SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import ImagePreviewTile from "../../common/image-preview-tile";
 import { jsx as _jsx } from "react/jsx-runtime";
 var ImagesGallery = function ImagesGallery(_ref) {

package/lib/components/tools/resize/resize.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/resize/resize.tsx"],"names":[],"mappings":"AAaA,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,GAAI,6CAIb,WAAW,mDAyLb,CAAC;AAEF,eAAe,MAAM,CAAC"}
+{"version":3,"file":"resize.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/resize/resize.tsx"],"names":[],"mappings":"AAeA,UAAU,WAAW;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED,UAAU,WAAW;IACnB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IACpD,WAAW,CAAC,EAAE,WAAW,CAAC;IAC1B,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,GAAI,6CAIb,WAAW,mDAyLb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/tools/resize/resize.js

@@ -2,7 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { Refresh, LockOutlined, LockOpenOutlined } from '@mui/icons-material';
-import { SFlexBox, SIconButton, STextField } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
+import { SIconButton } from '@solostylist/ui-kit/s-icon-button';
+import { STextField } from '@solostylist/ui-kit/s-text-field';
 import { SET_RESIZE, ZOOM_CANVAS } from "../../../actions";
 import { useStore } from "../../../hooks";
 import { DEFAULT_ZOOM_FACTOR } from "../../../utils/constants";

package/lib/components/tools/rotate/rotate-options.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"rotate-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rotate/rotate-options.tsx"],"names":[],"mappings":"AAiBA,QAAA,MAAM,aAAa,+CAsGlB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"rotate-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rotate/rotate-options.tsx"],"names":[],"mappings":"AAkBA,QAAA,MAAM,aAAa,+CAsGlB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/tools/rotate/rotate-options.js

@@ -6,7 +6,8 @@ import restrictNumber from "../../../utils/restrict-number";
 import getSizeAfterRotation from "../../../utils/get-size-after-rotation";
 import { TOOLS_IDS } from "../../../utils/constants";
 import ToolsBarItemButton from "../../tools-bar/tools-bar-item-button";
-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 { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 var RotateOptions = function RotateOptions() {
   var _useStore = useStore(),

package/lib/components/tools/text/text-options/text-alignment-fields.js

@@ -1,5 +1,5 @@
 import { FormatAlignCenterOutlined, FormatAlignLeftOutlined } from '@mui/icons-material';
-import { SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import SIconButtonWrapper from "../../../common/icon-wrapper";
 import { TextAlignment } from "../../../../types/annotations";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/tools/text/text-options/text-controls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"text-controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/tools/text/text-options/text-controls.tsx"],"names":[],"mappings":"AAaA,OAAO,EAAc,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAe/D,UAAU,iBAAiB;IAGzB,IAAI,EAAE,cAAc,GAAG;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACrE,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,GAAI,8BAA8B,iBAAiB,4CA8IpE,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"text-controls.d.ts","sourceRoot":"","sources":["../../../../../src/components/tools/text/text-options/text-controls.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAc,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAe/D,UAAU,iBAAiB;IAGzB,IAAI,EAAE,cAAc,GAAG;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC;IACrE,QAAQ,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,GAAG,KAAK,GAAG,CAAC,KAAK,IAAI,CAAC;IAC9E,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,GAAI,8BAA8B,iBAAiB,4CA8IpE,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/lib/components/tools/text/text-options/text-controls.js

@@ -9,7 +9,9 @@ import SIconButtonWrapper from "../../../common/icon-wrapper";
 import { ENABLE_TEXT_CONTENT_EDIT } from "../../../../actions";
 import restrictNumber from "../../../../utils/restrict-number";
 import { useStore } from "../../../../hooks";
-import { SFlexBox, SSelect, STextField } from '@solostylist/ui-kit';
+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 { textOptionsPopupComponents, TEXT_POPPABLE_OPTIONS } from "./text-options.constants";
 import { activateTextChange, deactivateTextChange } from "./handle-text-change-area";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";

package/lib/components/tools/watermark/watermark.js

@@ -3,7 +3,7 @@ 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 { FileUploadOutlined, TextFieldsOutlined } from '@mui/icons-material';
-import { SFlexBox } from '@solostylist/ui-kit';
+import { SFlexBox } from '@solostylist/ui-kit/s-flex-box';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { CLEAR_ANNOTATIONS_SELECTIONS, SELECT_ANNOTATION, SET_ANNOTATION, SET_FEEDBACK } from "../../../actions";
 import ButtonWithMenu from "../../common/button-with-menu";

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,+CAgLb,CAAC;AAEF,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tools-bar/index.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,QAAQ,+CAgLb,CAAC;AAEF,eAAe,QAAQ,CAAC"}

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

@@ -1,5 +1,6 @@
 import { cloneElement, isValidElement, useCallback, useEffect, useMemo } from 'react';
-import { SToolBar, 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";

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.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() {

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/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,+CA0KZ,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,7 +5,10 @@ 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 '..';

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":"AASA,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAI/C;;;GAGG;AACH,UAAU,qBAAqB;IAE7B,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,CAAC,CAAC,EAAE,MAAM,CAAC;IACX,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,gBAAgB,CAAC;IAClC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;QAAE,WAAW,EAAE,MAAM,CAAC;QAAC,UAAU,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IAGtB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IAGpB,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,EAAE,CAAC;IACtD,YAAY,CAAC,EAAE,CAAC,aAAa,EAAE,MAAM,EAAE,gBAAgB,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;CAC9E;AAED,KAAK,aAAa,GACd,OAAO,CAAC,qBAAqB,CAAC,GAC9B,CAAC,CAAC,MAAM,EAAE,qBAAqB,KAAK,OAAO,CAAC,qBAAqB,CAAC,CAAC,CAAC;AAExE;;;;;;;;;;;;GAYG;AACH,QAAA,MAAM,aAAa,GAAI,CAAC,SAAS,UAAU,GAAG,UAAU,EACtD,aAAY,OAAO,CAAC,qBAAqB,CAAM,EAC/C,gBAAe,OAAc,KAC5B,CACD,CAAC,GAAG,IAAI,CAAC,qBAAqB,EAAE,YAAY,GAAG,WAAW,CAAC,EAC3D,CAAC,cAAc,EAAE,aAAa,KAAK,IAAI,EACvC,CAAC,iBAAiB,EAAE,OAAO,CAAC,qBAAqB,CAAC,KAAK,IAAI,CAkN5D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"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/package.json

@@ -3,7 +3,7 @@
   "publishConfig": {
     "access": "public"
   },
-  "version": "1.0.17",
+  "version": "1.0.20",
   "license": "MIT",
   "author": "Lê Đặng Trường Đạt",
   "main": "./lib/index.js",
@@ -29,49 +29,93 @@
   "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",
+    "app:publish": "yarn build && 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"
 }