@northlight/ui 2.42.3 → 2.43.0

package/dist/sandbox/index.js

@@ -1,7 +1,7 @@
 import { render, within, screen, cleanup } from '@testing-library/react';
 import userEvent from '@testing-library/user-event';
 import { useRef, createContext, useContext, forwardRef as forwardRef$1, useImperativeHandle, useEffect, cloneElement, Children, isValidElement, memo, useMemo, useState, createElement, Component } from 'react';
-import { useToken as useToken$1, extendTheme, forwardRef, useStyleConfig, Icon as Icon$2, Heading, Text, FormLabel as FormLabel$1, VisuallyHidden, Badge as Badge$1, Flex, Box, Spinner as Spinner$2, Button as Button$2, Checkbox as Checkbox$2, FormControl, Stack, FormErrorMessage, CheckboxGroup, IconButton as IconButton$1, useMultiStyleConfig, Popover as Popover$2, HStack, SlideFade, Table as Table$2, chakra, Thead, Tr, Tbody, Select as Select$2, PopoverAnchor, InputGroup, InputRightElement, PopoverContent, Link as Link$1, Spacer, Tooltip as Tooltip$2, VStack, useOutsideClick, Portal, RadioGroup as RadioGroup$1, Tag as Tag$2, TagLabel, TagRightIcon, useEditableControls, useEditableState, Editable, InputLeftElement, Input as Input$1, EditablePreview, EditableInput, Modal as Modal$2, ModalOverlay, ModalContent, ModalCloseButton, ModalBody as ModalBody$1, ModalHeader, Slider, SliderTrack, SliderFilledTrack, SliderThumb, ModalFooter, Progress as Progress$1, ChakraProvider, NumberInputStepper as NumberInputStepper$1, Center, Divider, NumberIncrementStepper, NumberDecrementStepper, NumberInput as NumberInput$2, NumberInputField, Switch as Switch$2, Textarea as Textarea$2, useClipboard } from '@chakra-ui/react';
+import { useToken as useToken$1, extendTheme, forwardRef, useStyleConfig, Icon as Icon$2, Heading, Text, FormLabel as FormLabel$1, VisuallyHidden, Badge as Badge$1, Flex, Box, Spinner as Spinner$2, Button as Button$2, Checkbox as Checkbox$2, FormControl, Stack, FormErrorMessage, CheckboxGroup, IconButton as IconButton$1, useMultiStyleConfig, Popover as Popover$2, HStack, SlideFade, Table as Table$2, chakra, Thead, Tr, Tbody, Select as Select$2, PopoverAnchor, InputGroup, InputRightElement, PopoverContent, Link as Link$1, Spacer, Tooltip as Tooltip$2, VStack, Portal, RadioGroup as RadioGroup$1, Tag as Tag$2, TagLabel, TagRightIcon, useEditableControls, useEditableState, Editable, InputLeftElement, Input as Input$1, EditablePreview, EditableInput, Modal as Modal$2, ModalOverlay, ModalContent, ModalCloseButton, ModalBody as ModalBody$1, ModalHeader, Slider, SliderTrack, SliderFilledTrack, SliderThumb, ModalFooter, Progress as Progress$1, ChakraProvider, NumberInputStepper as NumberInputStepper$1, Center, Divider, NumberIncrementStepper, NumberDecrementStepper, NumberInput as NumberInput$2, NumberInputField, Switch as Switch$2, Textarea as Textarea$2, useClipboard } from '@chakra-ui/react';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { chakraComponents, AsyncSelect, Select as Select$3 } from 'chakra-react-select';
 import { isNil, last, map, prop, difference, replace, split, path, keys, omit, merge, isEmpty, ifElse, gt, always, identity, forEach, is, trim, values, equals, mergeAll, toLower, find, times, any, has, not, all, filter, test, head, match, length, defaultTo, propEq } from 'ramda';
@@ -7111,10 +7111,6 @@ const DateRangePicker = (props) => {
   const handleClose = () => {
     state.setOpen(false);
   };
-  useOutsideClick({
-    ref,
-    handler: () => state.setOpen(false)
-  });
   const ResetButton = CustomResetButton || /* @__PURE__ */ jsx(
     IconButton,
     {
@@ -7211,7 +7207,7 @@ const DateRangePicker = (props) => {
             ) })
           ] })
         ] }) }),
-        /* @__PURE__ */ jsx(PortalWrapper, { renderInPortal, children: state.isOpen && /* @__PURE__ */ jsx(PopoverContent, __spreadProps$h(__spreadValues$z({}, dialogProps), { ref, w: "max-content", children: /* @__PURE__ */ jsx(FocusScope, { contain: true, restoreFocus: true, children: /* @__PURE__ */ jsx(DatePickerLocaleWrapper, { firstDayOfWeek, children: /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(PortalWrapper, { renderInPortal, children: state.isOpen && /* @__PURE__ */ jsx(PopoverContent, __spreadProps$h(__spreadValues$z({}, dialogProps), { ref, w: "max-content", children: /* @__PURE__ */ jsx(DatePickerLocaleWrapper, { firstDayOfWeek, children: /* @__PURE__ */ jsx(
           RangeCalendar,
           __spreadProps$h(__spreadValues$z({}, calendarProps), {
             resetDate: cancelOrResetDateChange,
@@ -7224,7 +7220,7 @@ const DateRangePicker = (props) => {
             clearButtonLabel,
             buttonLabel
           })
-        ) }) }) })) })
+        ) }) })) })
       ]
     }
   );