@midas-ds/components 6.2.0 → 7.0.0

package/package.json

@@ -14,7 +14,7 @@
   "description": "Midas Components",
   "homepage": "https://designsystem.migrationsverket.se/",
   "license": "CC0-1.0",
-  "version": "6.2.0",
+  "version": "7.0.0",
   "main": "./index.cjs",
   "module": "./index.js",
   "types": "./index.d.ts",

package/textfield/Input.d.ts

@@ -0,0 +1,4 @@
+import { InputProps } from 'react-aria-components';
+import * as React from 'react';
+export type { InputProps };
+export declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;

package/textfield/PasswordField.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './Input';
+import * as React from 'react';
+export declare const PasswordField: React.FC<InputProps>;

package/textfield/TextArea.d.ts

@@ -0,0 +1,7 @@
+import { TextFieldBaseProps } from './TextFieldBase';
+import { TextAreaProps as AriaTextAreaProps } from 'react-aria-components';
+import * as React from 'react';
+export interface TextAreaProps extends Omit<TextFieldBaseProps, 'children' | 'type'> {
+    className?: AriaTextAreaProps['className'];
+}
+export declare const TextArea: React.ForwardRefExoticComponent<TextAreaProps & React.RefAttributes<HTMLTextAreaElement>>;

package/textfield/TextField.d.ts

@@ -1,25 +1,7 @@
-import { TextFieldProps as AriaTextFieldProps, ValidationResult } from 'react-aria-components';
+import { TextFieldBaseProps } from './TextFieldBase';
+import { InputProps } from './Input';
 import * as React from 'react';
-export interface TextFieldProps extends AriaTextFieldProps {
-    children?: React.ReactNode;
-    /** Specify label displayed above the TextField*/
-    label?: string;
-    /** Specify description displayed below the label */
-    description?: string;
-    /** Custom error messages */
-    errorMessage?: string | ((validation: ValidationResult) => string) | undefined;
-    /** Enable validations or add your own regex */
-    validationType?: 'ssn' | 'dossnr' | RegExp;
-    /**
-     * Whether to show the character counter or not
-     * @default
-     * false
-     */
-    showCounter?: boolean;
+export interface TextFieldProps extends Omit<TextFieldBaseProps, 'children'> {
+    className?: InputProps['className'];
 }
-export declare const TextField: React.FC<TextFieldProps>;
-type InputWrapperProps = Pick<TextFieldProps, 'label' | 'description' | 'errorMessage' | 'children'>;
-export declare const InputWrapper: ({ label, description, errorMessage, children, }: InputWrapperProps) => import("react/jsx-runtime").JSX.Element;
-export declare const ssnRegEx: RegExp;
-export declare const dossNrRegEx: RegExp;
-export {};
+export declare const TextField: React.ForwardRefExoticComponent<TextFieldProps & React.RefAttributes<HTMLInputElement>>;

package/textfield/TextFieldBase.d.ts

@@ -0,0 +1,18 @@
+import { TextFieldProps, ValidationResult } from 'react-aria-components';
+import * as React from 'react';
+export interface TextFieldBaseProps extends Omit<TextFieldProps, 'className'> {
+    children?: React.ReactNode;
+    /** Specify label displayed above the TextField*/
+    label?: string;
+    /** Specify description displayed below the label */
+    description?: string;
+    /** Custom error messages */
+    errorMessage?: string | ((validation: ValidationResult) => string) | undefined;
+    /**
+     * Whether to show the character counter or not
+     * @default
+     * false
+     */
+    showCounter?: boolean;
+}
+export declare const TextFieldBase: React.ForwardRefExoticComponent<TextFieldBaseProps & React.RefAttributes<HTMLDivElement>>;

package/textfield/index.d.ts

@@ -1 +1,4 @@
+export * from './TextFieldBase';
 export * from './TextField';
+export * from './TextArea';
+export * from './Input';

package/textfield/intl/translations.json.d.ts

@@ -0,0 +1,85 @@
+declare const _default: {
+  "en": {
+    "hide": "Hide",
+    "show": "Show"
+  },
+  "sv": {
+    "hide": "Dölj",
+    "show": "Visa"
+  },
+  "es": {
+    "hide": "Ocultar",
+    "show": "Mostrar"
+  },
+  "fr": {
+    "hide": "Cacher",
+    "show": "Afficher"
+  },
+  "de": {
+    "hide": "Verstecken",
+    "show": "Anzeigen"
+  },
+  "ja": {
+    "hide": "隠す",
+    "show": "表示"
+  },
+  "zh": {
+    "hide": "隐藏",
+    "show": "显示"
+  },
+  "ar": {
+    "hide": "إخفاء",
+    "show": "إظهار"
+  },
+  "ru": {
+    "hide": "Скрыть",
+    "show": "Показать"
+  },
+  "pt": {
+    "hide": "Ocultar",
+    "show": "Mostrar"
+  },
+  "it": {
+    "hide": "Nascondi",
+    "show": "Mostra"
+  },
+  "ko": {
+    "hide": "숨기기",
+    "show": "보여주기"
+  },
+  "hi": {
+    "hide": "छुपाएँ",
+    "show": "दिखाएँ"
+  },
+  "nl": {
+    "hide": "Verbergen",
+    "show": "Tonen"
+  },
+  "pl": {
+    "hide": "Ukryj",
+    "show": "Pokaż"
+  },
+  "tr": {
+    "hide": "Gizle",
+    "show": "Göster"
+  },
+  "vi": {
+    "hide": "Ẩn",
+    "show": "Hiện"
+  },
+  "th": {
+    "hide": "ซ่อน",
+    "show": "แสดง"
+  },
+  "id": {
+    "hide": "Sembunyikan",
+    "show": "Tampilkan"
+  },
+  "ms": {
+    "hide": "Sembunyikan",
+    "show": "Tunjukkan"
+  }
+}
+;
+
+export default _default;

package/utils/intl/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useLocalizedStringFormatter';
+export * from './useMessageFormatter';

package/utils/intl/useLocalizedStringFormatter.d.ts

@@ -0,0 +1,11 @@
+import { LocalizedString, LocalizedStringDictionary, LocalizedStringFormatter, LocalizedStrings } from '@internationalized/string';
+/**
+ * Returns a cached LocalizedStringDictionary for the given strings.
+ */
+export declare function useLocalizedStringDictionary<K extends string = string, T extends LocalizedString = string>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringDictionary<K, T>;
+/**
+ * Provides localized string formatting for the current locale. Supports interpolating variables,
+ * selecting the correct pluralization, and formatting numbers. Automatically updates when the locale changes.
+ * @param strings - A mapping of languages to localized strings by key.
+ */
+export declare function useLocalizedStringFormatter<K extends string = string, T extends LocalizedString = string>(strings: LocalizedStrings<K, T>, packageName?: string): LocalizedStringFormatter<K, T>;

package/utils/intl/useMessageFormatter.d.ts

@@ -0,0 +1,11 @@
+import { LocalizedStrings } from '@internationalized/message';
+export type FormatMessage = (key: string, variables?: {
+    [key: string]: any;
+}) => string;
+/**
+ * Handles formatting ICU Message strings to create localized strings for the current locale.
+ * Automatically updates when the locale changes, and handles caching of messages for performance.
+ * @param strings - A mapping of languages to strings by key.
+ * @deprecated - use useLocalizedStringFormatter instead.
+ */
+export declare function useMessageFormatter(strings: LocalizedStrings): FormatMessage;

package/textarea/TextArea.d.ts

@@ -1,20 +0,0 @@
-import { ValidationResult, TextFieldProps as AriaTextFieldProps } from 'react-aria-components';
-import * as React from 'react';
-export interface TextAreaProps extends AriaTextFieldProps {
-    /** Specify label displayed above the TextArea*/
-    label?: string;
-    /** Specify description displayed below the label */
-    description?: string;
-    /** Set number of rows for the TextArea */
-    rows?: number;
-    /** Set minimum number of characters that are allowed before the TextArea is put in an invalid state */
-    minLength?: number;
-    /**
-     * Whether to show the character counter or not
-     * @default
-     * false
-     */
-    showCounter?: boolean;
-    errorMessage?: string | ((validation: ValidationResult) => string);
-}
-export declare const TextArea: React.FC<TextAreaProps>;

package/textarea/index.d.ts

@@ -1 +0,0 @@
-export { TextArea } from './TextArea';