project-booster-vue 9.0.0 → 9.0.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "9.0.0",
+  "version": "9.0.3",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",
@@ -60,7 +60,7 @@
     "uuid": "8.3.2",
     "vee-validate": "4.4.5",
     "velocity-animate": "1.5.2",
-    "vue": "3.2.21",
+    "vue": "3.2.31",
     "vue-router": "4.0.12",
     "vue3-cookies": "1.0.6",
     "vuex": "4.0.2",
@@ -81,21 +81,21 @@
     "@mswjs/interceptors": "0.12.7",
     "@semantic-release/changelog": "5.0.1",
     "@semantic-release/git": "9.0.0",
-    "@storybook/addon-a11y": "6.4.19",
-    "@storybook/addon-essentials": "6.4.19",
+    "@storybook/addon-a11y": "6.4.20",
+    "@storybook/addon-essentials": "6.4.20",
     "@storybook/addon-knobs": "6.3.1",
-    "@storybook/addon-links": "6.4.19",
+    "@storybook/addon-links": "6.4.20",
     "@storybook/addon-postcss": "2.0.0",
-    "@storybook/addon-storyshots": "6.4.19",
-    "@storybook/addon-storyshots-puppeteer": "6.4.19",
-    "@storybook/addon-storysource": "6.4.19",
-    "@storybook/addons": "6.4.19",
-    "@storybook/builder-webpack5": "6.4.19",
-    "@storybook/manager-webpack5": "6.4.19",
-    "@storybook/source-loader": "6.4.19",
-    "@storybook/storybook-deployer": "2.8.10",
-    "@storybook/theming": "6.4.19",
-    "@storybook/vue3": "6.4.19",
+    "@storybook/addon-storyshots": "6.4.20",
+    "@storybook/addon-storyshots-puppeteer": "6.4.20",
+    "@storybook/addon-storysource": "6.4.20",
+    "@storybook/addons": "6.4.20",
+    "@storybook/builder-webpack5": "6.4.20",
+    "@storybook/manager-webpack5": "6.4.20",
+    "@storybook/source-loader": "6.4.20",
+    "@storybook/storybook-deployer": "2.8.11",
+    "@storybook/theming": "6.4.20",
+    "@storybook/vue3": "6.4.20",
     "@testing-library/jest-dom": "5.16.2",
     "@testing-library/vue": "6.5.1",
     "@types/axios": "0.14.0",
@@ -125,7 +125,7 @@
     "@vue/cli-plugin-typescript": "4.5.13",
     "@vue/cli-plugin-unit-jest": "4.5.16",
     "@vue/cli-service": "5.0.0-beta.7",
-    "@vue/compiler-sfc": "3.2.21",
+    "@vue/compiler-sfc": "3.2.31",
     "@vue/eslint-config-prettier": "6.0.0",
     "@vue/eslint-config-standard": "6.0.0",
     "@vue/eslint-config-typescript": "10.0.0",

package/src/components/media/PbMedia.vue

@@ -147,7 +147,7 @@
 </template>
 
 <script lang="ts">
-import { ref, computed, onMounted, defineComponent, ComponentPublicInstance } from 'vue';
+import { ref, computed, onMounted, defineComponent, ComponentPublicInstance, ComponentCustomProperties } from 'vue';
 import { useStore } from 'vuex';
 import { useRoute, useRouter } from 'vue-router';
 import { Media } from '../../types/pb/Media';
@@ -164,7 +164,6 @@ import PbStickyFooter from '../sticky-footer/PbStickyFooter.vue';
 import MEDIA_LIST_PAYLOAD from './list/media-list-payload.json';
 import MEDIA_DETAIL_PAYLOAD from './detail/media-detail-payload.json';
 import MEDIA_UPLOAD_PAYLOAD from './upload/media-upload-payload.json';
-import { ComponentCustomProperties } from '@vue/runtime-core';
 
 const BACK_ICON =
   'https://storage.googleapis.com/project-booster-media/mozaic-icons/svg/Navigation_Arrow_Arrow--Left_16px.svg';

package/src/components/projects/project-hub/plannerTask.json

@@ -32,7 +32,7 @@
                 "label": "Nom de l'étape",
                 "isTaskName": true,
                 "required": true,
-                "focus": true,
+                "autofocus": true,
                 "order": 1
               },
               "TASK_CUSTOM__OPTION-NOTE": {

package/src/components/question/PbQuestion.vue

@@ -374,7 +374,7 @@ export default defineComponent({
       return Array.isArray(this.payload.skippable) ? this.payload.skippable : [this.payload.skippable];
     },
     hasAnswersSelected() {
-      return Object.values(this.selectedAnswers).findIndex((answerValue) => answerValue) > -1;
+      return Object.values(Object.fromEntries(this.selectedAnswers)).findIndex((answerValue) => answerValue) > -1;
     },
   },
 
@@ -541,9 +541,9 @@ export default defineComponent({
     validMultiSelect(multiSelectOptions: ScenarioStepMultiSelectAction) {
       const answers = [];
 
-      for (const answerCode in this.selectedAnswers) {
+      for (const answerCode in Object.fromEntries(this.selectedAnswers)) {
         if (this.selectedAnswers.get(answerCode)) {
-          answers.push({ ...this.payload.answers.get(answerCode), selected: true });
+          answers.push({ ...this.questionPossibleAnswers.get(answerCode), selected: true });
         }
       }
 
@@ -559,11 +559,11 @@ export default defineComponent({
         nextStep: button.nextStep,
       });
     },
-    resetMultiSelect(answers: Map<string, ScenarioStepAnswer>) {
+    resetMultiSelect(answers: Record<string, ScenarioStepAnswer>) {
       this.initAnswersSelectedState(answers);
       this.$forceUpdate();
     },
-    initAnswersSelectedState(answers: Map<string, ScenarioStepAnswer>) {
+    initAnswersSelectedState(answers: Record<string, ScenarioStepAnswer>) {
       Object.values(answers).forEach((answer) => {
         answer.selected = false;
       });
@@ -594,20 +594,19 @@ export default defineComponent({
       let areMultiselectButtonsDisplayed = false;
 
       if (this.payload?.multiSelect?.actions) {
-        const actions = new Map<string, ScenarioStepMultiSelectAction>(
-          Object.entries(this.payload?.multiSelect?.actions),
+        areMultiselectButtonsDisplayed = !!(
+          this.payload?.multiSelect?.actions['VALIDATE'] ||
+          (!!this.payload?.multiSelect?.actions['RESET'] && !!this.questionPossibleAnswers)
         );
-        areMultiselectButtonsDisplayed =
-          (!!actions.get('VALIDATE') || !!actions.get('RESET')) && !!this.questionPossibleAnswers;
       }
 
       return areMultiselectButtonsDisplayed;
     },
     isValidateMultiselectButtonDisplayed() {
-      return this.payload?.multiSelect?.actions.get('VALIDATE') && this.questionPossibleAnswers;
+      return this.payload?.multiSelect?.actions['VALIDATE'] && this.questionPossibleAnswers;
     },
     isResetMultiselectButtonDisplayed() {
-      return this.payload?.multiSelect?.actions.get('RESET') && this.questionPossibleAnswers;
+      return this.payload?.multiSelect?.actions['RESET'] && this.questionPossibleAnswers;
     },
     isSkipButtonsDisplayed() {
       return this.payload?.skippable;

package/src/components/question/city-search/PbCitySearch.vue

@@ -227,7 +227,6 @@ export default defineComponent({
     },
     updateHeaderHeight() {
       this.headerHeight = this.$refs?.pbCitySearchHeader?.$el?.offsetHeight;
-      console.log(this.headerHeight);
     },
     decorate(valueToDecorate: string, defaultValue = '') {
       if (valueToDecorate) {

package/src/components/question/upload-document/PbUploadDocument.vue

@@ -138,7 +138,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, onMounted, ref, PropType, Ref } from 'vue';
+import { defineComponent, computed, onMounted, ref, PropType, Ref, ComponentCustomProperties } from 'vue';
 import objectPath from 'object-path';
 import MButton from '../../mozaic/buttons/MButton.vue';
 import MContainer from '../../mozaic/grid/MContainer.vue';
@@ -150,7 +150,6 @@ import PbCard from '../../cards/PbCard.vue';
 import PbMediaUpload from '../../media/upload/PbMediaUpload.vue';
 import PbStickyFooter from '../../sticky-footer/PbStickyFooter.vue';
 import { useStore } from 'vuex';
-import { ComponentCustomProperties } from '@vue/runtime-core';
 import {
   UploadDocumentMultiSelectAction,
   UploadDocumentPayload,

package/src/components/scenario/PbScenario.vue

@@ -300,15 +300,6 @@ export default defineComponent({
       }
     };
     const emitEventToPipeline = (code: string, payload = {}) => {
-      // I don't know why there is a constructor, but it fucks up everything, so... dirty hack...
-      const answers = Object.entries(state.value.answers)
-        .filter(([key]) => key !== 'constructor')
-        .reduce((prev, [key, val]) => {
-          return {
-            ...prev,
-            [key]: val,
-          };
-        }, {});
       /**
        * Emitted when a significant event occurs in the scenario
        * @event scenario-event
@@ -317,7 +308,7 @@ export default defineComponent({
         code,
         payload,
         context: {
-          answers,
+          answers: state.value.answers,
           currentStep: state.value.currentStep,
           stepIndex: state.value.history.stepIndex,
           stepHistory: state.value.history.steps,

package/src/components/tasks/details/PbTaskDetails.vue

@@ -95,8 +95,8 @@
                   :placeholder="decorateValue(option.placeholder)"
                   v-model="tempOptionValues[decorateValue(option.id)]"
                   :valid="tempOptionValues[decorateValue(option.id)] != decorateValue(option.value)"
-                  :required="decorateValue(option.required)"
-                  :autofocus="decorateValue(option.focus)"
+                  :required="!option.required || decorateValue(option.required) === 'false' ? false : true"
+                  :autofocus="!option.focus || decorateValue(option.focus) === 'false' ? false : true"
                   :disabled="readOnly || isTaskDone"
                   @input="checkDirtyState()"
                 />
@@ -108,7 +108,8 @@
                   :placeholder="decorateValue(option.placeholder)"
                   v-model="tempOptionValues[decorateValue(option.id)]"
                   :valid="tempOptionValues[decorateValue(option.id)] != decorateValue(option.value)"
-                  :autofocus="decorateValue(option.focus)"
+                  :required="!option.required || decorateValue(option.required) === 'false' ? false : true"
+                  :autofocus="!option.focus || decorateValue(option.focus) === 'false' ? false : true"
                   :disabled="readOnly || isTaskDone"
                   @input="checkDirtyState()"
                 />
@@ -120,7 +121,8 @@
                   :label="decorateValue(option.label)"
                   v-model="tempOptionValues[decorateValue(option.id)]"
                   :valid="tempOptionValues[decorateValue(option.id)] != decorateValue(option.value)"
-                  :autofocus="decorateValue(option.focus)"
+                  :required="!option.required || decorateValue(option.required) === 'false' ? false : true"
+                  :autofocus="!option.focus || decorateValue(option.focus) === 'false' ? false : true"
                   :disabled="readOnly || isTaskDone"
                   @input="checkDirtyState()"
                 />
@@ -227,7 +229,7 @@ export default defineComponent({
 
     const dirty = ref(false);
     const tempTask = ref<Task>();
-    const tempOptionValues = ref<Map<string, string>>(new Map<string, string>());
+    const tempOptionValues = ref<Record<string, string>>({} as Record<string, string>);
     const bodyShadowTopOpacity = ref(0);
     const bodyShadowBottomOpacity = ref(0);
 
@@ -301,9 +303,9 @@ export default defineComponent({
             section.options.forEach((option: TaskSectionOption) => {
               if (tempTask.value?.optionValues && tempTask.value.optionValues[decorateValue(option.id)]) {
                 const taskId = decorateValue(option.id);
-                tempOptionValues.value.set(taskId, tempTask.value?.optionValues[taskId] ?? '');
+                tempOptionValues.value[taskId] = tempTask.value?.optionValues[taskId] ?? '';
               } else {
-                tempOptionValues.value.set(decorateValue(option.id), decorateValue(option.value!));
+                tempOptionValues.value[decorateValue(option.id)] = decorateValue(option.value!);
               }
             });
           }
@@ -318,8 +320,8 @@ export default defineComponent({
           if (section?.options) {
             for (const option of section?.options) {
               if (
-                !isEqual(tempOptionValues.value.get(decorateValue(option.id)), decorateValue(option.value!)) ||
-                (tempOptionValues.value.get(decorateValue(option.id)) && !option.value)
+                !isEqual(tempOptionValues.value[decorateValue(option.id)], decorateValue(option.value!)) ||
+                (tempOptionValues.value[decorateValue(option.id)] && !option.value)
               ) {
                 tempDirty = true;
                 break;
@@ -350,7 +352,7 @@ export default defineComponent({
         for (const section of tempTask.value.viewModel.sections) {
           if (section?.options) {
             for (const option of section?.options) {
-              const newValue = tempOptionValues.value.get(decorateValue(option.id));
+              const newValue = tempOptionValues.value[decorateValue(option.id)];
               const sanitizedNewValue = newValue !== undefined ? newValue : undefined ?? '';
               const optionValues = tempTask.value?.optionValues ?? {};
               optionValues[decorateValue(option.id)] = sanitizedNewValue;
@@ -496,8 +498,6 @@ export default defineComponent({
       pbTaskDetailsBodyContent,
     };
   },
-
-  methods: {},
 });
 </script>
 

package/src/components/tasks/task-to-create-generic-planner.json

@@ -27,6 +27,7 @@
             "id": "TASK_CUSTOM__OPTION-NAME",
             "label": "Nom de l'étape",
             "required": "true",
+            "autofocus": "true",
             "focus": "true",
             "order": 1
           },

package/src/components/tasks/tasks-generic-planner.json

@@ -29,6 +29,7 @@
               "placeholder": "Etape",
               "id": "TASK_CUSTOM__OPTION-NAME",
               "label": "Nom de l'étape",
+              "autofocus": "true",
               "required": true
             },
             {
@@ -114,6 +115,7 @@
               "placeholder": "Etape",
               "id": "TASK_CUSTOM__OPTION-NAME",
               "label": "Nom de l'étape",
+              "autofocus": "true",
               "required": true
             },
             {

package/src/stores/modules/projectsStore.ts

@@ -213,6 +213,7 @@ export const projectsListStoreOptions = {
           projects = await getAllProjects(0, state.currentProjectsPage * state.projectsPerPageCount);
         }
         commit('setProjects', projects.results);
+        commit('setTotalProjects', projects.total);
         if (state.currentProjectsPage * state.projectsPerPageCount >= projects.total) {
           commit('setHasStillProjects', false);
         } else {

package/src/types/pb/Scenario.ts

@@ -76,12 +76,12 @@ export interface ScenarioStepMultiSelectAction {
 }
 
 export interface ScenarioStepMultiSelectOptions {
-  actions: Map<string, ScenarioStepMultiSelectAction>;
+  actions: Record<string, ScenarioStepMultiSelectAction>;
 }
 
 export interface ScenarioStepPayload {
   viewModel: ScenarioStepViewModel;
-  answers: Map<string, ScenarioStepAnswer>;
+  answers: Record<string, ScenarioStepAnswer>;
   skippable?: ScenarioStepSkippableOptions[];
   multiSelect?: ScenarioStepMultiSelectOptions;
 }