@cnamts/synapse 1.0.1 → 1.0.3

package/README.md

@@ -31,7 +31,7 @@ Pour utiliser ce Design System, vous devez avoir au moins les versions suivantes
 
 Pour utiliser ce package, vous pouvez installer le starter kit suivant :
 
--   [Starter Kit Synapse](https://gitlab.cnqd.cnamts.fr/human/developpement/SKV3_X)
+-   [Starter Kit Synapse](https://gitlab.cnqd.cnamts.fr/human/developpement/sksn_x)
 
 ### Librairie uniquement
 

package/dist/{DateFilter-BmRuzQ9Z.js → DateFilter-DFKfon7L.js}

@@ -1,5 +1,5 @@
 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-WDqeoGM-.js";
+import { u as C, D as F, _ as V } from "./main-DoYCrS2Q.js";
 const v = /* @__PURE__ */ h({
   __name: "DateFilter",
   props: {

package/dist/{NumberFilter-CnIPDHqx.js → NumberFilter-DmhIL2Pr.js}

@@ -1,5 +1,5 @@
 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-WDqeoGM-.js";
+import { a as S, _ as D } from "./main-DoYCrS2Q.js";
 const E = { class: "number-filter-container" }, B = /* @__PURE__ */ k({
   __name: "NumberFilter",
   props: {

package/dist/{PeriodFilter-CZwZ8CnQ.js → PeriodFilter-C46V6bYN.js}

@@ -1,5 +1,5 @@
 import { defineComponent as b, computed as h, createBlock as p, openBlock as k } from "vue";
-import { P as C, _ as F } from "./main-WDqeoGM-.js";
+import { P as C, _ as F } from "./main-DoYCrS2Q.js";
 const V = /* @__PURE__ */ b({
   __name: "PeriodFilter",
   props: {

package/dist/SelectFilter-B8dtHtHo.js

@@ -0,0 +1,136 @@
+import { defineComponent as k, computed as p, ref as C, createElementBlock as F, openBlock as S, createVNode as A } from "vue";
+import { S as B, _ as E } from "./main-DoYCrS2Q.js";
+const n = {
+  defaultOption: "- choisir -",
+  emptyValue: "(vide)"
+}, D = { class: "select-filter-wrapper" }, I = /* @__PURE__ */ k({
+  __name: "SelectFilter",
+  props: {
+    header: {
+      type: Object,
+      required: !0
+    },
+    filters: {
+      type: Array,
+      default: () => []
+    },
+    filterValue: {
+      type: [String, Number, Object, Array, void 0, 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(i, { emit: v }) {
+    const e = i, o = v;
+    function y() {
+      return String(e.header.key || e.header.value || (e.header.title ? `filter_${e.header.title}` : `filter_${Date.now()}`));
+    }
+    const m = p(() => {
+      if (!e.header.filterOptions || !Array.isArray(e.header.filterOptions))
+        return [{ text: n.defaultOption, value: n.defaultOption }];
+      const l = [{ text: n.defaultOption, value: n.defaultOption }];
+      return e.header.filterOptions.forEach((t) => {
+        t.text === void 0 || t.text === null || t.text === "" ? l.push({ text: n.emptyValue, value: t.value }) : l.push(t);
+      }), l;
+    }), f = p({
+      get: () => e.filterValue === null ? e.header.multiple ? [] : n.defaultOption : e.filterValue,
+      set: (l) => {
+        const t = y();
+        if (!t) return;
+        if (e.header.multiple) {
+          if (!l || Array.isArray(l) && l.length === 0) {
+            const d = e.filters.filter((c) => c.key !== t);
+            o("update:filters", d);
+            return;
+          }
+          const r = e.filters.findIndex((d) => d.key === t), a = [...e.filters];
+          r >= 0 ? a[r].value = l : a.push({
+            key: t,
+            value: l,
+            type: "select"
+          }), o("update:filters", a);
+          return;
+        }
+        if (l == null || l === n.defaultOption) {
+          const r = e.filters.filter((a) => a.key !== t);
+          o("update:filters", r);
+          return;
+        }
+        const u = e.filters.findIndex((r) => r.key === t), s = [...e.filters];
+        u >= 0 ? s[u].value = l : s.push({
+          key: t,
+          value: l,
+          type: "select"
+        }), o("update:filters", s);
+      }
+    });
+    function g() {
+      const l = y(), t = e.filters.filter((u) => u.key !== l);
+      o("update:filters", t);
+    }
+    const h = C(!1);
+    function b() {
+      h.value = !0;
+    }
+    function O() {
+      h.value = !1;
+    }
+    const x = p(() => typeof process < "u" && process.env.NODE_ENV === "test" ? !0 : e.header.multiple ? Array.isArray(f.value) && f.value.length > 0 : f.value !== n.defaultOption);
+    return (l, t) => {
+      var u, s, r, a, d;
+      return S(), F("div", D, [
+        A(B, {
+          modelValue: f.value,
+          "onUpdate:modelValue": t[0] || (t[0] = (c) => f.value = c),
+          label: e.header.title || "",
+          items: m.value,
+          clearable: x.value,
+          density: ((u = i.inputConfig) == null ? void 0 : u.density) ?? i.density,
+          "hide-details": ((s = i.inputConfig) == null ? void 0 : s.hideDetails) ?? i.hideDetails,
+          "hide-messages": !0,
+          variant: ((r = i.inputConfig) == null ? void 0 : r.variant) ?? i.variant,
+          "bg-color": ((a = i.inputConfig) == null ? void 0 : a.backgroundColor) ?? i.backgroundColor,
+          "disable-error-handling": ((d = i.inputConfig) == null ? void 0 : d.disableErrorHandling) ?? i.disableErrorHandling,
+          multiple: e.header.multiple,
+          chips: e.header.chips,
+          class: "filter-input",
+          "aria-label": e.header.title || "Filtre",
+          "onClick:clear": g,
+          onFocus: b,
+          onBlur: O
+        }, null, 8, ["modelValue", "label", "items", "clearable", "density", "hide-details", "variant", "bg-color", "disable-error-handling", "multiple", "chips", "aria-label"])
+      ]);
+    };
+  }
+}), H = /* @__PURE__ */ E(I, [["__scopeId", "data-v-53b79649"]]);
+export {
+  H as default
+};

package/dist/{TextFilter-DTxZHJwX.js → TextFilter-COKGday2.js}

@@ -1,5 +1,5 @@
 import { defineComponent as C, ref as b, watch as k, computed as T, createElementBlock as x, openBlock as w, createVNode as F } from "vue";
-import { a as V, _ as E } from "./main-WDqeoGM-.js";
+import { a as V, _ as E } from "./main-DoYCrS2Q.js";
 const S = { class: "text-filter-container" }, B = /* @__PURE__ */ C({
   __name: "TextFilter",
   props: {

package/dist/assets/amelipro/icons.d.ts

@@ -0,0 +1,5 @@
+interface Icons {
+    [key: string]: string;
+}
+export declare const icons: Icons;
+export {};

package/dist/components/Accordion/Accordion.d.ts

@@ -8,6 +8,7 @@ interface AccordionItem {
     title: string;
     content: string | ContentObject;
     headingLevel?: number;
+    disabled?: boolean;
 }
 interface Props extends CustomizableOptions {
     items: AccordionItem[];
@@ -25,7 +26,6 @@ interface Props extends CustomizableOptions {
 }
 declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{}>, {
     headingLevel: number;
-    groupId: string;
     vuetifyOptions: {
         accordion?: {
             backgroundColor?: string | undefined;
@@ -35,5 +35,6 @@ declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, imp
             activeColor?: string | undefined;
         } | undefined;
     };
+    groupId: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;

package/dist/components/Accordion/composables/useAccordionGroupCommunication.d.ts

@@ -0,0 +1,5 @@
+export interface AccordionGroupCommunication {
+    emitFocusChange: (itemId: string | null) => void;
+    handleFocusChange: (event: CustomEvent) => void;
+}
+export default function useAccordionGroupCommunication(instanceId: string, groupId: string, onFocusChange: (itemId: string | null) => void): AccordionGroupCommunication;

package/dist/components/Accordion/composables/useAccordionKeyboardNavigation.d.ts

@@ -0,0 +1,12 @@
+import { Ref } from 'vue';
+export interface AccordionItem {
+    id: string;
+    title: string;
+    content: any;
+    headingLevel?: number;
+    disabled?: boolean;
+}
+export interface AccordionKeyboardNavigation {
+    handleKeyNavigation: (event: KeyboardEvent, itemId: string, index: number) => void;
+}
+export default function useAccordionKeyboardNavigation(items: Ref<AccordionItem[]> | AccordionItem[], setFocus: (itemId: string | null) => void): AccordionKeyboardNavigation;

package/dist/components/Accordion/composables/useAccordionState.d.ts

@@ -0,0 +1,13 @@
+export interface AccordionState {
+    openItems: {
+        value: string[];
+    };
+    focusedItemId: {
+        value: string | null;
+    };
+    toggleItem: (itemId: string) => void;
+    isItemOpen: (itemId: string) => boolean;
+    isItemFocused: (itemId: string) => boolean;
+    setFocus: (itemId: string | null) => void;
+}
+export default function useAccordionState(): AccordionState;