@ouestfrance/sipa-bms-ui 8.48.1 → 8.49.0

package/dist/components/table/BmsTable.vue.d.ts

@@ -17,6 +17,7 @@ interface UiTableProps {
     selectableDisabled?: boolean;
     selectMode?: SelectMode.DEFAULT | SelectMode.SINGLE;
     customSearch?: (item: unknown, searchValue: string) => boolean;
+    draggable?: boolean;
 }
 type __VLS_Props = UiTableProps;
 declare const __VLS_defaults: {
@@ -26,6 +27,7 @@ type __VLS_PublicProps = __VLS_Props & {
     'selectedItems'?: typeof __VLS_defaults['selectedItems'];
 };
 declare const _default: __VLS_WithSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    reorder: (items: unknown[]) => any;
     "update:selectedItems": (value: unknown[]) => any;
     saveFilter: (value: SavedFilter) => any;
     filterInput: (args_0: {
@@ -39,6 +41,7 @@ declare const _default: __VLS_WithSlots<import('vue').DefineComponent<__VLS_Publ
     }) => any;
     deleteSavedFilter: (value: SavedFilter) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onReorder?: ((items: unknown[]) => any) | undefined;
     "onUpdate:selectedItems"?: ((value: unknown[]) => any) | undefined;
     onSaveFilter?: ((value: SavedFilter) => any) | undefined;
     onFilterInput?: ((args_0: {

package/dist/components/table/UiBmsTable.vue.d.ts

@@ -12,6 +12,7 @@ interface UiBmsTableProps {
     totalSize: number;
     maxSelectedSize?: number;
     selectMode?: SelectMode;
+    draggable?: boolean;
 }
 type __VLS_Props = UiBmsTableProps;
 declare const __VLS_defaults: {
@@ -20,19 +21,19 @@ declare const __VLS_defaults: {
 type __VLS_PublicProps = __VLS_Props & {
     'selectedItems'?: typeof __VLS_defaults['selectedItems'];
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_12: {}, __VLS_48: string, __VLS_49: {
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_12: {}, __VLS_52: string, __VLS_53: {
     row: any;
     isChildElement: false | undefined;
-}, __VLS_51: {
+}, __VLS_55: {
     row: any;
-}, __VLS_53: {}, __VLS_63: string, __VLS_64: {
+}, __VLS_57: {}, __VLS_67: string, __VLS_68: {
     row: any;
     isChildElement: false | undefined;
-}, __VLS_66: {}, __VLS_68: {};
+}, __VLS_70: {}, __VLS_72: {};
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_48>]?: (props: typeof __VLS_49) => any;
+    [K in NonNullable<typeof __VLS_52>]?: (props: typeof __VLS_53) => any;
 } & {
-    [K in NonNullable<typeof __VLS_63>]?: (props: typeof __VLS_64) => any;
+    [K in NonNullable<typeof __VLS_67>]?: (props: typeof __VLS_68) => any;
 } & {
     'custom-actions'?: (props: typeof __VLS_1) => any;
 } & {
@@ -44,23 +45,27 @@ type __VLS_Slots = {} & {
 } & {
     'alert-action'?: (props: typeof __VLS_12) => any;
 } & {
-    default?: (props: typeof __VLS_51) => any;
+    default?: (props: typeof __VLS_55) => any;
 } & {
-    'child-element'?: (props: typeof __VLS_53) => any;
+    'child-element'?: (props: typeof __VLS_57) => any;
 } & {
-    empty?: (props: typeof __VLS_66) => any;
+    empty?: (props: typeof __VLS_70) => any;
 } & {
-    pagination?: (props: typeof __VLS_68) => any;
+    pagination?: (props: typeof __VLS_72) => any;
 };
 declare const _default: __VLS_WithSlots<import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     selectAll: () => any;
     clickHeader: (header: TableHeader) => any;
     clearSelection: () => any;
+    reorder: (items: unknown[]) => any;
+    selectionIndicesUpdate: (indices: number[]) => any;
     "update:selectedItems": (value: unknown[]) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onSelectAll?: (() => any) | undefined;
     onClickHeader?: ((header: TableHeader) => any) | undefined;
     onClearSelection?: (() => any) | undefined;
+    onReorder?: ((items: unknown[]) => any) | undefined;
+    onSelectionIndicesUpdate?: ((indices: number[]) => any) | undefined;
     "onUpdate:selectedItems"?: ((value: unknown[]) => any) | undefined;
 }>, {
     sort: Sort;

package/dist/components/table/UiBmsTableRow.vue.d.ts

@@ -8,34 +8,44 @@ interface Props {
     selectableDisabled?: boolean;
     dense?: boolean;
     isChildElement?: boolean;
+    draggable?: boolean;
 }
-declare var __VLS_18: {
+declare var __VLS_22: {
     row: any;
-}, __VLS_25: string, __VLS_26: {
+}, __VLS_29: string, __VLS_30: {
     row: any;
     isChildElement: true;
-}, __VLS_32: string, __VLS_33: {
+}, __VLS_36: string, __VLS_37: {
     row: any;
     isChildElement: false | undefined;
-}, __VLS_36: string, __VLS_37: {
+}, __VLS_40: string, __VLS_41: {
     row: any;
     isChildElement: false | undefined;
 };
 type __VLS_Slots = {} & {
-    [K in NonNullable<typeof __VLS_25>]?: (props: typeof __VLS_26) => any;
-} & {
-    [K in NonNullable<typeof __VLS_32>]?: (props: typeof __VLS_33) => any;
+    [K in NonNullable<typeof __VLS_29>]?: (props: typeof __VLS_30) => any;
 } & {
     [K in NonNullable<typeof __VLS_36>]?: (props: typeof __VLS_37) => any;
 } & {
-    default?: (props: typeof __VLS_18) => any;
+    [K in NonNullable<typeof __VLS_40>]?: (props: typeof __VLS_41) => any;
+} & {
+    default?: (props: typeof __VLS_22) => any;
 };
 declare const _default: __VLS_WithSlots<import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (item: any) => any;
+    drop: () => any;
+    dragStart: () => any;
+    dragOver: () => any;
+    dragEnd: () => any;
 }, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
     onSelect?: ((item: any) => any) | undefined;
+    onDrop?: (() => any) | undefined;
+    onDragStart?: (() => any) | undefined;
+    onDragOver?: (() => any) | undefined;
+    onDragEnd?: (() => any) | undefined;
 }>, {
     dense: boolean;
+    draggable: boolean;
     selectableDisabled: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>, __VLS_Slots>;
 export default _default;

package/dist/sipa-bms-ui.css

@@ -1593,12 +1593,12 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   line-height: 1;
   width: 100%;
   height: 100%;
-}.select-wrapper[data-v-374cfaec] {
+}.select-wrapper[data-v-7df0bce4] {
   --field-border-color: light-dark(var(--bms-grey-50), var(--bms-grey-140));
   --field-border-color-active: var(--bms-main-100);
   --input-background-color: var(--bms-white);
 }
-.select-wrapper .field__input-label[data-v-374cfaec] {
+.select-wrapper .field__input-label[data-v-7df0bce4] {
   display: block;
   color: var(--bms-grey-50);
   font-size: 12px;
@@ -1606,7 +1606,7 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   margin-top: 6px;
   margin-bottom: 4px;
 }
-.select-wrapper .select-input[data-v-374cfaec] {
+.select-wrapper .select-input[data-v-7df0bce4] {
   width: 100%;
   padding: 0 0 0 var(--field-padding);
   border-radius: var(--bms-border-radius);
@@ -1617,16 +1617,19 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   align-items: center;
   justify-content: space-between;
 }
-.select-wrapper .select-input .field__input-icon[data-v-374cfaec] {
+.select-wrapper .select-input.has-icon[data-v-7df0bce4] {
+  gap: 5px;
+}
+.select-wrapper .select-input .field__input-icon[data-v-7df0bce4] {
   display: flex;
 }
-.select-wrapper .select-input .field__input-icon--start[data-v-374cfaec] {
+.select-wrapper .select-input .field__input-icon--start[data-v-7df0bce4] {
   margin-right: 0.5em;
 }
-.select-wrapper .select-input .field__input-icon--end[data-v-374cfaec] {
+.select-wrapper .select-input .field__input-icon--end[data-v-7df0bce4] {
   margin-left: 0.5em;
 }
-.select-wrapper .select-input input[data-v-374cfaec] {
+.select-wrapper .select-input input[data-v-7df0bce4] {
   border: none;
   background-color: transparent;
   flex-grow: 1;
@@ -1642,59 +1645,59 @@ input[type=radio][data-v-c0c9efa3]:checked::before {
   width: 100%;
   height: 100%;
 }
-.select-wrapper .select-input__tags[data-v-374cfaec] {
+.select-wrapper .select-input__tags[data-v-7df0bce4] {
   display: flex;
   gap: 0.5em;
   padding: var(--field-margin);
   flex-wrap: wrap;
 }
-.select-wrapper .select-input__tags[data-v-374cfaec]:not(:empty) {
+.select-wrapper .select-input__tags[data-v-7df0bce4]:not(:empty) {
   margin-right: 0.5em;
 }
-.select-wrapper .select-input[data-v-374cfaec]:hover {
+.select-wrapper .select-input[data-v-7df0bce4]:hover {
   --field-border-color: var(--bms-grey-100);
 }
-.select-wrapper .select-input[data-v-374cfaec]:has(input:focus) {
+.select-wrapper .select-input[data-v-7df0bce4]:has(input:focus) {
   --field-border-color: var(--field-border-color-active);
 }
-.select-wrapper .select-input.is-error[data-v-374cfaec] {
+.select-wrapper .select-input.is-error[data-v-7df0bce4] {
   --field-border-color: var(--bms-red-100);
   --input-background-color: var(--bms-red-25);
 }
-.select-wrapper .select-input.is-disabled[data-v-374cfaec] {
+.select-wrapper .select-input.is-disabled[data-v-7df0bce4] {
   --field-border-color: var(--bms-field-disabled-border-color);
   --input-background-color: var(--bms-field-disabled-background);
   color: var(--bms-field-disabled-text-color);
   pointer-events: none;
 }
-.select-wrapper .select-input.is-disabled input[data-v-374cfaec]:disabled {
+.select-wrapper .select-input.is-disabled input[data-v-7df0bce4]:disabled {
   opacity: 1;
   -webkit-text-fill-color: currentColor;
 }
-.select-wrapper .icon-container[data-v-374cfaec] {
+.select-wrapper .icon-container[data-v-7df0bce4] {
   height: 100%;
   display: flex;
   align-items: center;
 }
-.select-wrapper .icon-container[data-v-374cfaec]:hover {
+.select-wrapper .icon-container[data-v-7df0bce4]:hover {
   cursor: pointer;
 }
-.select-wrapper .icon-button[data-v-374cfaec] {
+.select-wrapper .icon-button[data-v-7df0bce4] {
   width: 1em;
   margin: 0 var(--field-padding);
   display: block;
 }
-.combobox-option[data-v-374cfaec] {
+.combobox-option[data-v-7df0bce4] {
   display: flex;
   align-items: center;
   gap: 0.5em;
 }
-.combobox-option__check[data-v-374cfaec] {
+.combobox-option__check[data-v-7df0bce4] {
   width: 1em;
   display: flex;
   justify-content: center;
 }
-.combobox-option--select-all[data-v-374cfaec] {
+.combobox-option--select-all[data-v-7df0bce4] {
   font-weight: 600;
   width: 100%;
 }.field__input textarea[data-v-6d84521c] {
@@ -2832,47 +2835,59 @@ nav .additional[data-v-43dce565] {
 .bms-pagination__select[data-v-86561b3b] .field__wrapper {
   min-width: 10em;
   width: 10em;
-}.bms-table__row[data-v-a290e24c] {
+}.bms-table__row[data-v-13885778] {
   --table-cell-padding: 1em;
   background-color: var(--bms-white);
 }
-.bms-table__row td[data-v-a290e24c] {
+.bms-table__row td[data-v-13885778] {
   padding: var(--table-cell-padding);
   background-color: var(--bms-white);
 }
-.bms-table__row--dense[data-v-a290e24c] {
+.bms-table__row--dense[data-v-13885778] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__row--selected[data-v-a290e24c] td {
+.bms-table__row--selected[data-v-13885778] td {
   background-color: light-dark(var(--bms-main-10), color-mix(in srgb, var(--bms-main-100) 32%, var(--bms-white)));
 }
-.bms-table__row--disabled td[data-v-a290e24c] {
+.bms-table__row--disabled td[data-v-13885778] {
   color: var(--bms-grey-50);
 }
-.bms-table__row__cell__checkbox[data-v-a290e24c] {
+.bms-table__row__cell__checkbox[data-v-13885778] {
   width: 4em;
 }
-.bms-table__row__cell--action[data-v-a290e24c] {
+.bms-table__row__cell--action[data-v-13885778] {
   display: flex;
   justify-content: end;
 }
-.bms-table__row__cell--empty[data-v-a290e24c] {
+.bms-table__row__cell--empty[data-v-13885778] {
   height: 360px;
 }
-.bms-table__row__cell--child-element[data-v-a290e24c] {
+.bms-table__row__cell--child-element[data-v-13885778] {
   display: inline-flex;
   align-items: flex-end;
 }
-.bms-table__row__cell--child-element__icon[data-v-a290e24c] {
+.bms-table__row__cell--child-element__icon[data-v-13885778] {
   display: flex;
   margin-right: 1em;
-}.bms-table[data-v-2b029949] {
+}
+.bms-table__row__cell--drag-handle[data-v-13885778] {
+  width: 2em;
+  cursor: default;
+}
+.bms-table__row__cell--drag-handle .drag-handle-icon[data-v-13885778] {
+  display: block;
+  cursor: grab;
+  color: var(--bms-grey-50);
+}
+.bms-table__row__cell--drag-handle .drag-handle-icon[data-v-13885778]:active {
+  cursor: grabbing;
+}.bms-table[data-v-c883a5f1] {
   --table-cell-padding: 1em;
   --table-cell-radius: var(--bms-border-radius-large);
   --dynamic-border-height: 2px;
   --table-border: 1px solid var(--bms-border-color);
 }
-.bms-table__loader[data-v-2b029949] {
+.bms-table__loader[data-v-c883a5f1] {
   position: absolute;
   background: color-mix(in srgb, var(--bms-white) 72%, transparent);
   inset: 0;
@@ -2882,126 +2897,135 @@ nav .additional[data-v-43dce565] {
   font-size: 3em;
   z-index: 10;
 }
-.bms-table__actions[data-v-2b029949] {
+.bms-table__actions[data-v-c883a5f1] {
   display: flex;
   align-items: center;
   justify-content: space-between;
   margin-bottom: 1em;
 }
-.bms-table__actions--small[data-v-2b029949] {
+.bms-table__actions--small[data-v-c883a5f1] {
   margin-bottom: 0.5em;
 }
-.bms-table__actions__saved-filters[data-v-2b029949] {
+.bms-table__actions__saved-filters[data-v-c883a5f1] {
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   gap: 1em;
 }
-.bms-table__actions__search[data-v-2b029949] {
+.bms-table__actions__search[data-v-c883a5f1] {
   display: flex;
   align-items: center;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-2b029949] {
+.bms-table__actions__custom[data-v-c883a5f1] {
   display: flex;
   gap: 1em;
 }
-.bms-table__actions__custom[data-v-2b029949]:empty {
+.bms-table__actions__custom[data-v-c883a5f1]:empty {
   display: none;
 }
-.bms-table__selected[data-v-2b029949] {
+.bms-table__selected[data-v-c883a5f1] {
   margin-bottom: 1em;
 }
-.bms-table__selected .select-mode-all[data-v-2b029949] {
+.bms-table__selected .select-mode-all[data-v-c883a5f1] {
   cursor: pointer;
   color: var(--bms-main-100);
 }
-.bms-table__cell__checkbox[data-v-2b029949] {
+.bms-table__cell__checkbox[data-v-c883a5f1] {
   width: 4em;
 }
-.bms-table__cell--action[data-v-2b029949] {
+.bms-table__cell--action[data-v-c883a5f1] {
   display: flex;
   justify-content: end;
 }
-.bms-table__cell--empty[data-v-2b029949] {
+.bms-table__cell--empty[data-v-c883a5f1] {
   height: 360px;
 }
-.bms-table__table[data-v-2b029949] {
+.bms-table__table[data-v-c883a5f1] {
   width: 100%;
   border-spacing: 0 var(--dynamic-border-height);
   border-radius: var(--bms-border-radius-large);
   border: var(--table-border);
   position: relative;
 }
-.bms-table__table-wrapper[data-v-2b029949] {
+.bms-table__table-wrapper[data-v-c883a5f1] {
   position: relative;
 }
-.bms-table__table thead[data-v-2b029949] {
+.bms-table__table thead[data-v-c883a5f1] {
   position: sticky;
   z-index: 2;
   top: var(--header-height, 0);
 }
-.bms-table__table--dense[data-v-2b029949] {
+.bms-table__table--dense[data-v-c883a5f1] {
   --table-cell-padding: 0.5em 1em;
 }
-.bms-table__table[data-v-2b029949] tr td {
+.bms-table__table[data-v-c883a5f1] tr td {
   padding: var(--table-cell-padding);
 }
-.bms-table__table th[data-v-2b029949] {
+.bms-table__table th[data-v-c883a5f1] {
   --header-content-sort-icon-color: var(--bms-grey-25);
   --header-content-justify: start;
   width: var(--table-cell-width, auto);
   padding: var(--table-cell-padding);
 }
-.bms-table__table th.sortable[data-v-2b029949]:hover {
+.bms-table__table th.sortable[data-v-c883a5f1]:hover {
   --header-content-sort-icon-color: light-dark(
     var(--bms-grey-100),
     var(--bms-font-color)
   );
   cursor: pointer;
 }
-.bms-table__table th.u-text-align-start[data-v-2b029949] {
+.bms-table__table th.u-text-align-start[data-v-c883a5f1] {
   --header-content-justify: start;
 }
-.bms-table__table th.u-text-align-center[data-v-2b029949] {
+.bms-table__table th.u-text-align-center[data-v-c883a5f1] {
   --header-content-justify: center;
 }
-.bms-table__table th.u-text-align-end[data-v-2b029949] {
+.bms-table__table th.u-text-align-end[data-v-c883a5f1] {
   --header-content-justify: end;
 }
-.bms-table__table th.sorted[data-v-2b029949] {
+.bms-table__table th.sorted[data-v-c883a5f1] {
   --header-content-sort-icon-color: light-dark(
     var(--bms-grey-100),
     var(--bms-font-color)
   );
 }
-.bms-table__table th .header-content[data-v-2b029949] {
+.bms-table__table th .header-content[data-v-c883a5f1] {
   display: flex;
   align-items: center;
   justify-content: var(--header-content-justify);
   gap: 0.5em;
 }
-.bms-table__table th .header-content-sort[data-v-2b029949] {
+.bms-table__table th .header-content-sort[data-v-c883a5f1] {
   flex-shrink: 0;
   color: var(--header-content-sort-icon-color);
 }
-.bms-table__table th .header-content-helper[data-v-2b029949] {
+.bms-table__table th .header-content-helper[data-v-c883a5f1] {
   display: flex;
   align-items: center;
   flex-shrink: 0;
   color: light-dark(var(--bms-grey-100), var(--bms-font-color));
 }
-.bms-table__footer[data-v-2b029949] {
+.bms-table__footer[data-v-c883a5f1] {
   padding-top: 16px;
 }
-.bms-table .blob[data-v-2b029949] {
+.bms-table .drag-handle-header[data-v-c883a5f1] {
+  width: 2em;
+}
+.bms-table[data-v-c883a5f1] .bms-table__row--drag-insert-before td {
+  border-top: 2px solid var(--bms-main-100);
+}
+.bms-table[data-v-c883a5f1] .bms-table__row--drag-insert-after td {
+  border-bottom: 2px solid var(--bms-main-100);
+}
+.bms-table .blob[data-v-c883a5f1] {
   visibility: hidden;
   --table-blob-height: 80px;
 }
-.bms-table .blob.small[data-v-2b029949], .bms-table .blob.dense[data-v-2b029949] {
+.bms-table .blob.small[data-v-c883a5f1], .bms-table .blob.dense[data-v-c883a5f1] {
   --table-blob-height: 50px;
 }
-.bms-table .blob[data-v-2b029949] {
+.bms-table .blob[data-v-c883a5f1] {
   width: 200px;
   height: var(--table-blob-height);
   background-color: var(--bms-main-50);
@@ -3010,29 +3034,29 @@ nav .additional[data-v-43dce565] {
   z-index: -5;
   filter: blur(20px);
 }
-[data-v-2b029949] table {
+[data-v-c883a5f1] table {
   padding: 0 var(--dynamic-border-height);
 }
-[data-v-2b029949] table th:first-child {
+[data-v-c883a5f1] table th:first-child {
   border-top-left-radius: var(--table-cell-radius);
 }
-[data-v-2b029949] table th:last-child {
+[data-v-c883a5f1] table th:last-child {
   border-top-right-radius: var(--table-cell-radius);
 }
-[data-v-2b029949] table tr:last-child td:first-child {
+[data-v-c883a5f1] table tr:last-child td:first-child {
   border-bottom-left-radius: var(--table-cell-radius);
 }
-[data-v-2b029949] table tr:last-child td:last-child {
+[data-v-c883a5f1] table tr:last-child td:last-child {
   border-bottom-right-radius: var(--table-cell-radius);
 }
-[data-v-2b029949] table th {
+[data-v-c883a5f1] table th {
   background-color: var(--bms-white);
 }
-[data-v-2b029949] table tbody {
+[data-v-c883a5f1] table tbody {
   overflow: hidden;
   background: var(--bms-white);
 }
-[data-v-2b029949] table tbody tr {
+[data-v-c883a5f1] table tbody tr {
   position: relative;
 }.filter-button-container[data-v-36a9eb9a] {
   position: relative;
@@ -3116,7 +3140,7 @@ nav .additional[data-v-43dce565] {
   padding-right: 32px;
 }.table-search[data-v-c674a0d1] {
   width: 260px;
-}.table-search[data-v-fd6979a1] {
+}.table-search[data-v-9ae7d971] {
   width: 260px;
 }.cocarde[data-v-f48ea977] {
   display: flex;