@connectif/ui-components 3.0.0 → 3.0.1

package/CHANGELOG.md

@@ -38,3 +38,17 @@
 ### ⚠️ Breaking Changes
 
 - `TabButton` no longer accepts the `disableUppercase` prop; Text always will be lowercase.
+
+## [3.0.1] - 2025-12-12
+
+### Added
+
+- Added new formatter called `PhoneFormatter`.
+
+### Fixed
+
+- Fixed bug with timezone in `DateIntervalPicker`
+
+### Improvements
+
+- Added new changelog tab to storybook.

package/dist/components/formatter/PhoneFormatter.d.ts

@@ -0,0 +1,16 @@
+import { PhoneFormat } from '../../utils';
+export type PhoneFormatterProps = {
+    /**
+     * Phone to format
+     */
+    phone: string;
+    /**
+     * Format to use
+     */
+    format?: PhoneFormat;
+};
+/**
+ * Component to format phone to the given format.
+ */
+declare const PhoneFormatter: ({ phone, format }: PhoneFormatterProps) => import("react/jsx-runtime").JSX.Element;
+export default PhoneFormatter;

package/dist/components/formatter/index.d.ts

@@ -8,3 +8,5 @@ export { default as PercentageFormatter } from './PercentageFormatter';
 export type { PercentageFormatterProps } from './PercentageFormatter';
 export { default as DateFormatter } from './DateFormatter';
 export type { DateFormatterProps } from './DateFormatter';
+export { default as PhoneFormatter } from './PhoneFormatter';
+export type { PhoneFormatterProps } from './PhoneFormatter';

package/dist/hooks/useFormatters.d.ts

@@ -1,8 +1,10 @@
 import { DateTimeFormat } from '../utils/DateUtils';
+import { PhoneFormat } from '../utils';
 export declare const useFormatters: () => {
     formatCompactNumber: (value: number) => string;
     formatNumber: (value: number, fractionSize?: number | undefined) => string;
     formatPercentage: (value: number, fractionSize?: 0 | 1 | 2 | 3) => string;
     formatCurrency: (value: number, notation?: "compact") => string;
     formatDate: (date: Date, format?: DateTimeFormat) => string;
+    formatPhone: (phone: string, format?: PhoneFormat) => string;
 };