odaptos_design_system 1.4.92 → 1.4.93

package/dist/DatePicker/DatePicker.d.ts

@@ -1,18 +1,11 @@
 import React from 'react';
-import { Dayjs } from 'dayjs';
-import 'dayjs/locale/en';
-import 'dayjs/locale/en-gb';
-import 'dayjs/locale/fr';
-import 'dayjs/locale/it';
-import 'dayjs/locale/de';
-import 'dayjs/locale/es';
 export interface DatePickerProps {
     className?: string;
     label?: string;
     topLabel?: string | undefined;
     topLabelWeight?: 'semi-bold' | 'bold' | 'regular';
     topLabelSize?: 'xs' | 'sm' | 'base' | 'lg' | 'xl' | 'xxl' | 'xxxl' | 'xxxxl';
-    value?: Date | Dayjs | null;
+    value?: Date | null;
     openTo?: 'day' | 'month' | 'year';
     format?: string;
     helperText?: string;
@@ -20,17 +13,16 @@ export interface DatePickerProps {
     disableFuture?: boolean;
     disablePast?: boolean;
     loading?: boolean;
-    locale?: string | 'en' | 'en-gb' | 'fr' | 'it' | 'de' | 'es';
-    maxDate?: Date | Dayjs | undefined;
-    minDate?: Date | Dayjs | undefined;
-    timezone?: string;
+    locale?: 'enUS' | 'fr' | 'it' | 'de' | 'es';
+    maxDate?: Date | undefined;
+    minDate?: Date | undefined;
     placeholder?: string;
     required?: boolean;
     error?: boolean;
     errorText?: string;
     views?: Array<'day' | 'month' | 'year'>;
     renderLoading?: () => React.ReactNode;
-    onChange?: (date: Date | Dayjs | null) => void;
+    onChange?: (date: Date | null) => void;
     onBlur?: () => void;
 }
 export declare const DatePicker: React.FC<DatePickerProps>;

package/dist/Tabs/TabsUnderLine.d.ts

@@ -4,7 +4,8 @@ interface TabsUnderlineProps {
     defaultValue: number;
     onChange: (index: number, item: any) => void;
     tabs: any[];
+    className?: string;
 }
 /** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev  */
-export declare const TabsUnderline: ({ defaultValue, onChange, tabs, }: TabsUnderlineProps) => React.JSX.Element;
+export declare const TabsUnderline: ({ defaultValue, onChange, tabs, className, }: TabsUnderlineProps) => React.JSX.Element;
 export {};

package/dist/odaptos_design_system.cjs.development.js

@@ -8,16 +8,12 @@ var React = require('react');
 var React__default = _interopDefault(React);
 var material = require('@mui/material');
 var styles$K = require('@mui/material/styles');
-var dayjs = _interopDefault(require('dayjs'));
-var utc = _interopDefault(require('dayjs/plugin/utc'));
-var timezone = _interopDefault(require('dayjs/plugin/timezone'));
-var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
-require('dayjs/locale/en');
-require('dayjs/locale/en-gb');
-require('dayjs/locale/fr');
-require('dayjs/locale/it');
-require('dayjs/locale/de');
-require('dayjs/locale/es');
+var AdapterDateFnsV3 = require('@mui/x-date-pickers/AdapterDateFnsV3');
+var enUS = require('date-fns/locale/en-US');
+var fr = require('date-fns/locale/fr');
+var it = require('date-fns/locale/it');
+var de = require('date-fns/locale/de');
+var es = require('date-fns/locale/es');
 var xDatePickers = require('@mui/x-date-pickers');
 var DatePicker$1 = require('@mui/x-date-pickers/DatePicker');
 var Grid = _interopDefault(require('@mui/material/Grid'));
@@ -31,6 +27,16 @@ var system = require('@mui/system');
 var Tooltip$1 = require('@mui/material/Tooltip');
 var Tab = _interopDefault(require('@mui/material/Tab'));
 var Tabs$1 = _interopDefault(require('@mui/material/Tabs'));
+var dayjs = _interopDefault(require('dayjs'));
+var utc = _interopDefault(require('dayjs/plugin/utc'));
+var timezone = _interopDefault(require('dayjs/plugin/timezone'));
+var AdapterDayjs = require('@mui/x-date-pickers/AdapterDayjs');
+require('dayjs/locale/en');
+require('dayjs/locale/en-gb');
+require('dayjs/locale/fr');
+require('dayjs/locale/it');
+require('dayjs/locale/de');
+require('dayjs/locale/es');
 var TimePicker$1 = require('@mui/x-date-pickers/TimePicker');
 
 function styleInject(css, ref) {
@@ -7671,8 +7677,6 @@ const CssTextField = /*#__PURE__*/styles$K.styled(material.TextField)({
     }
   }
 });
-dayjs.extend(utc);
-dayjs.extend(timezone);
 const DatePicker = ({
   className,
   label,
@@ -7686,7 +7690,7 @@ const DatePicker = ({
   disableFuture,
   disablePast,
   loading,
-  locale = 'en',
+  locale = 'enUS',
   maxDate,
   minDate,
   placeholder,
@@ -7695,29 +7699,17 @@ const DatePicker = ({
   errorText,
   helperText,
   views = ['day', 'month', 'year'],
-  timezone = dayjs.tz.guess(),
-  //Guess the user's timezone
   renderLoading,
   onChange,
   onBlur
 }) => {
-  //Convert everything to dayjs format
-  if (value && !dayjs.isDayjs(value)) {
-    value = dayjs(value);
-  }
-  if (maxDate && !dayjs.isDayjs(maxDate)) {
-    maxDate = dayjs(maxDate);
-  }
-  if (minDate && !dayjs.isDayjs(minDate)) {
-    minDate = dayjs(minDate);
-  }
   return /*#__PURE__*/React__default.createElement("div", {
     style: {
       width: '100%'
     }
   }, /*#__PURE__*/React__default.createElement(xDatePickers.LocalizationProvider, {
-    dateAdapter: AdapterDayjs.AdapterDayjs,
-    adapterLocale: locale
+    dateAdapter: AdapterDateFnsV3.AdapterDateFns,
+    adapterLocale: locale === 'enUS' ? enUS.enUS : locale === 'fr' ? fr.fr : locale === 'it' ? it.it : locale === 'de' ? de.de : locale === 'es' ? es.es : enUS.enUS
   }, /*#__PURE__*/React__default.createElement("div", {
     className: `${styles$9.date_picker} ${className ? className : undefined}`
   }, topLabel && /*#__PURE__*/React__default.createElement(Text, {
@@ -7761,9 +7753,16 @@ const DatePicker = ({
     loading: loading,
     maxDate: maxDate,
     minDate: minDate,
-    timezone: timezone,
     renderLoading: renderLoading,
-    onChange: onChange
+    onChange: date => {
+      try {
+        if (onChange) {
+          onChange(date);
+        }
+      } catch (error) {
+        console.error('Error in onChange function: ', error);
+      }
+    }
   }), errorText && /*#__PURE__*/React__default.createElement(Text, {
     size: "xs",
     color: "#F54C4C",
@@ -10050,7 +10049,8 @@ styleInject(css_248z$E);
 const TabsUnderline = ({
   defaultValue,
   onChange,
-  tabs
+  tabs,
+  className
 }) => {
   const [value, setValue] = React.useState(defaultValue ? defaultValue : 0);
   const onClickTab = (_event, index) => {
@@ -10058,7 +10058,7 @@ const TabsUnderline = ({
     onChange(index, tabs[index].value);
   };
   return /*#__PURE__*/React__default.createElement("div", {
-    className: styles$E.tabbar
+    className: `${styles$E.tabbar} ${className && className}`
   }, /*#__PURE__*/React__default.createElement(Tabs$1, {
     value: value,
     onChange: onClickTab,