@cnamts/synapse 1.0.14 → 1.0.16

package/dist/utils/formatNir/formatNir.d.ts

@@ -0,0 +1,2 @@
+/** Format a NIR (with or without key) */
+export declare function formatNir(nir: string): string;

package/dist/utils/index.d.ts

@@ -4,6 +4,7 @@ export { LocalStorageUtility } from './localStorageUtility';
 export { calcHumanFileSize } from './calcHumanFileSize';
 export { convertToUnit } from './convertToUnit';
 export { formatDate } from './formatDate';
+export { formatNir } from './formatNir/formatNir';
 export { parseDate } from './parseDate';
 export { propValidator } from './propValidator';
 export { ruleMessage } from './ruleMessage';

package/dist/utils/insertAt.d.ts

@@ -0,0 +1 @@
+export declare function insertAt(value: string, index: number, insert: string): string;

package/dist/utils/rules/validateDateValue.d.ts

@@ -0,0 +1,14 @@
+import { ErrorMessages, ValidationResult, Value } from './types';
+interface ValidateDateOptions {
+    errorMessages: ErrorMessages;
+    messageKey?: string;
+    messageArgs?: unknown[];
+}
+/**
+ * Utility to validate date-like values (string | Date) in rules.
+ * - returns true when the value is falsy
+ * - supports string and Date inputs
+ * - falls back to a rule message for unsupported types or invalid dates
+ */
+export declare function validateDateValue(value: Value, isValid: (formatted: string) => boolean, { errorMessages, messageKey, messageArgs }: ValidateDateOptions): ValidationResult;
+export {};

package/dist/vuetifyConfig.d.ts

@@ -12,6 +12,9 @@ export declare const createVuetifyInstance: () => {
         sets: Record<string, import('vuetify').IconSet>;
     };
     locale: {
+        isRtl: import('vue').Ref<boolean, boolean>;
+        rtl: import('vue').Ref<Record<string, boolean>, Record<string, boolean>>;
+        rtlClasses: import('vue').Ref<string, string>;
         name: string;
         decimalSeparator: import('vue').ShallowRef<string>;
         messages: import('vue').Ref<import('vuetify').LocaleMessages, import('vuetify').LocaleMessages>;
@@ -20,9 +23,6 @@ export declare const createVuetifyInstance: () => {
         t: (key: string, ...params: unknown[]) => string;
         n: (value: number) => string;
         provide: (props: import('vuetify').LocaleOptions) => import('vuetify').LocaleInstance;
-        isRtl: import('vue').Ref<boolean, boolean>;
-        rtl: import('vue').Ref<Record<string, boolean>, Record<string, boolean>>;
-        rtlClasses: import('vue').Ref<string, string>;
     };
     date: {
         options: {
@@ -34,6 +34,7 @@ export declare const createVuetifyInstance: () => {
             locale: Record<string, any>;
         };
         instance: {
+            locale?: any;
             date: (value?: any) => unknown;
             format: (date: unknown, formatString: string) => string;
             toJsDate: (value: unknown) => Date;
@@ -65,8 +66,8 @@ export declare const createVuetifyInstance: () => {
             setYear: (date: unknown, year: number) => unknown;
             getDiff: (date: unknown, comparing: unknown, unit?: string | undefined) => number;
             getWeekArray: (date: unknown, firstDayOfWeek?: string | number | undefined) => unknown[][];
-            getWeekdays: (firstDayOfWeek?: string | number | undefined, weekdayFormat?: "long" | "narrow" | "short" | undefined) => string[];
-            getWeek: (date: unknown, firstDayOfWeek?: string | number | undefined, firstDayOfYear?: string | number | undefined) => number;
+            getWeekdays: (firstDayOfWeek?: string | number | undefined, weekdayFormat?: "long" | "short" | "narrow" | undefined) => string[];
+            getWeek: (date: unknown, firstDayOfWeek?: string | number | undefined, firstWeekMinSize?: number | undefined) => number;
             getMonth: (date: unknown) => number;
             setMonth: (date: unknown, month: number) => unknown;
             getDate: (date: unknown) => number;
@@ -77,7 +78,6 @@ export declare const createVuetifyInstance: () => {
             setHours: (date: unknown, hours: number) => unknown;
             getMinutes: (date: unknown) => number;
             setMinutes: (date: unknown, minutes: number) => unknown;
-            locale?: any;
         };
     };
     goTo: import('vuetify').GoToInstance;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cnamts/synapse",
-  "version": "1.0.14",
+  "version": "1.0.16",
   "private": false,
   "description": "CNAM DS v3",
   "type": "module",
@@ -105,7 +105,7 @@
   },
   "peerDependencies": {
     "vue": "^3.5.18",
-    "vuetify": "^3.9.2"
+    "vuetify": "3.9.2"
   },
   "dependencies": {
     "@emotion/css": "^11.13.5",
@@ -114,8 +114,8 @@
     "deepmerge": "^4.3.1",
     "iso-639-1": "^3.1.3",
     "maska": "^3.0.3",
-    "sass-embedded": "^1.83.0",
-    "sass-loader": "^16.0.3",
+    "sass-embedded": "1.83.0",
+    "sass-loader": "16.0.3",
     "slugify": "^1.6.6"
   },
   "publishConfig": {

package/src/assets/tokens.scss

@@ -153,11 +153,13 @@ $transparent-blue-00: rgb(12 65 154 / 0%);
 $primary-darker-2: #07275c;
 $primary-darker: #0a347b;
 $primary-base: #0c419a;
+$primary: #0c419a;
 $primary-light: #3d67ae;
 $primary-lighter-2: #9eb3d7;
 $primary-lighter-3: #ced9eb;
 $primary-lighter-4: #e7ecf5;
 $primary-lighter-5: #f8f9fc;
+$secondary: #006386;
 $neutral-black: #222324;
 $neutral-black-lighter: #545859;
 $neutral-black-lighter-2: #989b9b;

package/src/components/Amelipro/AmeliproAccordion/AmeliproAccordionTemplate/__tests__/__snapshots__/AmeliproAccordionTemplate.spec.ts.snap

@@ -74,24 +74,7 @@ exports[`AmeliproAccordionTemplate > render correctly 1`] = `
                 width: 11px;
               "
             >
-              <span>
-                <svg
-                  aria-hidden="true"
-                  style="enable-background:new 0 0 42 42;"
-                  version="1.1"
-                  viewBox="0 0 42 42"
-                  x="0px"
-                  xml:space="preserve"
-                  xmlns="http://www.w3.org/2000/svg"
-                  xmlns:xlink="http://www.w3.org/1999/xlink"
-                  y="0px"
-                >
-                  <polygon
-                    class="shape-color"
-                    points="21,39.2 42,2.8 0,2.8 "
-                  />
-                </svg>
-              </span>
+              <span></span>
             </span>
           </span>
           titre accordion

package/src/components/Amelipro/AmeliproAccordion/__tests__/AmeliproAccordion.spec.ts

@@ -1,16 +1,185 @@
-import { mount } from '@vue/test-utils'
-import { expect, describe, it } from 'vitest'
+import { VueWrapper, shallowMount } from '@vue/test-utils'
+import { beforeEach, describe, expect, it } from 'vitest'
 import AmeliproAccordion from '../AmeliproAccordion.vue'
+import type { ComponentProps } from 'vue-component-type-helpers'
+import type { ExpectedPropOptions } from '@tests/types'
+import TestHelper from '@tests/helpers/TestHelper'
+import AmeliproAccordionTemplate from '../AmeliproAccordionTemplate/AmeliproAccordionTemplate.vue'
+
+const expectedPropOptions: ExpectedPropOptions<typeof AmeliproAccordion> = {
+	accordionTitle: {
+		type: String,
+		required: true,
+	},
+	borderColor: {
+		type: String,
+		default: 'ap-grey-lighten-2',
+	},
+	bordered: {
+		type: Boolean,
+		default: true,
+	},
+	cardColor: {
+		type: String,
+		default: 'ap-white',
+	},
+	headerRightWidth: {
+		type: String,
+		default: '50%',
+	},
+	hideSeparator: {
+		type: Boolean,
+		default: false,
+	},
+	isOpen: {
+		type: Boolean,
+		default: false,
+	},
+	titleLevel: {
+		type: Number,
+		default: 2,
+	},
+	titleUppercase: {
+		type: Boolean,
+		default: false,
+	},
+	uniqueId: {
+		type: String,
+		required: true,
+	},
+}
+
+// Values pour les props "required"
+const requiredPropValues = (): ComponentProps<typeof AmeliproAccordion> => ({
+	accordionTitle: 'Required accordion title',
+	uniqueId: 'required-unique-id',
+})
+
+// Valeurs pour les props "modified"
+const modifiedPropValues = (): ComponentProps<typeof AmeliproAccordion> => ({
+	accordionTitle: 'Modified accordion title',
+	borderColor: 'modified-border-color',
+	bordered: false,
+	cardColor: 'modified-card-color',
+	headerRightWidth: 'modified-header-right-width',
+	hideSeparator: true,
+	isOpen: true,
+	titleLevel: 3,
+	titleUppercase: true,
+	uniqueId: 'modified-unique-id',
+})
+
+const testHelper = new TestHelper(AmeliproAccordion)
+testHelper.setExpectedPropOptions(expectedPropOptions)
+	.setRequiredPropValues(requiredPropValues)
+	.setModifiedPropValues(modifiedPropValues)
 
 describe('AmeliproAccordion', () => {
-	it('render correctly', async () => {
-		const wrapper = mount(AmeliproAccordion, {
-			props: {
-				accordionTitle: 'titre accordion',
-				uniqueId: 'amelipro-accordion-unique-id',
-			},
+	describe('Snapshots', () => {
+		testHelper.snapshots()
+	})
+
+	describe('Properties', () => {
+		testHelper.properties()
+	})
+
+	describe('setting props should update props of inner components', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof AmeliproAccordion>>
+
+		describe('AmeliproAccordionTemplate', () => {
+			beforeEach(() => {
+				vueWrapper = shallowMount(AmeliproAccordion, { props: requiredPropValues() })
+			})
+
+			it('prop accordionTitle sets prop accordionTitle', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('accordionTitle')).toBe('Required accordion title')
+
+				const { accordionTitle } = modifiedPropValues()
+				await vueWrapper.setProps({ accordionTitle })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('accordionTitle')).toBe('Modified accordion title')
+			})
+
+			it('prop borderColor sets prop borderColor', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('borderColor')).toBe('ap-grey-lighten-2')
+
+				const { borderColor } = modifiedPropValues()
+				await vueWrapper.setProps({ borderColor })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('borderColor')).toBe('modified-border-color')
+			})
+
+			it('prop bordered sets prop bordered', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('bordered')).toBe(true)
+
+				const { bordered } = modifiedPropValues()
+				await vueWrapper.setProps({ bordered })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('bordered')).toBe(false)
+			})
+
+			it('prop cardColor sets prop cardColor', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('cardColor')).toBe('ap-white')
+
+				const { cardColor } = modifiedPropValues()
+				await vueWrapper.setProps({ cardColor })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('cardColor')).toBe('modified-card-color')
+			})
+
+			it('prop headerRightWidth sets prop headerRightWidth', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('headerRightWidth')).toBe('50%')
+
+				const { headerRightWidth } = modifiedPropValues()
+				await vueWrapper.setProps({ headerRightWidth })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('headerRightWidth')).toBe('modified-header-right-width')
+			})
+
+			it('prop hideSeparator sets prop hideSeparator', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('hideSeparator')).toBe(false)
+
+				const { hideSeparator } = modifiedPropValues()
+				await vueWrapper.setProps({ hideSeparator })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('hideSeparator')).toBe(true)
+			})
+
+			it('prop titleLevel sets prop titleLevel', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('titleLevel')).toBe(2)
+
+				const { titleLevel } = modifiedPropValues()
+				await vueWrapper.setProps({ titleLevel })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('titleLevel')).toBe(3)
+			})
+
+			it('prop titleUppercase sets prop titleUppercase', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('titleUppercase')).toBe(false)
+
+				const { titleUppercase } = modifiedPropValues()
+				await vueWrapper.setProps({ titleUppercase })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('titleUppercase')).toBe(true)
+			})
+
+			it('prop uniqueId sets prop uniqueId', async () => {
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('uniqueId')).toBe('required-unique-id')
+
+				const { uniqueId } = modifiedPropValues()
+				await vueWrapper.setProps({ uniqueId })
+				expect(vueWrapper.findComponent(AmeliproAccordionTemplate).props('uniqueId')).toBe('modified-unique-id')
+			})
+		})
+	})
+
+	describe('Public functions', () => {
+		let vueWrapper: VueWrapper<InstanceType<typeof AmeliproAccordion>>
+		const findInnerWrapper = (): VueWrapper<InstanceType<typeof AmeliproAccordionTemplate>> => vueWrapper.findComponent(AmeliproAccordionTemplate)
+		beforeEach(() => {
+			vueWrapper = shallowMount(AmeliproAccordion, { props: requiredPropValues() })
 		})
 
-		expect(wrapper.html()).toMatchSnapshot()
+		it('should test openClose()', async () => {
+			expect(findInnerWrapper().props('isOpen')).toBe(false)
+
+			await vueWrapper.vm.openClose()
+			expect(findInnerWrapper().props('isOpen')).toBe(true)
+
+			await vueWrapper.vm.openClose()
+			expect(findInnerWrapper().props('isOpen')).toBe(false)
+		})
 	})
 })

package/src/components/Amelipro/AmeliproAccordion/__tests__/__snapshots__/AmeliproAccordion.spec.ts.snap

@@ -1,124 +1,31 @@
 // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
 
-exports[`AmeliproAccordion > render correctly 1`] = `
-<div
-  class="
-    amelipro-accordion
-    mb-4
-    w-100
-  "
-  id="amelipro-accordion-unique-id-container"
-  style="
-    background-color: #FFFFFF;
-    border: 1px solid #DDDEDE;
-  "
->
-  <div
-    class="
-      align-center
-      amelipro-accordion__header
-      d-flex
-      flex-column
-      flex-sm-row
-      w-100
-    "
-    id="amelipro-accordion-unique-id-header"
-  >
-    <div
-      class="btn-wrapper"
-      style="width: 100%;"
-    >
-      <p
-        aria-level="2"
-        class="
-          font-weight-semibold
-          mb-0
-          text-h3
-        "
-        id="amelipro-accordion-unique-idtitle"
-        role="heading"
-      >
-        <button
-          aria-controls="amelipro-accordion-unique-id"
-          aria-expanded="false"
-          class="
-            accordion-btn
-            align-center
-            d-inline-flex
-            font-weight-semibold
-            text-ap-grey-darken-1
-            text-left
-          "
-          id="amelipro-accordion-unique-id-header-btn-open-close"
-          type="button"
-        >
-          <span
-            class="
-              accordion-icon
-              amelipro-icon
-              mr-2
-            "
-            id="amelipro-accordion-unique-id-icon"
-          >
-            <span
-              aria-hidden="true"
-              class="
-                amelipro-custom-icon
-                custom-color
-              "
-              focusable="false"
-              role="img"
-              style="
-                color: #0C419A;
-                height: 11px;
-                width: 11px;
-              "
-            >
-              <span>
-                <svg
-                  aria-hidden="true"
-                  style="enable-background:new 0 0 42 42;"
-                  version="1.1"
-                  viewBox="0 0 42 42"
-                  x="0px"
-                  xml:space="preserve"
-                  xmlns="http://www.w3.org/2000/svg"
-                  xmlns:xlink="http://www.w3.org/1999/xlink"
-                  y="0px"
-                >
-                  <polygon
-                    class="shape-color"
-                    points="21,39.2 42,2.8 0,2.8 "
-                  />
-                </svg>
-              </span>
-            </span>
-          </span>
-          titre accordion
-        </button>
-      </p>
-    </div>
-    <!-- v-if -->
-  </div>
-  <div
-    aria-labelledby="amelipro-accordion-unique-idtitle"
-    class="amelipro-accordion__wrapper"
-    id="amelipro-accordion-unique-id"
-    role="region"
-    style="display: none;"
-  >
-    <div
-      class="
-        amelipro-accordion__content
-        text-ap-grey-darken-1
-        w-100
-      "
-      style="
-        border-top-width: 1px;
-        border-top-style: solid;
-        border-top-color: #DDDEDE;
-      "
-    ></div>
-  </div>
-</div>
+exports[`AmeliproAccordion > Snapshots > renders the component with all properties filled in 1`] = `
+<amelipro-accordion-template-stub
+  accordiontitle="Modified accordion title"
+  bordercolor="modified-border-color"
+  bordered="false"
+  cardcolor="modified-card-color"
+  headerrightwidth="modified-header-right-width"
+  hideseparator="true"
+  isopen="true"
+  titlelevel="3"
+  titleuppercase="true"
+  uniqueid="modified-unique-id"
+></amelipro-accordion-template-stub>
+`;
+
+exports[`AmeliproAccordion > Snapshots > renders the component with only required properties filled in 1`] = `
+<amelipro-accordion-template-stub
+  accordiontitle="Required accordion title"
+  bordercolor="ap-grey-lighten-2"
+  bordered="true"
+  cardcolor="ap-white"
+  headerrightwidth="50%"
+  hideseparator="false"
+  isopen="false"
+  titlelevel="2"
+  titleuppercase="false"
+  uniqueid="required-unique-id"
+></amelipro-accordion-template-stub>
 `;