@searpent/react-image-annotate 2.3.0-cand → 2.3.0-cand-2

package/MainLayout/index.js

@@ -53,7 +53,7 @@ var HotkeyDiv = withHotKeys(function (_ref) {
       divRef = _ref.divRef,
       props = _objectWithoutProperties(_ref, ["hotKeys", "children", "divRef"]);
 
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, _objectSpread({}, hotKeys, props), {
+  return React.createElement("div", Object.assign({}, _objectSpread({}, hotKeys, props), {
     ref: divRef
   }), children);
 });
@@ -201,7 +201,7 @@ export var MainLayout = function MainLayout(_ref5) {
   var allowedGroups = useMemo(function () {
     return regionsGroups(state.images[state.selectedImage].regions);
   }, [state.images, state.selectedImage]);
-  var canvas = /*#__PURE__*/React.createElement(ImageCanvas, Object.assign({}, settings, {
+  var canvas = React.createElement(ImageCanvas, Object.assign({}, settings, {
     showCrosshairs: settings.showCrosshairs && !["select", "pan", "zoom"].includes(state.selectedTool),
     key: state.selectedImage,
     showMask: state.showMask,
@@ -330,9 +330,9 @@ export var MainLayout = function MainLayout(_ref5) {
   var selectedFrame = ((_state$images$state$s4 = state.images[state.selectedImage]) === null || _state$images$state$s4 === void 0 ? void 0 : (_state$images$state$s5 = _state$images$state$s4.regions.find(function (i) {
     return i.highlighted === true;
   })) === null || _state$images$state$s5 === void 0 ? void 0 : _state$images$state$s5.id) || '';
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(FullScreenContainer, null, /*#__PURE__*/React.createElement(FullScreen, {
+  }, React.createElement(FullScreenContainer, null, React.createElement(FullScreen, {
     handle: fullScreenHandle,
     onChange: function onChange(open) {
       if (!open) {
@@ -340,7 +340,7 @@ export var MainLayout = function MainLayout(_ref5) {
         action("HEADER_BUTTON_CLICKED", "buttonName")("Window");
       }
     }
-  }, /*#__PURE__*/React.createElement(HotkeyDiv, {
+  }, React.createElement(HotkeyDiv, {
     tabIndex: -1,
     divRef: innerContainerRef,
     onMouseDown: refocusOnMouseEvent,
@@ -348,18 +348,18 @@ export var MainLayout = function MainLayout(_ref5) {
     allowChanges: true,
     handlers: hotkeyHandlers,
     className: classnames(classes.container, state.fullScreen && "Fullscreen")
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'row'
     }
-  }, showPageSelector && /*#__PURE__*/React.createElement(PageSelector, {
+  }, showPageSelector && React.createElement(PageSelector, {
     pages: pages,
     onPageClick: handlePageClick,
     onMetadataChange: onMetadataChange,
     metadataConfigs: state.metadataConfigs || [],
     onRecalcClick: onRecalcClick
-  }), /*#__PURE__*/React.createElement(WorkspaceWrapper, null, /*#__PURE__*/React.createElement(Workspace, {
+  }), React.createElement(WorkspaceWrapper, null, React.createElement(Workspace, {
     style: {
       width: "auto"
     },
@@ -367,12 +367,12 @@ export var MainLayout = function MainLayout(_ref5) {
     iconDictionary: iconDictionary,
     hideHeader: hideHeader,
     hideHeaderText: hideHeaderText,
-    headerLeftSide: [state.annotationType === "video" ? /*#__PURE__*/React.createElement(KeyframeTimeline, {
+    headerLeftSide: [state.annotationType === "video" ? React.createElement(KeyframeTimeline, {
       currentTime: state.currentVideoTime,
       duration: state.videoDuration,
       onChangeCurrentTime: action("CHANGE_VIDEO_TIME", "newTime"),
       keyframes: state.keyframes
-    }) : activeImage ? /*#__PURE__*/React.createElement("div", {
+    }) : activeImage ? React.createElement("div", {
       className: classes.headerTitle
     }, activeImage.name) : null].filter(Boolean),
     headerItems: [!hidePrev && {
@@ -441,31 +441,29 @@ export var MainLayout = function MainLayout(_ref5) {
     }].filter(Boolean).filter(function (a) {
       return a.alwaysShowing || state.enabledTools.includes(a.name);
     }),
-    rightSidebarItems: [/*#__PURE__*/React.createElement(RightSidebarItemsWrapper, null, [isSelectedImageLocked && /*#__PURE__*/React.createElement(Locker, null), debugModeOn && /*#__PURE__*/React.createElement(DebugBox, {
+    rightSidebarItems: [React.createElement(RightSidebarItemsWrapper, null, [isSelectedImageLocked && React.createElement(Locker, null), debugModeOn && React.createElement(DebugBox, {
       state: debugModeOn,
       lastAction: state.lastAction,
       key: "debug-box"
-    }), state.taskDescription && /*#__PURE__*/React.createElement(TaskDescription, {
+    }), state.taskDescription && React.createElement(TaskDescription, {
       description: state.taskDescription,
       key: "task-description"
-    }), state.help && /*#__PURE__*/React.createElement(Help, {
+    }), state.help && React.createElement(Help, {
       help: state.help,
       key: "help"
-    }), state.regionClsList && /*#__PURE__*/React.createElement(ClassSelectionMenu, {
+    }), state.regionClsList && React.createElement(ClassSelectionMenu, {
       selectedCls: state.selectedCls,
       regionClsList: state.regionClsList,
       onSelectCls: action("SELECT_CLASSIFICATION", "cls"),
       key: "class-selection-menu"
-    }), state.labelImages && /*#__PURE__*/React.createElement(TagsSidebarBox, {
+    }), state.labelImages && React.createElement(TagsSidebarBox, {
       currentImage: activeImage,
       imageClsList: state.imageClsList,
       imageTagList: state.imageTagList,
       onChangeImage: action("CHANGE_IMAGE", "delta"),
       expandedByDefault: true,
       key: "tags-sidebar-box"
-    }),,
-    /*#__PURE__*/
-    // (state.images?.length || 0) > 1 && (
+    }),, // (state.images?.length || 0) > 1 && (
     //   <ImageSelector
     //     onSelect={action("SELECT_REGION", "region")}
     //     images={state.images}
@@ -485,7 +483,7 @@ export var MainLayout = function MainLayout(_ref5) {
       onDeleteRegion: action("DELETE_REGION", "region"),
       onChangeRegion: action("CHANGE_REGION", "region"),
       key: "region-selector"
-    }), state.keyframes && /*#__PURE__*/React.createElement(KeyframesSelector, {
+    }), state.keyframes && React.createElement(KeyframesSelector, {
       onChangeVideoTime: action("CHANGE_VIDEO_TIME", "newTime"),
       onDeleteKeyframe: action("DELETE_KEYFRAME", "time"),
       onChangeCurrentTime: action("CHANGE_VIDEO_TIME", "newTime"),
@@ -493,29 +491,29 @@ export var MainLayout = function MainLayout(_ref5) {
       duration: state.videoDuration,
       keyframes: state.keyframes,
       key: "key-frame-selector"
-    }), !hideHistory && /*#__PURE__*/React.createElement(HistorySidebarBox, {
+    }), !hideHistory && React.createElement(HistorySidebarBox, {
       history: state.history,
       onRestoreHistory: action("RESTORE_HISTORY"),
       key: "history-sidebar"
-    }), /*#__PURE__*/React.createElement(MetadataEditor, {
+    }), React.createElement(MetadataEditor, {
       state: state,
       onMetadataChange: onMetadataChange,
       key: "metadata-editor"
-    }), /*#__PURE__*/React.createElement(GroupsEditor, {
+    }), React.createElement(GroupsEditor, {
       groups: allowedGroups,
       onAddGroup: onAddGroup,
       key: "groups-editor"
     })].filter(Boolean))]
-  }, isSelectedImageLocked && /*#__PURE__*/React.createElement(Locker, null), canvas)), showEditor && !isSelectedImageLocked && /*#__PURE__*/React.createElement(EditorWrapper, {
+  }, isSelectedImageLocked && React.createElement(Locker, null), canvas)), showEditor && !isSelectedImageLocked && React.createElement(EditorWrapper, {
     id: "editor-wrapper"
-  }, /*#__PURE__*/React.createElement(Editor, {
+  }, React.createElement(Editor, {
     id: "editor",
     blocks: blocks,
     imageIndex: state.selectedImage,
     key: "".concat(state.selectedImage, "#").concat(selectedGroupId),
     selectedFrame: selectedFrame,
     onChange: handleEditorChange
-  }))), /*#__PURE__*/React.createElement(SettingsDialog, {
+  }))), React.createElement(SettingsDialog, {
     open: state.settingsOpen,
     onClose: function onClose() {
       return dispatch({

package/MainLayout/index_bugdemo_15_1.js

@@ -53,7 +53,7 @@ var HotkeyDiv = withHotKeys(function (_ref) {
       divRef = _ref.divRef,
       props = _objectWithoutProperties(_ref, ["hotKeys", "children", "divRef"]);
 
-  return /*#__PURE__*/React.createElement("div", Object.assign({}, _objectSpread({}, hotKeys, props), {
+  return React.createElement("div", Object.assign({}, _objectSpread({}, hotKeys, props), {
     ref: divRef
   }), children);
 });
@@ -201,7 +201,7 @@ export var MainLayout = function MainLayout(_ref5) {
   var allowedGroups = useMemo(function () {
     return regionsGroups(state.images[state.selectedImage].regions);
   }, [state.images, state.selectedImage]);
-  var canvas = /*#__PURE__*/React.createElement(ImageCanvas, Object.assign({}, settings, {
+  var canvas = React.createElement(ImageCanvas, Object.assign({}, settings, {
     showCrosshairs: settings.showCrosshairs && !["select", "pan", "zoom"].includes(state.selectedTool),
     key: state.selectedImage,
     showMask: state.showMask,
@@ -388,9 +388,9 @@ export var MainLayout = function MainLayout(_ref5) {
   var selectedFrame = ((_state$images$state$s3 = state.images[state.selectedImage]) === null || _state$images$state$s3 === void 0 ? void 0 : (_state$images$state$s4 = _state$images$state$s3.regions.find(function (i) {
     return i.highlighted === true;
   })) === null || _state$images$state$s4 === void 0 ? void 0 : _state$images$state$s4.id) || '';
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(FullScreenContainer, null, /*#__PURE__*/React.createElement(FullScreen, {
+  }, React.createElement(FullScreenContainer, null, React.createElement(FullScreen, {
     handle: fullScreenHandle,
     onChange: function onChange(open) {
       if (!open) {
@@ -398,7 +398,7 @@ export var MainLayout = function MainLayout(_ref5) {
         action("HEADER_BUTTON_CLICKED", "buttonName")("Window");
       }
     }
-  }, /*#__PURE__*/React.createElement(HotkeyDiv, {
+  }, React.createElement(HotkeyDiv, {
     tabIndex: -1,
     divRef: innerContainerRef,
     onMouseDown: refocusOnMouseEvent,
@@ -406,18 +406,18 @@ export var MainLayout = function MainLayout(_ref5) {
     allowChanges: true,
     handlers: hotkeyHandlers,
     className: classnames(classes.container, state.fullScreen && "Fullscreen")
-  }, /*#__PURE__*/React.createElement("div", {
+  }, React.createElement("div", {
     style: {
       display: 'flex',
       flexDirection: 'row'
     }
-  }, showPageSelector && /*#__PURE__*/React.createElement(PageSelector, {
+  }, showPageSelector && React.createElement(PageSelector, {
     pages: pages,
     onPageClick: handlePageClick,
     onMetadataChange: onMetadataChange,
     metadataConfigs: state.metadataConfigs || [],
     onRecalcClick: onRecalcClick
-  }), /*#__PURE__*/React.createElement(WorkspaceWrapper, null, /*#__PURE__*/React.createElement(Workspace, {
+  }), React.createElement(WorkspaceWrapper, null, React.createElement(Workspace, {
     style: {
       width: "auto"
     },
@@ -425,12 +425,12 @@ export var MainLayout = function MainLayout(_ref5) {
     iconDictionary: iconDictionary,
     hideHeader: hideHeader,
     hideHeaderText: hideHeaderText,
-    headerLeftSide: [state.annotationType === "video" ? /*#__PURE__*/React.createElement(KeyframeTimeline, {
+    headerLeftSide: [state.annotationType === "video" ? React.createElement(KeyframeTimeline, {
       currentTime: state.currentVideoTime,
       duration: state.videoDuration,
       onChangeCurrentTime: action("CHANGE_VIDEO_TIME", "newTime"),
       keyframes: state.keyframes
-    }) : activeImage ? /*#__PURE__*/React.createElement("div", {
+    }) : activeImage ? React.createElement("div", {
       className: classes.headerTitle
     }, activeImage.name) : null].filter(Boolean),
     headerItems: [!hidePrev && {
@@ -499,31 +499,29 @@ export var MainLayout = function MainLayout(_ref5) {
     }].filter(Boolean).filter(function (a) {
       return a.alwaysShowing || state.enabledTools.includes(a.name);
     }),
-    rightSidebarItems: [/*#__PURE__*/React.createElement(RightSidebarItemsWrapper, null, [isSelectedImageLocked && /*#__PURE__*/React.createElement(Locker, null), debugModeOn && /*#__PURE__*/React.createElement(DebugBox, {
+    rightSidebarItems: [React.createElement(RightSidebarItemsWrapper, null, [isSelectedImageLocked && React.createElement(Locker, null), debugModeOn && React.createElement(DebugBox, {
       state: debugModeOn,
       lastAction: state.lastAction,
       key: "debug-box"
-    }), state.taskDescription && /*#__PURE__*/React.createElement(TaskDescription, {
+    }), state.taskDescription && React.createElement(TaskDescription, {
       description: state.taskDescription,
       key: "task-description"
-    }), state.help && /*#__PURE__*/React.createElement(Help, {
+    }), state.help && React.createElement(Help, {
       help: state.help,
       key: "help"
-    }), state.regionClsList && /*#__PURE__*/React.createElement(ClassSelectionMenu, {
+    }), state.regionClsList && React.createElement(ClassSelectionMenu, {
       selectedCls: state.selectedCls,
       regionClsList: state.regionClsList,
       onSelectCls: action("SELECT_CLASSIFICATION", "cls"),
       key: "class-selection-menu"
-    }), state.labelImages && /*#__PURE__*/React.createElement(TagsSidebarBox, {
+    }), state.labelImages && React.createElement(TagsSidebarBox, {
       currentImage: activeImage,
       imageClsList: state.imageClsList,
       imageTagList: state.imageTagList,
       onChangeImage: action("CHANGE_IMAGE", "delta"),
       expandedByDefault: true,
       key: "tags-sidebar-box"
-    }),,
-    /*#__PURE__*/
-    // (state.images?.length || 0) > 1 && (
+    }),, // (state.images?.length || 0) > 1 && (
     //   <ImageSelector
     //     onSelect={action("SELECT_REGION", "region")}
     //     images={state.images}
@@ -543,7 +541,7 @@ export var MainLayout = function MainLayout(_ref5) {
       onDeleteRegion: action("DELETE_REGION", "region"),
       onChangeRegion: action("CHANGE_REGION", "region"),
       key: "region-selector"
-    }), state.keyframes && /*#__PURE__*/React.createElement(KeyframesSelector, {
+    }), state.keyframes && React.createElement(KeyframesSelector, {
       onChangeVideoTime: action("CHANGE_VIDEO_TIME", "newTime"),
       onDeleteKeyframe: action("DELETE_KEYFRAME", "time"),
       onChangeCurrentTime: action("CHANGE_VIDEO_TIME", "newTime"),
@@ -551,22 +549,22 @@ export var MainLayout = function MainLayout(_ref5) {
       duration: state.videoDuration,
       keyframes: state.keyframes,
       key: "key-frame-selector"
-    }), !hideHistory && /*#__PURE__*/React.createElement(HistorySidebarBox, {
+    }), !hideHistory && React.createElement(HistorySidebarBox, {
       history: state.history,
       onRestoreHistory: action("RESTORE_HISTORY"),
       key: "history-sidebar"
-    }), /*#__PURE__*/React.createElement(MetadataEditor, {
+    }), React.createElement(MetadataEditor, {
       state: state,
       onMetadataChange: onMetadataChange,
       key: "metadata-editor"
-    }), /*#__PURE__*/React.createElement(GroupsEditor, {
+    }), React.createElement(GroupsEditor, {
       groups: allowedGroups,
       onAddGroup: onAddGroup,
       key: "groups-editor"
     })].filter(Boolean))]
-  }, isSelectedImageLocked && /*#__PURE__*/React.createElement(Locker, null), canvas)), showEditor && !isSelectedImageLocked && /*#__PURE__*/React.createElement(EditorWrapper, {
+  }, isSelectedImageLocked && React.createElement(Locker, null), canvas)), showEditor && !isSelectedImageLocked && React.createElement(EditorWrapper, {
     id: "editor-wrapper"
-  }, /*#__PURE__*/React.createElement(Editor, {
+  }, React.createElement(Editor, {
     id: "editor",
     blocks: blocks,
     imageIndex: state.selectedImage,
@@ -575,7 +573,7 @@ export var MainLayout = function MainLayout(_ref5) {
     onChange: handleEditorChange,
     selectedGroupId: selectedGroupIdForBug,
     originalSelectedGroupId: originalSelectedGroupId
-  }))), /*#__PURE__*/React.createElement(SettingsDialog, {
+  }))), React.createElement(SettingsDialog, {
     open: state.settingsOpen,
     onClose: function onClose() {
       return dispatch({

package/MetadataEditorSidebarBox/index.js

@@ -51,13 +51,13 @@ var MetadataItem = function MetadataItem(_ref2) {
     });
   };
 
-  return /*#__PURE__*/React.createElement(MetadataItemDiv, null, /*#__PURE__*/React.createElement("label", {
+  return React.createElement(MetadataItemDiv, null, React.createElement("label", {
     for: name
-  }, name), /*#__PURE__*/React.createElement("div", {
+  }, name), React.createElement("div", {
     style: {
       width: "50%"
     }
-  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
+  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && React.createElement(React.Fragment, null, React.createElement("input", {
     type: "text",
     value: value,
     name: name,
@@ -67,21 +67,21 @@ var MetadataItem = function MetadataItem(_ref2) {
     style: {
       width: "100%"
     }
-  }), /*#__PURE__*/React.createElement("datalist", {
+  }), React.createElement("datalist", {
     id: "".concat(name, "-list")
   }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio = metadataConfig.options) === null || _metadataConfig$optio === void 0 ? void 0 : _metadataConfig$optio.map(function (opt) {
     if (opt.value && opt.label) {
-      return /*#__PURE__*/React.createElement("option", {
+      return React.createElement("option", {
         key: opt.value,
         value: opt.value
       }, opt.label);
     }
 
-    return /*#__PURE__*/React.createElement("option", {
+    return React.createElement("option", {
       key: opt,
       value: opt
     });
-  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && /*#__PURE__*/React.createElement("select", {
+  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && React.createElement("select", {
     name: name,
     id: name,
     onChange: handleChange,
@@ -90,14 +90,14 @@ var MetadataItem = function MetadataItem(_ref2) {
     }
   }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio2 = metadataConfig.options) === null || _metadataConfig$optio2 === void 0 ? void 0 : _metadataConfig$optio2.map(function (opt) {
     if (opt.value && opt.label) {
-      return /*#__PURE__*/React.createElement("option", {
+      return React.createElement("option", {
         key: opt.value,
         value: opt.value,
         selected: opt.value === value
       }, opt.label);
     }
 
-    return /*#__PURE__*/React.createElement("option", {
+    return React.createElement("option", {
       key: opt,
       value: opt
     });
@@ -112,11 +112,11 @@ var MetadataList = function MetadataList(_ref3) {
       _ref3$metadataConfigs = _ref3.metadataConfigs,
       metadataConfigs = _ref3$metadataConfigs === void 0 ? [] : _ref3$metadataConfigs,
       groupId = _ref3.groupId;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
+  return React.createElement("div", null, React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
     var key = _ref4.key,
         value = _ref4.value,
         metadataId = _ref4.metadataId;
-    return /*#__PURE__*/React.createElement(MetadataItem, {
+    return React.createElement(MetadataItem, {
       name: key,
       value: value,
       imageIndex: imageIndex,
@@ -187,21 +187,21 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
+  }, React.createElement(SidebarBoxContainer, {
     title: "Metadata",
-    icon: /*#__PURE__*/React.createElement(DescriptionIcon, {
+    icon: React.createElement(DescriptionIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: true
-  }, /*#__PURE__*/React.createElement(DivContainer, {
+  }, React.createElement(DivContainer, {
     style: {
       height: "600px"
     }
-  }, articleMetadata.length > 0 && /*#__PURE__*/React.createElement(MetadataList, {
+  }, articleMetadata.length > 0 && React.createElement(MetadataList, {
     title: "Article",
     metadata: articleMetadata,
     imageIndex: state.selectedImage,
@@ -210,7 +210,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo_metadata-engine';
     })
-  }), selectedPhotoMetadata && /*#__PURE__*/React.createElement(MetadataList, {
+  }), selectedPhotoMetadata && React.createElement(MetadataList, {
     title: "Page",
     metadata: selectedPhotoMetadata,
     imageIndex: state.selectedImage,
@@ -218,7 +218,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo';
     })
-  }), /*#__PURE__*/React.createElement(MetadataList, {
+  }), React.createElement(MetadataList, {
     title: "Issue",
     metadata: state.albumMetadata,
     onMetadataChange: onMetadataChange,

package/MetadataEditorSidebarBox/index_14_01_25.js

@@ -51,13 +51,13 @@ var MetadataItem = function MetadataItem(_ref2) {
     });
   };
 
-  return /*#__PURE__*/React.createElement(MetadataItemDiv, null, /*#__PURE__*/React.createElement("label", {
+  return React.createElement(MetadataItemDiv, null, React.createElement("label", {
     for: name
-  }, name), /*#__PURE__*/React.createElement("div", {
+  }, name), React.createElement("div", {
     style: {
       width: "50%"
     }
-  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("input", {
+  }, (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) !== true && React.createElement(React.Fragment, null, React.createElement("input", {
     type: "text",
     value: value,
     name: name,
@@ -67,21 +67,21 @@ var MetadataItem = function MetadataItem(_ref2) {
     style: {
       width: "100%"
     }
-  }), /*#__PURE__*/React.createElement("datalist", {
+  }), React.createElement("datalist", {
     id: "".concat(name, "-list")
   }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio = metadataConfig.options) === null || _metadataConfig$optio === void 0 ? void 0 : _metadataConfig$optio.map(function (opt) {
     if (opt.value && opt.label) {
-      return /*#__PURE__*/React.createElement("option", {
+      return React.createElement("option", {
         key: opt.value,
         value: opt.value
       }, opt.label);
     }
 
-    return /*#__PURE__*/React.createElement("option", {
+    return React.createElement("option", {
       key: opt,
       value: opt
     });
-  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && /*#__PURE__*/React.createElement("select", {
+  }))), (metadataConfig === null || metadataConfig === void 0 ? void 0 : metadataConfig.selectable) === true && React.createElement("select", {
     name: name,
     id: name,
     value: value || '',
@@ -91,13 +91,13 @@ var MetadataItem = function MetadataItem(_ref2) {
     }
   }, metadataConfig === null || metadataConfig === void 0 ? void 0 : (_metadataConfig$optio2 = metadataConfig.options) === null || _metadataConfig$optio2 === void 0 ? void 0 : _metadataConfig$optio2.map(function (opt) {
     if (opt.value && opt.label) {
-      return /*#__PURE__*/React.createElement("option", {
+      return React.createElement("option", {
         key: opt.value,
         value: opt.value
       }, opt.label);
     }
 
-    return /*#__PURE__*/React.createElement("option", {
+    return React.createElement("option", {
       key: opt,
       value: opt
     });
@@ -112,11 +112,11 @@ var MetadataList = function MetadataList(_ref3) {
       _ref3$metadataConfigs = _ref3.metadataConfigs,
       metadataConfigs = _ref3$metadataConfigs === void 0 ? [] : _ref3$metadataConfigs,
       groupId = _ref3.groupId;
-  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
+  return React.createElement("div", null, React.createElement("h2", null, title), metadata && metadata.map(function (_ref4) {
     var key = _ref4.key,
         value = _ref4.value,
         metadataId = _ref4.metadataId;
-    return /*#__PURE__*/React.createElement(MetadataItem, {
+    return React.createElement(MetadataItem, {
       name: key,
       value: value,
       imageIndex: imageIndex,
@@ -187,21 +187,21 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     }
   }
 
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
+  return React.createElement(ThemeProvider, {
     theme: theme
-  }, /*#__PURE__*/React.createElement(SidebarBoxContainer, {
+  }, React.createElement(SidebarBoxContainer, {
     title: "Metadata",
-    icon: /*#__PURE__*/React.createElement(DescriptionIcon, {
+    icon: React.createElement(DescriptionIcon, {
       style: {
         color: grey[700]
       }
     }),
     expandedByDefault: true
-  }, /*#__PURE__*/React.createElement(DivContainer, {
+  }, React.createElement(DivContainer, {
     style: {
       height: "600px"
     }
-  }, articleMetadata.length > 0 && /*#__PURE__*/React.createElement(MetadataList, {
+  }, articleMetadata.length > 0 && React.createElement(MetadataList, {
     title: "Article",
     metadata: articleMetadata,
     imageIndex: state.selectedImage,
@@ -210,7 +210,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo_metadata-engine';
     })
-  }), selectedPhotoMetadata && /*#__PURE__*/React.createElement(MetadataList, {
+  }), selectedPhotoMetadata && React.createElement(MetadataList, {
     title: "Page",
     metadata: selectedPhotoMetadata,
     imageIndex: state.selectedImage,
@@ -218,7 +218,7 @@ export var MetadataEditorSidebarBox = function MetadataEditorSidebarBox(_ref6) {
     metadataConfigs: metadataConfigs.filter(function (mfc) {
       return mfc.level === 'photo';
     })
-  }), /*#__PURE__*/React.createElement(MetadataList, {
+  }), React.createElement(MetadataList, {
     title: "Issue",
     metadata: state.albumMetadata,
     onMetadataChange: onMetadataChange,