react-filerobot-video-editor/lib/components/NodeControls/index.js

React component version of filerobot video editor (FVE).

import _defineProperty from"@babel/runtime/helpers/defineProperty";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 React from"react";import{Html}from"react-konva-utils";import IconButton from"@scaleflex/ui/core/icon-button";import DeleteOutline from"@scaleflex/icons/delete-outline";import CopyOutline from"@scaleflex/icons/copy-outline";import{useStore}from"../../hooks";import{DUPLICATE_ANNOTATIONS,REMOVE_ANNOTATIONS}from"../../actions";import{WATERMARK_ANNOTATION_ID}from"../../utils/constants";import isFunction from"../../utils/isFunction";import{StyledNodeControls}from"./NodeControls.styled";var NodeControls=function(a){var b=a.onClickAnnotationDelete,c=useStore(),d=c.selectionsIds,e=void 0===d?[]:d,f=c.dispatch,g=c.config,h=e.length;if(0===h)return null;var i=function(){f({type:REMOVE_ANNOTATIONS,payload:{annotationsIds:e}})};return React.createElement(Html,{transformFunc:function(a){return _objectSpread(_objectSpread({},a),{},{scaleX:1,scaleY:1,rotation:0})}},React.createElement(StyledNodeControls,{className:"FIE_annotation-controls-overlay"},e[0]!==WATERMARK_ANNOTATION_ID&&React.createElement(IconButton,{color:"basic",size:"sm",onClick:function(){f({type:DUPLICATE_ANNOTATIONS,payload:{annotationsIds:e,onAnnotationAdd:g.onAnnotationAdd}})}},React.createElement(CopyOutline,null)),React.createElement(IconButton,{color:"basic",size:"sm",onClick:isFunction(b)?function(){return b(i)}:i},React.createElement(DeleteOutline,null))))};export default NodeControls;