@cnamts/synapse 1.0.7 → 1.0.9

package/src/utils/rules/isMinLength/IsMinLength.mdx

@@ -2,10 +2,33 @@ import { Meta, Canvas, Source } from '@storybook/blocks';
 import * as IsMinLengthStories from './IsMinLength.stories';
 
 <Meta of={IsMinLengthStories} />
-
-# Règle de validation `isMinLength`
-
-La règle de validation `isMinLength` permet de limiter la longueur d'une chaîne de caractères dans un champs de formulaire.
+<style>
+{
+`
+      .header {
+      padding: 2rem;
+      margin-bottom: 2rem;
+    }
+    
+    .header h1 {
+      margin-top: 0;
+      color:  #0c419a;;
+      font-size: 2.5rem;
+      font-weight: 700;
+    }
+    
+    .header p {
+      font-size: 1.1rem;
+      margin-bottom: 0;
+    }
+    `
+}
+</style>
+
+<div className="header">
+  <h1>Règle de validation `isMinLength`</h1>
+  <p>La règle de validation `isMinLength` permet de limiter la longueur d'une chaîne de caractères dans un champs de formulaire.</p>
+</div>
 
 ## Usage
 

package/src/utils/rules/isNotAfterDate/IsNotAfterDate.mdx

@@ -2,10 +2,33 @@ import { Meta, Canvas, Source } from '@storybook/blocks';
 import * as IsNotAfterDateStories from './IsNotAfterDate.stories';
 
 <Meta of={IsNotAfterDateStories} />
-
-# Règle de validation `isNotAfterDate`
-
-La règle de validation `isNotAfterDate` permet de vérifier qu'une date n'est pas postérieure à une date de référence.
+<style>
+{
+`
+      .header {
+      padding: 2rem;
+      margin-bottom: 2rem;
+    }
+    
+    .header h1 {
+      margin-top: 0;
+      color:  #0c419a;;
+      font-size: 2.5rem;
+      font-weight: 700;
+    }
+    
+    .header p {
+      font-size: 1.1rem;
+      margin-bottom: 0;
+    }
+    `
+}
+</style>
+
+<div className="header">
+  <h1>Règle de validation `isNotAfterDate`</h1>
+  <p>La règle de validation `isNotAfterDate` permet de vérifier qu'une date n'est pas postérieure à une date de référence. </p>
+</div>
 
 ## Usage
 

package/src/utils/rules/isNotAfterToday/IsNotAfterToday.mdx

@@ -2,10 +2,33 @@ import { Meta, Canvas, Source } from '@storybook/blocks';
 import * as IsNotAfterTodayStories from './IsNotAfterToday.stories';
 
 <Meta of={IsNotAfterTodayStories} />
-
-# Règle de validation `isNotAfterToday`
-
-La règle de validation `isNotAfterToday` permet de vérifier qu'une date n'est pas postérieure à la date du jour.
+<style>
+{
+`
+      .header {
+      padding: 2rem;
+      margin-bottom: 2rem;
+    }
+    
+    .header h1 {
+      margin-top: 0;
+      color:  #0c419a;;
+      font-size: 2.5rem;
+      font-weight: 700;
+    }
+    
+    .header p {
+      font-size: 1.1rem;
+      margin-bottom: 0;
+    }
+    `
+}
+</style>
+
+<div className="header">
+  <h1>Règle de validation `isNotAfterToday`</h1>
+  <p>La règle de validation `isNotAfterToday` permet de vérifier qu'une date n'est pas postérieure à la date du jour.</p>
+</div>
 
 ## Usage
 

package/src/utils/rules/isNotBeforeDate/IsNotBeforeDate.mdx

@@ -2,10 +2,33 @@ import { Meta, Canvas, Source } from '@storybook/blocks';
 import * as IsNotBeforeDateStories from './IsNotBeforeDate.stories';
 
 <Meta of={IsNotBeforeDateStories} />
-
-# Règle de validation `isNotBeforeDate`
-
-La règle de validation `isNotBeforeDate` permet de vérifier qu'une date n'est pas antérieure à une date de référence.
+<style>
+{
+`
+      .header {
+      padding: 2rem;
+      margin-bottom: 2rem;
+    }
+    
+    .header h1 {
+      margin-top: 0;
+      color:  #0c419a;;
+      font-size: 2.5rem;
+      font-weight: 700;
+    }
+    
+    .header p {
+      font-size: 1.1rem;
+      margin-bottom: 0;
+    }
+    `
+}
+</style>
+
+<div className="header">
+  <h1>Règle de validation `isNotBeforeDate`</h1>
+  <p>La règle de validation `isNotBeforeDate` permet de vérifier qu'une date n'est pas antérieure à une date de référence.</p>
+</div>
 
 ## Usage
 

package/src/utils/rules/isNotBeforeToday/IsNotBeforeToday.mdx

@@ -2,10 +2,34 @@ import { Meta, Canvas, Source } from '@storybook/blocks';
 import * as IsNotBeforeTodayStories from './IsNotBeforeToday.stories';
 
 <Meta of={IsNotBeforeTodayStories} />
+<style>
+{
+`
+      .header {
+      padding: 2rem;
+      margin-bottom: 2rem;
+    }
+    
+    .header h1 {
+      margin-top: 0;
+      color:  #0c419a;;
+      font-size: 2.5rem;
+      font-weight: 700;
+    }
+    
+    .header p {
+      font-size: 1.1rem;
+      margin-bottom: 0;
+    }
+    `
+}
+</style>
+
+<div className="header">
+  <h1>Règle de validation `isNotBeforeToday`</h1>
+      <p>La règle de validation `isNotBeforeToday` permet de vérifier qu'une date n'est pas antérieur à la date du jour. </p>
+</div>
 
-# Règle de validation `isNotBeforeToday`
-
-La règle de validation `isNotBeforeToday` permet de vérifier qu'une date n'est pas antérieur à la date du jour.
 
 ## Usage
 

package/src/utils/rules/isRequired/IsRequired.mdx

@@ -2,10 +2,33 @@ import { Meta, Canvas, Source } from '@storybook/blocks';
 import * as IsRequiredStories from './IsRequired.stories';
 
 <Meta of={IsRequiredStories} />
-
-# Règle de validation `isRequired`
-
-La règle de validation `isRequired` permet de vérifier qu'un champ de formulaire est rempli.
+<style>
+{
+`
+      .header {
+      padding: 2rem;
+      margin-bottom: 2rem;
+    }
+    
+    .header h1 {
+      margin-top: 0;
+      color:  #0c419a;;
+      font-size: 2.5rem;
+      font-weight: 700;
+    }
+    
+    .header p {
+      font-size: 1.1rem;
+      margin-bottom: 0;
+    }
+    `
+}
+</style>
+
+<div className="header">
+  <h1>Règle de validation `isRequired`</h1>
+  <p>La règle de validation `isRequired` permet de vérifier qu'un champ de formulaire est rempli. </p>
+</div>
 
 ## Usage
 

package/src/utils/rules/isValidEmail/IsValidEmail.mdx

@@ -2,10 +2,33 @@ import { Meta, Canvas, Source } from '@storybook/blocks';
 import * as IsValidEmailStories from './IsValidEmail.stories';
 
 <Meta of={IsValidEmailStories} />
-
-# Règle de validation `isValidEmail`
-
-La règle de validation `isValidEmail` permet de vérifier si une chaîne de caractère est une adresse email valide.
+<style>
+{
+`
+      .header {
+      padding: 2rem;
+      margin-bottom: 2rem;
+    }
+    
+    .header h1 {
+      margin-top: 0;
+      color:  #0c419a;;
+      font-size: 2.5rem;
+      font-weight: 700;
+    }
+    
+    .header p {
+      font-size: 1.1rem;
+      margin-bottom: 0;
+    }
+    `
+}
+</style>
+
+<div className="header">
+  <h1>Règle de validation `isValidEmail`</h1>
+  <p>La règle de validation `isValidEmail` permet de vérifier si une chaîne de caractère est une adresse email valide.</p>
+</div>
 
 ## Usage
 

package/dist/components/Tables/common/tableStorageUtils.d.ts

@@ -1,69 +0,0 @@
-import { Ref } from 'vue';
-import { DataOptions, DataTableHeaders } from './types';
-/**
- * Interface for column width storage
- */
-export interface ColumnWidthsStorage {
-    [key: string]: number | string;
-}
-/**
- * Utility function to manage table state persistence in local storage
- */
-export declare function useTableStorage({ prefix, suffix, serverItemsLength, options, }: {
-    prefix: string;
-    suffix?: string;
-    serverItemsLength?: number;
-    options: Ref<Partial<DataOptions>>;
-}): {
-    localOptions: Ref<{}, {}>;
-    columnWidths: Ref<ColumnWidthsStorage, ColumnWidthsStorage>;
-    headers: Ref<{
-        title?: string | undefined;
-        text?: string | undefined;
-        value?: string | undefined;
-        key?: string | undefined;
-        filterable?: boolean | undefined;
-        filterType?: import('./types').FilterType | undefined;
-        filterOptions?: {
-            text: string;
-            value: unknown;
-        }[] | undefined;
-        multiple?: boolean | undefined;
-        chips?: boolean | undefined;
-        sortable?: boolean | undefined;
-        hideMessages?: boolean | undefined;
-        dateFormat?: string | undefined;
-        align?: "start" | "end" | "center" | undefined;
-        order?: number | undefined;
-        hidden?: boolean | undefined;
-    }[] | undefined, DataTableHeaders[] | {
-        title?: string | undefined;
-        text?: string | undefined;
-        value?: string | undefined;
-        key?: string | undefined;
-        filterable?: boolean | undefined;
-        filterType?: import('./types').FilterType | undefined;
-        filterOptions?: {
-            text: string;
-            value: unknown;
-        }[] | undefined;
-        multiple?: boolean | undefined;
-        chips?: boolean | undefined;
-        sortable?: boolean | undefined;
-        hideMessages?: boolean | undefined;
-        dateFormat?: string | undefined;
-        align?: "start" | "end" | "center" | undefined;
-        order?: number | undefined;
-        hidden?: boolean | undefined;
-    }[] | undefined>;
-    storageKey: import('vue').ComputedRef<string>;
-    columnWidthsKey: import('vue').ComputedRef<string>;
-    setupLocalStorage: () => {
-        watchOptions: () => void;
-        initFromStorage: (defaultOptions: Record<string, unknown>) => void;
-        saveColumnWidths: (widths: ColumnWidthsStorage) => void;
-        updateColumnWidth: (columnKey: string, width: number | string) => void;
-        saveHeaders: (headers: DataTableHeaders[] | undefined) => void;
-    };
-    updateColumnWidth: (key: string, width: number | string) => void;
-};

package/dist/components/Tables/common/tableUtils.d.ts

@@ -1,79 +0,0 @@
-import { Ref } from 'vue';
-import { DataOptions, TableDensityType } from './types';
-/**
- * Crée et renvoie des fonctionnalités communes pour les tableaux
- */
-export declare function useTableUtils({ tableId, prefix, suffix, serverItemsLength, componentAttributes, options, }: {
-    tableId: string;
-    prefix: string;
-    suffix?: string;
-    caption?: string;
-    serverItemsLength?: number;
-    componentAttributes: Record<string, unknown>;
-    options: Ref<Partial<DataOptions>>;
-    density?: TableDensityType;
-}): {
-    localOptions: Ref<{}, {}>;
-    columnWidths: Ref<import('./tableStorageUtils').ColumnWidthsStorage, import('./tableStorageUtils').ColumnWidthsStorage>;
-    storageKey: import('vue').ComputedRef<string>;
-    optionsFacade: import('vue').ComputedRef<{
-        page: unknown;
-        itemsPerPage: number;
-        sortBy: import('./types').SortOptions[] | undefined;
-        groupBy: import('./types').SortOptions[] | undefined;
-        multiSort: boolean | undefined;
-        mustSort: boolean | undefined;
-    }>;
-    propsFacade: import('vue').ComputedRef<{
-        itemsLength?: number | undefined;
-    }>;
-    updateOptions: (tableOptions: Partial<DataOptions>) => void;
-    setupAccessibility: () => void;
-    setupLocalStorage: () => {
-        watchOptions: () => void;
-        initFromStorage: (defaultOptions: Record<string, unknown>) => void;
-        saveColumnWidths: (widths: import('./tableStorageUtils').ColumnWidthsStorage) => void;
-        updateColumnWidth: (columnKey: string, width: string | number) => void;
-        saveHeaders: (headers: import('./types').DataTableHeaders[] | undefined) => void;
-    };
-    updateColumnWidth: (key: string, width: string | number) => void;
-    headers: Ref<{
-        title?: string | undefined;
-        text?: string | undefined;
-        value?: string | undefined;
-        key?: string | undefined;
-        filterable?: boolean | undefined;
-        filterType?: import('./types').FilterType | undefined;
-        filterOptions?: {
-            text: string;
-            value: unknown;
-        }[] | undefined;
-        multiple?: boolean | undefined;
-        chips?: boolean | undefined;
-        sortable?: boolean | undefined;
-        hideMessages?: boolean | undefined;
-        dateFormat?: string | undefined;
-        align?: "start" | "end" | "center" | undefined;
-        order?: number | undefined;
-        hidden?: boolean | undefined;
-    }[] | undefined, import('./types').DataTableHeaders[] | {
-        title?: string | undefined;
-        text?: string | undefined;
-        value?: string | undefined;
-        key?: string | undefined;
-        filterable?: boolean | undefined;
-        filterType?: import('./types').FilterType | undefined;
-        filterOptions?: {
-            text: string;
-            value: unknown;
-        }[] | undefined;
-        multiple?: boolean | undefined;
-        chips?: boolean | undefined;
-        sortable?: boolean | undefined;
-        hideMessages?: boolean | undefined;
-        dateFormat?: string | undefined;
-        align?: "start" | "end" | "center" | undefined;
-        order?: number | undefined;
-        hidden?: boolean | undefined;
-    }[] | undefined>;
-};