lost-sia 2.0.1-alpha11 → 2.0.1-alpha12

package/dist/Toolbar/Toolbar.js

@@ -1 +1 @@
-import{jsxs as g,jsx as r}from"react/jsx-runtime";import{CRow as j,CCol as m}from"@coreui/react";import u from"./ToolbarItems/AnnoToolSelector.js";import T from"./ToolbarItems/ImageTools.js";import k from"./ToolbarItems/AccessibilityTools.js";const R=({annotationSettings:t,allowedTools:e,additionalButtons:x,isImageJunk:s=!1,imageLabelIds:c=[],isDisabled:o=!1,isFullscreen:l=!1,possibleLabels:f,selectedTool:n,onImageLabelsChanged:p=()=>{},onSetIsFullscreen:a=()=>{},onSetIsImageJunk:i=()=>{},onSetSelectedTool:h=()=>{},onShouldDeleteSelectedAnnotation:C=()=>{}})=>g(j,{xs:{gutterY:2},children:[r(m,{xs:4,sm:2,xxl:2,children:r(T,{canJunk:e.junk,isImageJunk:s,imageLabelIds:c,isDisabled:o,isFullscreen:l,possibleLabels:f,onImageLabelsChanged:p,onSetIsImageJunk:i})}),r(m,{xs:2,lg:2,children:r(k,{isDisabled:o,isFullscreen:l,onSetIsFullscreen:a})}),t.canCreate&&r(m,{xs:8,sm:5,md:4,xl:3,xxl:3,children:r(u,{allowedTools:e,isDisabled:o,selectedTool:n,onSetSelectedTool:h,onShouldDeleteSelectedAnnotation:C})}),x&&x]});export{R as default};
+import{jsxs as j,jsx as o}from"react/jsx-runtime";import{CRow as C,CCol as e}from"@coreui/react";import g from"./ToolbarItems/AnnoToolSelector.js";import y from"./ToolbarItems/ImageTools.js";import T from"./ToolbarItems/AccessibilityTools.js";const J=({annotationSettings:c,allowedTools:t,additionalButtons:n,isImageJunk:m=!1,imageLabelIds:f=[],isDisabled:r=!1,isFullscreen:a=!1,possibleLabels:l,selectedTool:s,onImageLabelsChanged:p=()=>{},onSetIsFullscreen:x=()=>{},onSetIsImageJunk:i=()=>{},onSetSelectedTool:u=()=>{},onShouldDeleteSelectedAnnotation:h=()=>{}})=>j(C,{className:"d-flex justify-content-center flex-wrap align-items-center gap-0 py-2 px-4",children:[o(e,{xs:"auto",children:o(y,{canJunk:t.junk,isImageJunk:m,imageLabelIds:f,isDisabled:r,isFullscreen:a,possibleLabels:l,onImageLabelsChanged:p,onSetIsImageJunk:i})}),o(e,{xs:"auto",children:o(T,{isDisabled:r,isFullscreen:a,onSetIsFullscreen:x})}),c.canCreate&&o(e,{xs:"auto",children:o(g,{allowedTools:t,isDisabled:r,selectedTool:s,onSetSelectedTool:u,onShouldDeleteSelectedAnnotation:h})}),n&&n]});export{J as default};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lost-sia",
-  "version": "2.0.1-alpha11",
+  "version": "2.0.1-alpha12",
   "description": "Single Image Annotation Tool",
   "license": "MIT",
   "repository": "l3p-cv/lost-sia",

package/src/Toolbar/Toolbar.tsx

@@ -41,8 +41,8 @@ const Toolbar = ({
   onShouldDeleteSelectedAnnotation = () => {},
 }: ToolbarProps) => {
   return (
-    <CRow xs={{ gutterY: 2 }}>
-      <CCol xs={4} sm={2} xxl={2}>
+    <CRow className="d-flex justify-content-center flex-wrap align-items-center gap-0 py-2 px-4">
+      <CCol xs="auto">
         <ImageTools
           canJunk={allowedTools.junk}
           isImageJunk={isImageJunk}
@@ -55,7 +55,7 @@ const Toolbar = ({
         />
       </CCol>
 
-      <CCol xs={2} lg={2}>
+      <CCol xs="auto">
         <AccessibilityTools
           isDisabled={isDisabled}
           isFullscreen={isFullscreen}
@@ -64,7 +64,7 @@ const Toolbar = ({
       </CCol>
 
       {annotationSettings.canCreate && (
-        <CCol xs={8} sm={5} md={4} xl={3} xxl={3}>
+        <CCol xs="auto">
           <AnnoToolSelector
             allowedTools={allowedTools}
             isDisabled={isDisabled}