💄 style: update design system and UI components

.gitignore

@@ -1,5 +1,6 @@
 .*
 !/.gitignore
+!/.stylelintrc.json
 # IDE stuffs
 .settings
 .idea

.stylelintrc.json

@@ -0,0 +1,111 @@
+{
+  "extends": ["stylelint-config-standard-scss"],
+  "plugins": ["stylelint-selector-bem-pattern"],
+  "rules": {
+    "max-nesting-depth": [
+      3,
+      {
+        "ignoreAtRules": ["media", "supports", "include", "each", "if", "else"],
+        "ignoreRules": ["/^&/"],
+        "severity": "warning"
+      }
+    ],
+    "declaration-no-important": [
+      true,
+      {
+        "severity": "warning"
+      }
+    ],
+    "selector-class-pattern": null,
+    "scss/at-rule-no-unknown": true,
+    "scss/dollar-variable-pattern": null,
+    "no-descending-specificity": null,
+    "color-function-notation": null,
+    "color-function-alias-notation": null,
+    "alpha-value-notation": null,
+    "shorthand-property-no-redundant-values": null,
+    "declaration-block-no-redundant-longhand-properties": null,
+    "value-keyword-case": null,
+    "rule-empty-line-before": null,
+    "at-rule-empty-line-before": null,
+    "comment-empty-line-before": null,
+    "comment-whitespace-inside": null,
+    "custom-property-empty-line-before": null,
+    "declaration-empty-line-before": null,
+    "custom-property-pattern": null,
+    "length-zero-no-unit": null,
+    "selector-pseudo-element-colon-notation": null,
+    "property-no-vendor-prefix": null,
+    "value-no-vendor-prefix": null,
+    "media-feature-range-notation": null,
+    "declaration-block-single-line-max-declarations": null,
+    "scss/double-slash-comment-whitespace-inside": null,
+    "scss/double-slash-comment-empty-line-before": null,
+    "function-url-quotes": null,
+    "property-no-deprecated": null,
+    "block-no-empty": null,
+    "declaration-block-no-duplicate-properties": null,
+    "selector-not-notation": null,
+    "font-family-name-quotes": null,
+    "selector-id-pattern": null,
+    "selector-no-vendor-prefix": null,
+    "scss/load-partial-extension": null,
+    "number-max-precision": null,
+    "font-family-no-missing-generic-family-keyword": null,
+    "selector-type-no-unknown": null,
+    "selector-attribute-quotes": null,
+    "property-no-unknown": null,
+    "no-irregular-whitespace": null,
+    "keyframes-name-pattern": null,
+    "declaration-property-value-keyword-no-deprecated": null,
+    "scss/dollar-variable-empty-line-before": null,
+    "scss/operator-no-unspaced": null,
+    "scss/dollar-variable-colon-space-after": null,
+    "scss/dollar-variable-colon-space-before": null,
+    "at-rule-no-vendor-prefix": null,
+    "media-feature-name-no-vendor-prefix": null,
+    "declaration-block-no-shorthand-property-overrides": null,
+    "media-feature-name-no-unknown": null,
+    "no-empty-source": null,
+    "color-hex-length": null,
+    "scss/load-no-partial-leading-underscore": null,
+    "scss/comment-no-empty": null
+  },
+  "overrides": [
+    {
+      "files": ["**/*.module.scss"],
+      "plugins": ["stylelint-selector-bem-pattern"],
+      "rules": {
+        "max-nesting-depth": 3,
+        "declaration-no-important": true,
+        "plugin/selector-bem-pattern": {
+          "preset": "bem",
+          "componentSelectors": {
+            "initial": "^\\.{componentName}(?:__[a-z][a-z0-9-]*)?(?:--[a-z][a-z0-9-]*)?$"
+          }
+        }
+      }
+    },
+    {
+      "files": [
+        "public/css/sass/style.scss",
+        "public/css/sass/commons/_manage.scss",
+        "public/css/sass/commons/_outsource.scss",
+        "public/css/sass/commons/_analyze.scss",
+        "public/css/sass/mbc-style.scss"
+      ],
+      "rules": {
+        "max-nesting-depth": null,
+        "declaration-no-important": null
+      }
+    },
+    {
+      "files": ["public/css/sass/vendor_mc/**"],
+      "rules": {
+        "max-nesting-depth": null,
+        "declaration-no-important": null,
+        "no-duplicate-selectors": null
+      }
+    }
+  ]
+}

LICENSE.md

@@ -60,7 +60,7 @@ version:
    b) under the GNU GPL, with none of the additional permissions of
    this License applicable to that copy.
 
-  3. Object Code Incorporating Material from Library Header Files.
+  3. Object Code Incorporating Material from Library Header GoToIcon.
 
   The object code form of an Application may incorporate material from
 a header file that is part of the Library.  You may convey such object

jest.config.js

@@ -21,4 +21,7 @@ module.exports = {
     '^.+\\.js$': 'babel-jest',
     '.+\\.(css|styl|less|sass|scss)$': 'jest-transform-css',
   },
+  moduleNameMapper: {
+    '\\.module\\.(css|scss|sass|less)$': '<rootDir>/test-utils/cssModuleMock.js',
+  },
 }

lib/Controller/API/V3/QualityReportControllerAPI.php

@@ -223,6 +223,7 @@ private function _formatSegments(array $segments, array $ttlArray, array $filesI
             $seg['ice_modified'] = $segment->ice_modified;
             $seg['is_pre_translated'] = $segment->is_pre_translated;
             $seg['issues'] = $segment->issues;
+            $seg['history'] = $segment->history;
             $seg['last_revisions'] = $segment->last_revisions;
             $seg['last_translation'] = $segment->last_translation;
             $seg['locked'] = $segment->locked;

lib/Model/QualityReport/HistoryElementStruct.php

@@ -0,0 +1,23 @@
+<?php
+
+namespace Model\QualityReport;
+
+use Model\DataAccess\AbstractDaoObjectStruct;
+use Model\DataAccess\IDaoStruct;
+
+/**
+ * @property int $id_segment
+ * @property string $translation
+ * @property int $version_number
+ * @property int $source_page
+ */
+class HistoryElementStruct extends AbstractDaoObjectStruct implements IDaoStruct
+{
+    public int $id_segment;
+    public string $translation;
+    public int $version_number;
+    public ?int $source_page = null;
+    public ?string $status = null;
+    public ?string $create_date = null;
+    public ?string $creation_date = null;
+}

lib/Model/QualityReport/QualityReportDao.php

@@ -189,6 +189,7 @@ public function getIssuesBySegments(array $segments_id, int $job_id): array
 
         $sql = "SELECT
 
+  issues.translation_version as translation_version,
   issues.id_segment as segment_id,
   issues.id as issue_id,
   issues.create_date as issue_create_date,

lib/Model/QualityReport/QualityReportSegmentModel.php

@@ -220,6 +220,7 @@ public function getSegmentsForQR(array $segment_ids, $isForUI = false)
 
         $translationVersionDao = new TranslationVersionDao($this->database);
         $all_events = $translationVersionDao->getAllRelevantEvents($segmentIds, $chunkId);
+        $history_events = $translationVersionDao->historyEvents($segment_ids, $chunkId);
 
         $segments = [];
 
@@ -241,7 +242,8 @@ public function getSegmentsForQR(array $segment_ids, $isForUI = false)
             $this->_commonSegmentAssignments($seg, $Filter, $featureSet, $this->chunk, $isForUI);
             $this->_assignIssues($seg, $issues, $issue_comments);
             $this->_assignComments($seg, $comments);
-            $this->_populateLastTranslationAndRevision($seg, $Filter, $all_events, $isForUI);
+            $this->_populateLastTranslationAndRevision($seg, $Filter, $all_events,  $isForUI);
+            $this->_populateHistory($seg, $Filter, $history_events, $issues, $isForUI);
 
             $seg->pee_translation_revise = $seg->getPEEBwtTranslationRevise();
             $seg->pee_translation_suggestion = $seg->getPEEBwtTranslationSuggestion();
@@ -252,6 +254,57 @@ public function getSegmentsForQR(array $segment_ids, $isForUI = false)
         return $segments;
     }
 
+    /**
+     * Populates the history for a given quality report segment by organizing events and associated issues.
+     *
+     * @param QualityReportSegmentStruct $seg The segment structure where the history will be populated.
+     * @param MateCatFilter $Filter The filter used to process translations for UI rendering.
+     * @param HistoryElementStruct[] $events An array of SegmentEventsStruct objects representing the events related to the segment.
+     * @param ShapelessConcreteStruct[] $issues An array of issue objects to associate with the events, filtered by segment and version.
+     * @param bool $isForUI Indicates whether the translation should be processed for UI display purposes.
+     *
+     * @throws Exception
+     *
+     * @return void
+     */
+    protected function _populateHistory(
+        QualityReportSegmentStruct $seg,
+        MateCatFilter $Filter,
+        array $events = [],
+        array $issues = [],
+        bool $isForUI = false
+    ): void
+    {
+        $elements = [];
+
+        $eventsForThisSegment = array_filter($events, function (HistoryElementStruct $event) use ($seg) {
+            return $event->id_segment == $seg->sid;
+        });
+
+        /** @var HistoryElementStruct $event */
+        foreach ($eventsForThisSegment as $event) {
+            $translation = ($isForUI) ? $Filter->fromLayer0ToLayer2($event->translation) : $event->translation;
+
+            $elements[] = [
+                'status' => $event->status,
+                'date' => $event->creation_date ?? $event->create_date,
+                'revision_number' => ReviewUtils::sourcePageToRevisionNumber($event->source_page),
+                'source_page' => $event->source_page,
+                'version_number' => $event->version_number,
+                'translation' => $translation,
+                'issues' => array_filter($issues, function ($issue) use ($event) {
+                    return
+                        $issue->deleted_at === null &&
+                        $event->id_segment == $issue->segment_id &&
+                        $event->version_number == $issue->translation_version
+                    ;
+                })
+            ];
+        }
+
+        $seg->history = $elements;
+    }
+
     /**
      * @return ChunkReviewStruct[]
      * @throws Exception

lib/Model/QualityReport/QualityReportSegmentStruct.php

@@ -13,6 +13,7 @@
 use Matecat\SubFiltering\MateCatFilter;
 use Model\DataAccess\AbstractDaoObjectStruct;
 use Model\DataAccess\IDaoStruct;
+use Model\DataAccess\ShapelessConcreteStruct;
 use Model\FeaturesBase\FeatureSet;
 use Model\Jobs\JobStruct;
 use Utils\LQA\QA;
@@ -106,6 +107,11 @@ public function __construct(array $array_params = [])
 
     protected string $tm_analysis_status;
 
+    /**
+     * @var array<mixed>
+     */
+    public array $history = [];
+
     /**
      * @return string
      */

lib/Model/QualityReport/SegmentEventsStruct.php

@@ -20,7 +20,6 @@
  */
 class SegmentEventsStruct extends AbstractDaoObjectStruct implements IDaoStruct
 {
-
     /**
      * @var int
      */
@@ -37,5 +36,4 @@ class SegmentEventsStruct extends AbstractDaoObjectStruct implements IDaoStruct
      * @var int
      */
     protected int $source_page;
-
 }

lib/Plugins/Features/TranslationVersions/Model/TranslationVersionDao.php

@@ -7,6 +7,7 @@
 use Model\DataAccess\AbstractDaoObjectStruct;
 use Model\DataAccess\ShapelessConcreteStruct;
 use Model\Jobs\JobStruct;
+use Model\QualityReport\HistoryElementStruct;
 use Model\QualityReport\SegmentEventsStruct;
 use Model\Translations\SegmentTranslationStruct;
 use PDO;
@@ -248,6 +249,49 @@ public function getVersionsForRevision(int|string $id_job, int|string $id_segmen
         );
     }
 
+    /**
+     * @param array<int|string> $segments_id
+     * @param int $job_id
+     * @return array<HistoryElementStruct>
+     * @throws PDOException
+     */
+    public function historyEvents(array $segments_id, int $job_id): array
+    {
+        $conn = $this->database->getConnection();
+        $prepare_str_segments_id = implode(', ', array_fill(0, count($segments_id), '?'));
+
+        $query = "SELECT 
+            id_segment,
+            first_sv.version_number, 
+            null as source_page,
+            null as status,
+            null as create_date,
+            first_sv.creation_date, 
+            first_sv.translation
+            FROM segment_translation_versions first_sv WHERE id_segment IN ( $prepare_str_segments_id ) AND id_job = ? AND version_number = 0
+            UNION
+            SELECT ste.id_segment, ste.version_number, ste.source_page, ste.status, ste.create_date, stv.creation_date, stv.translation FROM segment_translation_events ste 
+            INNER JOIN (
+            SELECT creation_date, id_segment, translation, version_number, id_job
+                 FROM segment_translation_versions
+                 WHERE id_segment IN ( $prepare_str_segments_id )
+                   AND id_job = ?
+                 UNION
+                 SELECT null as creation_date, id_segment, translation, version_number, id_job
+                 FROM segment_translations
+                 WHERE id_segment IN ( $prepare_str_segments_id )
+                   AND id_job = ?
+            ) AS stv ON stv.version_number = ste.version_number AND stv.id_segment = ste.id_segment
+
+            WHERE ste.id_segment IN ( $prepare_str_segments_id ) GROUP BY version_number, source_page;";
+
+        $stmt = $conn->prepare($query);
+        $stmt->setFetchMode(PDO::FETCH_CLASS, HistoryElementStruct::class);
+        $stmt->execute(array_merge($segments_id, [$job_id], $segments_id, [$job_id], $segments_id, [$job_id], $segments_id));
+
+        return $stmt->fetchAll();
+    }
+
     /**
      * @param list<int> $segments_id
      * @param int $job_id
@@ -279,7 +323,7 @@ public function getAllRelevantEvents(array $segments_id, int $job_id): array
                    AND id_job = ?
             ) AS stv
             RIGHT JOIN (
-                   SELECT MAX(version_number) AS version_number, ste.id_segment, ste.source_page
+                   SELECT MAX(version_number) AS version_number, ste.id, ste.id_segment, ste.source_page
                    FROM segment_translation_events ste
                    WHERE id_segment IN ( $prepare_str_segments_id )
                      AND ste.id_job = ?

lib/Utils/Engines/GoogleTranslate.php

@@ -55,7 +55,9 @@ protected function _decode(mixed $rawValue, array $parameters = [], $function =
                 return $this->_composeMTResponseAsMatch($all_args[1]['text'], $decoded);
             } else {
                 $engineResponse = json_decode($decoded['error']['response'], true);
-                throw new Exception($engineResponse['error']['message'], $engineResponse['error']['code']);
+                $errorMessage = $engineResponse['error']['message'] ?? 'Unknown error';
+                $errorCode = $engineResponse['error']['code'] ?? 500;
+                throw new Exception($errorMessage, $errorCode);
             }
         } else {
             throw new Exception($rawValue['error']['message'], 500);  // already decoded in case of error

lib/View/API/V3/Json/Chunk.php

@@ -117,7 +117,6 @@ public function renderItem(JobStruct $chunk, ProjectStruct $project, FeatureSet
             'subject_printable' => $subjectsHashMap[$chunk->subject],
             'owner' => $chunk->owner,
             'time_to_edit' => $this->getTimeToEditArray((int)$chunk->id),
-            'total_time_to_edit' => $chunk->total_time_to_edit,
             'avg_post_editing_effort' => (float)$chunk->avg_post_editing_effort,
             'open_threads_count' => (int)$chunk->getOpenThreadsCount(new CommentDao($this->database)),
             'created_at' => Utils::api_timestamp($chunk->create_date),