@cnamts/synapse-bridge - npm Package Compare versions

Comparing version 1.1.7-alpha.0 to 1.1.8-alpha.0

dist/index.d.ts

 import { ActionMethod } from 'vuex';
+import type { AllLanguagesChar } from './types';
+import { AllowedComponentProps } from 'vue';
 import { ChipItem } from './types';
+import { ComponentCustomProps } from 'vue';
 import { ComponentOptionsMixin } from 'vue';
 import { Computed } from 'vuex';
 import { CookiesPageItems } from './types';
+import type { CurrentLangData } from './types';
 import { Customizable } from '../../mixins/customizable/types';
@@ -18,2 +22,3 @@ import { DataListActionEvent } from '../../patterns/DataListGroup/types';
 import { ItemClass } from './types';
+import type { Languages } from './types';
 import { LinkItem } from './types';
@@ -26,9 +31,11 @@ import type { LogoInfo } from './types';
 import { PropType } from 'vue';
-import { PublicProps } from 'vue';
 import { Ref } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
 import { RouteRecordRaw } from 'vue-router';
+import type { SelectBtnItem } from './types';
+import type { SelectBtnValue } from './types';
 import type { Service } from './types';
 import { SocialMediaLink } from './SocialMediaLinks/types';
 import { ValidationRule } from '../../rules/types';
+import { VNodeProps } from 'vue';
 
@@ -71,3 +78,3 @@ declare enum A11yComplianceEnum {
     dismissAlert(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     type: {
@@ -106,3 +113,3 @@ type: PropType<AlertTypeEnum>;
     };
-}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     hideBackIcon: {
@@ -117,4 +124,4 @@ type: BooleanConstructor;
 }>>, {
+    hideBackIcon: boolean;
     dark: boolean;
-    hideBackIcon: boolean;
 }, {}>;
@@ -154,3 +161,3 @@
     scrollToTop(): void;
-}, Customizable, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, Customizable, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     threshold: {
@@ -202,3 +209,3 @@ type: NumberConstructor;
     emitResetEvent(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
@@ -228,3 +235,3 @@ type: PropType<ChipItem[]>;
     setHash(hash: string): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", PublicProps, Readonly<ExtractPropTypes<{
+}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     modelValue: {
@@ -270,3 +277,3 @@ type: StringConstructor;
     accept(): void;
-}, Customizable, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, Customizable, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     cookiesRoute: {
@@ -302,3 +309,3 @@ type: PropType<string | RouteRecordRaw>;
     submitForm(): Promise<void>;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "submit"[], "submit", PublicProps, Readonly<ExtractPropTypes<{
+}, ComponentOptionsMixin, ComponentOptionsMixin, "submit"[], "submit", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
@@ -337,3 +344,3 @@ type: PropType<CookiesPageItems>;
     copy(): void;
-}, Customizable, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, Customizable, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     label: {
@@ -421,3 +428,3 @@ type: StringConstructor;
     widthStyles(): IndexedObject<string | undefined>;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     maxWidth: {
@@ -436,6 +443,6 @@ type: NumberOrNumberString;
 }>>, {
-    width: string | number | undefined;
     maxWidth: string | number | undefined;
     minWidth: string | number | undefined;
-}, {}>, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+    width: string | number | undefined;
+}, {}>, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
@@ -516,3 +523,3 @@ type: PropType<DataListItem[]>;
     emitItemAction(dataListIndex: number, itemIndex: number): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, "click:list-item"[], "click:list-item", PublicProps, Readonly<ExtractPropTypes<{
+}, ComponentOptionsMixin, ComponentOptionsMixin, "click:list-item"[], "click:list-item", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     items: {
@@ -588,3 +595,3 @@ type: PropType<DataListGroupItems>;
     setEventListeners(): Promise<void>;
-}, Customizable, ComponentOptionsMixin, ("update:modelValue" | "cancel" | "confirm")[], "update:modelValue" | "cancel" | "confirm", PublicProps, Readonly<ExtractPropTypes<{
+}, Customizable, ComponentOptionsMixin, ("update:modelValue" | "cancel" | "confirm")[], "update:modelValue" | "cancel" | "confirm", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     modelValue: {
@@ -676,3 +683,3 @@ type: BooleanConstructor;
     mobileVersion(): boolean;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     pageTitle: {
@@ -822,3 +829,3 @@ type: StringConstructor;
     scrollToTop(): void;
-}, Customizable, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, Customizable, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     a11yCompliance: {
@@ -918,3 +925,3 @@ type: PropType<A11yComplianceEnum>;
 
-export declare const FooterWrapper: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
+export declare const FooterWrapper: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
 
@@ -940,3 +947,3 @@ export declare const FranceConnectBtn: DefineComponent<{
     infoLinkUrl(): string;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     href: {
@@ -1034,3 +1041,3 @@ type: StringConstructor;
     onScroll(event: MouseEvent): void;
-}, Customizable, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, Customizable, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     theme: {
@@ -1094,4 +1101,5 @@ type: PropType<ThemeEnum>;
 }>>, {
+    theme: ThemeEnum;
+    sticky: boolean;
     target: string;
-    theme: ThemeEnum;
     serviceTitle: string;
@@ -1103,3 +1111,2 @@ serviceSubTitle: string;
     homeArialabel: string;
-    sticky: boolean;
     innerWidth: string;
@@ -1121,3 +1128,3 @@ navigationItems: NavigationItem[];
     };
-}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     width: {
@@ -1136,2 +1143,56 @@ type: StringConstructor;
 
+export declare const LangBtn: DefineComponent<{
+    availableLanguages: {
+        type: PropType<string[] | "*">;
+        default: () => string[];
+        validator: (value: string[] | AllLanguagesChar) => boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideDownArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}, unknown, {
+    downArrowIcon: string;
+}, {
+    currentLangClass(): string | undefined;
+    languages(): Languages;
+    currentLangData(): CurrentLangData;
+}, {
+    getFormattedLanguages(): Languages;
+    updateLang(lang: string): void;
+}, Customizable, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    availableLanguages: {
+        type: PropType<string[] | "*">;
+        default: () => string[];
+        validator: (value: string[] | AllLanguagesChar) => boolean;
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: string;
+    };
+    hideDownArrow: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    modelValue: string;
+    availableLanguages: string[] | "*";
+    hideDownArrow: boolean;
+}, {}>;
+
 export declare const Logo: DefineComponent<{
@@ -1180,3 +1241,3 @@ hideSignature: {
     label(): string;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     hideSignature: {
@@ -1212,2 +1273,5 @@ type: BooleanConstructor;
 }>>, {
+    size: string;
+    dark: boolean;
+    avatar: boolean;
     risquePro: boolean;
@@ -1217,5 +1281,2 @@ hideSignature: boolean;
     ariaLabel: string;
-    avatar: boolean;
-    dark: boolean;
-    size: string;
 }, {}>;
@@ -1294,3 +1355,3 @@
     logoSize(): LogoSizeEnum;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     theme: {
@@ -1350,3 +1411,3 @@ type: PropType<ThemeEnum>;
     };
-}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
+}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
 
@@ -1366,3 +1427,3 @@ export declare const NotFoundPage: DefineComponent<{}, {}, {
     supportId(): string | null;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>;
 
@@ -1397,3 +1458,3 @@ export declare const NotificationBar: DefineComponent<{
     dispatchClearNotification: ActionMethod;
-}, Customizable, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, Customizable, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     closeBtnText: {
@@ -1437,3 +1498,3 @@ type: StringConstructor;
     containerSize(): number;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     size: {
@@ -1490,3 +1551,3 @@ type: StringConstructor;
     emitChangeEvent(): void;
-}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", PublicProps, Readonly<ExtractPropTypes<{
+}, ComponentOptionsMixin, ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     modelValue: {
@@ -1509,6 +1570,107 @@ type: StringConstructor;
     outlined: boolean;
+    modelValue: string;
     required: boolean;
-    modelValue: string;
 }, {}>;
 
+export declare const SelectBtnField: DefineComponent<{
+    modelValue: {
+        type: PropType<SelectBtnValue>;
+        default: null;
+    };
+    items: {
+        type: PropType<SelectBtnItem[]>;
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorMessages: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, {
+    checkIcon: string;
+    internalValue: SelectBtnValue;
+    darktheme: boolean;
+}, {
+    filteredItems(): SelectBtnItem[];
+}, {
+    isSelected(value: number | string): boolean;
+    getIconStyles(item: SelectBtnItem): Record<string, string>;
+    getNewValue(item: SelectBtnItem): SelectBtnValue;
+    toggleItem(item: SelectBtnItem): void;
+}, Customizable, ComponentOptionsMixin, ("update:modelValue" | "update:error" | "update:error-messages")[], "update:modelValue" | "update:error" | "update:error-messages", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SelectBtnValue>;
+        default: null;
+    };
+    items: {
+        type: PropType<SelectBtnItem[]>;
+        default: () => never[];
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    multiple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    hint: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errorMessages: {
+        type: PropType<string[]>;
+        default: undefined;
+    };
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:error"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:error-messages"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    items: SelectBtnItem[];
+    modelValue: SelectBtnValue;
+    readonly: boolean;
+    error: boolean;
+    multiple: boolean;
+    errorMessages: string[];
+    hint: string;
+    inline: boolean;
+}, {}>;
+
 declare enum SizeEnum {
@@ -1530,3 +1692,3 @@ X_LARGE = "xl",
     };
-}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, unknown, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     label: {
@@ -1598,3 +1760,3 @@ type: StringConstructor;
     widthStyles(): IndexedObject<string | undefined>;
-}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     maxWidth: {
@@ -1613,6 +1775,6 @@ type: NumberOrNumberString;
 }>>, {
-    width: string | number | undefined;
     maxWidth: string | number | undefined;
     minWidth: string | number | undefined;
-}, {}>, ComponentOptionsMixin, ("click:list-item" | "back")[], "click:list-item" | "back", PublicProps, Readonly<ExtractPropTypes<{
+    width: string | number | undefined;
+}, {}>, ComponentOptionsMixin, ("click:list-item" | "back")[], "click:list-item" | "back", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     hideBackBtn: {
@@ -1707,3 +1869,3 @@ type: BooleanConstructor;
     isMobileWithIcon(): boolean;
-}, {}, Customizable, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<{
+}, {}, Customizable, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
     fullName: {
@@ -1710,0 +1872,0 @@ type: StringConstructor;

package.json

 {
 	"name": "@cnamts/synapse-bridge",
-	"version": "1.1.7-alpha.0",
+	"version": "1.1.8-alpha.0",
 	"description": "Portage of our components to Vue 3 without breaking changes",
@@ -35,3 +35,3 @@ "license": "MIT",
 		"vue": "^3.3.0",
-		"vuetify": "^3.3.0",
+		"vuetify": "3.5.10",
 		"vuex": "^4.1.0"
@@ -54,2 +54,3 @@ },
 		"jsdom": "22.1.0",
+		"languages": "^0.1.3",
 		"maska": "^2.1.10",
@@ -71,3 +72,3 @@ "resize-observer-polyfill": "1.5.1",
 	},
-	"gitHead": "4f1055255568e493a3f9572c8ab3cb691f87505c"
+	"gitHead": "6d80af79673fa3022e73edf6f8036b89f2cb3959"
 }

src/patterns/index.ts

@@ -11,1 +11,3 @@ export { default as AlertWrapper } from './AlertWrapper'
 export { default as SubHeader } from './SubHeader'
+export { default as LangBtn } from './LangBtn'
+export { default as SelectBtnField } from './SelectBtnField'

src/patterns/SubHeader/config.ts

@@ -6,3 +6,2 @@ export const config = {
 	backBtn: {
-		color: 'transparent',
 		size: 'small',
@@ -9,0 +8,0 @@ variant: 'text',

No alert changes

Improved metrics

Total package byte prevSize

1945924

increased by4.33%

Number of package files

295

increased by4.98%

Lines of code

14512

increased by7.5%

Worsened metrics

Dev dependency count

22

increased by4.76%

No dependency changes