lost-sia 1.0.2 → 1.1.1

package/dist/index.js

@@ -3807,6 +3807,13 @@ var BBOX = 'bBox';
 var LINE = 'line';
 var POLYGON = 'polygon';
 
+var tools = /*#__PURE__*/Object.freeze({
+    POINT: POINT,
+    BBOX: BBOX,
+    LINE: LINE,
+    POLYGON: POLYGON
+});
+
 var _createClass$f = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 function _classCallCheck$f(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -8697,6 +8704,24 @@ var EDIT_NODE_RADIUS = 'editNodeRadius';
 var APPLY_FILTER = 'applyFilter';
 var SAVE = 'save';
 
+var toolbarEvents = /*#__PURE__*/Object.freeze({
+    TOOL_SELECTED: TOOL_SELECTED,
+    GET_NEXT_IMAGE: GET_NEXT_IMAGE,
+    GET_PREV_IMAGE: GET_PREV_IMAGE,
+    TASK_FINISHED: TASK_FINISHED,
+    SHOW_IMAGE_LABEL_INPUT: SHOW_IMAGE_LABEL_INPUT,
+    IMG_IS_JUNK: IMG_IS_JUNK,
+    DELETE_ALL_ANNOS: DELETE_ALL_ANNOS,
+    SET_FULLSCREEN: SET_FULLSCREEN,
+    SHOW_ANNO_DETAILS: SHOW_ANNO_DETAILS,
+    SHOW_LABEL_INFO: SHOW_LABEL_INFO,
+    SHOW_ANNO_STATS: SHOW_ANNO_STATS,
+    EDIT_STROKE_WIDTH: EDIT_STROKE_WIDTH,
+    EDIT_NODE_RADIUS: EDIT_NODE_RADIUS,
+    APPLY_FILTER: APPLY_FILTER,
+    SAVE: SAVE
+});
+
 var _createClass$j = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
 
 function _classCallCheck$j(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -8750,12 +8775,11 @@ var SIASettingButton = function (_Component) {
             this.triggerEvent(EDIT_NODE_RADIUS, parseInt(e.target.value));
         }
     }, {
-        key: 'render',
-        value: function render() {
+        key: 'renderInfoBoxContent',
+        value: function renderInfoBoxContent() {
             var _this2 = this;
 
-            if (!this.props.uiConfig) return null;
-            var popupContent = React__default.createElement(
+            return React__default.createElement(
                 'div',
                 null,
                 React__default.createElement(
@@ -8783,7 +8807,41 @@ var SIASettingButton = function (_Component) {
                     onClick: function onClick() {
                         return _this2.toggleAnnoStats();
                     }
-                }),
+                })
+            );
+        }
+    }, {
+        key: 'renderInfoBoxes',
+        value: function renderInfoBoxes() {
+            if (!this.props.enabled) return null;
+            if (this.props.enabled == true) {
+                return this.renderInfoBoxContent();
+            } else {
+                if (this.props.enabled.infoBoxes) {
+                    return this.renderInfoBoxContent();
+                }
+            }
+        }
+    }, {
+        key: 'renderAnnoStyle',
+        value: function renderAnnoStyle() {
+            if (!this.props.enabled) return null;
+            if (this.props.enabled == true) {
+                return this.renderAnnoStyleContent();
+            } else {
+                if (this.props.enabled.annoStyle) {
+                    return this.renderAnnoStyleContent();
+                }
+            }
+        }
+    }, {
+        key: 'renderAnnoStyleContent',
+        value: function renderAnnoStyleContent() {
+            var _this3 = this;
+
+            return React__default.createElement(
+                'div',
+                null,
                 React__default.createElement(
                     semanticUiReact.Divider,
                     { horizontal: true },
@@ -8801,7 +8859,7 @@ var SIASettingButton = function (_Component) {
                     max: 10,
                     value: this.props.uiConfig.strokeWidth,
                     onChange: function onChange(e) {
-                        return _this2.handleStrokeWidthChange(e);
+                        return _this3.handleStrokeWidthChange(e);
                     }
                 }),
                 React__default.createElement(
@@ -8816,10 +8874,22 @@ var SIASettingButton = function (_Component) {
                     max: 10,
                     value: this.props.uiConfig.nodeRadius,
                     onChange: function onChange(e) {
-                        return _this2.handleNodeRadiusChange(e);
+                        return _this3.handleNodeRadiusChange(e);
                     }
                 })
             );
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+
+            if (!this.props.uiConfig) return null;
+            var popupContent = React__default.createElement(
+                'div',
+                null,
+                this.renderInfoBoxes(),
+                this.renderAnnoStyle()
+            );
             return React__default.createElement(semanticUiReact.Popup, { trigger: React__default.createElement(
                     semanticUiReact.Menu.Item,
                     { name: 'setting' },
@@ -8944,13 +9014,12 @@ var SIAFilterButton = function (_Component) {
             // })
         }
     }, {
-        key: 'render',
-        value: function render() {
+        key: 'renderRotateContent',
+        value: function renderRotateContent() {
             var _this2 = this;
 
             var filter = this.props.filter;
-            if (!this.props.imageMeta) return null;
-            var popupContent = React__default.createElement(
+            return React__default.createElement(
                 'div',
                 null,
                 React__default.createElement(
@@ -8978,7 +9047,30 @@ var SIAFilterButton = function (_Component) {
                     onClick: function onClick() {
                         return _this2.rotateImg(180);
                     }
-                }),
+                })
+            );
+        }
+    }, {
+        key: 'renderRotate',
+        value: function renderRotate() {
+            if (!this.props.enabled) return null;
+            if (this.props.enabled === true) {
+                return this.renderRotateContent();
+            } else {
+                if (this.props.enabled.rotate) {
+                    return this.renderRotateContent();
+                }
+            }
+        }
+    }, {
+        key: 'renderClaheContent',
+        value: function renderClaheContent() {
+            var _this3 = this;
+
+            var filter = this.props.filter;
+            return React__default.createElement(
+                'div',
+                null,
                 React__default.createElement(
                     semanticUiReact.Divider,
                     { horizontal: true },
@@ -8988,7 +9080,7 @@ var SIAFilterButton = function (_Component) {
                     checked: filter.clahe.active,
                     label: 'Histogram equalization', toggle: true,
                     onClick: function onClick() {
-                        return _this2.claheFilter(_this2.state.clipLimit);
+                        return _this3.claheFilter(_this3.state.clipLimit);
                     }
                 }),
                 React__default.createElement(
@@ -9003,13 +9095,36 @@ var SIAFilterButton = function (_Component) {
                     max: 40,
                     value: this.state.clipLimit,
                     onChange: function onChange(e) {
-                        return _this2.handleClipLimitChange(e);
+                        return _this3.handleClipLimitChange(e);
                     },
                     onMouseUp: function onMouseUp(e) {
-                        return _this2.releaseCLAHESlider(e);
+                        return _this3.releaseCLAHESlider(e);
                     }
                 })
             );
+        }
+    }, {
+        key: 'renderClahe',
+        value: function renderClahe() {
+            if (!this.props.enabled) return null;
+            if (this.props.enabled === true) {
+                return this.renderClaheContent();
+            } else {
+                if (this.props.enabled.clahe) {
+                    return this.renderClaheContent();
+                }
+            }
+        }
+    }, {
+        key: 'render',
+        value: function render() {
+            if (!this.props.imageMeta) return null;
+            var popupContent = React__default.createElement(
+                'div',
+                null,
+                this.renderRotate(),
+                this.renderClahe()
+            );
             return React__default.createElement(semanticUiReact.Popup, { trigger: React__default.createElement(
                     semanticUiReact.Menu.Item,
                     { name: 'filter', active: this.state.active },
@@ -9587,6 +9702,7 @@ var ToolBar = function (_Component) {
 
             if (!this.props.enabled.settings) return null;
             return React__default.createElement(SIASettingButton, {
+                enabled: this.props.enabled.settings,
                 uiConfig: this.props.uiConfig,
                 onSettingEvent: function onSettingEvent(e, data) {
                     return _this11.triggerToolBarEvent(e, data);
@@ -9599,6 +9715,7 @@ var ToolBar = function (_Component) {
 
             if (!this.props.enabled.filter) return null;
             return React__default.createElement(SIAFilterButton, {
+                enabled: this.props.enabled.filter,
                 onFilterEvent: function onFilterEvent(e, data) {
                     return _this12.triggerToolBarEvent(e, data);
                 },
@@ -9759,15 +9876,15 @@ var _slicedToArray$3 = function () { function sliceIterator(arr, i) { var _arr =
  * @param {bool | object} toolbarEnabled Defines which toolbar buttons are 
  *      displayed or if toolbar is shown at all. 
  *          false | {
- *              imgLabel: true,
- *              nextPrev: true,
- *              toolSelection: true,
- *              fullscreen: true,
- *              junk: true,
- *              deleteAll: true,
- *              settings: true,
- *              filter: true,
- *              help: true
+ *              imgLabel: bool,
+ *              nextPrev: bool,
+ *              toolSelection: bool,
+ *              fullscreen: bool,
+ *              junk: bool,
+ *              deleteAll: bool,
+ *              settings: bool | {infoBoxes: bool, annoStyle: bool},
+ *              filter: bool | {rotate: bool, clahe:bool},
+ *              help: bool
  *          }
  * @event onNotification - Callback for Notification messages
  *      args: {title: str, message: str, type: str}
@@ -10066,6 +10183,8 @@ var Sia = function Sia(props) {
 exports.transform = transform;
 exports.annoConversion = annoConversion;
 exports.canvasActions = canvasActions;
+exports.toolbarEvents = toolbarEvents;
+exports.tools = tools;
 exports.Canvas = Canvas;
 exports.Sia = Sia;
 exports.Toolbar = ToolBar;