fds-vue-core 8.2.3 → 8.3.0

package/components.d.ts

@@ -32,6 +32,7 @@ import type { FdsInputProps } from './src/components/Form/FdsInput/types'
 import type { FdsRadioProps } from './src/components/Form/FdsRadio/types'
 import type { FdsSelectProps } from './src/components/Form/FdsSelect/types'
 import type { FdsPhonenumberEmits, FdsPhonenumberProps } from './src/components/Form/FdsPhonenumber/types'
+import type { FdsSsnEmits, FdsSsnProps } from './src/components/Form/FdsSsn/types'
 import type { FdsTextareaEmits, FdsTextareaProps } from './src/components/Form/FdsTextarea/types'
 import type { FdsTableProps } from './src/components/Table/FdsTable/types'
 import type { FdsTableHeadProps } from './src/components/Table/FdsTableHead/types'
@@ -64,6 +65,7 @@ declare module 'vue' {
     FdsCheckbox: DefineComponent<FdsCheckboxProps>
     FdsTextarea: DefineComponent<FdsTextareaProps, {}, {}, {}, {}, {}, {}, FdsTextareaEmits>
     FdsPhonenumber: DefineComponent<FdsPhonenumberProps, {}, {}, {}, {}, {}, {}, FdsPhonenumberEmits>
+    FdsSsn: DefineComponent<FdsSsnProps, {}, {}, {}, {}, {}, {}, FdsSsnEmits>
     FdsSelect: DefineComponent<FdsSelectProps>
     FdsTable: DefineComponent<FdsTableProps>
     FdsTableHead: DefineComponent<FdsTableHeadProps>

package/dist/components/FdsSearchSelect/FdsSearchSelect.vue.d.ts

@@ -52,9 +52,9 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
     } & import('../..').FdsInputProps> & Readonly<{
         onInput?: ((ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
-        onChange?: ((ev: Event) => any) | undefined;
         onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onAutocomplete?: ((ev: Event) => any) | undefined;
         onClearInput?: (() => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
         "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
@@ -63,8 +63,8 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
     } & {
         input: (ev: Event) => any;
         blur: (ev: FocusEvent) => any;
-        change: (ev: Event) => any;
         keyup: (ev: KeyboardEvent) => any;
+        autocomplete: (ev: Event) => any;
         clearInput: () => any;
         "update:value": (value: string) => any;
         "keyup.enter": (ev: KeyboardEvent) => any;
@@ -83,7 +83,6 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
         optional: boolean;
         labelLeft: boolean;
         clearButton: boolean;
-        displayChar: string;
         ariaLabel: string;
         maskOptions: {
             lazy?: boolean;
@@ -107,9 +106,9 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
     } & import('../..').FdsInputProps> & Readonly<{
         onInput?: ((ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
-        onChange?: ((ev: Event) => any) | undefined;
         onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onAutocomplete?: ((ev: Event) => any) | undefined;
         onClearInput?: (() => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
         "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
@@ -128,7 +127,6 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProps, {
         optional: boolean;
         labelLeft: boolean;
         clearButton: boolean;
-        displayChar: string;
         ariaLabel: string;
         maskOptions: {
             lazy?: boolean;

package/dist/components/FdsSearchSelectPro/FdsSearchSelectPro.vue.d.ts

@@ -73,9 +73,9 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
     } & import('../..').FdsInputProps> & Readonly<{
         onInput?: ((ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
-        onChange?: ((ev: Event) => any) | undefined;
         onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onAutocomplete?: ((ev: Event) => any) | undefined;
         onClearInput?: (() => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
         "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
@@ -84,8 +84,8 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
     } & {
         input: (ev: Event) => any;
         blur: (ev: FocusEvent) => any;
-        change: (ev: Event) => any;
         keyup: (ev: KeyboardEvent) => any;
+        autocomplete: (ev: Event) => any;
         clearInput: () => any;
         "update:value": (value: string) => any;
         "keyup.enter": (ev: KeyboardEvent) => any;
@@ -104,7 +104,6 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
         optional: boolean;
         labelLeft: boolean;
         clearButton: boolean;
-        displayChar: string;
         ariaLabel: string;
         maskOptions: {
             lazy?: boolean;
@@ -128,9 +127,9 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
     } & import('../..').FdsInputProps> & Readonly<{
         onInput?: ((ev: Event) => any) | undefined;
         onBlur?: ((ev: FocusEvent) => any) | undefined;
-        onChange?: ((ev: Event) => any) | undefined;
         onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
         "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        onAutocomplete?: ((ev: Event) => any) | undefined;
         onClearInput?: (() => any) | undefined;
         "onUpdate:value"?: ((value: string) => any) | undefined;
         "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
@@ -149,7 +148,6 @@ declare const _default: import('vue').DefineComponent<FdsSearchSelectProProps, {
         optional: boolean;
         labelLeft: boolean;
         clearButton: boolean;
-        displayChar: string;
         ariaLabel: string;
         maskOptions: {
             lazy?: boolean;

package/dist/components/Form/FdsInput/FdsInput.vue.d.ts

@@ -8,17 +8,17 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 } & {
     input: (ev: Event) => any;
     blur: (ev: FocusEvent) => any;
-    change: (ev: Event) => any;
     keyup: (ev: KeyboardEvent) => any;
+    autocomplete: (ev: Event) => any;
     clearInput: () => any;
     "update:value": (value: string) => any;
     "keyup.enter": (ev: KeyboardEvent) => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     onInput?: ((ev: Event) => any) | undefined;
     onBlur?: ((ev: FocusEvent) => any) | undefined;
-    onChange?: ((ev: Event) => any) | undefined;
     onKeyup?: ((ev: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    onAutocomplete?: ((ev: Event) => any) | undefined;
     onClearInput?: (() => any) | undefined;
     "onUpdate:value"?: ((value: string) => any) | undefined;
     "onKeyup.enter"?: ((ev: KeyboardEvent) => any) | undefined;
@@ -37,7 +37,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     optional: boolean;
     labelLeft: boolean;
     clearButton: boolean;
-    displayChar: string;
     ariaLabel: string;
     maskOptions: {
         lazy?: boolean;

package/dist/components/Form/FdsInput/types.d.ts

@@ -9,8 +9,6 @@ export interface FdsInputProps {
     labelLeft?: boolean;
     clearButton?: boolean;
     mask?: string | RegExp | Array<string | RegExp>;
-    /** Character shown for unfilled mask positions while typing (maps to IMask placeholderChar). */
-    displayChar?: string;
     modelValue?: string;
     value?: string;
     type?: string;

package/dist/components/Form/FdsPhonenumber/FdsPhonenumber.vue.d.ts

@@ -24,18 +24,15 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     id: string;
     name: string;
     placeholder: string;
-    maxlength: number;
     dataTestid: string;
     label: string;
     meta: string;
-    pattern: string;
     autofocus: boolean;
     locale: string;
     inputClass: string;
     valid: boolean | null;
     optional: boolean;
     invalidMessage: string;
-    minlength: number;
     autocomplete: string;
     readonly: boolean;
     defaultCountry: string;

package/dist/components/Form/FdsPhonenumber/normalizePhoneInput.d.ts

@@ -0,0 +1,7 @@
+/** Whether the value likely contains a country calling code or international formatting. */
+export declare const shouldNormalizePhoneInput: (value: string, countryIso2: string) => boolean;
+/**
+ * Converts international/autocomplete values to national digits for the IMask field.
+ * IMask reapplies spacing from the country mask.
+ */
+export declare const normalizeNationalPhoneInput: (value: string, countryIso2: string) => string;

package/dist/components/Form/FdsPhonenumber/phoneMask.d.ts

@@ -0,0 +1,2 @@
+/** IMask pattern with space grouping derived from libphonenumber mobile example numbers. */
+export declare const getPhoneMaskForCountry: (countryIso2: string) => string | undefined;

package/dist/components/Form/FdsPhonenumber/types.d.ts

@@ -1,6 +1,6 @@
 import { FdsInputProps } from '../FdsInput/types';
 import { CountryPhoneOption } from './countries';
-type FdsPhonenumberInputPassthroughProps = Pick<FdsInputProps, 'id' | 'autocomplete' | 'required' | 'placeholder' | 'maxlength' | 'minlength' | 'name' | 'autofocus' | 'readonly' | 'pattern'>;
+type FdsPhonenumberInputPassthroughProps = Pick<FdsInputProps, 'id' | 'autocomplete' | 'required' | 'placeholder' | 'name' | 'autofocus' | 'readonly'>;
 export interface FdsPhonenumberProps extends FdsPhonenumberInputPassthroughProps {
     label?: string;
     meta?: string;

package/dist/components/Form/FdsSsn/FdsSsn.vue.d.ts

@@ -0,0 +1,33 @@
+import { FdsSsnProps } from './types';
+type __VLS_Props = FdsSsnProps;
+type __VLS_PublicProps = {
+    modelValue?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    blur: (ev: FocusEvent) => any;
+    "update:modelValue": (...args: unknown[]) => any;
+    valid: (value: boolean | null) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onBlur?: ((ev: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: unknown[]) => any) | undefined;
+    onValid?: ((value: boolean | null) => any) | undefined;
+}>, {
+    disabled: boolean;
+    required: boolean;
+    id: string;
+    name: string;
+    placeholder: string;
+    dataTestid: string;
+    label: string;
+    meta: string;
+    autofocus: boolean;
+    inputClass: string | Record<string, boolean> | Array<string | Record<string, boolean>>;
+    valid: boolean | null;
+    optional: boolean;
+    invalidMessage: string;
+    autocomplete: string;
+    readonly: boolean;
+    allowCoordinationNumber: boolean;
+    allowInterimNumber: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/Form/FdsSsn/ssnMask.d.ts

@@ -0,0 +1,19 @@
+/** IMask pattern for ÅÅÅÅMMDDKKKK (12 digits, no separator). */
+export declare const SSN_MASK = "000000000000";
+/** Alphanumeric mask when interim numbers (letters in num part) are allowed. */
+export declare const SSN_INTERIM_MASK = "XXXXXXXXXXXX";
+export declare const SSN_INTERIM_MASK_OPTIONS: {
+    readonly lazy: true;
+    readonly definitions: {
+        readonly X: RegExp;
+    };
+};
+export declare function getSsnMask(allowInterimNumber: boolean): string;
+export declare function getSsnMaskOptions(allowInterimNumber: boolean): {
+    readonly lazy: true;
+    readonly definitions: {
+        readonly X: RegExp;
+    };
+} | {
+    lazy: boolean;
+};

package/dist/components/Form/FdsSsn/types.d.ts

@@ -0,0 +1,24 @@
+import { FdsInputProps } from '../FdsInput/types';
+type FdsSsnInputPassthroughProps = Pick<FdsInputProps, 'id' | 'autocomplete' | 'required' | 'placeholder' | 'name' | 'autofocus' | 'readonly' | 'inputClass'>;
+export interface FdsSsnProps extends FdsSsnInputPassthroughProps {
+    label?: string;
+    meta?: string;
+    optional?: boolean;
+    valid?: boolean | null;
+    invalidMessage?: string;
+    /** Personnummer as shown in the input (12 characters, no separator). */
+    modelValue?: string;
+    allowCoordinationNumber?: boolean;
+    allowInterimNumber?: boolean;
+    disabled?: boolean;
+    dataTestid?: string;
+    onValid?: ((value: boolean | null) => void) | Array<(value: boolean | null) => void>;
+    onBlur?: ((event: FocusEvent) => void) | Array<(event: FocusEvent) => void>;
+    'onUpdate:modelValue'?: ((value: string) => void) | Array<(value: string) => void>;
+}
+export interface FdsSsnEmits {
+    'update:modelValue': [value: string];
+    valid: [value: boolean | null];
+    blur: [ev: FocusEvent];
+}
+export {};