sp-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 1.36 kB
JavaScript
import _slicedToArray from"@babel/runtime/helpers/slicedToArray";import React,{useState}from"react";import Menu from"@scaleflex/ui/core/menu";import Padding from"@scaleflex/icons/padding";import restrictNumber from"../../../utils/restrictNumber";import{StyledSpacedOptionFields,StyledIconWrapper,StyledOptionPopupContent,StyledIconLabel}from"../../common/AnnotationOptions/AnnotationOptions.styled";import Slider from"../../common/Slider";import{Label}from"@scaleflex/ui/core";var WatermarkPadding=function(a){var b=a.watermark,c=a.saveWatermark,d=a.t,e=useState(null),f=_slicedToArray(e,2),g=f[0],h=f[1],i=b.padding||0;return React.createElement(React.Fragment,null,React.createElement(StyledIconWrapper,{className:"FIE_watermark-padding-triggerer",title:d("padding"),onClick:function(a){h(a.currentTarget)},active:g},React.createElement(Padding,{size:20})),React.createElement(Menu,{className:"FIE_watermark-padding-popup",anchorEl:g,open:!!g,onClose:function(){h(null)},position:"top"},React.createElement(StyledOptionPopupContent,null,React.createElement(Label,null,d("padding")),React.createElement(StyledSpacedOptionFields,null,React.createElement(Slider,{annotation:"px",onChange:function(a){c({padding:restrictNumber(a,0,100)})},value:i,noMargin:!0}),React.createElement(StyledIconLabel,null,"".concat(i,"px"))))))};export default WatermarkPadding;