react-image-editor-q/lib/components/Topbar/ImageDimensionsAndDisplayToggle.js

SSR-safe React wrapper around Filerobot Image Editor

import React from"react";import Compare from"@scaleflex/icons/compare";import{TOGGLE_ORIGINAL_IMAGE_DISPLAY}from"../../actions";import{useStore}from"../../hooks";import getProperDimensions from"../../utils/getProperDimensions";import Separator from"../common/Separator";import{StyledSmallButton,StyledDimensionsLabel,StyledImageOptionsButtons,StyledDimensionsButtons}from"./Topbar.styled";import CanvasZooming from"./CanvasZooming";var ImageDimensionsAndDisplayToggle=function(a){var b=a.showBackButton,c=a.isPhoneScreen,d=useStore(),e=d.dispatch,f=d.isResetted,g=d.originalImage,h=d.resize,i=void 0===h?{}:h,j=d.adjustments,k=j.crop,l=j.rotation,m=void 0===l?0:l,n=d.shownImageDimensions,o=d.config.disableZooming,p=d.t,q=function(){e({type:TOGGLE_ORIGINAL_IMAGE_DISPLAY,payload:{isShow:!1}}),document.removeEventListener("mouseup",q),document.removeEventListener("mouseleave",q),document.removeEventListener("touchcancel",q),document.removeEventListener("touchend",q)};if(!g)return null;getProperDimensions(i,k,n,g,m);return React.createElement(StyledImageOptionsButtons,{isPhoneScreen:c},React.createElement(StyledDimensionsButtons,null,!o&&React.createElement(React.Fragment,null,React.createElement(CanvasZooming,{showBackButton:b}))))};ImageDimensionsAndDisplayToggle.defaultProps={showBackButton:!1,isPhoneScreen:!1};export default ImageDimensionsAndDisplayToggle;