sprintify-ui 0.8.46 → 0.8.47

package/dist/tailwindcss/input.js

@@ -9,12 +9,12 @@ export default function ({ addComponents, theme }) {
         '.input-focus': {
             'border-color': `rgba(${(blueColor)}, 0.6)`,
             'zIndex': 1,
-            'boxShadow': `rgba(${(blueColor)}, 0.2) 0px 0px 0px 4px, var(--tw-shadow, 0 0 #0000);`,
+            'boxShadow': `rgba(${(blueColor)}, 0.2) 0px 0px 0px 4px;`,
         },
         '.input-focus-error': {
             'border-color': `rgba(${(redColor)}, 0.6)`,
             'zIndex': 1,
-            'boxShadow': `rgba(${(redColor)}, 0.2) 0px 0px 0px 4px, var(--tw-shadow, 0 0 #0000);`,
+            'boxShadow': `rgba(${(redColor)}, 0.2) 0px 0px 0px 4px;`,
         },
         '.input-rounded': {
             'border-radius': theme('borderRadius.md'),

package/dist/types/components/BaseAutocomplete.vue.d.ts

@@ -635,6 +635,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
         type: BooleanConstructor;
     };
+    /** Inline dropdown. This is useful for BaseDropdownAutocomplete */
     inline: {
         default: boolean;
         type: BooleanConstructor;
@@ -676,6 +677,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
         type: PropType<string | string[]>;
     };
+    twSelect: {
+        default: undefined;
+        type: PropType<string | string[]>;
+    };
 }>, {
     focus: typeof focus;
     blur: typeof blur;
@@ -743,6 +748,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: boolean;
         type: BooleanConstructor;
     };
+    /** Inline dropdown. This is useful for BaseDropdownAutocomplete */
     inline: {
         default: boolean;
         type: BooleanConstructor;
@@ -784,6 +790,10 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
         default: undefined;
         type: PropType<string | string[]>;
     };
+    twSelect: {
+        default: undefined;
+        type: PropType<string | string[]>;
+    };
 }>> & Readonly<{
     onClose?: ((...args: any[]) => any) | undefined;
     onSelect?: ((...args: any[]) => any) | undefined;
@@ -813,6 +823,7 @@ declare const __VLS_component: import("vue").DefineComponent<import("vue").Extra
     showRemoveButton: boolean;
     emptyOptionLabel: string;
     twInput: string | string[];
+    twSelect: string | string[];
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/types/components/BaseAutocompleteFetch.vue.d.ts

@@ -55,6 +55,7 @@ declare function __VLS_template(): {
                 showRemoveButton: boolean;
                 emptyOptionLabel: string;
                 twInput: string | string[];
+                twSelect: string | string[];
             }> & Omit<{
                 readonly options: RawOption[];
                 readonly disabled: boolean;
@@ -79,6 +80,7 @@ declare function __VLS_template(): {
                 readonly modelValue?: RawOption | null | undefined;
                 readonly placeholder?: string | undefined;
                 readonly twInput?: string | string[] | undefined;
+                readonly twSelect?: string | string[] | undefined;
                 readonly onClose?: ((...args: any[]) => any) | undefined;
                 readonly onSelect?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
@@ -179,6 +181,10 @@ declare function __VLS_template(): {
                     default: undefined;
                     type: PropType<string | string[]>;
                 };
+                twSelect: {
+                    default: undefined;
+                    type: PropType<string | string[]>;
+                };
             }>> & Readonly<{
                 onClose?: ((...args: any[]) => any) | undefined;
                 onSelect?: ((...args: any[]) => any) | undefined;
@@ -187,7 +193,7 @@ declare function __VLS_template(): {
                 onScrollBottom?: ((...args: any[]) => any) | undefined;
                 onTyping?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
-            }>, "filter" | "select" | "required" | "size" | "name" | "disabled" | "inline" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput">;
+            }>, "filter" | "select" | "required" | "size" | "name" | "disabled" | "inline" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -295,6 +301,10 @@ declare function __VLS_template(): {
                     default: undefined;
                     type: PropType<string | string[]>;
                 };
+                twSelect: {
+                    default: undefined;
+                    type: PropType<string | string[]>;
+                };
             }>> & Readonly<{
                 onClose?: ((...args: any[]) => any) | undefined;
                 onSelect?: ((...args: any[]) => any) | undefined;
@@ -338,6 +348,7 @@ declare function __VLS_template(): {
                 showRemoveButton: boolean;
                 emptyOptionLabel: string;
                 twInput: string | string[];
+                twSelect: string | string[];
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -379,6 +390,7 @@ declare function __VLS_template(): {
             showRemoveButton: boolean;
             emptyOptionLabel: string;
             twInput: string | string[];
+            twSelect: string | string[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 default: undefined;
@@ -472,6 +484,10 @@ declare function __VLS_template(): {
                 default: undefined;
                 type: PropType<string | string[]>;
             };
+            twSelect: {
+                default: undefined;
+                type: PropType<string | string[]>;
+            };
         }>> & Readonly<{
             onClose?: ((...args: any[]) => any) | undefined;
             onSelect?: ((...args: any[]) => any) | undefined;
@@ -480,7 +496,7 @@ declare function __VLS_template(): {
             onScrollBottom?: ((...args: any[]) => any) | undefined;
             onTyping?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "select" | "required" | "size" | "name" | "disabled" | "inline" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput")> & import("vue").ShallowUnwrapRef<{
+        }>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "select" | "required" | "size" | "name" | "disabled" | "inline" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect")> & import("vue").ShallowUnwrapRef<{
             focus: () => void;
             blur: () => void;
             close: () => void;

package/dist/types/components/BaseBelongsTo.vue.d.ts

@@ -54,6 +54,7 @@ declare function __VLS_template(): {
                 showRemoveButton: boolean;
                 emptyOptionLabel: string;
                 twInput: string | string[];
+                twSelect: string | string[];
             }> & Omit<{
                 readonly options: RawOption[];
                 readonly disabled: boolean;
@@ -78,6 +79,7 @@ declare function __VLS_template(): {
                 readonly modelValue?: RawOption | null | undefined;
                 readonly placeholder?: string | undefined;
                 readonly twInput?: string | string[] | undefined;
+                readonly twSelect?: string | string[] | undefined;
                 readonly onClose?: ((...args: any[]) => any) | undefined;
                 readonly onSelect?: ((...args: any[]) => any) | undefined;
                 readonly onClear?: ((...args: any[]) => any) | undefined;
@@ -178,6 +180,10 @@ declare function __VLS_template(): {
                     default: undefined;
                     type: PropType<string | string[]>;
                 };
+                twSelect: {
+                    default: undefined;
+                    type: PropType<string | string[]>;
+                };
             }>> & Readonly<{
                 onClose?: ((...args: any[]) => any) | undefined;
                 onSelect?: ((...args: any[]) => any) | undefined;
@@ -186,7 +192,7 @@ declare function __VLS_template(): {
                 onScrollBottom?: ((...args: any[]) => any) | undefined;
                 onTyping?: ((...args: any[]) => any) | undefined;
                 onOpen?: ((...args: any[]) => any) | undefined;
-            }>, "filter" | "select" | "required" | "size" | "name" | "disabled" | "inline" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput">;
+            }>, "filter" | "select" | "required" | "size" | "name" | "disabled" | "inline" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect">;
             $attrs: {
                 [x: string]: unknown;
             };
@@ -294,6 +300,10 @@ declare function __VLS_template(): {
                     default: undefined;
                     type: PropType<string | string[]>;
                 };
+                twSelect: {
+                    default: undefined;
+                    type: PropType<string | string[]>;
+                };
             }>> & Readonly<{
                 onClose?: ((...args: any[]) => any) | undefined;
                 onSelect?: ((...args: any[]) => any) | undefined;
@@ -337,6 +347,7 @@ declare function __VLS_template(): {
                 showRemoveButton: boolean;
                 emptyOptionLabel: string;
                 twInput: string | string[];
+                twSelect: string | string[];
             }, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -378,6 +389,7 @@ declare function __VLS_template(): {
             showRemoveButton: boolean;
             emptyOptionLabel: string;
             twInput: string | string[];
+            twSelect: string | string[];
         }> & Omit<Readonly<import("vue").ExtractPropTypes<{
             modelValue: {
                 default: undefined;
@@ -471,6 +483,10 @@ declare function __VLS_template(): {
                 default: undefined;
                 type: PropType<string | string[]>;
             };
+            twSelect: {
+                default: undefined;
+                type: PropType<string | string[]>;
+            };
         }>> & Readonly<{
             onClose?: ((...args: any[]) => any) | undefined;
             onSelect?: ((...args: any[]) => any) | undefined;
@@ -479,7 +495,7 @@ declare function __VLS_template(): {
             onScrollBottom?: ((...args: any[]) => any) | undefined;
             onTyping?: ((...args: any[]) => any) | undefined;
             onOpen?: ((...args: any[]) => any) | undefined;
-        }>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "select" | "required" | "size" | "name" | "disabled" | "inline" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput")> & import("vue").ShallowUnwrapRef<{
+        }>, "blur" | "close" | "focus" | "open" | "setKeywords" | ("filter" | "select" | "required" | "size" | "name" | "disabled" | "inline" | "modelValue" | "placeholder" | "hasError" | "visibleFocus" | "loading" | "loadingBottom" | "dropdownShow" | "showModelValue" | "focusOnMount" | "showEmptyOption" | "showRemoveButton" | "emptyOptionLabel" | "twInput" | "twSelect")> & import("vue").ShallowUnwrapRef<{
             focus: () => void;
             blur: () => void;
             close: () => void;

package/dist/types/index.d.ts

@@ -15,7 +15,6 @@ declare const messages: {
         month: string;
         save: string;
         sui: {
-            notes: string;
             address: string;
             address_1_placeholder: string;
             address_2_description: string;
@@ -58,6 +57,7 @@ declare const messages: {
             next: string;
             next_month: string;
             none: string;
+            notes: string;
             nothing_found: string;
             notifications_empty: string;
             now: string;
@@ -114,7 +114,6 @@ declare const messages: {
         month: string;
         save: string;
         sui: {
-            notes: string;
             address: string;
             address_1_placeholder: string;
             address_2_description: string;
@@ -157,6 +156,7 @@ declare const messages: {
             next: string;
             next_month: string;
             none: string;
+            notes: string;
             nothing_found: string;
             notifications_empty: string;
             now: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sprintify-ui",
-  "version": "0.8.46",
+  "version": "0.8.47",
   "type": "module",
   "scripts": {
     "build": "rimraf dist && vue-tsc && vite build",

package/src/components/BaseAutocomplete.vue

@@ -3,13 +3,15 @@
     <div class="relative z-[1]">
       <div
         class="flex"
-        :class="[select ? '-space-x-px' : '']"
+        :class="[
+          select ? '-space-x-px' : '',
+        ]"
       >
         <BaseSelect
           v-if="select"
           v-model="selection"
           :disabled="disabled"
-          class="rounded-r-none border-r-transparent min-w-0"
+          :class="selectClasses"
           :size="sizeInternal"
           :has-error="hasErrorInternal"
           required
@@ -62,12 +64,12 @@
 
     <div class="relative">
       <div
-        v-show="opened || dropdownShow == 'always'"
-        class="w-full overflow-hidden"
+        v-show="dropdownOpened"
+        class="w-full min-h-[110px] overflow-hidden bg-white border-b border-x border-slate-300 input-rounded rounded-t-none"
         :class="[
           inline
             ? 'relative'
-            : 'absolute top-0.5 z-menu min-h-[110px] w-full overflow-hidden input-rounded border border-slate-300 bg-white shadow-2xl',
+            : ['absolute shadow-2xl z-menu'],
         ]"
       >
         <BaseAutocompleteDrawer
@@ -77,7 +79,7 @@
           :size="size"
           :loading="loading"
           :loading-bottom="loadingBottom"
-          :tw-drawer="inline ? 'pt-1' : 'p-1'"
+          tw-drawer="p-1"
           :keywords="keywords"
           @select="onSelect"
           @scroll-bottom="emit('scrollBottom')"
@@ -174,6 +176,7 @@ const props = defineProps({
     default: false,
     type: Boolean,
   },
+  /** Inline dropdown. This is useful for BaseDropdownAutocomplete */
   inline: {
     default: false,
     type: Boolean,
@@ -217,6 +220,10 @@ const props = defineProps({
     default: undefined,
     type: [String, Array] as PropType<string | string[]>,
   },
+  twSelect: {
+    default: undefined,
+    type: [String, Array] as PropType<string | string[]>,
+  },
 });
 
 const emit = defineEmits([
@@ -262,12 +269,15 @@ onBeforeUnmount(() => {
 const drawer = ref<InstanceType<typeof BaseAutocompleteDrawer> | null>(null);
 
 let timerId = 0;
+
 const keywords = ref('');
 const autocomplete = ref<HTMLElement | null>(null);
 const inputElement = ref<HTMLInputElement | null>(null);
 const shouldFilter = ref(false);
 const opened = ref(false);
 
+const dropdownOpened = computed(() => opened.value || props.dropdownShow == 'always');
+
 const normalizedOptions = hasOptions.normalizedOptions;
 const normalizedModelValue =
   hasOptions.normalizedModelValue as ComputedRef<NormalizedOption | null>;
@@ -523,11 +533,14 @@ const inputClasses = computed(() => {
   const base = 'w-full';
   const paddingRight = showRemoveButtonInternal.value ? 'pr-5' : '';
   const withSelect = props.select ? 'rounded-l-none' : '';
+  // Remove focus style when open to avoid overlapping with dropdown
+  const open = dropdownOpened.value ? 'rounded-b-none relative focus-within:ring-0' : '';
 
   const internalClasses = [
     base,
     withSelect,
     paddingRight,
+    open,
   ];
 
   if (!props.twInput) {
@@ -535,7 +548,24 @@ const inputClasses = computed(() => {
   }
 
   return twMerge(internalClasses, props.twInput);
-})
+});
+
+const selectClasses = computed(() => {
+  const base = 'relative rounded-r-none min-w-0';
+  // Remove focus style when open to avoid overlapping with dropdown
+  const open = dropdownOpened.value ? 'rounded-b-none focus:ring-0' : '';
+
+  const internalClasses = [
+    base,
+    open,
+  ];
+
+  if (!props.twSelect) {
+    return internalClasses;
+  }
+
+  return twMerge(internalClasses, props.twSelect);
+});
 
 const showRemoveButtonInternal = computed(() => {
   return normalizedModelValue.value && !props.disabled && props.showModelValue && props.showRemoveButton;

package/src/components/BaseAutocompleteDrawer.vue

@@ -33,7 +33,7 @@
             type="button"
             tabindex="-1"
             @click="onSelect(option)"
-            @mouseenter="onOptionMouseEnter(index)"
+            @mouseover="onOptionMouseEnter(index)"
             @mousemove="onOptionMouseMove(index)"
           >
             <slot
@@ -194,6 +194,34 @@ function isSelected(option: NormalizedOption): boolean {
   return false;
 }
 
+const firstSelected = computed<NormalizedOption | null | undefined>(() => {
+  if (isObject(props.selected) && !isArray(props.selected)) {
+    return props.selected;
+  }
+
+  if (isArray(props.selected) && props.selected.length > 0) {
+    return props.selected[0];
+  }
+
+  return null;
+});
+
+const selectedIndex = computed<number | null>(() => {
+  if (!firstSelected.value) {
+    return null;
+  }
+
+  const index = props.options.findIndex(
+    (option) => option.value === firstSelected.value?.value
+  );
+
+  if (index === -1) {
+    return null;
+  }
+
+  return index;
+});
+
 // Arrow actions
 
 function onKeydown(event: KeyboardEvent) {
@@ -271,9 +299,7 @@ function scrollToFocus() {
 watch(
   () => props.options,
   () => {
-    updateFocusIndex(
-      Math.max(0, Math.min(focusIndex.value, props.options.length - 1))
-    );
+    checkFocusIndex();
   },
   { immediate: true }
 );
@@ -283,24 +309,7 @@ watch(
 watch(
   () => props.selected,
   () => {
-    // Single selection
-    if (isObject(props.selected) && !isArray(props.selected)) {
-      const selected = props.selected as NormalizedOption;
-      const index = props.options.findIndex(
-        (option) => option.value === selected.value
-      );
-      if (index >= 0) {
-        updateFocusIndex(index);
-      }
-    }
-    // Multiple selection
-    else if (isArray(props.selected)) {
-      if (!(focusIndex.value in props.options)) {
-        updateFocusIndex(props.options.length - 1);
-      }
-    } else {
-      updateFocusIndex(0);
-    }
+    checkFocusIndex();
   },
   { immediate: true }
 );
@@ -310,19 +319,20 @@ watch(
 watch(
   () => props.keywords,
   () => {
-    if (drawer.value) {
-      drawer.value.scrollTop = 0;
-    }
-    // Reset the focusIndex
-    updateFocusIndex(0);
+    checkFocusIndex();
   }
 );
 
-function updateFocusIndex(index: number) {
-  if (index != focusIndex.value) {
-    focusIndex.value = index;
+function checkFocusIndex() {
+
+  if (selectedIndex.value !== null && selectedIndex.value < props.options.length) {
+    focusIndex.value = selectedIndex.value;
     scrollToFocus();
+    return;
   }
+
+  focusIndex.value = 0;
+  scrollToFocus();
 }
 
 const onOptionMouseEnter = (index: number) => {

package/src/components/BaseDropdownAutocomplete.stories.js

@@ -13,16 +13,22 @@ export default {
     },
   },
   args: {
+    required: true,
     placement: "bottom-start",
-    padding: 8,
-    emptyOptionLabel: "Nothing",
   },
 };
 
 const template = `<template #button="{ newValue }">
       <div class="btn btn-sm">
       <div v-if="newValue" class="flex items-center gap-2 text-sm">
-        <div class="h-2 w-2 bg-red-500 rounded-full"></div>
+        <div 
+          class="h-2 w-2 rounded-full"
+          :class="{
+            'bg-red-500': newValue?.type === 'sith',
+            'bg-green-500': newValue?.type === 'jedi',
+            'bg-slate-300': newValue?.type === undefined,
+          }"
+        ></div>
         <span>
           {{ newValue.label }}
         </span>
@@ -33,7 +39,7 @@ const template = `<template #button="{ newValue }">
       </div>
     </template>
     <template #option="{ option }">
-      <div class="flex items-center gap-2 text-sm px-2">
+      <div class="flex items-center gap-2 text-sm py-1 px-2">
         <div 
           class="h-2 w-2 rounded-full" 
           :class="{

package/src/components/BaseDropdownAutocomplete.vue

@@ -13,7 +13,7 @@
     </template>
     <template #dropdown="{ close }">
       <div
-        class="inline-block w-[320px] overflow-hidden input-rounded ring-1 ring-black ring-opacity-10 bg-white px-2 pt-2 shadow-2xl"
+        class="inline-block w-[320px] input-rounded bg-white shadow-2xl"
       >
         <component
           :is="componentName"
@@ -46,7 +46,7 @@
               <div class="shrink-0">
                 <BaseIcon
                   v-if="(optionProps.selected ?? false) || (optionProps.option[valueKey] == null && newValue == null)"
-                  icon="mdi:check-bold"
+                  icon="mdi:check"
                   class="h-4 w-4 text-slate-500"
                 />
               </div>

package/src/components/BaseMediaListItem.vue

@@ -5,8 +5,9 @@
     :class="[xs ? 'h-9' : 'h-10']"
   >
     <div
-      v-if="draggable && !disabled"
-      class="handle shrink-0 cursor-move pr-1"
+      v-if="draggable"
+      class="handle shrink-0 pr-1"
+      :class="[disabled ? '' : 'cursor-move']"
     >
       <BaseIcon
         icon="mdi:drag"

package/src/lang/en.json

@@ -7,7 +7,6 @@
   "month": "Month",
   "save": "Save",
   "sui": {
-    "notes": "Notes",
     "address": "Address",
     "address_1_placeholder": "Postal address",
     "address_2_description": "Apartment, suite, unit, building",
@@ -15,7 +14,7 @@
     "apply": "Apply",
     "apply_filters": "Apply filters",
     "authentication_code": "Authentication code",
-    "autocomplete_placeholder": "Type to start your search",
+    "autocomplete_placeholder": "Search...",
     "bulk_actions": "Bulk actions",
     "cancel": "Cancel",
     "city": "City",
@@ -50,6 +49,7 @@
     "next": "Next",
     "next_month": "Next month",
     "none": "None",
+    "notes": "Notes",
     "nothing_found": "Nothing found",
     "notifications_empty": "You have no new notifications",
     "now": "Now",
@@ -96,4 +96,4 @@
   "today": "Today",
   "week": "Week",
   "year": "Year"
-}
+}

package/src/lang/fr.json

@@ -7,7 +7,6 @@
   "month": "Mois",
   "save": "Sauvegarder",
   "sui": {
-    "notes": "Notes",
     "address": "Adresse",
     "address_1_placeholder": "Adresse postale",
     "address_2_description": "Appartement, suite, unité, immeuble",
@@ -15,7 +14,7 @@
     "apply": "Appliquer",
     "apply_filters": "Appliquer les filtres",
     "authentication_code": "Code d'authentification",
-    "autocomplete_placeholder": "Taper pour lancer votre recherche",
+    "autocomplete_placeholder": "Rechercher...",
     "bulk_actions": "Actions en lot",
     "cancel": "Annuler",
     "city": "Ville",
@@ -50,6 +49,7 @@
     "next": "Suivant",
     "next_month": "Mois prochain",
     "none": "Aucun",
+    "notes": "Notes",
     "nothing_found": "Rien n'a été trouvé",
     "notifications_empty": "Vous n'avez aucune nouvelle notification",
     "now": "Maintenant",
@@ -96,4 +96,4 @@
   "today": "Aujourd\\'hui",
   "week": "Semaine",
   "year": "Année"
-}
+}