@northlight/ui 2.42.3 → 2.43.0

package/lib/components/date-picker/date-picker/date-range-picker.tsx

@@ -1,8 +1,7 @@
 import React, { useRef } from 'react'
-import { FocusScope } from '@react-aria/focus'
 import { useDateRangePickerState } from '@react-stately/datepicker'
 import { useDateRangePicker } from '@react-aria/datepicker'
-import { useMultiStyleConfig, useOutsideClick } from '@chakra-ui/react'
+import { useMultiStyleConfig } from '@chakra-ui/react'
 import { CheckSolid, XCloseSolid } from '@northlight/icons'
 import { identity, isNil } from 'ramda'
 import { DateValue, parseDate } from '@internationalized/date'
@@ -185,11 +184,6 @@ export const DateRangePicker = (props: DateRangePickerProps) => {
     state.setOpen(false)
   }
 
-  useOutsideClick({
-    ref,
-    handler: () => state.setOpen(false),
-  })
-
   const ResetButton = CustomResetButton || (
     <IconButton
       aria-label="reset-date"
@@ -301,22 +295,20 @@ export const DateRangePicker = (props: DateRangePickerProps) => {
       <PortalWrapper renderInPortal={ renderInPortal }>
         { state.isOpen && (
           <PopoverContent { ...dialogProps } ref={ ref } w="max-content">
-            <FocusScope contain={ true } restoreFocus={ true }>
-              <DatePickerLocaleWrapper firstDayOfWeek={ firstDayOfWeek }>
-                <RangeCalendar
-                  { ...calendarProps }
-                  resetDate={ cancelOrResetDateChange }
-                  handleClose={ handleModalClose }
-                  fiscalStartMonth={ fiscalStartMonth || 0 }
-                  fiscalStartDay={ fiscalStartDay || 0 }
-                  isClearable={ isClearable }
-                  firstDayOfWeek={ firstDayOfWeek }
-                  onSave={ onSave }
-                  clearButtonLabel={ clearButtonLabel }
-                  buttonLabel={ buttonLabel }
-                />
-              </DatePickerLocaleWrapper>
-            </FocusScope>
+            <DatePickerLocaleWrapper firstDayOfWeek={ firstDayOfWeek }>
+              <RangeCalendar
+                { ...calendarProps }
+                resetDate={ cancelOrResetDateChange }
+                handleClose={ handleModalClose }
+                fiscalStartMonth={ fiscalStartMonth || 0 }
+                fiscalStartDay={ fiscalStartDay || 0 }
+                isClearable={ isClearable }
+                firstDayOfWeek={ firstDayOfWeek }
+                onSave={ onSave }
+                clearButtonLabel={ clearButtonLabel }
+                buttonLabel={ buttonLabel }
+              />
+            </DatePickerLocaleWrapper>
           </PopoverContent>
         ) }
       </PortalWrapper>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@northlight/ui",
-  "version": "2.42.3",
+  "version": "2.43.0",
   "description": "Northlight UI library, based on Chakra-ui",
   "license": "MIT",
   "author": "Camphouse",
@@ -14,7 +14,8 @@
     },
     "./sandbox": {
       "types": "./dist/sandbox/index.d.ts",
-      "import": "./dist/sandbox/index.js"
+      "import": "./dist/sandbox/index.js",
+      "require": "./dist/sandbox/index.cjs"
     }
   },
   "bin": {
@@ -125,5 +126,5 @@
     "react-dom": ">=18.0.0",
     "react-router-dom": "^5.0.0"
   },
-  "gitHead": "12e9a8ed274aa3c23d6dbd5a98a086d245d012ec"
+  "gitHead": "078df3268b7f469d6f7bffebf30c551837b3b86d"
 }