feat: make sure to use mantine component headless

einride · Jan 10, 2024 · fc3bfac · fc3bfac
1 parent 25bc09b
commit fc3bfac
Show file tree

Hide file tree

Showing 9 changed files with 15 additions and 0 deletions.
diff --git a/.changeset/polite-shirts-fly.md b/.changeset/polite-shirts-fly.md
@@ -0,0 +1,7 @@
+---
+"@einride/ui-dates": minor
+"@einride/ui": minor
+---
+
+Make sure to use Mantine components in headless mode so as to remove conflicts between Mantine in
+this package and Saga apps that are importing Mantine components on their own.
diff --git a/packages/einride-ui-dates/src/components/DatePicker/DatePicker.tsx b/packages/einride-ui-dates/src/components/DatePicker/DatePicker.tsx
@@ -34,6 +34,7 @@ export const DatePicker = ({ wrapperProps, ...props }: DatePickerProps): React.J
         hideOutsideDates
         maxLevel="month"
         withCellSpacing={false}
+        unstyled
         {...props}
       />
     </Box>

diff --git a/packages/einride-ui-dates/src/components/DatePickerInput/DatePickerInput.tsx b/packages/einride-ui-dates/src/components/DatePickerInput/DatePickerInput.tsx
@@ -194,6 +194,7 @@ export const DatePickerInput = ({
         valueFormat={inputFormat}
         withAsterisk={false}
         withCellSpacing={false}
+        unstyled
         {...props}
       />
       {message && (

diff --git a/packages/einride-ui-dates/src/components/DateRangePicker/DateRangePicker.tsx b/packages/einride-ui-dates/src/components/DateRangePicker/DateRangePicker.tsx
@@ -36,6 +36,7 @@ export const DateRangePicker = ({ wrapperProps, ...props }: DateRangePicker): Re
         maxLevel="month"
         withCellSpacing={false}
         type="range"
+        unstyled
         {...props}
       />
     </Box>

diff --git a/packages/einride-ui-dates/src/components/DateRangePickerInput/DateRangePickerInput.tsx b/packages/einride-ui-dates/src/components/DateRangePickerInput/DateRangePickerInput.tsx
@@ -235,6 +235,7 @@ export const DateRangePickerInput = ({
         valueFormat={inputFormat}
         withAsterisk={false}
         withCellSpacing={false}
+        unstyled
         {...props}
       />
       {message && (

diff --git a/packages/einride-ui/src/components/controls/dates/Calendar/Calendar.tsx b/packages/einride-ui/src/components/controls/dates/Calendar/Calendar.tsx
@@ -38,6 +38,7 @@ export const Calendar = ({ wrapperProps, ...props }: CalendarProps): React.JSX.E
         hideOutsideDates
         maxLevel="month"
         withCellSpacing={false}
+        unstyled
         {...props}
       />
     </Box>

diff --git a/packages/einride-ui/src/components/controls/dates/DatePicker/DatePicker.tsx b/packages/einride-ui/src/components/controls/dates/DatePicker/DatePicker.tsx
@@ -201,6 +201,7 @@ export const DatePicker = ({
         valueFormat={inputFormat}
         withAsterisk={false}
         withCellSpacing={false}
+        unstyled
         {...props}
       />
       {message && (

diff --git a/packages/einride-ui/src/components/controls/dates/DateRangePicker/DateRangePicker.tsx b/packages/einride-ui/src/components/controls/dates/DateRangePicker/DateRangePicker.tsx
@@ -239,6 +239,7 @@ export const DateRangePicker = ({
         valueFormat={inputFormat}
         withAsterisk={false}
         withCellSpacing={false}
+        unstyled
         {...props}
       />
       {message && (

diff --git a/packages/einride-ui/src/components/controls/dates/RangeCalendar/RangeCalendar.tsx b/packages/einride-ui/src/components/controls/dates/RangeCalendar/RangeCalendar.tsx
@@ -41,6 +41,7 @@ export const RangeCalendar = ({
         maxLevel="month"
         withCellSpacing={false}
         type="range"
+        unstyled
         {...props}
       />
     </Box>