project-booster-vue 8.93.0 → 8.93.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "8.93.0",
+  "version": "8.93.1",
   "private": false,
   "scripts": {
     "test:unit": "vue-cli-service test:unit --forceExit --detectOpenHandles",

package/src/components/categories/PbCategoriesSection.vue

@@ -334,8 +334,6 @@ $responsive-breakpoint: 'm';
     }
 
     & :deep(.m-dialog__footer) {
-      z-index: 1;
-
       @include set-box-shadow('m');
     }
 

package/src/components/media/upload/PbMediaUpload.vue

@@ -513,8 +513,6 @@ $responsive-breakpoint: 'l';
   }
 
   :deep(.m-dialog__footer) {
-    z-index: 1;
-
     @include set-box-shadow('m');
   }
 

package/src/components/mozaic/dialog/MDialog.vue

@@ -279,7 +279,6 @@ $responsive-breakpoint: 'm';
 
   &__header {
     background-color: white;
-
     box-sizing: border-box;
     position: relative;
     width: 100%;

package/src/components/project-item-save/PbProjectItemSave.vue

@@ -271,8 +271,6 @@ $responsive-breakpoint: 'm';
     }
 
     & :deep(.m-dialog__footer) {
-      z-index: 1;
-
       @include set-box-shadow('m');
     }
 

package/src/components/project-item-save/PbProjectItemSaveProjectsList.vue

@@ -114,6 +114,8 @@ $responsive-breakpoint-l: 'l';
     }
 
     :deep(.pb-items-list) {
+      width: 100%;
+
       :deep(.pb-items-list__item) {
         border: none !important;
 

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

@@ -541,8 +541,6 @@ $responsive-breakpoint: 'l';
   }
 
   :deep(.m-dialog__footer) {
-    z-index: 1;
-
     @include set-box-shadow('m');
   }
 

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

@@ -384,19 +384,15 @@ export default {
 
       dirty.value = tempDirty;
     };
-    const saveTask = async (validate, valid) => {
-      await validate();
-
-      if (valid) {
-        updateOptionValues();
-        /**
-         * Emitted to save a task
-         * @event save-task
-         * @type {Event}
-         */
-        context.emit('save-task', props.task);
-        dirty.value = false;
-      }
+    const saveTask = async () => {
+      updateOptionValues();
+      /**
+       * Emitted to save a task
+       * @event save-task
+       * @type {Event}
+       */
+      context.emit('save-task', props.task);
+      dirty.value = false;
     };
     const updateOptionValues = () => {
       if (props.task?.viewModel?.sections) {
@@ -484,7 +480,9 @@ export default {
       return yup.object(options);
     });
     const { handleSubmit, errors, submitCount } = useForm({ validationSchema });
-    const handleFormSubmit = handleSubmit((values) => {});
+    const handleFormSubmit = handleSubmit((values) => {
+      saveTask();
+    });
     const getErrorsCount = computed(() => {
       let errorsCount = 0;
 

package/src/components/tasks/preview/PbTasksPreview.stories.mdx

@@ -1,3 +1,4 @@
+import { useStore } from 'vuex';
 import { nestedAppDecorator } from '../../../../.storybook/nested-app-decorator';
 import { Meta, Canvas, Story, ArgsTable, Source } from '@storybook/addon-docs';
 import PbTasksPreview from './PbTasksPreview';
@@ -40,18 +41,18 @@ The `PbTasksPreview` component display all the task for a planner.
 
 # `PbTasksPreview` - Component props
 
-export const TemplateSandbox = (args, { argTypes }) => {
-  return {
-    props: Object.keys(argTypes),
-    components: { PbTasksPreview },
-    created() {
-      setTimeout(() => {
-        this.$store.dispatch('togglePlannerProjectPlannerInitialized');
-      }, 2000);
-    },
-    template: `<pb-tasks-preview :tasks="tasks" :tasks-number="tasksNumber" style="margin: 0 auto;max-width: 1024px; padding: 0 1rem;" />`,
-  };
-};
+export const TemplateSandbox = (args, { argTypes }) => ({
+  props: Object.keys(argTypes),
+  components: { PbTasksPreview },
+  setup() {
+    const store = useStore();
+    setTimeout(() => {
+      store.dispatch('togglePlannerProjectPlannerInitialized');
+    }, 2000);
+    return { args };
+  },
+  template: `<pb-tasks-preview :tasks="args.tasks" :tasks-number="args.tasksNumber" style="margin: 0 auto;max-width: 1024px; padding: 0 1rem;" />`,
+});
 
 <Canvas>
   <Story name="101 Sandbox" inline={false} args={{ tasks: TASKS.slice() }} height="512px">