sp-image-editor
Version:
React component version of filerobot image editor (FIE).
1 lines • 1.31 kB
JavaScript
import React from"react";import{Button,ColorPicker,ModalContent,ModalTitle}from"@scaleflex/ui/core";import ColorPickerIcon from"@scaleflex/icons/color-picker";import{useStore}from"../../../hooks";import Styled from"./ColorPickerModal.styled";var modalStyles={zIndex:1301},ColorPickerModal=function(a){var b=a.hideModalTitle,c=a.defaultColor,d=void 0===c?"":c,e=a.onChange,f=a.open,g=a.pinnedColors,h=a.onClose,i=a.onApply,j=useStore(),k=j.t;return f?React.createElement(Styled.ColorPickerModal,{onClose:h,open:f,fullWidth:!0,modalStyles:modalStyles},!b&&React.createElement(ModalTitle,{onClose:h,primary:k("colorPickerModalTitleLabel","Pick color"),icon:React.createElement(ColorPickerIcon,{size:29}),iconShadow:!0,variant:"with-icon"}),React.createElement(ModalContent,null,React.createElement(Styled.ColorPickerWrap,{hideModalTitle:b},React.createElement(ColorPicker,{onChange:e,pinnedColors:g,defaultColor:d,showTransparentColor:!0}))),React.createElement(Styled.ModalActions,null,React.createElement(Button,{color:"basic",onClick:h},k("cancel")),React.createElement(Button,{color:"primary",onClick:i},k("apply")))):null};ColorPickerModal.defaultProps={defaultColor:"",pinnedColors:[],onChange:function(){},open:!1,hideModalTitle:!1,onClose:function(){},onApply:function(){}};export default ColorPickerModal;