@labelbee/lb-components 1.10.0-alpha.2 → 1.10.0-alpha.4

package/es/components/colorTag/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/colorTag/index.tsx"],"sourcesContent":["import React from 'react';\n\nexport const ColorTag = ({ color, style }: any) => (\n  <div\n    style={{\n      display: 'inline-block',\n      height: 14,\n      width: 14,\n      backgroundColor: color,\n      verticalAlign: 'middle',\n      ...style,\n    }}\n  />\n);\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAEO,MAAM,WAAW,CAAC,CAAE,KAAO,EAAA,KAAA,CAAA,yCAC/B,KAAD,EAAA;AAAA,EACE,KAAO,EAAA,cAAA,CAAA;AAAA,IACL,OAAS,EAAA,cAAA;AAAA,IACT,MAAQ,EAAA,EAAA;AAAA,IACR,KAAO,EAAA,EAAA;AAAA,IACP,eAAiB,EAAA,KAAA;AAAA,IACjB,aAAe,EAAA,QAAA;AAAA,GACZ,EAAA,KAAA,CAAA;AAAA,CAAA;;;;"}

package/es/components/customAntd/IconWithText/index.js

@@ -1 +1,53 @@
-import{componentCls as i}from"../../../constant/index.js";import n from"react";var p=Object.defineProperty,v=Object.defineProperties,d=Object.getOwnPropertyDescriptors,o=Object.getOwnPropertySymbols,c=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable,s=(e,r,t)=>r in e?p(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,O=(e,r)=>{for(var t in r||(r={}))c.call(r,t)&&s(e,t,r[t]);if(o)for(var t of o(r))l.call(r,t)&&s(e,t,r[t]);return e},P=(e,r)=>v(e,d(r)),g=(e,r)=>{var t={};for(var a in e)c.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&o)for(var a of o(e))r.indexOf(a)<0&&l.call(e,a)&&(t[a]=e[a]);return t};const y=e=>{const r=e,{Icon:t,text:a,iconChildren:f}=r,m=g(r,["Icon","text","iconChildren"]),_=e.marginLeft===void 0?30:e.marginLeft;return n.createElement("div",P(O({},m),{className:i}),n.createElement("div",{className:`${i}__iconWithText`,style:{marginLeft:_}},n.createElement("div",{className:"iconGroup"},n.createElement(t,{className:"icon"}),f),n.createElement("span",{className:"name"},a)))};export{y as default};
+import { componentCls } from '../../../constant/index.js';
+import React from 'react';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+const IconWithText = (props) => {
+  const _a = props, {Icon, text, iconChildren} = _a, otherProps = __objRest(_a, ["Icon", "text", "iconChildren"]);
+  const marginLeft = props.marginLeft === void 0 ? 30 : props.marginLeft;
+  return /* @__PURE__ */ React.createElement("div", __spreadProps(__spreadValues({}, otherProps), {
+    className: componentCls
+  }), /* @__PURE__ */ React.createElement("div", {
+    className: `${componentCls}__iconWithText`,
+    style: {marginLeft}
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: "iconGroup"
+  }, /* @__PURE__ */ React.createElement(Icon, {
+    className: "icon"
+  }), iconChildren), /* @__PURE__ */ React.createElement("span", {
+    className: "name"
+  }, text)));
+};
+
+export { IconWithText as default };
+//# sourceMappingURL=index.js.map

package/es/components/customAntd/IconWithText/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../src/components/customAntd/IconWithText/index.tsx"],"sourcesContent":["import { componentCls } from '@/constant';\nimport React from 'react';\n\ninterface IProps {\n  text: string; // icon 文本\n  Icon: any;\n  iconChildren: React.ReactNode;\n  marginLeft?: number;\n}\n\nconst IconWithText = (props: IProps) => {\n  const { Icon, text, iconChildren, ...otherProps } = props;\n\n  const marginLeft = props.marginLeft === undefined ? 30 : props.marginLeft;\n\n  return (\n    <div {...otherProps} className={componentCls} >\n      <div className={`${componentCls}__iconWithText`} style={{ marginLeft }}>\n        <div className='iconGroup'>\n          <Icon className='icon' />\n          {iconChildren}\n        </div>\n\n        <span className='name'>{text}</span>\n      </div>\n    </div>\n  );\n};\n\nexport default IconWithText;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAUM,MAAA,YAAA,GAAe,CAAC,KAAkB,KAAA;AACtC,EAAoD,MAAA,EAAA,GAAA,KAAA,EAA5C,OAAM,IAAM,EAAA,YAAA,CAAA,GAAgC,IAAf,UAAe,GAAA,SAAA,CAAA,EAAA,EAAf,CAA7B,MAAA,EAAM,MAAM,EAAA,cAAA,CAAA,CAAA,CAAA;AAEpB,EAAA,MAAM,UAAa,GAAA,KAAA,CAAM,UAAe,KAAA,KAAA,CAAA,GAAY,KAAK,KAAM,CAAA,UAAA,CAAA;AAE/D,EACE,uBAAA,KAAA,CAAA,aAAA,CAAC,KAAD,EAAA,aAAA,CAAA,cAAA,CAAA,EAAA,EAAS,UAAT,CAAA,EAAA;AAAA,IAAqB,SAAW,EAAA,YAAA;AAAA,GAAA,CAAA,sCAC7B,KAAD,EAAA;AAAA,IAAK,WAAW,CAAG,EAAA,YAAA,CAAA,cAAA,CAAA;AAAA,IAA8B,OAAO,CAAE,UAAA,CAAA;AAAA,GAAA,sCACvD,KAAD,EAAA;AAAA,IAAK,SAAU,EAAA,WAAA;AAAA,GAAA,sCACZ,IAAD,EAAA;AAAA,IAAM,SAAU,EAAA,MAAA;AAAA,GACf,CAAA,EAAA,YAAA,CAAA,sCAGF,MAAD,EAAA;AAAA,IAAM,SAAU,EAAA,MAAA;AAAA,GAAQ,EAAA,IAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/customResizeHook/index.js

@@ -1 +1,84 @@
-import{editStepWidth as k,sidebarWidth as w,headerHeight as v,footerHeight as E}from"../../data/enums/AnnotationSize.js";import{cKeyCode as K,toolUtils as P}from"@labelbee/lb-annotation";import f,{useState as u,useEffect as T,useMemo as x}from"react";import{connect as H}from"react-redux";import{PageBackward as m,PageForward as g,UpdateRotate as L,CopyBackWordResult as S,UpdateToolInstance as W}from"../../store/annotation/actionCreators.js";import{message as b}from"antd";import{LabelBeeContext as B}from"../../store/ctx.js";const r=K.default,y=f.createContext({width:window.innerWidth,height:window.innerHeight}),C=n=>{const{children:c,dispatch:e,annotation:{skipBeforePageTurning:o,checkMode:a}}=n,[i]=u(window.innerWidth),[d]=u(window.innerHeight),s=t=>{var h;if(!(!P.hotkeyFilter(t)||a)){if(!t.shiftKey&&!t.ctrlKey){if(t.keyCode===r.A){if(o){o(()=>e(m()));return}e(m())}if(t.keyCode===r.D){if(o){o(()=>e(g()));return}e(g())}t.keyCode===r.R&&e(L()),t.keyCode===r.C&&t.altKey===!0&&e(S())}if(t.shiftKey===!0&&t.ctrlKey===!0&&t.altKey===!0&&t.keyCode===r.C){b.success("DEVELOPMENT TESTING - Switch Last Two Canvas");const l=(h=n.annotation)==null?void 0:h.annotationEngine.switchLastTwoCanvas();if(!l)return;e(W(l))}}};T(()=>(window.addEventListener("keydown",s),()=>{window.removeEventListener("keydown",s)}),[n.annotation.annotationEngine,n.annotation.skipBeforePageTurning,a]);const p=x(()=>({width:i,height:d}),[i,d]);return f.createElement(y.Provider,{value:p},c)},R=H(n=>({annotation:n.annotation}),null,null,{context:B})(C),j=(n,c=!1,e=!1)=>{const{width:o,height:a}=n,i=v+E,d=e?40+i+40:i,s=c?k+w:w;return{width:o-s,height:a-d}};export{R as ViewportProvider,C as ViewportProviderComponent,j as getFormatSize,y as viewportContext};
+import { editStepWidth, sidebarWidth, headerHeight, footerHeight } from '../../data/enums/AnnotationSize.js';
+import { cKeyCode, toolUtils } from '@labelbee/lb-annotation';
+import React, { useState, useEffect, useMemo } from 'react';
+import { connect } from 'react-redux';
+import { PageBackward, PageForward, UpdateRotate, CopyBackWordResult, UpdateToolInstance } from '../../store/annotation/actionCreators.js';
+import { message } from 'antd';
+import { LabelBeeContext } from '../../store/ctx.js';
+
+const EKeyCode = cKeyCode.default;
+const viewportContext = React.createContext({
+  width: window.innerWidth,
+  height: window.innerHeight
+});
+const ViewportProviderComponent = (props) => {
+  const {
+    children,
+    dispatch,
+    annotation: {skipBeforePageTurning, checkMode}
+  } = props;
+  const [width] = useState(window.innerWidth);
+  const [height] = useState(window.innerHeight);
+  const keydown = (e) => {
+    var _a;
+    if (!toolUtils.hotkeyFilter(e) || checkMode) {
+      return;
+    }
+    if (!e.shiftKey && !e.ctrlKey) {
+      if (e.keyCode === EKeyCode.A) {
+        if (skipBeforePageTurning) {
+          skipBeforePageTurning(() => dispatch(PageBackward()));
+          return;
+        }
+        dispatch(PageBackward());
+      }
+      if (e.keyCode === EKeyCode.D) {
+        if (skipBeforePageTurning) {
+          skipBeforePageTurning(() => dispatch(PageForward()));
+          return;
+        }
+        dispatch(PageForward());
+      }
+      if (e.keyCode === EKeyCode.R) {
+        dispatch(UpdateRotate());
+      }
+      if (e.keyCode === EKeyCode.C && e.altKey === true) {
+        dispatch(CopyBackWordResult());
+      }
+    }
+    if (e.shiftKey === true && e.ctrlKey === true && e.altKey === true && e.keyCode === EKeyCode.C) {
+      message.success("DEVELOPMENT TESTING - Switch Last Two Canvas");
+      const newInstance = (_a = props.annotation) == null ? void 0 : _a.annotationEngine.switchLastTwoCanvas();
+      if (!newInstance) {
+        return;
+      }
+      dispatch(UpdateToolInstance(newInstance));
+    }
+  };
+  useEffect(() => {
+    window.addEventListener("keydown", keydown);
+    return () => {
+      window.removeEventListener("keydown", keydown);
+    };
+  }, [props.annotation.annotationEngine, props.annotation.skipBeforePageTurning, checkMode]);
+  const size = useMemo(() => ({width, height}), [width, height]);
+  return /* @__PURE__ */ React.createElement(viewportContext.Provider, {
+    value: size
+  }, children);
+};
+const ViewportProvider = connect((state) => ({
+  annotation: state.annotation
+}), null, null, {context: LabelBeeContext})(ViewportProviderComponent);
+const getFormatSize = (windowSize, isEdit = false, isTips = false) => {
+  const {width, height} = windowSize;
+  const otherHeight = headerHeight + footerHeight;
+  const placeholderHeight = isTips ? 40 + otherHeight + 40 : otherHeight;
+  const placeholderWidth = isEdit ? editStepWidth + sidebarWidth : sidebarWidth;
+  return {
+    width: width - placeholderWidth,
+    height: height - placeholderHeight
+  };
+};
+
+export { ViewportProvider, ViewportProviderComponent, getFormatSize, viewportContext };
+//# sourceMappingURL=index.js.map

package/es/components/customResizeHook/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/customResizeHook/index.tsx"],"sourcesContent":["import {\n  editStepWidth,\n  footerHeight,\n  headerHeight,\n  sidebarWidth,\n} from '@/data/enums/AnnotationSize';\nimport { cKeyCode, toolUtils } from '@labelbee/lb-annotation';\n\nimport React, { useContext, useEffect, useMemo, useState } from 'react';\nimport { connect } from 'react-redux';\nimport { AppState } from '@/store';\nimport {\n  UpdateRotate,\n  PageBackward,\n  PageForward,\n  UpdateToolInstance,\n  CopyBackWordResult,\n  // UpdateValid,\n} from '@/store/annotation/actionCreators';\nimport { ISize } from '@/types/main';\nimport { message } from 'antd';\nimport { LabelBeeContext } from '@/store/ctx';\n\nconst EKeyCode = cKeyCode.default;\n\nexport const viewportContext = React.createContext<{\n  width: number;\n  height: number;\n}>({\n  width: window.innerWidth,\n  height: window.innerHeight,\n});\n\nexport const ViewportProviderComponent = (props: any) => {\n  const {\n    children,\n    dispatch,\n    annotation: { skipBeforePageTurning, checkMode },\n  } = props;\n  const [width] = useState(window.innerWidth);\n  const [height] = useState(window.innerHeight);\n\n  const keydown = (e: KeyboardEvent) => {\n    if (!toolUtils.hotkeyFilter(e) || checkMode) {\n      return;\n    }\n\n    if (!e.shiftKey && !e.ctrlKey) {\n      if (e.keyCode === EKeyCode.A) {\n        if (skipBeforePageTurning) {\n          skipBeforePageTurning(() => dispatch(PageBackward()));\n          return;\n        }\n\n        dispatch(PageBackward());\n      }\n\n      if (e.keyCode === EKeyCode.D) {\n        if (skipBeforePageTurning) {\n          skipBeforePageTurning(() => dispatch(PageForward()));\n          return;\n        }\n        dispatch(PageForward());\n      }\n      if (e.keyCode === EKeyCode.R) {\n        dispatch(UpdateRotate());\n      }\n\n      if (e.keyCode === EKeyCode.C && e.altKey === true) {\n        dispatch(CopyBackWordResult());\n      }\n\n      // Temporarily hide. Because there is something wrong with i18n.\n      // if (e.keyCode === EKeyCode.Y) {\n      //   dispatch(UpdateValid());\n      // }\n    }\n\n    /**\n     * Hidden Feature\n     *\n     * User: Software Engineer\n     */\n    if (\n      e.shiftKey === true &&\n      e.ctrlKey === true &&\n      e.altKey === true &&\n      e.keyCode === EKeyCode.C\n    ) {\n      message.success('DEVELOPMENT TESTING - Switch Last Two Canvas');\n      const newInstance = props.annotation?.annotationEngine.switchLastTwoCanvas();\n      if (!newInstance) {\n        return;\n      }\n      dispatch(UpdateToolInstance(newInstance));\n    }\n  };\n\n  useEffect(() => {\n    window.addEventListener('keydown', keydown);\n\n    return () => {\n      window.removeEventListener('keydown', keydown);\n    };\n  }, [props.annotation.annotationEngine, props.annotation.skipBeforePageTurning, checkMode]);\n\n  const size = useMemo(() => ({ width, height }), [width, height]);\n\n  return <viewportContext.Provider value={size}>{children}</viewportContext.Provider>;\n};\nexport const ViewportProvider = connect(\n  (state: AppState) => ({\n    annotation: state.annotation,\n  }),\n  null,\n  null,\n  { context: LabelBeeContext },\n)(ViewportProviderComponent);\n\nexport const useViewport = () => {\n  const { width, height } = useContext(viewportContext);\n  return { width, height };\n};\n\n/**\n * 获取当前 canvas 的大小\n * @param isEdit 是否为编辑模式\n * @param isTips 是否有 tips\n */\nexport const useCanvasViewPort = (isEdit = false, isTips = false) => {\n  const { width, height } = useContext(viewportContext);\n  const otherHeight = headerHeight + footerHeight;\n  const placeholderHeight = isTips ? 40 + otherHeight + 40 : otherHeight;\n  const placeholderWidth = isEdit ? editStepWidth + sidebarWidth : sidebarWidth;\n\n  return {\n    width: width - placeholderWidth,\n    height: height - placeholderHeight,\n  };\n};\n\n/**\n * 解析当前 windowSize 下的 canvasSize\n * @param size\n * @param isEdit\n * @param isTips\n */\nexport const getFormatSize = (windowSize: ISize, isEdit = false, isTips = false) => {\n  const { width, height } = windowSize;\n  const otherHeight = headerHeight + footerHeight;\n  const placeholderHeight = isTips ? 40 + otherHeight + 40 : otherHeight;\n  const placeholderWidth = isEdit ? editStepWidth + sidebarWidth : sidebarWidth;\n\n  return {\n    width: width - placeholderWidth,\n    height: height - placeholderHeight,\n  };\n};\n"],"names":[],"mappings":"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"}

package/es/components/fileException/FileError.js

@@ -1 +1,55 @@
-import{ReloadOutlined as g}from"@ant-design/icons";import{Button as p}from"antd/es";import e from"react";import{useTranslation as u}from"react-i18next";const y=n=>{const{width:o,height:i,reloadImage:a,hideSetInvalidTips:s,ignoreOffsetY:c,backgroundColor:r,fileType:m="image"}=n,{t:l}=u(),d=c?0:40,t=n.layerStyle||{position:"absolute",left:0,top:d,cursor:"initial",zIndex:20,fontSize:12};o&&i?Object.assign(t,{width:o,height:i}):Object.assign(t,{bottom:0,right:0}),r&&Object.assign(t,{backgroundColor:r});const f={position:"absolute",top:"30%",left:"50%",transform:"translate(-50%, -50%)"};return e.createElement("div",{style:t},e.createElement("div",{style:f},e.createElement("div",{style:{textAlign:"center",marginBottom:10}},e.createElement(p,{type:"primary",shape:"circle",icon:e.createElement(g,null),onClick:a})),e.createElement("div",null,`${l(`${m}ErrorAndReload`)}${s?"":l("orMaskAsInvalid")}`)))};export{y as default};
+import { ReloadOutlined } from '@ant-design/icons';
+import { Button } from 'antd/es';
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+const FileError = (props) => {
+  const {
+    width,
+    height,
+    reloadImage,
+    hideSetInvalidTips,
+    ignoreOffsetY,
+    backgroundColor,
+    fileType = "image"
+  } = props;
+  const {t} = useTranslation();
+  const top = !ignoreOffsetY ? 40 : 0;
+  const layerStyle = props.layerStyle || {
+    position: "absolute",
+    left: 0,
+    top,
+    cursor: "initial",
+    zIndex: 20,
+    fontSize: 12
+  };
+  if (width && height) {
+    Object.assign(layerStyle, {width, height});
+  } else {
+    Object.assign(layerStyle, {bottom: 0, right: 0});
+  }
+  if (backgroundColor) {
+    Object.assign(layerStyle, {backgroundColor});
+  }
+  const buttonStyle = {
+    position: "absolute",
+    top: "30%",
+    left: "50%",
+    transform: "translate(-50%, -50%)"
+  };
+  return /* @__PURE__ */ React.createElement("div", {
+    style: layerStyle
+  }, /* @__PURE__ */ React.createElement("div", {
+    style: buttonStyle
+  }, /* @__PURE__ */ React.createElement("div", {
+    style: {textAlign: "center", marginBottom: 10}
+  }, /* @__PURE__ */ React.createElement(Button, {
+    type: "primary",
+    shape: "circle",
+    icon: /* @__PURE__ */ React.createElement(ReloadOutlined, null),
+    onClick: reloadImage
+  })), /* @__PURE__ */ React.createElement("div", null, `${t(`${fileType}ErrorAndReload`)}${hideSetInvalidTips ? "" : t("orMaskAsInvalid")}`)));
+};
+
+export { FileError as default };
+//# sourceMappingURL=FileError.js.map

package/es/components/fileException/FileError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileError.js","sources":["../../../src/components/fileException/FileError.tsx"],"sourcesContent":["import { ReloadOutlined } from '@ant-design/icons';\nimport { Button } from 'antd/es';\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nexport interface IFileErrorProps {\n  width?: number;\n  height?: number;\n  reloadImage: () => void;\n  hideSetInvalidTips?: boolean;\n  /** 忽略顶部的偏移，如: 多边形的容器已经计算好高度（容器不包含顶部标注提示语部分） */\n  ignoreOffsetY?: boolean;\n  layerStyle?: React.CSSProperties;\n  backgroundColor: string;\n  fileType?: string;\n  isError?: boolean;\n}\n\nconst FileError = (props: IFileErrorProps) => {\n  const {\n    width,\n    height,\n    reloadImage,\n    hideSetInvalidTips,\n    ignoreOffsetY,\n    backgroundColor,\n    fileType = 'image',\n  } = props;\n\n  const { t } = useTranslation();\n\n  const top = !ignoreOffsetY ? 40 : 0;\n\n  const layerStyle: React.CSSProperties = props.layerStyle || {\n    position: 'absolute',\n    left: 0,\n    top,\n    cursor: 'initial',\n    zIndex: 20,\n    fontSize: 12,\n  };\n  if (width && height) {\n    Object.assign(layerStyle, { width, height });\n  } else {\n    Object.assign(layerStyle, { bottom: 0, right: 0 });\n  }\n\n  if (backgroundColor) {\n    Object.assign(layerStyle, { backgroundColor });\n  }\n\n  const buttonStyle: React.CSSProperties = {\n    position: 'absolute',\n    top: '30%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n  };\n\n  return (\n    <div style={layerStyle}>\n      <div style={buttonStyle}>\n        <div style={{ textAlign: 'center', marginBottom: 10 }}>\n          <Button type='primary' shape='circle' icon={<ReloadOutlined />} onClick={reloadImage} />\n        </div>\n        <div>\n          {`${t(`${fileType}ErrorAndReload`)}${hideSetInvalidTips ? '' : t('orMaskAsInvalid')}`}\n        </div>\n      </div>\n    </div>\n  );\n};\n\nexport default FileError;\n"],"names":[],"mappings":";;;;;AAkBM,MAAA,SAAA,GAAY,CAAC,KAA2B,KAAA;AAC5C,EAAM,MAAA;AAAA,IACJ,KAAA;AAAA,IACA,MAAA;AAAA,IACA,WAAA;AAAA,IACA,kBAAA;AAAA,IACA,aAAA;AAAA,IACA,eAAA;AAAA,IACA,QAAW,GAAA,OAAA;AAAA,GACT,GAAA,KAAA,CAAA;AAEJ,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AAEd,EAAM,MAAA,GAAA,GAAM,CAAC,aAAA,GAAgB,EAAK,GAAA,CAAA,CAAA;AAElC,EAAM,MAAA,UAAA,GAAkC,MAAM,UAAc,IAAA;AAAA,IAC1D,QAAU,EAAA,UAAA;AAAA,IACV,IAAM,EAAA,CAAA;AAAA,IACN,GAAA;AAAA,IACA,MAAQ,EAAA,SAAA;AAAA,IACR,MAAQ,EAAA,EAAA;AAAA,IACR,QAAU,EAAA,EAAA;AAAA,GAAA,CAAA;AAEZ,EAAA,IAAI,SAAS,MAAQ,EAAA;AACnB,IAAO,MAAA,CAAA,MAAA,CAAO,UAAY,EAAA,CAAE,KAAO,EAAA,MAAA,CAAA,CAAA,CAAA;AAAA,GAC9B,MAAA;AACL,IAAA,MAAA,CAAO,MAAO,CAAA,UAAA,EAAY,CAAE,MAAA,EAAQ,GAAG,KAAO,EAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAGhD,EAAA,IAAI,eAAiB,EAAA;AACnB,IAAO,MAAA,CAAA,MAAA,CAAO,YAAY,CAAE,eAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAG9B,EAAA,MAAM,WAAmC,GAAA;AAAA,IACvC,QAAU,EAAA,UAAA;AAAA,IACV,GAAK,EAAA,KAAA;AAAA,IACL,IAAM,EAAA,KAAA;AAAA,IACN,SAAW,EAAA,uBAAA;AAAA,GAAA,CAAA;AAGb,EAAA,2CACG,KAAD,EAAA;AAAA,IAAK,KAAO,EAAA,UAAA;AAAA,GAAA,sCACT,KAAD,EAAA;AAAA,IAAK,KAAO,EAAA,WAAA;AAAA,GAAA,sCACT,KAAD,EAAA;AAAA,IAAK,KAAO,EAAA,CAAE,SAAW,EAAA,QAAA,EAAU,YAAc,EAAA,EAAA,CAAA;AAAA,GAAA,sCAC9C,MAAD,EAAA;AAAA,IAAQ,IAAK,EAAA,SAAA;AAAA,IAAU,KAAM,EAAA,QAAA;AAAA,IAAS,IAAA,sCAAO,cAAD,EAAA,IAAA,CAAA;AAAA,IAAoB,OAAS,EAAA,WAAA;AAAA,GAE3E,CAAA,CAAA,kBAAA,KAAA,CAAA,aAAA,CAAC,OAAD,IACG,EAAA,CAAA,EAAG,EAAE,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA,CAAA,CAAA,EAA4B,kBAAqB,GAAA,EAAA,GAAK,CAAE,CAAA,iBAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/fileException/FileInvalid.js

@@ -1 +1,25 @@
-import i from"react";import{useTranslation as r}from"react-i18next";const a=({fileType:t="image",isValid:e})=>{const{t:n}=r();return e?null:i.createElement("div",{style:{position:"absolute",inset:0,color:"white",display:"flex",alignItems:"center",fontSize:30,opacity:.7,background:"rgba(255, 87, 34, 1)",justifyContent:"center"}},n(`${t}InvalidAndSkip`))};export{a as default};
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+
+const FileInvalid = ({fileType = "image", isValid}) => {
+  const {t} = useTranslation();
+  if (isValid) {
+    return null;
+  }
+  return /* @__PURE__ */ React.createElement("div", {
+    style: {
+      position: "absolute",
+      inset: 0,
+      color: "white",
+      display: "flex",
+      alignItems: "center",
+      fontSize: 30,
+      opacity: 0.7,
+      background: "rgba(255, 87, 34, 1)",
+      justifyContent: "center"
+    }
+  }, t(`${fileType}InvalidAndSkip`));
+};
+
+export { FileInvalid as default };
+//# sourceMappingURL=FileInvalid.js.map

package/es/components/fileException/FileInvalid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FileInvalid.js","sources":["../../../src/components/fileException/FileInvalid.tsx"],"sourcesContent":["/**\n * @author Glenfiddish <edwinlee0927@hotmail.com>\n * @file File invalid layer, display while isValid equal false\n * @date 2022-06-07\n */\n\nimport React from 'react';\nimport { useTranslation } from 'react-i18next';\n\nexport interface IFileInvalidProps {\n  fileType?: string;\n  isValid: boolean;\n}\n\nconst FileInvalid: React.FC<IFileInvalidProps> = ({ fileType = 'image', isValid }) => {\n  const { t } = useTranslation();\n\n  if (isValid) {\n    return null;\n  }\n\n  return (\n    <div\n      style={{\n        position: 'absolute',\n        inset: 0,\n        color: 'white',\n        display: 'flex',\n        alignItems: 'center',\n        fontSize: 30,\n        opacity: 0.7,\n        background: 'rgba(255, 87, 34, 1)',\n        justifyContent: 'center',\n      }}\n    >\n      {t(`${fileType}InvalidAndSkip`)}\n    </div>\n  );\n};\n\nexport default FileInvalid;\n"],"names":[],"mappings":";;;AAcA,MAAM,WAA2C,GAAA,CAAC,CAAE,QAAA,GAAW,SAAS,OAAc,CAAA,KAAA;AACpF,EAAA,MAAM,CAAE,CAAM,CAAA,GAAA,cAAA,EAAA,CAAA;AAEd,EAAA,IAAI,OAAS,EAAA;AACX,IAAO,OAAA,IAAA,CAAA;AAAA,GAAA;AAGT,EAAA,2CACG,KAAD,EAAA;AAAA,IACE,KAAO,EAAA;AAAA,MACL,QAAU,EAAA,UAAA;AAAA,MACV,KAAO,EAAA,CAAA;AAAA,MACP,KAAO,EAAA,OAAA;AAAA,MACP,OAAS,EAAA,MAAA;AAAA,MACT,UAAY,EAAA,QAAA;AAAA,MACZ,QAAU,EAAA,EAAA;AAAA,MACV,OAAS,EAAA,GAAA;AAAA,MACT,UAAY,EAAA,sBAAA;AAAA,MACZ,cAAgB,EAAA,QAAA;AAAA,KAAA;AAAA,GAAA,EAGjB,EAAE,CAAG,EAAA,QAAA,CAAA,cAAA,CAAA,CAAA,CAAA,CAAA;AAAA;;;;"}

package/es/components/fileException/index.js

@@ -1 +1,32 @@
-import a from"react";import n from"./FileError.js";import p from"./FileInvalid.js";var f=Object.defineProperty,l=Object.getOwnPropertySymbols,m=Object.prototype.hasOwnProperty,c=Object.prototype.propertyIsEnumerable,i=(t,r,e)=>r in t?f(t,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[r]=e,o=(t,r)=>{for(var e in r||(r={}))m.call(r,e)&&i(t,e,r[e]);if(l)for(var e of l(r))c.call(r,e)&&i(t,e,r[e]);return t};const u=({invalidProps:t,errorProps:r,fileType:e})=>t.isValid?r.isError?a.createElement(n,o({},o({fileType:e},r))):null:a.createElement(p,o({},o({fileType:e},t)));export{u as default};
+import React from 'react';
+import FileError from './FileError.js';
+import FileInvalid from './FileInvalid.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+const FileException = ({invalidProps, errorProps, fileType}) => {
+  if (!invalidProps.isValid) {
+    return /* @__PURE__ */ React.createElement(FileInvalid, __spreadValues({}, __spreadValues({fileType}, invalidProps)));
+  }
+  if (errorProps.isError) {
+    return /* @__PURE__ */ React.createElement(FileError, __spreadValues({}, __spreadValues({fileType}, errorProps)));
+  }
+  return null;
+};
+
+export { FileException as default };
+//# sourceMappingURL=index.js.map

package/es/components/fileException/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/fileException/index.tsx"],"sourcesContent":["/**\n * @author Glenfiddish <edwinlee0927@hotmail.com>\n * @file File exception layer, determine whether to render FileInvalid or FileError\n * @date 2022-06-07\n */\n\nimport React from 'react';\nimport FileError, { IFileErrorProps } from './FileError';\nimport FileInvalid, { IFileInvalidProps } from './FileInvalid';\n\ninterface IFileExceptionProps {\n  errorProps: IFileErrorProps & { isError: boolean };\n  invalidProps: IFileInvalidProps;\n  fileType: string;\n}\n\nconst FileException: React.FC<IFileExceptionProps> = ({ invalidProps, errorProps, fileType }) => {\n  if (!invalidProps.isValid) {\n    return <FileInvalid {...{ fileType, ...invalidProps }} />;\n  }\n\n  if (errorProps.isError) {\n    return <FileError {...{ fileType, ...errorProps }} />;\n  }\n  return null;\n};\n\nexport default FileException;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;AAgBA,MAAM,aAA+C,GAAA,CAAC,CAAE,YAAA,EAAc,YAAY,QAAe,CAAA,KAAA;AAC/F,EAAI,IAAA,CAAC,aAAa,OAAS,EAAA;AACzB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,WAAA,EAAD,cAAiB,CAAA,EAAA,EAAA,cAAA,CAAA,CAAE,QAAa,CAAA,EAAA,YAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAGzC,EAAA,IAAI,WAAW,OAAS,EAAA;AACtB,IAAA,uBAAQ,KAAA,CAAA,aAAA,CAAA,SAAA,EAAD,cAAe,CAAA,EAAA,EAAA,cAAA,CAAA,CAAE,QAAa,CAAA,EAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAEvC,EAAO,OAAA,IAAA,CAAA;AAAA;;;;"}

package/es/components/pointCloudView/PointCloud2DView.js

@@ -1 +1,147 @@
-import{getClassName as I}from"../../utils/dom.js";import l,{useState as O,useContext as T,useRef as j,useEffect as P,useCallback as M}from"react";import{PointCloudContainer as F}from"./PointCloudLayout.js";import $ from"../AnnotationView/index.js";import{PointCloudContext as q}from"./PointCloudContext.js";import{connect as G}from"react-redux";import{LeftOutlined as H,RightOutlined as J}from"@ant-design/icons";import K from"../../hooks/useSize.js";import{useSingleBox as Q}from"./hooks/useSingleBox.js";import{pointCloudLidar2image as U}from"@labelbee/lb-annotation";import{useTranslation as W}from"react-i18next";import{LabelBeeContext as X}from"../../store/ctx.js";import{a2MapStateToProps as Y}from"../../store/annotation/map.js";import{toolStyleConverter as Z}from"@labelbee/lb-utils";var D=Object.defineProperty,tt=Object.defineProperties,et=Object.getOwnPropertyDescriptors,h=Object.getOwnPropertySymbols,ot=Object.prototype.hasOwnProperty,nt=Object.prototype.propertyIsEnumerable,E=(t,e,o)=>e in t?D(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,S=(t,e)=>{for(var o in e||(e={}))ot.call(e,o)&&E(t,o,e[o]);if(h)for(var o of h(e))nt.call(e,o)&&E(t,o,e[o]);return t},V=(t,e)=>tt(t,et(e));const it=({onNext:t,onPrev:e,imgLength:o,imgIndex:p})=>l.createElement("div",null,l.createElement(H,{onClick:e}),l.createElement("span",null," ",p+1," / ",o," "),l.createElement(J,{onClick:t})),lt=({currentData:t,config:e})=>{var o,p,b,C,L;const[u,k]=O([]),{topViewInstance:N,displayPointCloudList:y}=T(q),[s,c]=O(0),w=j(null),f=j(),{selectedBox:g}=Q(),A=K(w),{t:R}=W(),a=(o=t==null?void 0:t.mappingImgList)==null?void 0:o[s];P(()=>{c(0)},[t]),P(()=>{if(N&&a){const n={fill:"transparent",color:"green"},r=y.reduce((m,i)=>{var d;const z=U(i,a.calib),B=(d=Z.getColorFromConfig({attribute:i.attribute},V(S({},e),{attributeConfigurable:!0}),{}))==null?void 0:d.stroke;return[...m,...z.map(x=>({type:x.type,annotation:V(S({id:i.id,pointList:x.pointList},n),{stroke:B})}))]},[]);k(r)}},[y,a]);const v=!t||!(t==null?void 0:t.mappingImgList)||!(((p=t==null?void 0:t.mappingImgList)==null?void 0:p.length)>0),_=M(()=>{var n,r;const m=(n=f.current)==null?void 0:n.toolInstance;if(!g||!m)return;const i=u.find(d=>d.annotation.id===g.info.id);((r=i==null?void 0:i.annotation.pointList)==null?void 0:r.length)>0&&m.focusPositionByPointList(i==null?void 0:i.annotation.pointList)},[g,f.current,u,s]);return P(()=>{_()},[_]),l.createElement(F,{className:I("point-cloud-2d-container"),title:R("2DView"),toolbar:v?void 0:l.createElement(it,{imgIndex:s,imgLength:(C=(b=t.mappingImgList)==null?void 0:b.length)!=null?C:0,onNext:()=>{var n;!t||!(t==null?void 0:t.mappingImgList)||s>=((n=t==null?void 0:t.mappingImgList)==null?void 0:n.length)-1||c(r=>r+1)},onPrev:()=>{s<=0||c(n=>n-1)}}),style:{display:v?"none":"flex"}},l.createElement("div",{className:I("point-cloud-2d-image"),ref:w},l.createElement($,{src:(L=a==null?void 0:a.url)!=null?L:"",annotations:u,size:A,ref:f,globalStyle:{display:v?"none":"block"},afterImgOnLoad:_})))};var rt=G(Y,null,null,{context:X})(lt);export{rt as default};
+import { getClassName } from '../../utils/dom.js';
+import React, { useState, useContext, useRef, useEffect, useCallback } from 'react';
+import { PointCloudContainer } from './PointCloudLayout.js';
+import AnnotationView from '../AnnotationView/index.js';
+import { PointCloudContext } from './PointCloudContext.js';
+import { connect } from 'react-redux';
+import { LeftOutlined, RightOutlined } from '@ant-design/icons';
+import useSize from '../../hooks/useSize.js';
+import { useSingleBox } from './hooks/useSingleBox.js';
+import { pointCloudLidar2image } from '@labelbee/lb-annotation';
+import { useTranslation } from 'react-i18next';
+import { LabelBeeContext } from '../../store/ctx.js';
+import { a2MapStateToProps } from '../../store/annotation/map.js';
+import { toolStyleConverter } from '@labelbee/lb-utils';
+
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, {enumerable: true, configurable: true, writable: true, value}) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+const Toolbar = ({
+  onNext,
+  onPrev,
+  imgLength,
+  imgIndex
+}) => {
+  return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(LeftOutlined, {
+    onClick: onPrev
+  }), /* @__PURE__ */ React.createElement("span", null, " ", imgIndex + 1, " / ", imgLength, " "), /* @__PURE__ */ React.createElement(RightOutlined, {
+    onClick: onNext
+  }));
+};
+const PointCloud2DView = ({currentData, config}) => {
+  var _a, _b, _c, _d, _e;
+  const [annotations2d, setAnnotations2d] = useState([]);
+  const {topViewInstance, displayPointCloudList} = useContext(PointCloudContext);
+  const [mappingIndex, setMappingIndex] = useState(0);
+  const ref = useRef(null);
+  const viewRef = useRef();
+  const {selectedBox} = useSingleBox();
+  const size = useSize(ref);
+  const {t} = useTranslation();
+  const mappingData = (_a = currentData == null ? void 0 : currentData.mappingImgList) == null ? void 0 : _a[mappingIndex];
+  useEffect(() => {
+    setMappingIndex(0);
+  }, [currentData]);
+  useEffect(() => {
+    if (topViewInstance && mappingData) {
+      const defaultViewStyle = {
+        fill: "transparent",
+        color: "green"
+      };
+      const newAnnotations2d = displayPointCloudList.reduce((acc, pointCloudBox) => {
+        var _a2;
+        const viewDataPointList = pointCloudLidar2image(pointCloudBox, mappingData.calib);
+        const stroke = (_a2 = toolStyleConverter.getColorFromConfig({attribute: pointCloudBox.attribute}, __spreadProps(__spreadValues({}, config), {
+          attributeConfigurable: true
+        }), {})) == null ? void 0 : _a2.stroke;
+        return [
+          ...acc,
+          ...viewDataPointList.map((v) => {
+            return {
+              type: v.type,
+              annotation: __spreadProps(__spreadValues({
+                id: pointCloudBox.id,
+                pointList: v.pointList
+              }, defaultViewStyle), {
+                stroke
+              })
+            };
+          })
+        ];
+      }, []);
+      setAnnotations2d(newAnnotations2d);
+    }
+  }, [displayPointCloudList, mappingData]);
+  const hiddenData = !currentData || !(currentData == null ? void 0 : currentData.mappingImgList) || !(((_b = currentData == null ? void 0 : currentData.mappingImgList) == null ? void 0 : _b.length) > 0);
+  const afterImgOnLoad = useCallback(() => {
+    var _a2, _b2;
+    const toolInstance = (_a2 = viewRef.current) == null ? void 0 : _a2.toolInstance;
+    if (!selectedBox || !toolInstance) {
+      return;
+    }
+    const selected2data = annotations2d.find((v) => v.annotation.id === selectedBox.info.id);
+    if (((_b2 = selected2data == null ? void 0 : selected2data.annotation.pointList) == null ? void 0 : _b2.length) > 0) {
+      toolInstance.focusPositionByPointList(selected2data == null ? void 0 : selected2data.annotation.pointList);
+    }
+  }, [selectedBox, viewRef.current, annotations2d, mappingIndex]);
+  useEffect(() => {
+    afterImgOnLoad();
+  }, [afterImgOnLoad]);
+  return /* @__PURE__ */ React.createElement(PointCloudContainer, {
+    className: getClassName("point-cloud-2d-container"),
+    title: t("2DView"),
+    toolbar: hiddenData ? void 0 : /* @__PURE__ */ React.createElement(Toolbar, {
+      imgIndex: mappingIndex,
+      imgLength: (_d = (_c = currentData.mappingImgList) == null ? void 0 : _c.length) != null ? _d : 0,
+      onNext: () => {
+        var _a2;
+        if (!currentData || !(currentData == null ? void 0 : currentData.mappingImgList)) {
+          return;
+        }
+        if (mappingIndex >= ((_a2 = currentData == null ? void 0 : currentData.mappingImgList) == null ? void 0 : _a2.length) - 1) {
+          return;
+        }
+        setMappingIndex((v) => v + 1);
+      },
+      onPrev: () => {
+        if (mappingIndex <= 0) {
+          return;
+        }
+        setMappingIndex((v) => v - 1);
+      }
+    }),
+    style: {display: hiddenData ? "none" : "flex"}
+  }, /* @__PURE__ */ React.createElement("div", {
+    className: getClassName("point-cloud-2d-image"),
+    ref
+  }, /* @__PURE__ */ React.createElement(AnnotationView, {
+    src: (_e = mappingData == null ? void 0 : mappingData.url) != null ? _e : "",
+    annotations: annotations2d,
+    size,
+    ref: viewRef,
+    globalStyle: {
+      display: hiddenData ? "none" : "block"
+    },
+    afterImgOnLoad
+  })));
+};
+var PointCloud2DView$1 = connect(a2MapStateToProps, null, null, {context: LabelBeeContext})(PointCloud2DView);
+
+export { PointCloud2DView$1 as default };
+//# sourceMappingURL=PointCloud2DView.js.map

package/es/components/pointCloudView/PointCloud2DView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PointCloud2DView.js","sources":["../../../src/components/pointCloudView/PointCloud2DView.tsx"],"sourcesContent":["import { getClassName } from '@/utils/dom';\nimport React, { useCallback, useContext, useEffect, useRef, useState } from 'react';\nimport { PointCloudContainer } from './PointCloudLayout';\nimport AnnotationView from '@/components/AnnotationView';\nimport { PointCloudContext } from './PointCloudContext';\nimport { connect } from 'react-redux';\nimport { LeftOutlined, RightOutlined } from '@ant-design/icons';\nimport useSize from '@/hooks/useSize';\nimport { useSingleBox } from './hooks/useSingleBox';\nimport { ViewOperation, pointCloudLidar2image } from '@labelbee/lb-annotation';\nimport { useTranslation } from 'react-i18next';\nimport { LabelBeeContext } from '@/store/ctx';\nimport { a2MapStateToProps, IA2MapStateProps } from '@/store/annotation/map';\nimport { toolStyleConverter } from '@labelbee/lb-utils';\n\nconst Toolbar = ({\n  onNext,\n  onPrev,\n  imgLength,\n  imgIndex,\n}: {\n  onNext: () => void;\n  onPrev: () => void;\n  imgLength: number;\n  imgIndex: number;\n}) => {\n  return (\n    <div>\n      <LeftOutlined onClick={onPrev} />\n      <span>\n        {' '}\n        {imgIndex + 1} / {imgLength}{' '}\n      </span>\n\n      <RightOutlined onClick={onNext} />\n    </div>\n  );\n};\n\n// TODO, It will be deleted when the exported type of lb-annotation is work.\ninterface IAnnotationDataTemporarily {\n  type: string;\n  annotation: any;\n}\n\nconst PointCloud2DView = ({ currentData, config }: IA2MapStateProps) => {\n  const [annotations2d, setAnnotations2d] = useState<IAnnotationDataTemporarily[]>([]);\n  const { topViewInstance, displayPointCloudList } = useContext(PointCloudContext);\n  const [mappingIndex, setMappingIndex] = useState(0);\n  const ref = useRef(null);\n  const viewRef = useRef<{ toolInstance: ViewOperation }>();\n  const { selectedBox } = useSingleBox();\n  const size = useSize(ref);\n  const { t } = useTranslation();\n\n  const mappingData = currentData?.mappingImgList?.[mappingIndex];\n\n  useEffect(() => {\n    setMappingIndex(0);\n  }, [currentData]);\n\n  useEffect(() => {\n    if (topViewInstance && mappingData) {\n      const defaultViewStyle = {\n        fill: 'transparent',\n        color: 'green',\n      };\n\n      const newAnnotations2d: IAnnotationDataTemporarily[] = displayPointCloudList.reduce(\n        (acc: IAnnotationDataTemporarily[], pointCloudBox) => {\n          const viewDataPointList = pointCloudLidar2image(pointCloudBox, mappingData.calib);\n\n          const stroke = toolStyleConverter.getColorFromConfig(\n            { attribute: pointCloudBox.attribute },\n            {\n              ...config,\n              attributeConfigurable: true,\n            },\n            {},\n          )?.stroke;\n\n          return [\n            ...acc,\n            ...viewDataPointList!.map((v: any) => {\n              return {\n                type: v.type,\n                annotation: {\n                  id: pointCloudBox.id,\n                  pointList: v.pointList,\n                  ...defaultViewStyle,\n                  stroke,\n                },\n              };\n            }),\n          ];\n        },\n        [],\n      );\n\n      setAnnotations2d(newAnnotations2d);\n    }\n  }, [displayPointCloudList, mappingData]);\n\n  const hiddenData =\n    !currentData || !currentData?.mappingImgList || !(currentData?.mappingImgList?.length > 0);\n\n  const afterImgOnLoad = useCallback(() => {\n    const toolInstance = viewRef.current?.toolInstance;\n\n    if (!selectedBox || !toolInstance) {\n      return;\n    }\n    const selected2data = annotations2d.find((v) => v.annotation.id === selectedBox.info.id);\n\n    if (selected2data?.annotation.pointList?.length > 0) {\n      toolInstance.focusPositionByPointList(selected2data?.annotation.pointList);\n    }\n  }, [selectedBox, viewRef.current, annotations2d, mappingIndex]);\n\n  /**\n   * If the status is updated, it needs to\n   */\n  useEffect(() => {\n    afterImgOnLoad();\n  }, [afterImgOnLoad]);\n\n  return (\n    <PointCloudContainer\n      className={getClassName('point-cloud-2d-container')}\n      title={t('2DView')}\n      toolbar={\n        hiddenData ? undefined : (\n          <Toolbar\n            imgIndex={mappingIndex}\n            imgLength={currentData.mappingImgList?.length ?? 0}\n            onNext={() => {\n              if (!currentData || !currentData?.mappingImgList) {\n                return;\n              }\n\n              if (mappingIndex >= currentData?.mappingImgList?.length - 1) {\n                return;\n              }\n              setMappingIndex((v) => v + 1);\n            }}\n            onPrev={() => {\n              if (mappingIndex <= 0) {\n                return;\n              }\n              setMappingIndex((v) => v - 1);\n            }}\n          />\n        )\n      }\n      style={{ display: hiddenData ? 'none' : 'flex' }}\n    >\n      <div className={getClassName('point-cloud-2d-image')} ref={ref}>\n        <AnnotationView\n          src={mappingData?.url ?? ''}\n          annotations={annotations2d}\n          size={size}\n          ref={viewRef}\n          globalStyle={{\n            display: hiddenData ? 'none' : 'block',\n          }}\n          afterImgOnLoad={afterImgOnLoad}\n        />\n      </div>\n    </PointCloudContainer>\n  );\n};\n\nexport default connect(a2MapStateToProps, null, null, { context: LabelBeeContext })(\n  PointCloud2DView,\n);\n"],"names":[],"mappings":"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"}