@searpent/react-image-annotate 2.3.4 → 2.3.5

package/RegionSelectorSidebarBox/index.js

@@ -36,16 +36,23 @@ var Chip = function Chip(_ref2) {
   var color = _ref2.color,
       text = _ref2.text;
   var classes = useStyles();
-  return React.createElement("span", {
-    className: classes.chip
-  }, React.createElement("div", {
-    className: "color",
-    style: {
-      backgroundColor: color
-    }
-  }), React.createElement("div", {
-    className: "text"
-  }, text));
+  return (
+    /*#__PURE__*/
+    React.createElement("span", {
+      className: classes.chip
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: "color",
+      style: {
+        backgroundColor: color
+      }
+    }),
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: "text"
+    }, text))
+  );
 };
 
 var RowLayout = function RowLayout(_ref3) {
@@ -66,77 +73,113 @@ var RowLayout = function RowLayout(_ref3) {
       mouseOver = _useState2[0],
       changeMouseOver = _useState2[1];
 
-  return React.createElement("div", {
-    onClick: onClick,
-    onMouseEnter: function onMouseEnter() {
-      return changeMouseOver(true);
+  return (
+    /*#__PURE__*/
+    React.createElement("div", {
+      onClick: onClick,
+      onMouseEnter: function onMouseEnter() {
+        return changeMouseOver(true);
+      },
+      onMouseLeave: function onMouseLeave() {
+        return changeMouseOver(false);
+      },
+      className: classnames(classes.row, {
+        header: header,
+        highlighted: highlighted
+      })
     },
-    onMouseLeave: function onMouseLeave() {
-      return changeMouseOver(false);
+    /*#__PURE__*/
+    React.createElement(Grid, {
+      container: true,
+      alignItems: "center"
     },
-    className: classnames(classes.row, {
-      header: header,
-      highlighted: highlighted
-    })
-  }, React.createElement(Grid, {
-    container: true,
-    alignItems: "center"
-  }, React.createElement(Grid, {
-    item: true,
-    xs: 2
-  }, React.createElement("div", {
-    style: {
-      textAlign: "right",
-      paddingRight: 10
-    }
-  }, order)), React.createElement(Grid, {
-    item: true,
-    xs: 5
-  }, classification), React.createElement(Grid, {
-    item: true,
-    xs: 2
-  }, React.createElement("div", {
-    style: {
-      textAlign: "right",
-      paddingRight: 6
-    }
-  }, area)), React.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, trash), React.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, lock), React.createElement(Grid, {
-    item: true,
-    xs: 1
-  }, visible)));
+    /*#__PURE__*/
+    React.createElement(Grid, {
+      item: true,
+      xs: 2
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        textAlign: "right",
+        paddingRight: 10
+      }
+    }, order)),
+    /*#__PURE__*/
+    React.createElement(Grid, {
+      item: true,
+      xs: 5
+    }, classification),
+    /*#__PURE__*/
+    React.createElement(Grid, {
+      item: true,
+      xs: 2
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      style: {
+        textAlign: "right",
+        paddingRight: 6
+      }
+    }, area)),
+    /*#__PURE__*/
+    React.createElement(Grid, {
+      item: true,
+      xs: 1
+    }, trash),
+    /*#__PURE__*/
+    React.createElement(Grid, {
+      item: true,
+      xs: 1
+    }, lock),
+    /*#__PURE__*/
+    React.createElement(Grid, {
+      item: true,
+      xs: 1
+    }, visible)))
+  );
 };
 
 var RowHeader = function RowHeader() {
-  return React.createElement(RowLayout, {
-    header: true,
-    highlighted: false,
-    order: React.createElement(ReorderIcon, {
-      className: "icon"
-    }),
-    classification: React.createElement("div", {
-      style: {
-        paddingLeft: 10
-      }
-    }, "Class"),
-    area: React.createElement(PieChartIcon, {
-      className: "icon"
-    }),
-    trash: React.createElement(TrashIcon, {
-      className: "icon"
-    }),
-    lock: React.createElement(LockIcon, {
-      className: "icon"
-    }),
-    visible: React.createElement(VisibleIcon, {
-      className: "icon"
+  return (
+    /*#__PURE__*/
+    React.createElement(RowLayout, {
+      header: true,
+      highlighted: false,
+      order:
+      /*#__PURE__*/
+      React.createElement(ReorderIcon, {
+        className: "icon"
+      }),
+      classification:
+      /*#__PURE__*/
+      React.createElement("div", {
+        style: {
+          paddingLeft: 10
+        }
+      }, "Class"),
+      area:
+      /*#__PURE__*/
+      React.createElement(PieChartIcon, {
+        className: "icon"
+      }),
+      trash:
+      /*#__PURE__*/
+      React.createElement(TrashIcon, {
+        className: "icon"
+      }),
+      lock:
+      /*#__PURE__*/
+      React.createElement(LockIcon, {
+        className: "icon"
+      }),
+      visible:
+      /*#__PURE__*/
+      React.createElement(VisibleIcon, {
+        className: "icon"
+      })
     })
-  });
+  );
 };
 
 var MemoRowHeader = memo(RowHeader);
@@ -157,55 +200,70 @@ var Row = function Row(_ref4) {
       groupColor = _useColors.groupColor;
 
   var gc = groupColor(r.groupId);
-  return React.createElement(RowLayout, {
-    header: false,
-    highlighted: highlighted,
-    onClick: function onClick() {
-      return onSelectRegion(r);
-    },
-    order: "#".concat(index + 1),
-    classification: React.createElement(Chip, {
-      text: cls || "",
-      color: color || gc || "lime"
-    }),
-    area: "",
-    trash: React.createElement(TrashIcon, {
-      onClick: function onClick() {
-        return onDeleteRegion(r);
-      },
-      className: "icon2"
-    }),
-    lock: r.locked ? React.createElement(LockIcon, {
-      onClick: function onClick() {
-        return onChangeRegion(_objectSpread({}, r, {
-          locked: false
-        }));
-      },
-      className: "icon2"
-    }) : React.createElement(UnlockIcon, {
-      onClick: function onClick() {
-        return onChangeRegion(_objectSpread({}, r, {
-          locked: true
-        }));
-      },
-      className: "icon2"
-    }),
-    visible: r.visible || r.visible === undefined ? React.createElement(VisibleIcon, {
+  return (
+    /*#__PURE__*/
+    React.createElement(RowLayout, {
+      header: false,
+      highlighted: highlighted,
       onClick: function onClick() {
-        return onChangeRegion(_objectSpread({}, r, {
-          visible: false
-        }));
+        return onSelectRegion(r);
       },
-      className: "icon2"
-    }) : React.createElement(VisibleOffIcon, {
-      onClick: function onClick() {
-        return onChangeRegion(_objectSpread({}, r, {
-          visible: true
-        }));
-      },
-      className: "icon2"
+      order: "#".concat(index + 1),
+      classification:
+      /*#__PURE__*/
+      React.createElement(Chip, {
+        text: cls || "",
+        color: color || gc || "lime"
+      }),
+      area: "",
+      trash:
+      /*#__PURE__*/
+      React.createElement(TrashIcon, {
+        onClick: function onClick() {
+          return onDeleteRegion(r);
+        },
+        className: "icon2"
+      }),
+      lock: r.locked ?
+      /*#__PURE__*/
+      React.createElement(LockIcon, {
+        onClick: function onClick() {
+          return onChangeRegion(_objectSpread({}, r, {
+            locked: false
+          }));
+        },
+        className: "icon2"
+      }) :
+      /*#__PURE__*/
+      React.createElement(UnlockIcon, {
+        onClick: function onClick() {
+          return onChangeRegion(_objectSpread({}, r, {
+            locked: true
+          }));
+        },
+        className: "icon2"
+      }),
+      visible: r.visible || r.visible === undefined ?
+      /*#__PURE__*/
+      React.createElement(VisibleIcon, {
+        onClick: function onClick() {
+          return onChangeRegion(_objectSpread({}, r, {
+            visible: false
+          }));
+        },
+        className: "icon2"
+      }) :
+      /*#__PURE__*/
+      React.createElement(VisibleOffIcon, {
+        onClick: function onClick() {
+          return onChangeRegion(_objectSpread({}, r, {
+            visible: true
+          }));
+        },
+        className: "icon2"
+      })
     })
-  });
+  );
 };
 
 var MemoRow = memo(Row, function (prevProps, nextProps) {
@@ -220,54 +278,74 @@ export var RegionSelectorSidebarBox = function RegionSelectorSidebarBox(_ref5) {
       onChangeRegion = _ref5.onChangeRegion,
       onSelectRegion = _ref5.onSelectRegion;
   var classes = useStyles();
-  return React.createElement(ThemeProvider, {
-    theme: theme
-  }, React.createElement(SidebarBoxContainer, {
-    title: "Regions",
-    subTitle: "",
-    icon: React.createElement(RegionIcon, {
+  return (
+    /*#__PURE__*/
+    React.createElement(ThemeProvider, {
+      theme: theme
+    },
+    /*#__PURE__*/
+    React.createElement(SidebarBoxContainer, {
+      title: "Regions",
+      subTitle: "",
+      icon:
+      /*#__PURE__*/
+      React.createElement(RegionIcon, {
+        style: {
+          color: grey[700]
+        }
+      }),
+      expandedByDefault: true
+    },
+    /*#__PURE__*/
+    React.createElement("div", {
+      className: classes.container
+    }, regions.length > 0 && onDeleteAllRegions &&
+    /*#__PURE__*/
+    React.createElement("div", {
       style: {
-        color: grey[700]
+        display: "flex",
+        justifyContent: "flex-end",
+        marginBottom: 4
       }
-    }),
-    expandedByDefault: true
-  }, React.createElement("div", {
-    className: classes.container
-  }, regions.length > 0 && onDeleteAllRegions && React.createElement("div", {
-    style: {
-      display: "flex",
-      justifyContent: "flex-end",
-      marginBottom: 4
-    }
-  }, React.createElement("button", {
-    type: "button",
-    onClick: function onClick(e) {
-      e.stopPropagation();
+    },
+    /*#__PURE__*/
+    React.createElement("button", {
+      type: "button",
+      onClick: function onClick(e) {
+        e.stopPropagation();
 
-      if (window.confirm("Are you really sure you want to delete all frames on this page? This will remove all non-metadata regions.")) {
-        onDeleteAllRegions();
+        if (window.confirm("Are you really sure you want to delete all frames on this page? This will remove all non-metadata regions.")) {
+          onDeleteAllRegions();
+        }
+      },
+      style: {
+        fontSize: 12,
+        color: "#d32f2f",
+        background: "none",
+        border: "none",
+        cursor: "pointer",
+        padding: 0,
+        textDecoration: "underline"
       }
-    },
-    style: {
-      fontSize: 12,
-      color: "#d32f2f",
-      background: "none",
-      border: "none",
-      cursor: "pointer",
-      padding: 0,
-      textDecoration: "underline"
-    }
-  }, "Delete all frames")), React.createElement(MemoRowHeader, null), React.createElement(HeaderSep, null), regions.map(function (r, i) {
-    return React.createElement(MemoRow, Object.assign({
-      key: r.id
-    }, r, {
-      region: r,
-      index: i,
-      onSelectRegion: onSelectRegion,
-      onDeleteRegion: onDeleteRegion,
-      onChangeRegion: onChangeRegion
-    }));
-  }))));
+    }, "Delete all frames")),
+    /*#__PURE__*/
+    React.createElement(MemoRowHeader, null),
+    /*#__PURE__*/
+    React.createElement(HeaderSep, null), regions.map(function (r, i) {
+      return (
+        /*#__PURE__*/
+        React.createElement(MemoRow, Object.assign({
+          key: r.id
+        }, r, {
+          region: r,
+          index: i,
+          onSelectRegion: onSelectRegion,
+          onDeleteRegion: onDeleteRegion,
+          onChangeRegion: onChangeRegion
+        }))
+      );
+    }))))
+  );
 };
 
 var mapUsedRegionProperties = function mapUsedRegionProperties(r) {