@connectif/ui-components 2.4.3 → 3.0.1

package/CHANGELOG.md

@@ -1,6 +1,6 @@
 # Changelog
 
-## [2.4.3] (2025-11-25)
+## [2.4.3] - 2025-11-25
 
 ### Performance Improvements
 
@@ -13,3 +13,42 @@
 - Added optional showTime prop in DateIntervalPicker component.
 - Added optional keepMounted prop in TabContent.
 - Added optional disableContentScroll prop in Tabs component.
+
+## [3.0.0] - 2025-12-11
+
+### Added
+
+- `Tabs` now supports a `hideScrollButtons` and `hideLineTabs` prop.
+
+### Changed
+
+- `Tabs` changes its styles to match the new design.
+- `DateIntervalPicker` changes buttons styles.
+
+### Fixed
+
+- Fixed an issue where reloading the `Tabs` component on a non-first tab caused an unwanted scroll effect.
+- Fixed change interval when showTime is true.
+
+### Improvements
+
+- Upgrade to Typescript 5.9
+- Upgrade cspell to 6.0.0 (latest)
+
+### ⚠️ 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/components/tab/TabButton.d.ts

@@ -14,17 +14,11 @@ export type TabButtonProps = React.PropsWithChildren<{
      * Right margin of the tab
      */
     marginRight?: number | string;
-    /**
-     * Whether the tab button text is in uppercase or not.
-     * If true, text will not be transformed to uppercase.
-     * @default false
-     */
-    disableUppercase?: boolean;
     dataTestId?: string;
 }>;
 /**
  * A TabButton is a button that can be used to switch between tabs.
  * It is usually used in a Tabs component.
  */
-declare const TabButton: ({ children, disabled, textAlign, marginRight, dataTestId, disableUppercase, ...rest }: TabButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const TabButton: ({ children, disabled, textAlign, marginRight, dataTestId, ...rest }: TabButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default TabButton;

package/dist/components/tab/Tabs.d.ts

@@ -42,6 +42,14 @@ export type TabsProps = {
      * Hide scroll in tab content
      */
     disableContentScroll?: boolean;
+    /**
+     * Hide scroll in tab buttons
+     */
+    hideScrollButtons?: boolean;
+    /**
+     * Hide grey line in tabs
+     */
+    hideLineTabs?: boolean;
 };
 /**
  * Define a Tabs container, with a fixed header and a transitions on change between tabs.
@@ -52,5 +60,5 @@ export type TabsProps = {
  * define a callback function to be called when the tab is clicked, so you can do something
  * with the current tab index.
  */
-declare const Tabs: ({ tabButtons, children, currentTabIndex, onChangeTab, variant, fullHeight, contained, scrollbarGutter, disableContentScroll }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+declare const Tabs: ({ tabButtons, children, currentTabIndex, onChangeTab, variant, fullHeight, contained, scrollbarGutter, disableContentScroll, hideScrollButtons, hideLineTabs }: TabsProps) => import("react/jsx-runtime").JSX.Element;
 export default Tabs;

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;
 };