Feat: regroupement de facteurs

package.json

@@ -26,6 +26,7 @@
     "@json2csv/plainjs": "^7.0.6",
     "@unhead/vue": "^1.11.10",
     "@vee-validate/rules": "^4.13.2",
+    "@vueform/multiselect": "^2.6.10",
     "@vueuse/core": "^11.1.0",
     "@vueuse/integrations": "^11.1.0",
     "axios": "^1.7.7",
@@ -36,7 +37,6 @@
     "vee-validate": "^4.13.2",
     "vite-plugin-html": "^3.2.2",
     "vue": "^3.5.12",
-    "vue-draggable-next": "^2.2.1",
     "vue-loading-overlay": "^6.0.6",
     "vue-matomo": "^4.2.0",
     "vue-multiselect": "^3.1.0",

src/assets/main.css

@@ -18,6 +18,12 @@
   --toastify-color-success: #1f8d49; /* --success-main-525 (unavailable to date) */
   /* DSFR contrast fix */
   --blue-cumulus-sun-368-moon-732-hover--fix: #516fb3;
+
+  /*
+  progressively enhanced height: auto transition
+  https://caniuse.com/mdn-css_properties_interpolate-size
+  */
+  interpolate-size: allow-keywords;
 }
 
 @font-face {
@@ -35,11 +41,6 @@ body {
   word-wrap: break-word;
 }
 
-.multiselect {
-  --ms-bg: var(--background-contrast-grey);
-  margin: 8px 0;
-}
-
 .fr-col-sm-45 {
   flex: 0 0 45%;
   max-width: 45%;
@@ -98,20 +99,24 @@ body {
 
 /* form */
 
-form textarea {
+:is(form, .form) textarea {
   resize: vertical;
 }
 
-form :where(input, textarea, fieldset, select)[aria-invalid='true'] {
+:is(form, .form)
+  :where(input, textarea, fieldset, select)[aria-invalid='true'] {
   border: 2px solid var(--border-plain-error);
 }
-form .error {
+:is(form, .form) .error {
   margin-block-start: 0.5rem;
   color: var(--text-default-error);
 }
-form .error-status {
+:is(form, .form) .error-status {
   border: 4px solid var(--background-flat-warning);
 }
+:is(form, .form) .fr-text--sm {
+  color: var(--text-mention-grey);
+}
 
 /* editorial (markdown) pages */
 .editorial {

src/assets/multiselect.css

@@ -51,6 +51,17 @@
     transform: rotate(-45deg);
   }
 }
+.multiselect,
+.multiselect-wrapper {
+  --ms-bg: var(--background-contrast-grey);
+}
+.multiselect-wrapper {
+  --ms-radius: 0.25rem 0.25rem 0 0;
+  --ms-caret-color: var(--border-plain-grey);
+}
+.multiselect-search {
+  box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
+}
 .multiselect__tags {
   --idle: transparent;
   --hover: var(--background-contrast-grey-hover);
@@ -59,7 +70,7 @@
   -moz-appearance: none;
   -webkit-appearance: none;
   background-color: var(--background-contrast-grey);
-  border-radius: 0.25rem 0.25rem 0 0;
+  border: 0;
   box-shadow: inset 0 -2px 0 0 var(--border-plain-grey);
   color: var(--text-title-grey);
   display: block;

src/components.d.ts

@@ -8,7 +8,6 @@ export {}
 declare module 'vue' {
   export interface GlobalComponents {
     BouquetCard: typeof import('./components/bouquets/BouquetCard.vue')['default']
-    BouquetDatasetAccordionTitle: typeof import('./components/bouquets/BouquetDatasetAccordionTitle.vue')['default']
     BouquetDatasetCard: typeof import('./components/bouquets/BouquetDatasetCard.vue')['default']
     BouquetDatasetList: typeof import('./components/bouquets/BouquetDatasetList.vue')['default']
     BouquetDatasetListExport: typeof import('./components/bouquets/BouquetDatasetListExport.vue')['default']
@@ -21,9 +20,9 @@ declare module 'vue' {
     DatasetEditModal: typeof import('./components/forms/dataset/DatasetEditModal.vue')['default']
     DatasetPropertiesFields: typeof import('./components/forms/dataset/DatasetPropertiesFields.vue')['default']
     DatasetPropertiesTextFields: typeof import('./components/forms/dataset/DatasetPropertiesTextFields.vue')['default']
+    DisclosureContent: typeof import('./components/DisclosureContent.vue')['default']
+    DisclosureWidget: typeof import('./components/DisclosureWidget.vue')['default']
     DiscussionsList: typeof import('./components/DiscussionsList.vue')['default']
-    DsfrAccordion: typeof import('@gouvminint/vue-dsfr')['DsfrAccordion']
-    DsfrAccordionsGroup: typeof import('@gouvminint/vue-dsfr')['DsfrAccordionsGroup']
     DsfrAlert: typeof import('@gouvminint/vue-dsfr')['DsfrAlert']
     DsfrBadge: typeof import('@gouvminint/vue-dsfr')['DsfrBadge']
     DsfrBreadcrumb: typeof import('@gouvminint/vue-dsfr')['DsfrBreadcrumb']
@@ -35,6 +34,7 @@ declare module 'vue' {
     DsfrHeaderMenuLink: typeof import('./components/header/DsfrHeaderMenuLink.vue')['default']
     DsfrHeaderMenuLinks: typeof import('@gouvminint/vue-dsfr')['DsfrHeaderMenuLinks']
     DsfrInput: typeof import('@gouvminint/vue-dsfr')['DsfrInput']
+    DsfrInputGroup: typeof import('@gouvminint/vue-dsfr')['DsfrInputGroup']
     DsfrLogo: typeof import('@gouvminint/vue-dsfr')['DsfrLogo']
     DsfrModal: typeof import('@gouvminint/vue-dsfr')['DsfrModal']
     DsfrNavigation: typeof import('@gouvminint/vue-dsfr')['DsfrNavigation']
@@ -47,7 +47,6 @@ declare module 'vue' {
     DsfrSearchBar: typeof import('@gouvminint/vue-dsfr')['DsfrSearchBar']
     DsfrSelect: typeof import('@gouvminint/vue-dsfr')['DsfrSelect']
     DsfrTabContent: typeof import('@gouvminint/vue-dsfr')['DsfrTabContent']
-    DsfrTabItem: typeof import('@gouvminint/vue-dsfr')['DsfrTabItem']
     DsfrTabs: typeof import('@gouvminint/vue-dsfr')['DsfrTabs']
     DsfrTag: typeof import('@gouvminint/vue-dsfr')['DsfrTag']
     ExtendedInformationPanel: typeof import('./components/datasets/ExtendedInformationPanel.vue')['default']
@@ -63,6 +62,7 @@ declare module 'vue' {
     RouterView: typeof import('vue-router')['RouterView']
     SelectDataset: typeof import('./components/forms/dataset/SelectDataset.vue')['default']
     SelectSpatialCoverage: typeof import('./components/forms/SelectSpatialCoverage.vue')['default']
+    SelectTopicGroup: typeof import('./components/forms/SelectTopicGroup.vue')['default']
     SkipLinks: typeof import('./components/SkipLinks.vue')['default']
     SubSectionButtons: typeof import('./components/sections/SubSectionButtons.vue')['default']
     SubSectionCards: typeof import('./components/sections/SubSectionCards.vue')['default']