lost-sia 2.0.0 → 2.0.1-alpha0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lost-sia",
-  "version": "2.0.0",
+  "version": "2.0.1-alpha0",
   "description": "Single Image Annotation Tool",
   "license": "MIT",
   "repository": "l3p-cv/lost-sia",
@@ -22,6 +22,10 @@
     ".": {
       "import": "./src/index.js",
       "require": "./src/index.js"
+    },
+    "./utils": {
+      "import": "./src/utils/index.js",
+      "require": "./src/utils/index.js"
     }
   },
   "files": [
@@ -39,14 +43,14 @@
   },
   "dependencies": {
     "@coreui/react": "^5.0.0",
-    "@fortawesome/free-regular-svg-icons": "^6.5.2",
-    "@fortawesome/free-solid-svg-icons": "^6.5.2",
+    "@fortawesome/free-regular-svg-icons": "^6.7.2",
+    "@fortawesome/free-solid-svg-icons": "^6.7.2",
     "@fortawesome/react-fontawesome": "^0.2.0",
     "lodash-es": "^4.17.21",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",
     "react-draggable": "^4.4.6",
-    "sass": "^1.77.1",
+    "sass": "^1.89.2",
     "semantic-ui-css": "2.5.0",
     "semantic-ui-react": "^2.0.3"
   },
@@ -58,6 +62,7 @@
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^1.5.0",
+    "@storybook/addon-docs": "^8.6.14",
     "@storybook/addon-essentials": "^8.1.5",
     "@storybook/addon-interactions": "^8.1.5",
     "@storybook/addon-links": "^8.1.5",

package/src/filterTools.js

@@ -1,6 +1,5 @@
-
-export function active(filter) {
+function active(filter) {
   return filter.clahe.active || filter.rotate.active;
 }
 
-export default {active}
+export default { active }

package/src/index.js

@@ -10,13 +10,12 @@ export { default as Canvas } from "./Canvas.jsx";
 // export { Toolbar }
 
 
-export { default as Sia } from './Sia.jsx'
-export { default as dummyData } from './siaDummyData.js'
-export { default as transform } from './utils/transform.js'
-export { default as annoConversion } from './utils/annoConversion.js'
-export { uiConfig,SIA_INITIAL_UI_CONFIG } from './utils/uiConfig.js'
-export { default as canvasActions } from './types/canvasActions.js'
-export { default as toolbarEvents } from './types/toolbarEvents.js'
-export { default as tools } from './types/tools.js'
+export { default as Sia } from './Sia'
+export { default  as dummyData } from './siaDummyData'
+export { default as transform } from './utils/transform'
+export { default as annoConversion } from './utils/annoConversion'
+export { default as canvasActions } from './types/canvasActions'
+export { default as toolbarEvents } from './types/toolbarEvents'
+export { default as tools } from './types/tools'
 export { default as filterTools } from './filterTools.js'
-export { default as notificationType } from './types/notificationType.js'
+export { default as notificationType } from './types/notificationType'

package/src/stories/Sia.stories.jsx

@@ -1,16 +1,11 @@
-// import { within, userEvent, expect } from '@storybook/test';
-import { Provider } from "react-redux";
-import { store } from "./store";
+import { fn } from "@storybook/test";
 import {
   canvasConfig,
   filter,
-  uiConfig,
   selectedTool,
   imgMeta,
   toolbarEnabled,
-  noAnnos,
   annos,
-  defaultLabel,
   possibleLabels,
   imgBlob,
 } from "./siaDummyData";
@@ -18,7 +13,7 @@ import {
 import Sia from "../Sia";
 
 export default {
-  title: "Example/SIA",
+  title: "Components/SIA",
   component: Sia,
   parameters: {
     // More on how to position stories at: https://storybook.js.org/docs/configure/story-layout
@@ -26,36 +21,34 @@ export default {
   },
   tags: ["autodocs"],
   args: {
-    isJunk: false,
-    fullscreen: false,
+    onAnnoSaveEvent: fn(),
+    onNotification: fn(),
+    onCanvasKeyDown: fn(),
+    onAnnoEvent: fn(),
+    onGetAnnoExample: fn(),
+    onCanvasEvent: fn(),
+    onToolBarEvent: fn(),
+    onGetFunction: fn(),
   },
 };
 
 /**
  * SIA with dummy data
  */
-export const Default = {
-  decorators: [
-    (Story, { args }) => (
-      <Provider store={store}>
-        <Sia
-          annos={annos}
-          possibleLabels={possibleLabels}
-          imageBlob={imgBlob}
-          imageMeta={imgMeta}
-          // isJunk={false}
-          uiConfig={uiConfig}
-          layoutUpdate={0}
-          selectedTool={selectedTool}
-          canvasConfig={canvasConfig}
-          // fullscreen={false}
-          preventScrolling={false}
-          lockedAnnos={[]}
-          filter={filter}
-          toolbarEnabled={toolbarEnabled}
-          {...args}
-        />
-      </Provider>
-    ),
-  ],
+export const Primary = {
+  args: {
+    annos,
+    canvasConfig,
+    fullscreen: false,
+    filter,
+    imageBlob: imgBlob,
+    imageMeta: imgMeta,
+    isJunk: false,
+    layoutUpdate: 0,
+    lockedAnnos: [],
+    possibleLabels,
+    preventScrolling: false,
+    selectedTool,
+    toolbarEnabled,
+  },
 };

package/src/types/notificationType.js

@@ -1,6 +1,11 @@
-export const INFO = "info";
-export const SUCCESS = "success";
-export const WARNING = "warning";
-export const ERROR = "error";
+const INFO = "info";
+const SUCCESS = "success";
+const WARNING = "warning";
+const ERROR = "error";
 
-export default {INFO,SUCCESS,WARNING,ERROR}
+export default {
+    INFO,
+    SUCCESS,
+    WARNING,
+    ERROR
+}