Preserve the order of the label attributes in the object item details. (

#3945)

* preserve the order of the label attributes in the object item details

* updated changelog, cvat-ui v++

CHANGELOG.md

@@ -28,6 +28,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 - Fixed Interaction handler keyboard handlers (<https://github.com/openvinotoolkit/cvat/pull/3881>)
 - Points of invisible shapes are visible in autobordering (<https://github.com/openvinotoolkit/cvat/pull/3931>)
+- Order of the label attributes in the object item details(<https://github.com/openvinotoolkit/cvat/pull/3945>)
 
 ### Security
 - TDB

cvat-ui/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cvat-ui",
-  "version": "1.27.0",
+  "version": "1.27.1",
   "description": "CVAT single-page application",
   "main": "src/index.tsx",
   "scripts": {

cvat-ui/src/components/annotation-page/standard-workspace/objects-side-bar/object-item-details.tsx

@@ -41,8 +41,6 @@ function ItemAttributesComponent(props: Props): JSX.Element {
         collapsed, attributes, values, readonly, changeAttribute, collapse,
     } = props;
 
-    const sorted = [...attributes].sort((a: any, b: any): number => a.inputType.localeCompare(b.inputType));
-
     return (
         <Row>
             <Collapse
@@ -51,7 +49,7 @@ function ItemAttributesComponent(props: Props): JSX.Element {
                 onChange={collapse}
             >
                 <Collapse.Panel header={<span style={{ fontSize: '11px' }}>Details</span>} key='details'>
-                    {sorted.map(
+                    {attributes.map(
                         (attribute: any): JSX.Element => (
                             <Row
                                 key={attribute.id}