react-filerobot-image-editor/lib/components/Layers/DesignLayer/index.js

React component version of filerobot image editor (FIE).

import React,{useRef}from"react";import{useStore}from"../../../hooks";import AnnotationNodes from"./AnnotationNodes";import PreviewGroup from"./PreviewGroup";import DesignLayerWrapper from"./DesignLayerWrapper";import{ANNOTATION_NAMES_TO_COMPONENT}from"./AnnotationNodes/AnnotationNodes.constants";var DesignLayer=function(){var a=useStore(),b=a.annotationIds,c=a.annotations,d=a.config.annotationComponents,e=void 0===d?ANNOTATION_NAMES_TO_COMPONENT:d,f=a.shownImageDimensions,g=void 0===f?{}:f,h=g.originalSourceInitialScale,i=useRef();return React.createElement(DesignLayerWrapper,{previewGroupRef:i},React.createElement(AnnotationNodes,{annotationIds:b,annotations:c,annotationNamesToNodeComponents:e,originalSourceInitialScale:h}),React.createElement(PreviewGroup,{ref:i}))};export default DesignLayer;