@cnamts/synapse 1.0.2 → 1.0.4

package/src/utils/amelipro/rules/notBeforeDate/index.ts

@@ -0,0 +1,33 @@
+import type { ValidationResult, ValidationRule } from '@/utils/rules/types'
+import { dateMatchFrIso, dateMatchIso, dateToBasicFormat, dateToFormatFr, stringToDate } from '../../dateHelper/dateHelper'
+import { ref } from 'vue'
+
+// On a besoin de tester si la date reçue est supérieure ou égale à la date minimale autorisée
+export type Value = string
+
+export function notBeforeDate(minDate: string, fieldType: string): ValidationRule<Value> {
+	return (value: Value): ValidationResult => {
+		if (value === '' || value === undefined || value === null) {
+			return true
+		}
+
+		const currentValue = ref(value)
+		if (fieldType === 'text' && dateMatchFrIso(value)) {
+			currentValue.value = dateToBasicFormat(value)
+		}
+
+		const valueHasGoodFormat = dateMatchIso(currentValue.value)
+		const minDateHasGoodFormat = dateMatchIso(minDate)
+		let valid = false
+		if (valueHasGoodFormat && minDateHasGoodFormat) {
+			const dateToTest = stringToDate(currentValue.value)
+			const minDateAsDate = stringToDate(minDate)
+
+			if (dateToTest && minDateAsDate) {
+				valid = Boolean(dateToTest >= minDateAsDate)
+			}
+		}
+
+		return valid || `La date saisie doit être ultérieure ou égale au ${dateToFormatFr(minDate)}.`
+	}
+}

package/src/utils/amelipro/rules/notBeforeDate/tests/notBeforeDate.spec.ts

@@ -0,0 +1,32 @@
+import { describe, it, expect } from 'vitest'
+import { notBeforeDate } from '..'
+import { dateToFormatFr } from '@/utils/amelipro/dateHelper/dateHelper'
+
+describe('notAfterDate', () => {
+	const currentDate = '2025-03-05'
+	const pastDate = '2025-03-04'
+	const futureDate = '2025-03-06'
+
+	const rule = notBeforeDate(currentDate, 'date')
+	const ruleTextField = notBeforeDate(currentDate, 'text')
+
+	it('returns true with a future date', () => {
+		expect(rule(futureDate)).toBe(true)
+	})
+
+	it('returns an error with a past date', () => {
+		expect(typeof rule(pastDate)).toBe('string')
+	})
+
+	it('returns true if the value is falsy', () => {
+		expect(rule('')).toBe(true)
+	})
+
+	it('rule for text type returns true with a future date', () => {
+		expect(ruleTextField(dateToFormatFr(futureDate))).toBe(true)
+	})
+
+	it('rule for text type returns an error with a past date', () => {
+		expect(typeof ruleTextField(dateToFormatFr(pastDate))).toBe('string')
+	})
+})

package/src/utils/functions/ameliproColors/ameliproColors.ts

@@ -0,0 +1,57 @@
+import type { AmeliproColorsTypes } from './types'
+
+export const AmeliproColors: AmeliproColorsTypes = {
+	apBlack: { hexColor: '#000000' },
+	apBlue: { hexColor: '#0C419A' },
+	apBluedarken1: { hexColor: '#00749C' },
+	apBluedarken2: { hexColor: '#00516D' },
+	apBluelighten1: { hexColor: '#99DBF2' },
+	apBluelighten2: { hexColor: '#CCEDF9' },
+	apBluelighten3: { hexColor: '#E6F6FC' },
+	apBluelighten4: { hexColor: '#F3FBFE' },
+	apError: { hexColor: '#B33F2E' },
+	apGreen: { hexColor: '#56C271' },
+	apGreendarken1: { hexColor: '#459B5A' },
+	apGreendarken2: { hexColor: '#337343' },
+	apGreenlighten1: { hexColor: '#78CE8D' },
+	apGreenlighten2: { hexColor: '#DDF3F3' },
+	apGrey: { hexColor: '#545859' },
+	apGreydarken1: { hexColor: '#1A1B1B' },
+	apGreylighten1: { hexColor: '#CCCDCE' },
+	apGreylighten2: { hexColor: '#DDDEDE' },
+	apGreylighten3: { hexColor: '#EEEEEE' },
+	apGreylighten4: { hexColor: '#F3F4F4' },
+	apGreylighten5: { hexColor: '#FAFAFA' },
+	apInformations: { hexColor: '#4D547D' },
+	apParme: { hexColor: '#C8D1E6' },
+	apParmedarken1: { hexColor: '#4D547D' },
+	apPink: { hexColor: '#E83182' },
+	apPrimary: { hexColor: '#00749C' },
+	apRed: { hexColor: '#B33F2E' },
+	apReddarken1: { hexColor: '#9D3728' },
+	apReddarken2: { hexColor: '#70281C' },
+	apRedlighten1: { hexColor: '#E67261' },
+	apRedlighten2: { hexColor: '#EC9588' },
+	apRedlighten3: { hexColor: '#F9DCD7' },
+	apRedlighten4: { hexColor: '#FDF0EE' },
+	apSecondary: { hexColor: '#00516D' },
+	apSuccess: { hexColor: '#007863' },
+	apTurquoise: { hexColor: '#33BCA5' },
+	apTurquoisedarken1: { hexColor: '#007863' },
+	apTurquoisedarken2: { hexColor: '#006654' },
+	apTurquoisedarken3: { hexColor: '#005647' },
+	apTurquoiselighten1: { hexColor: '#CCEEE8' },
+	apTurquoiselighten2: { hexColor: '#E6F7F4' },
+	apWarning: { hexColor: '#906C16' },
+	apWhite: { hexColor: '#FFFFFF' },
+	apYellow: { hexColor: '#F0B323' },
+	apYellowdarken1: { hexColor: '#D8A120' },
+	apYellowdarken2: { hexColor: '#C08F1C' },
+	apYellowdarken3: { hexColor: '#A87D19' },
+	apYellowdarken4: { hexColor: '#906C16' },
+	apYellowlighten1: { hexColor: '#F3C24F' },
+	apYellowlighten2: { hexColor: '#FED66D' },
+	apYellowlighten3: { hexColor: '#F7D990' },
+	apYellowlighten4: { hexColor: '#F9E1A7' },
+	apYellowlighten5: { hexColor: '#FCF0D3' },
+}

package/src/utils/functions/ameliproColors/types.d.ts

@@ -0,0 +1,5 @@
+export interface AmeliproColorsTypes {
+	[key: string]: {
+		hexColor: string
+	}
+}

package/src/utils/functions/classToHex.ts

@@ -0,0 +1,38 @@
+import { apLightTheme } from '@/designTokens/tokens/amelipro/apLightTheme'
+import { apColorsTokens } from '@/designTokens/tokens/amelipro/apColors'
+import { AmeliproColors } from './ameliproColors/ameliproColors'
+
+const currentTheme = apLightTheme
+const ameliproColors = AmeliproColors
+const colors = apColorsTokens as unknown as Record<string, Record<string, string>>
+export function classToHex(color: string): string {
+	color.toString().trim()
+	color = color?.replace(/-./, x => x[1].toUpperCase())
+	color = color?.replace('-', ' ')
+	// eslint-disable-next-line prefer-const
+	let [colorName, colorModifier] = color.split(' ', 2) as (string | undefined)[]
+	colorModifier = colorModifier?.replace('-', '')
+	let fullColorName = ''
+	let hexColor = ''
+	if (colorName && colorName in colors) {
+		if (colorModifier && colorModifier in colors[colorName]) {
+			hexColor = colors[colorName][colorModifier]
+		}
+		else if ('base' in colors[colorName]) {
+			hexColor = colors[colorName].base
+		}
+	}
+	else if (colorName && colorName in currentTheme) {
+		hexColor = currentTheme[colorName] as string
+	}
+	else if (color && colorName) {
+		if (colorModifier === undefined) {
+			fullColorName = colorName
+		}
+		else {
+			fullColorName = colorName + colorModifier
+		}
+		hexColor = ameliproColors[fullColorName]?.hexColor
+	}
+	return hexColor
+}

package/src/utils/functions/convertToHex.ts

@@ -0,0 +1,23 @@
+import { classToHex } from './classToHex'
+import { isCssColor } from './isCssColor'
+
+export const convertToHex = (color: string | undefined): string => {
+	if (typeof color !== 'string') {
+		return '#000'
+	}
+
+	if (isCssColor(color)) {
+		return color
+	}
+
+	switch (color) {
+		case 'white':
+			return '#FFF'
+		case 'black':
+			return '#000'
+		case 'transparent':
+			return 'transparent'
+		default:
+			return classToHex(color) || '#000'
+	}
+}

package/src/utils/functions/isCssColor.ts

@@ -0,0 +1,3 @@
+export function isCssColor(color?: string | false): boolean {
+	return typeof color === 'string' && Boolean(color.match(/^(#|var\(--|(rgb|hsl)a?\()/))
+}

package/src/utils/functions/throttleDisplayFn/tests/throttleDisplayFn.spec.ts

@@ -2,15 +2,31 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest'
 import throttleDisplayFn from '../throttleDisplayFn'
 
 describe('throttleDisplayFn', () => {
-	vi.stubGlobal('requestAnimationFrame', (fn: () => void) => fn())
+	let mockPerformanceNow: ReturnType<typeof vi.fn>
+	let mockRequestAnimationFrame: ReturnType<typeof vi.fn>
 
 	beforeEach(() => {
 		vi.useFakeTimers()
+
+		// Mock performance.now to return a controllable time
+		mockPerformanceNow = vi.fn(() => 0)
+		vi.stubGlobal('performance', { now: mockPerformanceNow })
+
+		// Mock window.requestAnimationFrame to execute immediately
+		mockRequestAnimationFrame = vi.fn((fn: () => void) => {
+			fn()
+			return 1
+		})
+		Object.defineProperty(window, 'requestAnimationFrame', {
+			value: mockRequestAnimationFrame,
+			writable: true,
+		})
 	})
 
 	afterEach(() => {
 		vi.restoreAllMocks()
 		vi.clearAllTimers()
+		vi.useRealTimers()
 	})
 
 	it('should call the function immediately if delay has passed', () => {
@@ -18,10 +34,13 @@ describe('throttleDisplayFn', () => {
 		const delay = 100
 		const throttledFn = throttleDisplayFn(mockFn, delay)
 
+		// First call should execute immediately (lastCalled starts at 0)
+		mockPerformanceNow.mockReturnValue(delay + 1) // Ensure delay condition is met
 		throttledFn()
 		expect(mockFn).toHaveBeenCalledTimes(1)
 
-		vi.spyOn(performance, 'now').mockReturnValue(performance.now() + delay + 1)
+		// Simulate more time passing beyond the delay
+		mockPerformanceNow.mockReturnValue(delay * 2 + 1)
 		throttledFn()
 		expect(mockFn).toHaveBeenCalledTimes(2)
 	})
@@ -31,17 +50,23 @@ describe('throttleDisplayFn', () => {
 		const delay = 100
 		const throttledFn = throttleDisplayFn(mockFn, delay)
 
+		// First call should execute immediately (lastCalled starts at 0)
+		mockPerformanceNow.mockReturnValue(delay + 1) // Ensure delay condition is met
 		throttledFn()
 		expect(mockFn).toHaveBeenCalledTimes(1)
 
+		// Subsequent calls within delay should be throttled
+		mockPerformanceNow.mockReturnValue(delay + 50) // Still within delay from last call
 		throttledFn()
 		throttledFn()
 
+		// Should still only have been called once
 		expect(mockFn).toHaveBeenCalledTimes(1)
 
 		// Advance timers to trigger the setTimeout
 		vi.advanceTimersByTime(delay)
 
+		// Now the setTimeout should have executed the function
 		expect(mockFn).toHaveBeenCalledTimes(2)
 	})
 })

package/src/utils/index.ts

@@ -0,0 +1,45 @@
+// ===========================
+// Storage utilities
+// ===========================
+export { LocalStorageUtility } from './localStorageUtility'
+
+// ===========================
+// Formatting utilities
+// ===========================
+export { calcHumanFileSize } from './calcHumanFileSize'
+export { convertToUnit } from './convertToUnit'
+export { formatDate } from './formatDate'
+export { parseDate } from './parseDate'
+
+// ===========================
+// Validation utilities
+// ===========================
+export { propValidator } from './propValidator'
+export { ruleMessage } from './ruleMessage'
+
+// Date validation
+export { isDateAfter } from './functions/validation/isDateAfter'
+export { isDateBefore } from './functions/validation/isDateBefore'
+export { isDateInRange } from './functions/validation/isDateInRange'
+// Renamed to avoid conflict with rules/isDateValid
+import { isDateValid as isDateValidUtil } from './functions/validation/isDateValid'
+export { isDateValidUtil }
+export { isWeekend } from './functions/validation/isWeekend'
+
+// Email validation
+export { isEmailValid } from './functions/validation/isEmailValid'
+
+// ===========================
+// DOM & Browser utilities
+// ===========================
+export { copyToClipboard } from './functions/copyToClipboard'
+export { downloadFile } from './functions/downloadFile'
+
+// Performance
+import throttleDisplayFn from './functions/throttleDisplayFn/throttleDisplayFn'
+export { throttleDisplayFn }
+
+// ===========================
+// Data utilities
+// ===========================
+export { deepCopy } from './functions/deepCopy'

package/src/utils/rules/isHolidayDay/IsHolidayDay.stories.ts

@@ -1,6 +1,6 @@
 import type { Meta, StoryObj } from '@storybook/vue3'
 import { ref } from 'vue'
-import DatePicker from '@/components/DatePicker/DatePicker/DatePicker.vue'
+import DatePicker from '@/components/DatePicker/CalendarMode/DatePicker.vue'
 import { useHolidayDay } from '@/composables/date/useHolidayDay'
 
 const meta: Meta<typeof DatePicker> = {
@@ -17,7 +17,7 @@ export default meta
 type Story = StoryObj<typeof DatePicker>
 
 /**
- * Exemple d'utilisation de la règle isHolidayDay avec un DatePicker
+ * Exemple d'utilisation de la règle isHolidayDay avec un CalendarMode
  */
 export const Default: Story = {
 	render: () => ({

package/src/vuetifyConfig.ts

@@ -13,6 +13,10 @@ import {
 	paLightTheme,
 	paDarkTheme,
 	paFontsTokens,
+	// apColorsTokens,
+	apContextualTokens,
+	apLightTheme,
+	apDarkTheme,
 } from './designTokens'
 import { createFlattenTheme, createFontVariables } from './designTokens/utils'
 import { fr } from 'vuetify/locale'
@@ -56,6 +60,17 @@ export const createVuetifyInstance = () => createVuetify({
 					...createFontVariables(paFontsTokens),
 				},
 			},
+			ap: {
+				dark: false,
+				colors: {
+					...apLightTheme,
+					...apDarkTheme,
+				},
+				variables: {
+					'font-family': '"Arial", sans-serif',
+					...createFlattenTheme(apContextualTokens),
+				},
+			},
 		},
 	},
 	icons: {

package/dist/DateFilter-YWOTbfeL.js

@@ -1,98 +0,0 @@
-import { defineComponent as h, computed as D, createBlock as k, openBlock as p } from "vue";
-import { u as C, D as F, _ as V } from "./main-Cx8qG7YR.js";
-const v = /* @__PURE__ */ h({
-  __name: "DateFilter",
-  props: {
-    header: {
-      type: Object,
-      required: !0
-    },
-    filters: {
-      type: Array,
-      default: () => []
-    },
-    filterValue: {
-      type: [String, Date, Object, null],
-      default: null
-    },
-    inputConfig: {
-      type: Object,
-      default: () => ({})
-    },
-    disableErrorHandling: {
-      type: Boolean,
-      default: !1
-    },
-    variant: {
-      type: String,
-      default: "outlined"
-    },
-    hideDetails: {
-      type: Boolean,
-      default: !0
-    },
-    density: {
-      type: String,
-      default: "compact"
-    },
-    backgroundColor: {
-      type: String,
-      default: "white"
-    },
-    clearable: {
-      type: Boolean,
-      default: !0
-    }
-  },
-  emits: ["update:filters"],
-  setup(e, { emit: g }) {
-    const { parseDate: y } = C(), t = e, u = g;
-    function s() {
-      return String(t.header.key || t.header.value || (t.header.title ? `filter_${t.header.title}` : `filter_${Date.now()}`));
-    }
-    const f = D({
-      get: () => t.filterValue,
-      set: (a) => {
-        const i = s();
-        if (!i) return;
-        if (a === null) {
-          const r = t.filters.filter((o) => o.key !== i);
-          u("update:filters", r);
-          return;
-        }
-        const l = t.filters.findIndex((r) => r.key === i), n = [...t.filters];
-        let d = a;
-        typeof a == "string" && a.trim() !== "" && y(a, t.header.dateFormat || "DD/MM/YYYY") && (d = a), l >= 0 ? n[l].value = d : n.push({
-          key: i,
-          value: d,
-          type: "date"
-        }), u("update:filters", n);
-      }
-    });
-    function m() {
-      const a = s(), i = t.filters.filter((l) => l.key !== a);
-      u("update:filters", i);
-    }
-    return (a, i) => {
-      var l, n, d, r, o, c;
-      return p(), k(F, {
-        modelValue: f.value,
-        "onUpdate:modelValue": i[0] || (i[0] = (b) => f.value = b),
-        label: e.header.title,
-        clearable: ((l = e.inputConfig) == null ? void 0 : l.clearable) ?? e.clearable,
-        density: ((n = e.inputConfig) == null ? void 0 : n.density) ?? e.density,
-        "hide-details": ((d = e.inputConfig) == null ? void 0 : d.hideDetails) ?? e.hideDetails,
-        "hide-messages": e.header.hideMessages,
-        variant: ((r = e.inputConfig) == null ? void 0 : r.variant) ?? e.variant,
-        "disable-error-handling": ((o = e.inputConfig) == null ? void 0 : o.disableErrorHandling) ?? e.disableErrorHandling,
-        "bg-color": ((c = e.inputConfig) == null ? void 0 : c.backgroundColor) ?? e.backgroundColor,
-        format: e.header.dateFormat,
-        class: "filter-input",
-        "onClick:clear": m
-      }, null, 8, ["modelValue", "label", "clearable", "density", "hide-details", "hide-messages", "variant", "disable-error-handling", "bg-color", "format"]);
-    };
-  }
-}), B = /* @__PURE__ */ V(v, [["__scopeId", "data-v-1676b500"]]);
-export {
-  B as default
-};

package/dist/NumberFilter-DMmMgALM.js

@@ -1,121 +0,0 @@
-import { defineComponent as k, ref as h, watch as x, computed as T, createElementBlock as V, openBlock as F, createVNode as w } from "vue";
-import { a as S, _ as D } from "./main-Cx8qG7YR.js";
-const E = { class: "number-filter-container" }, B = /* @__PURE__ */ k({
-  __name: "NumberFilter",
-  props: {
-    header: {
-      type: Object,
-      required: !0
-    },
-    filters: {
-      type: Array,
-      default: () => []
-    },
-    filterValue: {
-      type: [Number, String],
-      default: ""
-    },
-    inputConfig: {
-      type: Object,
-      default: () => ({})
-    },
-    disableErrorHandling: {
-      type: Boolean,
-      default: !1
-    },
-    variant: {
-      type: String,
-      default: "outlined"
-    },
-    hideDetails: {
-      type: Boolean,
-      default: !0
-    },
-    density: {
-      type: String,
-      default: "compact"
-    },
-    backgroundColor: {
-      type: String,
-      default: "white"
-    },
-    clearable: {
-      type: Boolean,
-      default: !0
-    },
-    debounceTime: {
-      type: Number,
-      default: 300
-    }
-  },
-  emits: ["update:filters"],
-  setup(l, { emit: y }) {
-    const e = l, s = y, d = h(e.filterValue || ""), u = h(null);
-    x(() => e.filters, (t) => {
-      t.length === 0 && (u.value !== null && (clearTimeout(u.value), u.value = null), d.value = "");
-    });
-    function c() {
-      return !e.header || !e.header.key && !e.header.value && !e.header.title ? `filter_${Date.now()}` : String(e.header.key || e.header.value || (e.header.title ? `filter_${e.header.title}` : `filter_${Date.now()}`));
-    }
-    function p(t) {
-      const a = /^([=<>]{1,2})?(.*)$/.exec(t);
-      if (!a) return "";
-      const i = a[1] || "";
-      let r = a[2] || "";
-      return r = r.replace(/[^0-9.,]/g, ""), i + r;
-    }
-    const f = T({
-      get: () => d.value,
-      set: (t) => {
-        var o;
-        const n = t != null ? String(t) : "", a = p(n);
-        d.value = a, u.value !== null && clearTimeout(u.value);
-        const i = ((o = e.inputConfig) == null ? void 0 : o.debounceTime) ?? e.debounceTime;
-        i === 0 || void 0 ? g(a) : u.value = window.setTimeout(() => {
-          g(a);
-        }, i);
-      }
-    });
-    function g(t) {
-      const n = c();
-      if (!e.header || Object.keys(e.header).length, t === "" || t === "0") {
-        s("update:filters", e.filters.filter((o) => o.key !== n));
-        return;
-      }
-      const a = e.filters.findIndex((o) => o.key === n), i = [...e.filters], r = /^[=<>]{1,2}/.test(t);
-      a >= 0 ? i[a].value = r ? t : parseFloat(t.replace(",", ".")) : i.push({
-        key: n,
-        value: r ? t : parseFloat(t.replace(",", ".")),
-        type: "number"
-      }), s("update:filters", i);
-    }
-    function v() {
-      d.value = "";
-      const t = c();
-      s("update:filters", e.filters.filter((n) => n.key !== t));
-    }
-    return (t, n) => {
-      var a, i, r, o, m, b;
-      return F(), V("div", E, [
-        w(S, {
-          modelValue: f.value,
-          "onUpdate:modelValue": n[0] || (n[0] = (C) => f.value = C),
-          label: l.header.title,
-          type: "text",
-          clearable: ((a = l.inputConfig) == null ? void 0 : a.clearable) ?? l.clearable,
-          density: ((i = l.inputConfig) == null ? void 0 : i.density) ?? l.density,
-          "hide-details": ((r = l.inputConfig) == null ? void 0 : r.hideDetails) ?? l.hideDetails,
-          "hide-messages": l.header.hideMessages,
-          "disable-error-handling": ((o = l.inputConfig) == null ? void 0 : o.disableErrorHandling) ?? l.disableErrorHandling,
-          variant: ((m = l.inputConfig) == null ? void 0 : m.variant) ?? l.variant,
-          "bg-color": ((b = l.inputConfig) == null ? void 0 : b.backgroundColor) ?? l.backgroundColor,
-          class: "filter-input",
-          "onClick:clear": v
-        }, null, 8, ["modelValue", "label", "clearable", "density", "hide-details", "hide-messages", "disable-error-handling", "variant", "bg-color"])
-      ]);
-    };
-  }
-}), O = /* @__PURE__ */ D(B, [["__scopeId", "data-v-7a98936f"]]);
-export {
-  O as default
-};