@solostylist/image-editor 1.0.0 → 1.0.2

package/lib/components/tools/flip/flip-y.js

@@ -1 +1 @@
-import{FlipOutlined}from"@mui/icons-material";import{useCallback,useMemo}from"react";import{TOGGLE_FLIP}from"actions";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{useStore}from"hooks";import{FLIP_DIRECTIONS,TOOLS_IDS}from"utils/constants";var FlipY=function(a){var b=a.selectTool,c=a.isSelected,d=a.t,e=useStore(),f=e.dispatch,g=e.adjustments.isFlippedY,h=useCallback(function(){return React.createElement(FlipOutlined,{sx:g?{transform:"rotate(90deg)"}:{transform:"rotate(270deg)"}})},[g]),i=useMemo(function(){return{reverseLabelOfCurrYFlipDir:g?d("unFlipY"):d("flipY"),reverseIconOfCurrYFlipDir:h}},[g]),j=i.reverseLabelOfCurrYFlipDir,k=i.reverseIconOfCurrYFlipDir,l=useCallback(function(){f({type:TOGGLE_FLIP,payload:{direction:FLIP_DIRECTIONS.Y}})},[]),m=useCallback(function(a){b(a),l()},[]);return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.FLIP_Y,label:j,Icon:k,onClick:m,isSelected:void 0!==c&&c})};export default FlipY;
+import{FlipOutlined}from"@mui/icons-material";import{useCallback,useMemo}from"react";import{TOGGLE_FLIP}from"actions";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{useStore}from"hooks";import{FLIP_DIRECTIONS,TOOLS_IDS}from"utils/constants";var FlipY=function(a){var b=a.selectTool,c=a.isSelected,d=a.t,e=useStore(),f=e.dispatch,g=e.adjustments.isFlippedY,h=useMemo(function(){return g?d("unFlipY"):d("flipY")},[g,d]),i=useMemo(function(){return{sx:g?{transform:"rotate(90deg)"}:{transform:"rotate(270deg)"}}},[g]),j=useCallback(function(){f({type:TOGGLE_FLIP,payload:{direction:FLIP_DIRECTIONS.Y}})},[]),k=useCallback(function(a){a&&b(a),j()},[]);return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.FLIP_Y,label:h,Icon:FlipOutlined,onClick:k,isSelected:void 0!==c&&c,slotProps:{icon:i}})};export default FlipY;

package/lib/components/tools/flip/index.d.ts

@@ -0,0 +1,3 @@
+export { default as FlipX } from './flip-x';
+export { default as FlipY } from './flip-y';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/flip/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/flip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,UAAU,CAAC"}

package/lib/components/tools/hsv/hsv.d.ts

@@ -0,0 +1,8 @@
+interface HSVProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const HSV: ({ selectTool, isSelected, t }: HSVProps) => import("react/jsx-runtime").JSX.Element;
+export default HSV;
+//# sourceMappingURL=hsv.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"hsv.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/hsv/hsv.tsx"],"names":[],"mappings":"AAOA,UAAU,QAAQ;IAChB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,GAAG,GAAI,+BAAuC,QAAQ,4CAU3D,CAAC;AAEF,eAAe,GAAG,CAAC"}

package/lib/components/tools/hsv/hsvoptions.d.ts

@@ -0,0 +1,6 @@
+interface HSVOptionsProps {
+    t: (key: string) => string;
+}
+declare const HSVOptions: ({ t }: HSVOptionsProps) => import("react/jsx-runtime").JSX.Element;
+export default HSVOptions;
+//# sourceMappingURL=hsvoptions.d.ts.map

package/lib/components/tools/hsv/hsvoptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hsvoptions.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/hsv/hsvoptions.tsx"],"names":[],"mappings":"AAoBA,UAAU,eAAe;IACvB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,GAAI,OAAO,eAAe,4CA0CzC,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/tools/hsv/index.d.ts

@@ -0,0 +1,3 @@
+export { default as HSV } from './hsv';
+export { default as HSVOptions } from './hsvoptions';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/hsv/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/hsv/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC"}

package/lib/components/tools/image/image-button.d.ts

@@ -0,0 +1,8 @@
+interface ImageButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const ImageButton: ({ selectTool, isSelected, t, }: ImageButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageButton;
+//# sourceMappingURL=image-button.d.ts.map

package/lib/components/tools/image/image-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/image/image-button.tsx"],"names":[],"mappings":"AAOA,UAAU,gBAAgB;IACxB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,WAAW,GAAI,gCAIlB,gBAAgB,4CAUlB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/tools/image/image-controls.d.ts

@@ -0,0 +1,13 @@
+/** External Dependencies */
+import { Annotation, ImageAnnotation } from 'types/annotations';
+interface ImageControlsProps {
+    image: ImageAnnotation | Partial<ImageAnnotation> | (ImageAnnotation & {
+        shouldSave?: boolean;
+        neverSave?: boolean;
+    });
+    saveImage: (updates: Partial<Annotation>) => void;
+    children?: React.ReactNode;
+}
+declare const ImageControls: ({ image, saveImage, children }: ImageControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default ImageControls;
+//# sourceMappingURL=image-controls.d.ts.map

package/lib/components/tools/image/image-controls.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"image-controls.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/image/image-controls.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAI5B,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEhE,UAAU,kBAAkB;IAE1B,KAAK,EACD,eAAe,GACf,OAAO,CAAC,eAAe,CAAC,GACxB,CAAC,eAAe,GAAG;QAAE,UAAU,CAAC,EAAE,OAAO,CAAC;QAAC,SAAS,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACtE,SAAS,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,GAAI,gCAAgC,kBAAkB,4CAUxE,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/tools/image/image-controls.js

@@ -1 +1 @@
-import AnnotationOptions from"components/common/annotation-options";var ImageControls=function(a){var b=a.image,c=a.saveImage,d=a.children,e=a.t;return React.createElement(AnnotationOptions,{className:"FIE_image-tool-options",annotation:b,updateAnnotation:c,t:e,hideFillOption:!0},d)};export default ImageControls;
+import AnnotationOptions from"components/common/annotation-options";var ImageControls=function(a){var b=a.image,c=a.saveImage,d=a.children;return React.createElement(AnnotationOptions,{annotation:b,updateAnnotation:c,hideFillOption:!0},d)};export default ImageControls;

package/lib/components/tools/image/image-options.d.ts

@@ -0,0 +1,3 @@
+declare const ImageOptions: () => import("react/jsx-runtime").JSX.Element;
+export default ImageOptions;
+//# sourceMappingURL=image-options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"image-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/image/image-options.tsx"],"names":[],"mappings":"AAgBA,QAAA,MAAM,YAAY,+CAuLjB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useMemo,useRef,useState}from"react";import{CollectionsOutlined,FileUploadOutlined}from"@mui/icons-material";import{useAnnotation,usePopover,useStore}from"hooks";import{FEEDBACK_STATUSES,TOOLS_IDS}from"utils/constants";import{SET_FEEDBACK}from"actions";import HiddenUploadInput from"components/common/hidden-upload-input";import ButtonWithMenu from"components/common/button-with-menu";import ImageControls from"./image-controls";import ImagesGallery from"./images-gallery";var ADDED_IMG_SPACING_PERCENT=.15,ImageOptions=function(){var a=useState(),b=_slicedToArray(a,2),c=b[0],d=b[1],e=usePopover(),f=useRef(null),g=useRef(null),h=useStore(),i=h.shownImageDimensions,j=h.dispatch,k=h.adjustments.crop,l=void 0===k?{}:k,m=h.t,n=h.config,o=void 0===n?{}:n,p=o[TOOLS_IDS.IMAGE],q=!p.disableUpload,r=Array.isArray(p.gallery)&&0<p.gallery.length,s=useAnnotation({name:TOOLS_IDS.IMAGE,opacity:1},!1),t=_slicedToArray(s,3),u=t[0],v=t[1],w=t[2],x=useRef(0),y=function(a){var b=l.width||i.width,c=l.height||i.height,d=l.x||0,e=l.y||0,f=Math.min(1,b/(a.width+a.width*ADDED_IMG_SPACING_PERCENT),c/(a.height+a.height*ADDED_IMG_SPACING_PERCENT));w({image:a,x:d+b/2-a.width*f/2,y:e+c/2-a.height*f/2,width:a.width*f,height:a.height*f})},z=function(a){x.current+=1,x.current===a&&(x.current=0,d(!1))},A=function(a){j({type:SET_FEEDBACK,payload:{feedback:{message:a,status:FEEDBACK_STATUSES.WARNING}}})},B=function(){f.current&&f.current.click()},C=function(){e.handleOpen({currentTarget:g.current})},D=useMemo(function(){return[q&&{key:"add-by-upload-image",label:c?m("importing"):m("uploadImage"),icon:FileUploadOutlined,onClick:c?void 0:B},r&&{key:"add-from-gallery",label:m("fromGallery"),icon:CollectionsOutlined,onClick:C}]},[p,c,m]);return React.createElement(ImageControls,{image:u,saveImage:v,t:m},React.createElement(ButtonWithMenu,{label:m("addImage"),menuItems:D,buttonRef:g}),q&&React.createElement(HiddenUploadInput,{ref:f,onChange:c?void 0:function(a){if(a.target.files){d(!0);var b=[],c=Array.from(a.target.files),e=c.length;if(c.forEach(function(a){if(a.type.startsWith("image/")){var c=new Image;c.onload=function(){y(c),URL.revokeObjectURL(a),z(e)},c.onerror=function(){A(m("uploadImageError")),z(e)},c.src=URL.createObjectURL(a)}else b.push(a.name),z(e)}),0<b.length){var f=1<b.length?m("areNotImages"):m("isNotImage");A("".concat(b.join(", ")," ").concat(f," ").concat(m("toBeUploaded"),"."))}}a.target.value=""},disabled:c,multiple:!0}),r&&React.createElement(ImagesGallery,{gallery:p.gallery,onSelect:function(a){d(!0);var b=new Image;b.onload=function(){y(b),z(1)},b.onerror=function(){A(m("uploadImageError")),z(1)},b.crossOrigin="Anonymous",b.src=a},onClose:function(){e.handleClose()},anchorEl:e.anchorEl}))};export default ImageOptions;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useMemo,useRef,useState}from"react";import{CollectionsOutlined,FileUploadOutlined}from"@mui/icons-material";import{useAnnotation,usePopover,useStore}from"hooks";import{FEEDBACK_STATUSES,TOOLS_IDS}from"utils/constants";import{SET_FEEDBACK}from"actions";import HiddenUploadInput from"components/common/hidden-upload-input";import ButtonWithMenu from"components/common/button-with-menu";import ImageControls from"./image-controls";import ImagesGallery from"./images-gallery";var ADDED_IMG_SPACING_PERCENT=.15,ImageOptions=function(){var a=useState(),b=_slicedToArray(a,2),c=b[0],d=b[1],e=usePopover(),f=useRef(null),g=useRef(null),h=useStore(),i=h.shownImageDimensions,j=h.dispatch,k=h.adjustments.crop,l=void 0===k?{}:k,m=h.t,n=h.config,o=void 0===n?{}:n,p=o[TOOLS_IDS.IMAGE],q=!p.disableUpload,r=Array.isArray(p.gallery)&&0<p.gallery.length,s=useAnnotation({name:TOOLS_IDS.IMAGE,opacity:1},!1),t=_slicedToArray(s,3),u=t[0],v=t[1],w=t[2],x=useRef(0),y=function(a){var b=l.width||i.width,c=l.height||i.height,d=l.x||0,e=l.y||0,f=Math.min(1,b/(a.width+a.width*ADDED_IMG_SPACING_PERCENT),c/(a.height+a.height*ADDED_IMG_SPACING_PERCENT));w({image:a,x:d+b/2-a.width*f/2,y:e+c/2-a.height*f/2,width:a.width*f,height:a.height*f})},z=function(a){x.current+=1,x.current===a&&(x.current=0,d(!1))},A=function(a){j({type:SET_FEEDBACK,payload:{feedback:{message:a,status:FEEDBACK_STATUSES.WARNING}}})},B=function(){f.current&&f.current.click()},C=function(){e.handleOpen({currentTarget:g.current})},D=useMemo(function(){return[q&&{key:"add-by-upload-image",label:c?m("importing"):m("uploadImage"),icon:FileUploadOutlined,onClick:c?void 0:B},r&&{key:"add-from-gallery",label:m("fromGallery"),icon:CollectionsOutlined,onClick:C}]},[p,c,m]);return React.createElement(ImageControls,{image:u,saveImage:v},React.createElement(ButtonWithMenu,{label:m("addImage"),menuItems:D,buttonRef:g}),q&&React.createElement(HiddenUploadInput,{ref:f,onChange:c?void 0:function(a){if(a.target.files){d(!0);var b=[],c=Array.from(a.target.files),e=c.length;if(c.forEach(function(a){if(a.type.startsWith("image/")){var c=new Image;c.onload=function(){y(c),URL.revokeObjectURL(a),z(e)},c.onerror=function(){A(m("uploadImageError")),z(e)},c.src=URL.createObjectURL(a)}else b.push(a.name),z(e)}),0<b.length){var f=1<b.length?m("areNotImages"):m("isNotImage");A("".concat(b.join(", ")," ").concat(f," ").concat(m("toBeUploaded"),"."))}}a.target.value=""},disabled:c,multiple:!0}),r&&React.createElement(ImagesGallery,{gallery:p.gallery,onSelect:function(a){d(!0);var b=new Image;b.onload=function(){y(b),z(1)},b.onerror=function(){A(m("uploadImageError")),z(1)},b.crossOrigin="Anonymous",b.src=a},onClose:function(){e.handleClose()},anchorEl:e.anchorEl}))};export default ImageOptions;

package/lib/components/tools/image/images-gallery.d.ts

@@ -0,0 +1,14 @@
+/** External Dependencies */
+interface GalleryItem {
+    originalUrl: string;
+    previewUrl: string;
+}
+interface ImagesGalleryProps {
+    gallery?: GalleryItem[];
+    anchorEl?: HTMLElement | null;
+    onClose: () => void;
+    onSelect: (originalUrl: string) => void;
+}
+declare const ImagesGallery: ({ gallery, anchorEl, onClose, onSelect, }: ImagesGalleryProps) => import("react/jsx-runtime").JSX.Element;
+export default ImagesGallery;
+//# sourceMappingURL=images-gallery.d.ts.map

package/lib/components/tools/image/images-gallery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"images-gallery.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/image/images-gallery.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAO5B,UAAU,WAAW;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,kBAAkB;IAC1B,OAAO,CAAC,EAAE,WAAW,EAAE,CAAC;IACxB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,WAAW,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC;AAED,QAAA,MAAM,aAAa,GAAI,2CAKpB,kBAAkB,4CAwCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/tools/image/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ImageButton } from './image-button';
+export { default as ImageOptions } from './image-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/image/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/image/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAExD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/components/tools/line/index.d.ts

@@ -0,0 +1,3 @@
+export { default as LineButton } from './line-button';
+export { default as LineOptions } from './line-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/line/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/line/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/tools/line/line-button.d.ts

@@ -0,0 +1,8 @@
+interface LineButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const LineButton: ({ selectTool, isSelected, t }: LineButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default LineButton;
+//# sourceMappingURL=line-button.d.ts.map

package/lib/components/tools/line/line-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"line-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/line/line-button.tsx"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,GAAI,+BAAuC,eAAe,4CAUzE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/tools/line/line-options.d.ts

@@ -0,0 +1,4 @@
+/** External Dependencies */
+declare const LineOptions: () => import("react/jsx-runtime").JSX.Element;
+export default LineOptions;
+//# sourceMappingURL=line-options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"line-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/line/line-options.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAQ5B,QAAA,MAAM,WAAW,+CAahB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1 +1 @@
-import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";var LineOptions=function(a){var b=a.t,c=useAnnotation({name:TOOLS_IDS.LINE}),d=_slicedToArray(c,2),e=d[0],f=d[1];return React.createElement(AnnotationOptions,{className:"FIE_line-tool-options",annotation:e,updateAnnotation:f,t:b,hidePositionField:!0,hideFillOption:!0})};export default LineOptions;
+import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";var LineOptions=function(){var a=useAnnotation({name:TOOLS_IDS.LINE}),b=_slicedToArray(a,2),c=b[0],d=b[1];return React.createElement(AnnotationOptions,{annotation:c,updateAnnotation:d,hidePositionField:!0,hideFillOption:!0})};export default LineOptions;

package/lib/components/tools/pen/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PenButton } from './pen-button';
+export { default as PenOptions } from './pen-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/pen/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/pen/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/lib/components/tools/pen/pen-button.d.ts

@@ -0,0 +1,8 @@
+interface PenButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const PenButton: ({ selectTool, isSelected, t }: PenButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default PenButton;
+//# sourceMappingURL=pen-button.d.ts.map

package/lib/components/tools/pen/pen-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pen-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/pen/pen-button.tsx"],"names":[],"mappings":"AAOA,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,SAAS,GAAI,+BAAuC,cAAc,4CAUvE,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/components/tools/pen/pen-options.d.ts

@@ -0,0 +1,3 @@
+declare const PenOptions: () => import("react/jsx-runtime").JSX.Element;
+export default PenOptions;
+//# sourceMappingURL=pen-options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"pen-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/pen/pen-options.tsx"],"names":[],"mappings":"AAuBA,QAAA,MAAM,UAAU,+CA6Hf,CAAC;AAEF,eAAe,UAAU,CAAC"}

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

@@ -1 +1 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useRef}from"react";import{useAnnotation,useStore}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";import getPointerOffsetPositionBoundedToObject from"utils/get-pointer-offset-position-bounded-to-object";import randomId from"utils/random-id";import{SELECT_ANNOTATION,SET_ANNOTATION}from"actions";import getElemDocumentCoords from"utils/get-elem-document-coords";var eventsOptions={passive:!0},PenOptions=function(a){var b=a.t,c=useStore(),d=c.dispatch,e=c.designLayer,f=c.previewGroup,g=c.config,h=useAnnotation(_objectSpread(_objectSpread(_objectSpread({},g.annotationsCommon),g[TOOLS_IDS.PEN]),{},{name:TOOLS_IDS.PEN}),!1),i=_slicedToArray(h,3),j=i[0],k=i[1],l=i[2],m=useRef(null),n=useRef({points:[],moved:!1,id:""}),o=useCallback(function(){var a=getElemDocumentCoords(m.current.content),b=getPointerOffsetPositionBoundedToObject(f,a);return[b.offsetX-(e.attrs.xPadding||0),b.offsetY-(e.attrs.yPadding||0)]},[e]),p=useCallback(function(){var a;if(!(null!==(a=n.current)&&void 0!==a&&a.moved)){var b;n.current={moved:!0,id:randomId(TOOLS_IDS.PEN),points:[].concat(_toConsumableArray((null===(b=n.current)||void 0===b?void 0:b.points)||[]),_toConsumableArray(o()))},l({id:n.current.id,name:TOOLS_IDS.PEN,points:n.current.points})}else n.current&&(n.current.points=n.current.points.concat(o()),d({type:SET_ANNOTATION,payload:{id:n.current.id,points:n.current.points,dismissHistory:!0}}))},[o]),q=useCallback(function(){var a,b;null!==(a=n.current)&&void 0!==a&&a.id&&null!==(b=g[TOOLS_IDS.PEN])&&void 0!==b&&b.selectAnnotationAfterDrawing&&d({type:SELECT_ANNOTATION,payload:{annotationId:n.current.id}}),n.current=null,m.current.off("mousemove touchmove",p),m.current.off("mouseleave touchcancel",q),document.removeEventListener("mouseup",q,eventsOptions),document.removeEventListener("touchend",q,eventsOptions),document.removeEventListener("mouseleave",q,eventsOptions),document.removeEventListener("touchcancel",q,eventsOptions)},[p]),r=useCallback(function(a){a.target.attrs.draggable||(a.evt.preventDefault(),n.current={points:o()},m.current.on("mousemove touchmove",p),m.current.on("mouseleave touchcancel",q),document.addEventListener("mouseup",q,eventsOptions),document.addEventListener("touchend",q,eventsOptions),document.addEventListener("mouseleave",q,eventsOptions),document.addEventListener("touchcancel",q,eventsOptions))},[o,p,q]);return useEffect(function(){return m.current=null===e||void 0===e?void 0:e.getStage(),m.current&&m.current.on("mousedown touchstart",r),function(){m.current&&m.current.off("mousedown touchstart",r)}},[e]),React.createElement(AnnotationOptions,{className:"FIE_pen-tool-options",annotation:j,updateAnnotation:k,t:b,hidePositionField:!0,hideFillOption:!0})};export default PenOptions;
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";function ownKeys(a,b){var c=Object.keys(a);if(Object.getOwnPropertySymbols){var d=Object.getOwnPropertySymbols(a);b&&(d=d.filter(function(b){return Object.getOwnPropertyDescriptor(a,b).enumerable})),c.push.apply(c,d)}return c}function _objectSpread(a){for(var b,c=1;c<arguments.length;c++)b=null==arguments[c]?{}:arguments[c],c%2?ownKeys(Object(b),!0).forEach(function(c){_defineProperty(a,c,b[c])}):Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(b)):ownKeys(Object(b)).forEach(function(c){Object.defineProperty(a,c,Object.getOwnPropertyDescriptor(b,c))});return a}import{useCallback,useEffect,useRef}from"react";import{useAnnotation,useStore}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";import getPointerOffsetPositionBoundedToObject from"utils/get-pointer-offset-position-bounded-to-object";import randomId from"utils/random-id";import{SELECT_ANNOTATION,SET_ANNOTATION}from"actions";import getElemDocumentCoords from"utils/get-elem-document-coords";var eventsOptions={passive:!0},PenOptions=function(){var a=useStore(),b=a.dispatch,c=a.designLayer,d=a.previewGroup,e=a.config,f=a.t,g=useAnnotation(_objectSpread(_objectSpread(_objectSpread({},e.annotationsCommon),e[TOOLS_IDS.PEN]),{},{name:TOOLS_IDS.PEN}),!1),h=_slicedToArray(g,3),i=h[0],j=h[1],k=h[2],l=useRef(null),m=useRef({points:[],moved:!1,id:""}),n=useCallback(function(){var a=getElemDocumentCoords(l.current.content),b=getPointerOffsetPositionBoundedToObject(d,a);return[b.offsetX-(c.attrs.xPadding||0),b.offsetY-(c.attrs.yPadding||0)]},[c]),o=useCallback(function(){var a;if(!(null!==(a=m.current)&&void 0!==a&&a.moved)){var c;m.current={moved:!0,id:randomId(TOOLS_IDS.PEN),points:[].concat(_toConsumableArray((null===(c=m.current)||void 0===c?void 0:c.points)||[]),_toConsumableArray(n()))},k({id:m.current.id,name:TOOLS_IDS.PEN,points:m.current.points})}else m.current&&(m.current.points=m.current.points.concat(n()),b({type:SET_ANNOTATION,payload:{id:m.current.id,points:m.current.points,dismissHistory:!0}}))},[n]),p=useCallback(function(){var a,c;null!==(a=m.current)&&void 0!==a&&a.id&&null!==(c=e[TOOLS_IDS.PEN])&&void 0!==c&&c.selectAnnotationAfterDrawing&&b({type:SELECT_ANNOTATION,payload:{annotationId:m.current.id}}),m.current=null,l.current.off("mousemove touchmove",o),l.current.off("mouseleave touchcancel",p),document.removeEventListener("mouseup",p,eventsOptions),document.removeEventListener("touchend",p,eventsOptions),document.removeEventListener("mouseleave",p,eventsOptions),document.removeEventListener("touchcancel",p,eventsOptions)},[o]),q=useCallback(function(a){a.target.attrs.draggable||(a.evt.preventDefault(),m.current={points:n()},l.current.on("mousemove touchmove",o),l.current.on("mouseleave touchcancel",p),document.addEventListener("mouseup",p,eventsOptions),document.addEventListener("touchend",p,eventsOptions),document.addEventListener("mouseleave",p,eventsOptions),document.addEventListener("touchcancel",p,eventsOptions))},[n,o,p]);return useEffect(function(){return l.current=null===c||void 0===c?void 0:c.getStage(),l.current&&l.current.on("mousedown touchstart",q),function(){l.current&&l.current.off("mousedown touchstart",q)}},[c]),React.createElement(AnnotationOptions,{annotation:i,updateAnnotation:j,t:f,hidePositionField:!0,hideFillOption:!0})};export default PenOptions;

package/lib/components/tools/polygon/index.d.ts

@@ -0,0 +1,3 @@
+export { default as PolygonButton } from './polygon-button';
+export { default as PolygonOptions } from './polygon-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/polygon/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/polygon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAE5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,mBAAmB,CAAC"}

package/lib/components/tools/polygon/polygon-button.d.ts

@@ -0,0 +1,8 @@
+interface PolygonButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const PolygonButton: ({ selectTool, isSelected, t, }: PolygonButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default PolygonButton;
+//# sourceMappingURL=polygon-button.d.ts.map

package/lib/components/tools/polygon/polygon-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/polygon/polygon-button.tsx"],"names":[],"mappings":"AAOA,UAAU,kBAAkB;IAC1B,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,aAAa,GAAI,gCAIpB,kBAAkB,4CAUpB,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/components/tools/polygon/polygon-options.d.ts

@@ -0,0 +1,4 @@
+/** External Dependencies */
+declare const PolygonOptions: () => import("react/jsx-runtime").JSX.Element;
+export default PolygonOptions;
+//# sourceMappingURL=polygon-options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"polygon-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/polygon/polygon-options.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAY5B,QAAA,MAAM,cAAc,+CAcnB,CAAC;AAEF,eAAe,cAAc,CAAC"}

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

@@ -1 +1 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";import{polygonOptionsPopupComponents,POLYGON_POPPABLE_OPTIONS}from"./polygon.constants";var PolygonOptions=function(a){var b=a.t,c=useAnnotation({name:TOOLS_IDS.POLYGON}),d=_slicedToArray(c,2),e=d[0],f=d[1];return React.createElement(AnnotationOptions,{className:"FIE_polygon-tool-options",morePoppableOptionsPrepended:_toConsumableArray(POLYGON_POPPABLE_OPTIONS),moreOptionsPopupComponentsObj:polygonOptionsPopupComponents,annotation:e,updateAnnotation:f,t:b,hidePositionField:!0})};export default PolygonOptions;
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";import{polygonOptionsPopupComponents,POLYGON_POPPABLE_OPTIONS}from"./polygon.constants";var PolygonOptions=function(){var a=useAnnotation({name:TOOLS_IDS.POLYGON}),b=_slicedToArray(a,2),c=b[0],d=b[1];return React.createElement(AnnotationOptions,{morePoppableOptionsPrepended:_toConsumableArray(POLYGON_POPPABLE_OPTIONS),moreOptionsPopupComponentsObj:polygonOptionsPopupComponents,annotation:c,updateAnnotation:d,hidePositionField:!0})};export default PolygonOptions;

package/lib/components/tools/polygon/polygon-sides-field.d.ts

@@ -0,0 +1,9 @@
+import { PolygonAnnotation } from 'types/annotations';
+export interface PolygonSidesFieldProps {
+    annotation: PolygonAnnotation;
+    updateAnnotation: (updates: Partial<PolygonAnnotation>) => void;
+    t: (key: string) => string;
+}
+declare const PolygonSidesField: ({ annotation: polygon, updateAnnotation: updatePolygon, t, }: PolygonSidesFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default PolygonSidesField;
+//# sourceMappingURL=polygon-sides-field.d.ts.map

package/lib/components/tools/polygon/polygon-sides-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon-sides-field.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/polygon/polygon-sides-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAMtD,MAAM,WAAW,sBAAsB;IACrC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IAChE,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,iBAAiB,GAAI,8DAIxB,sBAAsB,4CAkBxB,CAAC;AAEF,eAAe,iBAAiB,CAAC"}

package/lib/components/tools/polygon/polygon.constants.d.ts

@@ -0,0 +1,12 @@
+export declare const SIDES_NUMBER: "sides-number";
+export declare const POLYGON_POPPABLE_OPTIONS: readonly [{
+    readonly titleKey: "sides";
+    readonly name: "sides-number";
+    readonly Icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+}];
+export declare const polygonOptionsPopupComponents: {
+    readonly "sides-number": ({ annotation: polygon, updateAnnotation: updatePolygon, t, }: import("./polygon-sides-field").PolygonSidesFieldProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=polygon.constants.d.ts.map

package/lib/components/tools/polygon/polygon.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"polygon.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/polygon/polygon.constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,YAAY,EAAG,cAAuB,CAAC;AAEpD,eAAO,MAAM,wBAAwB;;;;;;EAM3B,CAAC;AAEX,eAAO,MAAM,6BAA6B;;CAEhC,CAAC"}

package/lib/components/tools/rect/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RectButton } from './rect-button';
+export { default as RectOptions } from './rect-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/rect/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rect/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/tools/rect/rect-button.d.ts

@@ -0,0 +1,8 @@
+interface RectButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const RectButton: ({ selectTool, isSelected, t }: RectButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RectButton;
+//# sourceMappingURL=rect-button.d.ts.map

package/lib/components/tools/rect/rect-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rect/rect-button.tsx"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,GAAI,+BAAuC,eAAe,4CAUzE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/tools/rect/rect-button.js

@@ -1 +1 @@
-import{CropLandscapeOutlined as RectIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var RectButton=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{className:"FIE_rect-tool-button",id:TOOLS_IDS.RECT,label:d("rectangleTool"),Icon:RectIcon,onClick:b,isSelected:void 0!==c&&c})};export default RectButton;
+import{CropLandscapeOutlined as RectIcon}from"@mui/icons-material";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{TOOLS_IDS}from"utils/constants";var RectButton=function(a){var b=a.selectTool,c=a.isSelected,d=a.t;return React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.RECT,label:d("rectangleTool"),Icon:RectIcon,onClick:b,isSelected:void 0!==c&&c})};export default RectButton;

package/lib/components/tools/rect/rect-corner-field.d.ts

@@ -0,0 +1,9 @@
+import { RectAnnotation } from 'types/annotations';
+export interface RectCornerFieldProps {
+    annotation: RectAnnotation;
+    updateAnnotation: (updates: Partial<RectAnnotation>) => void;
+    t: (key: string) => string;
+}
+declare const RectCornerField: ({ annotation: rect, updateAnnotation: updateRect, t, }: RectCornerFieldProps) => import("react/jsx-runtime").JSX.Element;
+export default RectCornerField;
+//# sourceMappingURL=rect-corner-field.d.ts.map

package/lib/components/tools/rect/rect-corner-field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect-corner-field.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rect/rect-corner-field.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMnD,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC7D,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,eAAe,GAAI,wDAItB,oBAAoB,4CAmBtB,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/components/tools/rect/rect-options.d.ts

@@ -0,0 +1,4 @@
+/** External Dependencies */
+declare const RectOptions: () => import("react/jsx-runtime").JSX.Element;
+export default RectOptions;
+//# sourceMappingURL=rect-options.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rect-options.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rect/rect-options.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAY5B,QAAA,MAAM,WAAW,+CAahB,CAAC;AAEF,eAAe,WAAW,CAAC"}

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

@@ -1 +1 @@
-import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";import{rectOptionsPopupComponents,RECT_POPPABLE_OPTIONS}from"./rect.constants";var RectOptions=function(a){var b=a.t,c=useAnnotation({name:TOOLS_IDS.RECT}),d=_slicedToArray(c,2),e=d[0],f=d[1];return React.createElement(AnnotationOptions,{className:"FIE_rect-tool-options",moreOptionsPopupComponentsObj:rectOptionsPopupComponents,morePoppableOptionsPrepended:_toConsumableArray(RECT_POPPABLE_OPTIONS),annotation:e,updateAnnotation:f,t:b})};export default RectOptions;
+import _toConsumableArray from"@babel/runtime/helpers/toConsumableArray";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import{useAnnotation}from"hooks";import{TOOLS_IDS}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";import{rectOptionsPopupComponents,RECT_POPPABLE_OPTIONS}from"./rect.constants";var RectOptions=function(){var a=useAnnotation({name:TOOLS_IDS.RECT}),b=_slicedToArray(a,2),c=b[0],d=b[1];return React.createElement(AnnotationOptions,{moreOptionsPopupComponentsObj:rectOptionsPopupComponents,morePoppableOptionsPrepended:_toConsumableArray(RECT_POPPABLE_OPTIONS),annotation:c,updateAnnotation:d})};export default RectOptions;

package/lib/components/tools/rect/rect.constants.d.ts

@@ -0,0 +1,12 @@
+export declare const CORNER_RADIUS: "corner-radius";
+export declare const RECT_POPPABLE_OPTIONS: readonly [{
+    readonly titleKey: "cornerRadius";
+    readonly name: "corner-radius";
+    readonly Icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
+        muiName: string;
+    };
+}];
+export declare const rectOptionsPopupComponents: {
+    readonly "corner-radius": ({ annotation: rect, updateAnnotation: updateRect, t, }: import("./rect-corner-field").RectCornerFieldProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=rect.constants.d.ts.map

package/lib/components/tools/rect/rect.constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"rect.constants.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rect/rect.constants.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,aAAa,EAAG,eAAwB,CAAC;AAEtD,eAAO,MAAM,qBAAqB;;;;;;EAMxB,CAAC;AAEX,eAAO,MAAM,0BAA0B;;CAE7B,CAAC"}

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

@@ -0,0 +1,2 @@
+export { default as Resize } from './resize';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/resize/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}

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

@@ -0,0 +1,13 @@
+interface CurrentSize {
+    width?: number;
+    height?: number;
+    ratioUnlocked?: boolean;
+}
+interface ResizeProps {
+    onChange?: (newResize: Record<string, any>) => void;
+    currentSize?: CurrentSize;
+    hideResetButton?: boolean;
+}
+declare const Resize: ({ onChange, currentSize, hideResetButton, }: ResizeProps) => import("react/jsx-runtime").JSX.Element;
+export default Resize;
+//# sourceMappingURL=resize.d.ts.map

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

@@ -0,0 +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,4CAqLb,CAAC;AAEF,eAAe,MAAM,CAAC"}

package/lib/components/tools/rotate/index.d.ts

@@ -0,0 +1,3 @@
+export { default as RotateButton } from './rotate-button';
+export { default as RotateOptions } from './rotate-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/rotate/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rotate/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE1D,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/lib/components/tools/rotate/rotate-button.d.ts

@@ -0,0 +1,8 @@
+interface RotateButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const RotateButton: ({ selectTool, isSelected, t, }: RotateButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RotateButton;
+//# sourceMappingURL=rotate-button.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"rotate-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/rotate/rotate-button.tsx"],"names":[],"mappings":"AAOA,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,YAAY,GAAI,gCAInB,iBAAiB,4CAUnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

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

@@ -0,0 +1,3 @@
+declare const RotateOptions: () => import("react/jsx-runtime").JSX.Element;
+export default RotateOptions;
+//# sourceMappingURL=rotate-options.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-import{RotateLeftOutlined,RotateRightOutlined,Rotate90DegreesCwOutlined}from"@mui/icons-material";import Slider from"@mui/material/Slider";import{useDebouncedCallback,usePhoneScreen,useStore}from"hooks";import{CHANGE_ROTATION,SET_RESIZE}from"actions";import restrictNumber from"utils/restrict-number";import getSizeAfterRotation from"utils/get-size-after-rotation";import{TOOLS_IDS}from"utils/constants";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{SFlexBox,SIconButton}from"@solostylist/ui-kit/core";var RotateOptions=function(){var a=useStore(),b=a.dispatch,c=a.adjustments.rotation,d=void 0===c?0:c,e=a.resize,f=void 0===e?{}:e,g=a.config,h=g[TOOLS_IDS.ROTATE],i=usePhoneScreen(),j=useDebouncedCallback(function(a,c){var d=restrictNumber(c,-180,180);if(b({type:CHANGE_ROTATION,payload:{rotation:d}}),f.width&&f.height){var e=getSizeAfterRotation(f.width,f.height,d);b({type:SET_RESIZE,payload:{width:e.width,height:e.height}})}},20);return"buttons"===h.componentType?React.createElement(React.Fragment,null,React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.IMAGE,label:"-".concat(h.angle,"\xB0"),Icon:RotateLeftOutlined,onClick:function(a){var b=d-h.angle;j(a,b)}}),React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.IMAGE,label:"+".concat(null===h||void 0===h?void 0:h.angle,"\xB0"),Icon:RotateRightOutlined,onClick:function(a){var b=d+h.angle;j(a,b)}})):React.createElement(SFlexBox,{alignItems:"center",gap:2},React.createElement(SIconButton,{onClick:function(a){return j(a,d-90)}},React.createElement(Rotate90DegreesCwOutlined,null)),React.createElement(Slider,{className:"FIE_rotate-slider",valueLabelDisplay:"auto",marks:!0,min:-180,max:180,step:i?h.angle/3:1,value:d,onChange:j,sx:{width:200,"& .MuiSlider-thumb":{width:12,height:12},"& .MuiSlider-mark":{width:4,height:4,borderRadius:"50%"}}}),React.createElement(SIconButton,{onClick:function(a){return j(a,d+90)}},React.createElement(Rotate90DegreesCwOutlined,{sx:{transform:"scaleX(-1)"}})))};export default RotateOptions;
+import{RotateLeftOutlined,RotateRightOutlined,Rotate90DegreesCwOutlined}from"@mui/icons-material";import Slider from"@mui/material/Slider";import{useDebouncedCallback,usePhoneScreen,useStore}from"hooks";import{CHANGE_ROTATION,SET_RESIZE}from"actions";import restrictNumber from"utils/restrict-number";import getSizeAfterRotation from"utils/get-size-after-rotation";import{TOOLS_IDS}from"utils/constants";import ToolsBarItemButton from"components/tools-bar/tools-bar-item-button";import{SFlexBox,SIconButton}from"@solostylist/ui-kit/core";var RotateOptions=function(){var a=useStore(),b=a.dispatch,c=a.adjustments.rotation,d=void 0===c?0:c,e=a.resize,f=void 0===e?{}:e,g=a.config,h=g[TOOLS_IDS.ROTATE],i=usePhoneScreen(),j=useDebouncedCallback(function(a,c){var d=restrictNumber(c,-180,180);if(b({type:CHANGE_ROTATION,payload:{rotation:d}}),f.width&&f.height){var e=getSizeAfterRotation(f.width,f.height,d);b({type:SET_RESIZE,payload:{width:e.width,height:e.height}})}},20);return"buttons"===h.componentType?React.createElement(React.Fragment,null,React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.IMAGE,label:"-".concat(h.angle,"\xB0"),Icon:RotateLeftOutlined,onClick:function(a){var b=d-h.angle;j(a,b)}}),React.createElement(ToolsBarItemButton,{id:TOOLS_IDS.IMAGE,label:"+".concat(null===h||void 0===h?void 0:h.angle,"\xB0"),Icon:RotateRightOutlined,onClick:function(a){var b=d+h.angle;j(a,b)}})):React.createElement(SFlexBox,{alignItems:"center",gap:2},React.createElement(SIconButton,{onClick:function(a){return j(a,d-90)}},React.createElement(Rotate90DegreesCwOutlined,null)),React.createElement(Slider,{valueLabelDisplay:"auto",marks:!0,min:-180,max:180,step:i?h.angle/3:1,value:d,onChange:j,sx:{width:200,"& .MuiSlider-thumb":{width:12,height:12},"& .MuiSlider-mark":{width:4,height:4,borderRadius:"50%"}}}),React.createElement(SIconButton,{onClick:function(a){return j(a,d+90)}},React.createElement(Rotate90DegreesCwOutlined,{sx:{transform:"scaleX(-1)"}})))};export default RotateOptions;

package/lib/components/tools/text/index.d.ts

@@ -0,0 +1,3 @@
+export { default as TextButton } from './text-button';
+export { default as TextOptions } from './text-options';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/tools/text/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,eAAe,CAAC;AAEtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,gBAAgB,CAAC"}

package/lib/components/tools/text/text-button.d.ts

@@ -0,0 +1,8 @@
+interface TextButtonProps {
+    selectTool: () => void;
+    isSelected?: boolean;
+    t: (key: string) => string;
+}
+declare const TextButton: ({ selectTool, isSelected, t }: TextButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default TextButton;
+//# sourceMappingURL=text-button.d.ts.map

package/lib/components/tools/text/text-button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-button.d.ts","sourceRoot":"","sources":["../../../../src/components/tools/text/text-button.tsx"],"names":[],"mappings":"AAOA,UAAU,eAAe;IACvB,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;CAC5B;AAED,QAAA,MAAM,UAAU,GAAI,+BAAuC,eAAe,4CAUzE,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/lib/components/tools/text/text-options/handle-text-change-area.d.ts

@@ -0,0 +1,4 @@
+declare function deactivateTextChange(): void;
+declare const activateTextChange: (textNodeId: string, canvasStage: any, currentTransformer: any, finishingCallback: (textValue: string) => void, dismissingTextEditing: () => void) => void;
+export { activateTextChange, deactivateTextChange };
+//# sourceMappingURL=handle-text-change-area.d.ts.map

package/lib/components/tools/text/text-options/handle-text-change-area.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"handle-text-change-area.d.ts","sourceRoot":"","sources":["../../../../../src/components/tools/text/text-options/handle-text-change-area.ts"],"names":[],"mappings":"AAMA,iBAAS,oBAAoB,IAAI,IAAI,CAwBpC;AAWD,QAAA,MAAM,kBAAkB,GACtB,YAAY,MAAM,EAClB,aAAa,GAAG,EAChB,oBAAoB,GAAG,EACvB,mBAAmB,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,EAC9C,uBAAuB,MAAM,IAAI,KAChC,IAyHF,CAAC;AAEF,OAAO,EAAE,kBAAkB,EAAE,oBAAoB,EAAE,CAAC"}

package/lib/components/tools/text/text-options/index.d.ts

@@ -0,0 +1,4 @@
+/** External Dependencies */
+declare const TextOptions: () => import("react/jsx-runtime").JSX.Element;
+export default TextOptions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/tools/text/text-options/index.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAQ5B,QAAA,MAAM,WAAW,+CAMhB,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/components/tools/text/text-options/text-alignment-fields.d.ts

@@ -0,0 +1,9 @@
+/** External Dependencies */
+import { TextAnnotation } from 'types/annotations';
+interface TextAlignmentFieldsProps {
+    annotation: TextAnnotation;
+    updateAnnotation: (updates: Partial<TextAnnotation>) => void;
+}
+declare const TextAlignmentFields: ({ annotation: text, updateAnnotation: updateText, }: TextAlignmentFieldsProps) => import("react/jsx-runtime").JSX.Element;
+export default TextAlignmentFields;
+//# sourceMappingURL=text-alignment-fields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"text-alignment-fields.d.ts","sourceRoot":"","sources":["../../../../../src/components/tools/text/text-options/text-alignment-fields.tsx"],"names":[],"mappings":"AAAA,4BAA4B;AAS5B,OAAO,EAAiB,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAIlE,UAAU,wBAAwB;IAChC,UAAU,EAAE,cAAc,CAAC;IAC3B,gBAAgB,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC9D;AAED,QAAA,MAAM,mBAAmB,GAAI,qDAG1B,wBAAwB,4CA6B1B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

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

@@ -1 +1 @@
-import{FormatAlignCenterOutlined,FormatAlignLeftOutlined}from"@mui/icons-material";import{SFlexBox}from"@solostylist/ui-kit/core";import SIconButtonWrapper from"components/common/icon-wrapper";var rightAlignmentCssTransform={transform:"scaleX(-1)"},TextAlignmentFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=b.align,e=function(a){c({align:a})};return React.createElement(SFlexBox,{gap:1},React.createElement(SIconButtonWrapper,{onClick:function(){return e("left")},active:"left"===d},React.createElement(FormatAlignLeftOutlined,null)),React.createElement(SIconButtonWrapper,{onClick:function(){return e("center")},active:"center"===d},React.createElement(FormatAlignCenterOutlined,null)),React.createElement(SIconButtonWrapper,{onClick:function(){return e("right")},active:"right"===d},React.createElement(FormatAlignLeftOutlined,{style:rightAlignmentCssTransform})))};export default TextAlignmentFields;
+import{FormatAlignCenterOutlined,FormatAlignLeftOutlined}from"@mui/icons-material";import{SFlexBox}from"@solostylist/ui-kit/core";import SIconButtonWrapper from"components/common/icon-wrapper";import{TextAlignment}from"types/annotations";var rightAlignmentCssTransform={transform:"scaleX(-1)"},TextAlignmentFields=function(a){var b=a.annotation,c=a.updateAnnotation,d=b.align,e=function(a){c({align:a})};return React.createElement(SFlexBox,{gap:1},React.createElement(SIconButtonWrapper,{onClick:function(){return e(TextAlignment.LEFT)},active:d===TextAlignment.LEFT},React.createElement(FormatAlignLeftOutlined,null)),React.createElement(SIconButtonWrapper,{onClick:function(){return e(TextAlignment.CENTER)},active:d===TextAlignment.CENTER},React.createElement(FormatAlignCenterOutlined,null)),React.createElement(SIconButtonWrapper,{onClick:function(){return e(TextAlignment.RIGHT)},active:d===TextAlignment.RIGHT},React.createElement(FormatAlignLeftOutlined,{style:rightAlignmentCssTransform})))};export default TextAlignmentFields;

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

@@ -0,0 +1,12 @@
+import { TextAnnotation } from 'types/annotations';
+interface TextControlsProps {
+    text: TextAnnotation & {
+        shouldSave?: boolean;
+        neverSave?: boolean;
+    };
+    saveText: (updater: Partial<TextAnnotation> | ((latest: any) => any)) => void;
+    children?: React.ReactNode;
+}
+declare const TextControls: ({ text, saveText, children }: TextControlsProps) => import("react/jsx-runtime").JSX.Element;
+export default TextControls;
+//# sourceMappingURL=text-controls.d.ts.map

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

@@ -0,0 +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"}

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

@@ -1 +1 @@
-import _typeof from"@babel/runtime/helpers/typeof";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import{useCallback,useEffect}from"react";import{FormatBoldOutlined,FormatItalicOutlined}from"@mui/icons-material";import{TOOLS_IDS,TRANSFORMERS_LAYER_ID}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";import SIconButtonWrapper from"components/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/core";import{textOptionsPopupComponents,TEXT_POPPABLE_OPTIONS}from"./text-options.constants";import{activateTextChange,deactivateTextChange}from"./handle-text-change-area";var TextControls=function(a){var b=a.text,c=a.saveText,d=a.children,e=useStore(),f=e.dispatch,g=e.textIdOfEditableContent,h=e.designLayer,i=e.t,j=e.config,k=j.useCloudimage,l=j[TOOLS_IDS.TEXT]||{},m=l.fonts,n=void 0===m?[]:m,o=l.onFontChange,p=useCallback(function(a){var b=a.target,d=b.name,e=b.value,f=b.type;c(function(a){return _defineProperty({id:a.id},d,"number"===f?restrictNumber(e,1,500):e)})},[c]),q=useCallback(function(a){if(p({target:{name:"fontFamily",value:a}}),b.fontFamily!==a&&"function"==typeof o){var c=h.draw.bind(h);o(a,c)}},[p,b,h]),r=useCallback(function(a){var c,d=(null===(c=b.fontStyle)||void 0===c?void 0:c.replace("normal","").split(" "))||[];0<Object.keys(d).length&&d.includes(a)?d=d.filter(function(b){return b!==a}):d.push(a),p({target:{name:"fontStyle",value:d.join(" ").trim()||"normal"}})},[b]),s=useCallback(function(){f({type:ENABLE_TEXT_CONTENT_EDIT,payload:{textIdOfEditableContent:null}})},[]),t=useCallback(function(a){p({target:{name:"text",value:a}}),s()},[]);return useEffect(function(){var a;if(g&&b.id===g){var c=h.getStage(),d=_slicedToArray(c.findOne("#".concat(TRANSFORMERS_LAYER_ID)).children,1);a=d[0],activateTextChange(g,c,a,t,s)}return function(){a&&g&&deactivateTextChange()}},[g]),React.createElement(AnnotationOptions,{annotation:b,updateAnnotation:c,morePoppableOptionsPrepended:k?[]:TEXT_POPPABLE_OPTIONS,moreOptionsPopupComponentsObj:k?{}:textOptionsPopupComponents,t:i},React.createElement(SFlexBox,{sx:{gap:1,alignItems:"center"}},Array.isArray(n)&&1<n.length&&React.createElement(SSelect,{onChange:function(a){return q(a.target.value)},value:b.fontFamily,placeholder:i("fontFamily"),options:n,optionLabel:"object"===_typeof(n[0])?"label":void 0,optionValue:"object"===_typeof(n[0])?"value":void 0,sx:{width:150,textAlign:"left"}}),React.createElement(STextField,{value:b.fontSize||"",name:"fontSize",onChange:p,inputMode:"numeric",type:"number",sx:{width:150},placeholder:i("size")}),!k&&React.createElement(React.Fragment,null,React.createElement(SIconButtonWrapper,{active:(b.fontStyle||"").includes("bold"),onClick:function(){return r("bold")},watermarkTool:!0},React.createElement(FormatBoldOutlined,null)),React.createElement(SIconButtonWrapper,{active:(b.fontStyle||"").includes("italic"),onClick:function(){return r("italic")},watermarkTool:!0},React.createElement(FormatItalicOutlined,null))),d))};export default TextControls;
+import _typeof from"@babel/runtime/helpers/typeof";import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import _defineProperty from"@babel/runtime/helpers/defineProperty";import{useCallback,useEffect}from"react";import{FormatBoldOutlined,FormatItalicOutlined}from"@mui/icons-material";import{TOOLS_IDS,TRANSFORMERS_LAYER_ID}from"utils/constants";import AnnotationOptions from"components/common/annotation-options";import SIconButtonWrapper from"components/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/core";import{textOptionsPopupComponents,TEXT_POPPABLE_OPTIONS}from"./text-options.constants";import{activateTextChange,deactivateTextChange}from"./handle-text-change-area";var TextControls=function(a){var b=a.text,c=a.saveText,d=a.children,e=useStore(),f=e.dispatch,g=e.textIdOfEditableContent,h=e.designLayer,i=e.t,j=e.config,k=j[TOOLS_IDS.TEXT]||{},l=k.fonts,m=void 0===l?[]:l,n=k.onFontChange,o=useCallback(function(a){var b=a.target,d=b.name,e=b.value,f=b.type;c(function(a){return _defineProperty({id:a.id},d,"number"===f?restrictNumber(+e,1,500):e)})},[c]),p=useCallback(function(a){if(o({target:{name:"fontFamily",value:a}}),b.fontFamily!==a&&"function"==typeof n){var c=h.draw.bind(h);n(a,c)}},[o,b.fontFamily,n,h]),q=useCallback(function(a){var c,d=(null===(c=b.fontStyle)||void 0===c?void 0:c.replace("normal","").split(" "))||[];0<Object.keys(d).length&&d.includes(a)?d=d.filter(function(b){return b!==a}):d.push(a),o({target:{name:"fontStyle",value:d.join(" ").trim()||"normal"}})},[b.fontStyle,o]),r=useCallback(function(){f({type:ENABLE_TEXT_CONTENT_EDIT,payload:{textIdOfEditableContent:null}})},[]),s=useCallback(function(a){o({target:{name:"text",value:a}}),r()},[]);return useEffect(function(){var a;if(g&&b.id===g){var c=h.getStage(),d=c.findOne("#".concat(TRANSFORMERS_LAYER_ID));if(d){var e=d.children||[],f=_slicedToArray(e,1);a=f[0],activateTextChange(g,c,a,s,r)}}return function(){a&&g&&deactivateTextChange()}},[g]),React.createElement(AnnotationOptions,{annotation:b,updateAnnotation:c,morePoppableOptionsPrepended:TEXT_POPPABLE_OPTIONS,moreOptionsPopupComponentsObj:textOptionsPopupComponents},React.createElement(SFlexBox,{sx:{gap:1,alignItems:"center"}},Array.isArray(m)&&1<m.length&&React.createElement(SSelect,{onChange:function(a){return p(a.target.value)},value:b.fontFamily,placeholder:i("fontFamily"),options:m,optionLabel:"object"===_typeof(m[0])?"label":void 0,optionValue:"object"===_typeof(m[0])?"value":void 0,sx:{width:150,textAlign:"left"}}),React.createElement(STextField,{value:b.fontSize||"",name:"fontSize",onChange:o,inputMode:"numeric",type:"number",sx:{width:150},placeholder:i("size")}),React.createElement(SIconButtonWrapper,{active:(b.fontStyle||"").includes("bold"),onClick:function(){return q("bold")}},React.createElement(FormatBoldOutlined,null)),React.createElement(SIconButtonWrapper,{active:(b.fontStyle||"").includes("italic"),onClick:function(){return q("italic")}},React.createElement(FormatItalicOutlined,null)),d))};export default TextControls;