@tecsinapse/cortex-react 1.9.14 → 1.9.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (58) hide show
  1. package/dist/cjs/components/Calendar/Calendar.js +3 -2
  2. package/dist/cjs/components/Calendar/CalendarCell.js +3 -2
  3. package/dist/cjs/components/Calendar/CalendarGrid.js +3 -2
  4. package/dist/cjs/components/Calendar/RangeCalendar.js +3 -2
  5. package/dist/cjs/components/DatePicker/DateField.js +12 -2
  6. package/dist/cjs/components/DatePicker/DatePickerInput.js +28 -15
  7. package/dist/cjs/components/DatePicker/DateRangePickerInput.js +42 -18
  8. package/dist/cjs/components/Input/Mask.js +3 -2
  9. package/dist/cjs/components/Input/Search.js +3 -2
  10. package/dist/cjs/components/Menubar/Categories.js +4 -3
  11. package/dist/cjs/components/Menubar/Dropdown.js +3 -2
  12. package/dist/cjs/components/Menubar/Header.js +3 -2
  13. package/dist/cjs/components/Menubar/Item.js +3 -2
  14. package/dist/cjs/components/Menubar/MostUsed.js +4 -3
  15. package/dist/cjs/components/Menubar/Search.js +3 -2
  16. package/dist/cjs/components/Menubar/SubItem.js +3 -2
  17. package/dist/cjs/components/Popover/Provider.js +3 -3
  18. package/dist/cjs/components/Select/GroupedOptions.js +3 -3
  19. package/dist/cjs/components/Select/MultiGroupedOptions.js +3 -2
  20. package/dist/cjs/components/Select/MultiOptions.js +3 -2
  21. package/dist/cjs/components/Select/Options.js +3 -3
  22. package/dist/cjs/components/Tooltip.js +3 -2
  23. package/dist/cjs/hooks/useDatePickerInputCommon.js +29 -0
  24. package/dist/cjs/hooks/useDateRangePickerInput.js +6 -1
  25. package/dist/cjs/index.js +6 -4
  26. package/dist/cjs/provider/MenubarProvider.js +3 -2
  27. package/dist/esm/components/Calendar/Calendar.js +3 -2
  28. package/dist/esm/components/Calendar/CalendarCell.js +3 -2
  29. package/dist/esm/components/Calendar/CalendarGrid.js +3 -2
  30. package/dist/esm/components/Calendar/RangeCalendar.js +3 -2
  31. package/dist/esm/components/DatePicker/DateField.js +12 -2
  32. package/dist/esm/components/DatePicker/DatePickerInput.js +28 -15
  33. package/dist/esm/components/DatePicker/DateRangePickerInput.js +42 -18
  34. package/dist/esm/components/Input/Mask.js +3 -2
  35. package/dist/esm/components/Input/Search.js +3 -2
  36. package/dist/esm/components/Menubar/Categories.js +4 -3
  37. package/dist/esm/components/Menubar/Dropdown.js +3 -2
  38. package/dist/esm/components/Menubar/Header.js +3 -2
  39. package/dist/esm/components/Menubar/Item.js +3 -2
  40. package/dist/esm/components/Menubar/MostUsed.js +4 -3
  41. package/dist/esm/components/Menubar/Search.js +3 -2
  42. package/dist/esm/components/Menubar/SubItem.js +3 -2
  43. package/dist/esm/components/Popover/Provider.js +3 -3
  44. package/dist/esm/components/Select/GroupedOptions.js +3 -3
  45. package/dist/esm/components/Select/MultiGroupedOptions.js +3 -2
  46. package/dist/esm/components/Select/MultiOptions.js +3 -2
  47. package/dist/esm/components/Select/Options.js +3 -3
  48. package/dist/esm/components/Tooltip.js +3 -2
  49. package/dist/esm/hooks/useDatePickerInputCommon.js +27 -0
  50. package/dist/esm/hooks/useDateRangePickerInput.js +6 -1
  51. package/dist/esm/index.js +3 -2
  52. package/dist/esm/provider/MenubarProvider.js +3 -2
  53. package/dist/types/components/DatePicker/DateField.d.ts +2 -1
  54. package/dist/types/components/DatePicker/DateSegment.d.ts +2 -2
  55. package/dist/types/hooks/index.d.ts +3 -2
  56. package/dist/types/hooks/useDatePickerInputCommon.d.ts +11 -0
  57. package/dist/types/hooks/useFloatingElement.d.ts +2 -2
  58. package/package.json +2 -2
@@ -5,10 +5,11 @@ var useCalendar = require('../../hooks/useCalendar.js');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
- require('@floating-ui/react');
9
- require('currency.js');
8
+ require('../Popover/Context.js');
10
9
  require('react-dropzone');
11
10
  require('uuid');
11
+ require('@floating-ui/react');
12
+ require('currency.js');
12
13
  var CalendarGrid = require('./CalendarGrid.js');
13
14
  var CalendarHeader = require('./CalendarHeader.js');
14
15
 
@@ -5,10 +5,11 @@ require('@internationalized/date');
5
5
  require('react-aria');
6
6
  require('react-stately');
7
7
  var useCalendarCell = require('../../hooks/useCalendarCell.js');
8
- require('@floating-ui/react');
9
- require('currency.js');
8
+ require('../Popover/Context.js');
10
9
  require('react-dropzone');
11
10
  require('uuid');
11
+ require('@floating-ui/react');
12
+ require('currency.js');
12
13
  var calendarCell = require('../../styles/calendar-cell.js');
13
14
  require('../../styles/date-picker-input-base.js');
14
15
  require('../../styles/date-segment.js');
@@ -5,10 +5,11 @@ require('@internationalized/date');
5
5
  require('react-aria');
6
6
  require('react-stately');
7
7
  var useCalendarGrid = require('../../hooks/useCalendarGrid.js');
8
- require('@floating-ui/react');
9
- require('currency.js');
8
+ require('../Popover/Context.js');
10
9
  require('react-dropzone');
11
10
  require('uuid');
11
+ require('@floating-ui/react');
12
+ require('currency.js');
12
13
  var CalendarGridBodyRows = require('./CalendarGridBodyRows.js');
13
14
  var CalendarGridHeaderRow = require('./CalendarGridHeaderRow.js');
14
15
 
@@ -4,11 +4,12 @@ var React = require('react');
4
4
  require('@internationalized/date');
5
5
  require('react-aria');
6
6
  require('react-stately');
7
+ require('../Popover/Context.js');
8
+ require('react-dropzone');
9
+ require('uuid');
7
10
  require('@floating-ui/react');
8
11
  require('currency.js');
9
12
  var useRangeCalendar = require('../../hooks/useRangeCalendar.js');
10
- require('react-dropzone');
11
- require('uuid');
12
13
  var CalendarGrid = require('./CalendarGrid.js');
13
14
  var CalendarHeader = require('./CalendarHeader.js');
14
15
 
@@ -6,7 +6,7 @@ var reactAria = require('react-aria');
6
6
  var reactStately = require('react-stately');
7
7
  var DateSegment = require('./DateSegment.js');
8
8
 
9
- const DateField = (props) => {
9
+ const DateField = ({ onClick, ...props }) => {
10
10
  const { locale } = reactAria.useLocale();
11
11
  const state = reactStately.useDateFieldState({
12
12
  ...props,
@@ -19,7 +19,17 @@ const DateField = (props) => {
19
19
  state,
20
20
  ref
21
21
  );
22
- return /* @__PURE__ */ React.createElement("div", { ...fieldProps, ref, className: "flex flex-row" }, state.segments.map((segment, i) => /* @__PURE__ */ React.createElement(DateSegment.DateSegment, { key: i, segment, state })));
22
+ return /* @__PURE__ */ React.createElement(
23
+ "div",
24
+ {
25
+ ...fieldProps,
26
+ ref,
27
+ className: "flex flex-row",
28
+ onClick,
29
+ "data-testid": "date-field-div"
30
+ },
31
+ state.segments.map((segment, i) => /* @__PURE__ */ React.createElement(DateSegment.DateSegment, { key: i, segment, state }))
32
+ );
23
33
  };
24
34
 
25
35
  exports.DateField = DateField;
@@ -6,21 +6,25 @@ require('react-aria');
6
6
  require('react-stately');
7
7
  var date = require('../../utils/date.js');
8
8
  var useDatePickerInput = require('../../hooks/useDatePickerInput.js');
9
- require('@floating-ui/react');
10
- require('currency.js');
9
+ var useDatePickerInputCommon = require('../../hooks/useDatePickerInputCommon.js');
11
10
  require('react-dropzone');
12
11
  require('uuid');
12
+ require('@floating-ui/react');
13
+ require('currency.js');
13
14
  var Calendar = require('../Calendar/Calendar.js');
14
15
  var index = require('../Popover/index.js');
15
- var Context = require('../Popover/Context.js');
16
16
  var Content = require('../Select/Content.js');
17
17
  var DateField = require('./DateField.js');
18
18
  var DatePickerInputBase = require('./DatePickerInputBase.js');
19
19
 
20
20
  const DatePickerInputWithPopover = (props) => {
21
- const { setIsOpen } = Context.usePopoverContext();
22
21
  const { onChange, value, label, variants, disabled } = props;
23
22
  const { fieldProps, state, ref } = useDatePickerInput.useDatePickerInput({ value, onChange });
23
+ const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon.useDatePickerInputCommon({
24
+ onChangeCalendar: (value2) => {
25
+ state.setDateValue(date.dateToCalendarDate(value2));
26
+ }
27
+ });
24
28
  return /* @__PURE__ */ React.createElement("div", { ref, "data-testid": "date-picker-input" }, /* @__PURE__ */ React.createElement(index.Popover.Trigger, { disabled: true }, /* @__PURE__ */ React.createElement(
25
29
  DatePickerInputBase.DatePickerInputBase,
26
30
  {
@@ -32,19 +36,28 @@ const DatePickerInputWithPopover = (props) => {
32
36
  disabled,
33
37
  value,
34
38
  onClean: () => state.setValue(null),
35
- onToggle: () => setIsOpen((open) => !open)
39
+ onToggle: handleTogglePopover
36
40
  },
37
- /* @__PURE__ */ React.createElement(DateField.DateField, { ...fieldProps, isDisabled: disabled })
38
- )), /* @__PURE__ */ React.createElement(index.Popover.Content, { className: "bg-inherit shadow-none border-none" }, /* @__PURE__ */ React.createElement(
39
- Calendar.Calendar,
40
- {
41
- value,
42
- onChange: (value2) => {
43
- setIsOpen(false);
44
- state.setDateValue(date.dateToCalendarDate(value2));
41
+ /* @__PURE__ */ React.createElement(
42
+ DateField.DateField,
43
+ {
44
+ ...fieldProps,
45
+ onChange: (value2) => {
46
+ fieldProps.onChange?.(value2);
47
+ handleCloseCalendar();
48
+ },
49
+ isDisabled: disabled,
50
+ onClick: handleTogglePopover
45
51
  }
46
- }
47
- )));
52
+ )
53
+ )), /* @__PURE__ */ React.createElement(
54
+ index.Popover.Content,
55
+ {
56
+ className: "bg-inherit shadow-none border-none",
57
+ initialFocus: -1
58
+ },
59
+ /* @__PURE__ */ React.createElement(Calendar.Calendar, { value, onChange: handleChangeCalendar })
60
+ ));
48
61
  };
49
62
  const DatePickerInput = (props) => /* @__PURE__ */ React.createElement(index.Popover.Root, { placement: "bottom-start", trigger: "click" }, /* @__PURE__ */ React.createElement(Content.Content, null, /* @__PURE__ */ React.createElement(DatePickerInputWithPopover, { ...props })));
50
63
 
@@ -5,22 +5,29 @@ require('@internationalized/date');
5
5
  require('react-aria');
6
6
  require('react-stately');
7
7
  var date = require('../../utils/date.js');
8
+ var useDatePickerInputCommon = require('../../hooks/useDatePickerInputCommon.js');
8
9
  var useDateRangePickerInput = require('../../hooks/useDateRangePickerInput.js');
9
- require('@floating-ui/react');
10
- require('currency.js');
11
10
  require('react-dropzone');
12
11
  require('uuid');
12
+ require('@floating-ui/react');
13
+ require('currency.js');
13
14
  var RangeCalendar = require('../Calendar/RangeCalendar.js');
14
15
  var index = require('../Popover/index.js');
15
- var Context = require('../Popover/Context.js');
16
16
  var Content = require('./Content.js');
17
17
  var DateField = require('./DateField.js');
18
18
  var DatePickerInputBase = require('./DatePickerInputBase.js');
19
19
 
20
20
  const DateRangePickerInputWithPopover = (props) => {
21
- const { setIsOpen } = Context.usePopoverContext();
22
21
  const { onChange, value, label, variants, disabled = false } = props;
23
22
  const { endFieldProps, startFieldProps, ref, state } = useDateRangePickerInput.useDateRangePickerInput({ value, onChange });
23
+ const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon.useDatePickerInputCommon({
24
+ onChangeRangeCalendar: (value2) => {
25
+ state.setDateRange({
26
+ start: date.dateToCalendarDate(value2?.start),
27
+ end: date.dateToCalendarDate(value2?.end)
28
+ });
29
+ }
30
+ });
24
31
  return /* @__PURE__ */ React.createElement("div", { ref, "data-testid": "date-range-picker-input" }, /* @__PURE__ */ React.createElement(index.Popover.Trigger, { disabled: true }, /* @__PURE__ */ React.createElement(
25
32
  DatePickerInputBase.DatePickerInputBase,
26
33
  {
@@ -32,22 +39,39 @@ const DateRangePickerInputWithPopover = (props) => {
32
39
  disabled,
33
40
  value,
34
41
  onClean: () => state.setValue(null),
35
- onToggle: () => setIsOpen((open) => !open)
42
+ onToggle: handleTogglePopover
36
43
  },
37
- /* @__PURE__ */ React.createElement("div", { className: "flex flex-row gap-x-micro items-center" }, /* @__PURE__ */ React.createElement(DateField.DateField, { ...startFieldProps, isDisabled: disabled }), /* @__PURE__ */ React.createElement("span", null, "-"), /* @__PURE__ */ React.createElement(DateField.DateField, { ...endFieldProps, isDisabled: disabled }))
38
- )), /* @__PURE__ */ React.createElement(index.Popover.Content, { className: "bg-inherit shadow-none border-none" }, /* @__PURE__ */ React.createElement(
39
- RangeCalendar.RangeCalendar,
40
- {
41
- value,
42
- onChange: (value2) => {
43
- setIsOpen?.(false);
44
- state.setDateRange({
45
- start: date.dateToCalendarDate(value2.start),
46
- end: date.dateToCalendarDate(value2.end)
47
- });
44
+ /* @__PURE__ */ React.createElement("div", { className: "flex flex-row gap-x-micro items-center" }, /* @__PURE__ */ React.createElement(
45
+ DateField.DateField,
46
+ {
47
+ ...startFieldProps,
48
+ onChange: (value2) => {
49
+ startFieldProps.onChange?.(value2);
50
+ handleCloseCalendar();
51
+ },
52
+ isDisabled: disabled,
53
+ onClick: handleTogglePopover
48
54
  }
49
- }
50
- )));
55
+ ), /* @__PURE__ */ React.createElement("span", null, "-"), /* @__PURE__ */ React.createElement(
56
+ DateField.DateField,
57
+ {
58
+ ...endFieldProps,
59
+ onChange: (value2) => {
60
+ endFieldProps.onChange?.(value2);
61
+ handleCloseCalendar();
62
+ },
63
+ isDisabled: disabled,
64
+ onClick: handleTogglePopover
65
+ }
66
+ ))
67
+ )), /* @__PURE__ */ React.createElement(
68
+ index.Popover.Content,
69
+ {
70
+ className: "bg-inherit shadow-none border-none",
71
+ initialFocus: -1
72
+ },
73
+ /* @__PURE__ */ React.createElement(RangeCalendar.RangeCalendar, { value, onChange: handleChangeCalendar })
74
+ ));
51
75
  };
52
76
  const DateRangePickerInput = (props) => /* @__PURE__ */ React.createElement(index.Popover.Root, { placement: "bottom-start", trigger: "click" }, /* @__PURE__ */ React.createElement(Content.Content, null, /* @__PURE__ */ React.createElement(DateRangePickerInputWithPopover, { ...props })));
53
77
 
@@ -4,11 +4,12 @@ var React = require('react');
4
4
  require('@internationalized/date');
5
5
  require('react-aria');
6
6
  require('react-stately');
7
+ require('../Popover/Context.js');
8
+ require('react-dropzone');
9
+ require('uuid');
7
10
  require('@floating-ui/react');
8
11
  var useNumberMask = require('../../hooks/useNumberMask.js');
9
12
  var useStringMask = require('../../hooks/useStringMask.js');
10
- require('react-dropzone');
11
- require('uuid');
12
13
  var Root = require('./Root.js');
13
14
 
14
15
  const InputMask = React.forwardRef(
@@ -5,11 +5,12 @@ var io5 = require('react-icons/io5');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
+ require('../Popover/Context.js');
8
9
  var useDebouncedState = require('../../hooks/useDebouncedState.js');
9
- require('@floating-ui/react');
10
- require('currency.js');
11
10
  require('react-dropzone');
12
11
  require('uuid');
12
+ require('@floating-ui/react');
13
+ require('currency.js');
13
14
  var Box = require('./Box.js');
14
15
  var Face = require('./Face.js');
15
16
  var Left = require('./Left.js');
@@ -5,11 +5,12 @@ var Masonry = require('../Masonry.js');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
- require('@floating-ui/react');
9
- require('currency.js');
8
+ require('../Popover/Context.js');
9
+ var useDimensions = require('../../hooks/useDimensions.js');
10
10
  require('react-dropzone');
11
11
  require('uuid');
12
- var useDimensions = require('../../hooks/useDimensions.js');
12
+ require('@floating-ui/react');
13
+ require('currency.js');
13
14
 
14
15
  const Categories = ({ children }) => {
15
16
  const { width } = useDimensions.useDimensions();
@@ -6,10 +6,11 @@ var clsx = require('clsx');
6
6
  require('@internationalized/date');
7
7
  require('react-aria');
8
8
  require('react-stately');
9
- require('@floating-ui/react');
10
- require('currency.js');
9
+ require('../Popover/Context.js');
11
10
  require('react-dropzone');
12
11
  require('uuid');
12
+ require('@floating-ui/react');
13
+ require('currency.js');
13
14
  require('../../provider/MenubarContext.js');
14
15
  require('../../provider/SnackbarProvider.js');
15
16
  var useMenubar = require('../../provider/useMenubar.js');
@@ -5,10 +5,11 @@ var io5 = require('react-icons/io5');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
- require('@floating-ui/react');
9
- require('currency.js');
8
+ require('../Popover/Context.js');
10
9
  require('react-dropzone');
11
10
  require('uuid');
11
+ require('@floating-ui/react');
12
+ require('currency.js');
12
13
  require('../../provider/MenubarContext.js');
13
14
  require('../../provider/SnackbarProvider.js');
14
15
  var useMenubar = require('../../provider/useMenubar.js');
@@ -8,10 +8,11 @@ var clsx = require('clsx');
8
8
  require('@internationalized/date');
9
9
  require('react-aria');
10
10
  require('react-stately');
11
- require('@floating-ui/react');
12
- require('currency.js');
11
+ require('../Popover/Context.js');
13
12
  require('react-dropzone');
14
13
  require('uuid');
14
+ require('@floating-ui/react');
15
+ require('currency.js');
15
16
  require('../../provider/MenubarContext.js');
16
17
  require('../../provider/SnackbarProvider.js');
17
18
  var useMenubar = require('../../provider/useMenubar.js');
@@ -5,11 +5,12 @@ var menubar = require('../../styles/menubar.js');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
- require('@floating-ui/react');
9
- require('currency.js');
8
+ require('../Popover/Context.js');
9
+ var useDimensions = require('../../hooks/useDimensions.js');
10
10
  require('react-dropzone');
11
11
  require('uuid');
12
- var useDimensions = require('../../hooks/useDimensions.js');
12
+ require('@floating-ui/react');
13
+ require('currency.js');
13
14
 
14
15
  const { container, label: labelClass, containerList } = menubar.mostUsed();
15
16
  const MostUsed = ({ label, children, ...rest }) => {
@@ -7,10 +7,11 @@ var menubar = require('../../styles/menubar.js');
7
7
  require('@internationalized/date');
8
8
  require('react-aria');
9
9
  require('react-stately');
10
- require('@floating-ui/react');
11
- require('currency.js');
10
+ require('../Popover/Context.js');
12
11
  require('react-dropzone');
13
12
  require('uuid');
13
+ require('@floating-ui/react');
14
+ require('currency.js');
14
15
  require('../../provider/MenubarContext.js');
15
16
  require('../../provider/SnackbarProvider.js');
16
17
  var useMenubar = require('../../provider/useMenubar.js');
@@ -6,10 +6,11 @@ var ItemLink = require('./ItemLink.js');
6
6
  require('@internationalized/date');
7
7
  require('react-aria');
8
8
  require('react-stately');
9
- require('@floating-ui/react');
10
- require('currency.js');
9
+ require('../Popover/Context.js');
11
10
  require('react-dropzone');
12
11
  require('uuid');
12
+ require('@floating-ui/react');
13
+ require('currency.js');
13
14
  require('../../provider/MenubarContext.js');
14
15
  require('../../provider/SnackbarProvider.js');
15
16
  var useMenubar = require('../../provider/useMenubar.js');
@@ -4,11 +4,11 @@ var React = require('react');
4
4
  require('@internationalized/date');
5
5
  require('react-aria');
6
6
  require('react-stately');
7
- var useFloatingElement = require('../../hooks/useFloatingElement.js');
8
- require('currency.js');
7
+ var Context = require('./Context.js');
9
8
  require('react-dropzone');
10
9
  require('uuid');
11
- var Context = require('./Context.js');
10
+ var useFloatingElement = require('../../hooks/useFloatingElement.js');
11
+ require('currency.js');
12
12
 
13
13
  const PopoverProvider = ({
14
14
  children,
@@ -5,12 +5,12 @@ var React = require('react');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
+ var Context = require('../Popover/Context.js');
9
+ require('react-dropzone');
10
+ require('uuid');
8
11
  require('@floating-ui/react');
9
12
  require('currency.js');
10
13
  var useSelectGroupedOptions = require('../../hooks/useSelectGroupedOptions.js');
11
- require('react-dropzone');
12
- require('uuid');
13
- var Context = require('../Popover/Context.js');
14
14
  var Option = require('./Option.js');
15
15
  var SkeletonOptions = require('./SkeletonOptions.js');
16
16
  var context = require('./context.js');
@@ -5,11 +5,12 @@ var React = require('react');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
+ require('../Popover/Context.js');
9
+ require('react-dropzone');
10
+ require('uuid');
8
11
  require('@floating-ui/react');
9
12
  require('currency.js');
10
13
  var useSelectGroupedOptions = require('../../hooks/useSelectGroupedOptions.js');
11
- require('react-dropzone');
12
- require('uuid');
13
14
  var MultiOption = require('./MultiOption.js');
14
15
  var SkeletonOptions = require('./SkeletonOptions.js');
15
16
  var context = require('./context.js');
@@ -5,11 +5,12 @@ var React = require('react');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
+ require('../Popover/Context.js');
9
+ require('react-dropzone');
10
+ require('uuid');
8
11
  require('@floating-ui/react');
9
12
  require('currency.js');
10
13
  var useSelectOptions = require('../../hooks/useSelectOptions.js');
11
- require('react-dropzone');
12
- require('uuid');
13
14
  var MultiOption = require('./MultiOption.js');
14
15
  var SkeletonOptions = require('./SkeletonOptions.js');
15
16
  var context = require('./context.js');
@@ -5,12 +5,12 @@ var React = require('react');
5
5
  require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
+ var Context = require('../Popover/Context.js');
9
+ require('react-dropzone');
10
+ require('uuid');
8
11
  require('@floating-ui/react');
9
12
  require('currency.js');
10
13
  var useSelectOptions = require('../../hooks/useSelectOptions.js');
11
- require('react-dropzone');
12
- require('uuid');
13
- var Context = require('../Popover/Context.js');
14
14
  var Option = require('./Option.js');
15
15
  var SkeletonOptions = require('./SkeletonOptions.js');
16
16
  var context = require('./context.js');
@@ -6,10 +6,11 @@ require('@internationalized/date');
6
6
  require('react-aria');
7
7
  require('react-stately');
8
8
  var react = require('../utils/react.js');
9
- var useFloatingElement = require('../hooks/useFloatingElement.js');
10
- require('currency.js');
9
+ require('./Popover/Context.js');
11
10
  require('react-dropzone');
12
11
  require('uuid');
12
+ var useFloatingElement = require('../hooks/useFloatingElement.js');
13
+ require('currency.js');
13
14
 
14
15
  const Tooltip = React.forwardRef(
15
16
  (props, ref) => {
@@ -0,0 +1,29 @@
1
+ 'use strict';
2
+
3
+ var React = require('react');
4
+ var Context = require('../components/Popover/Context.js');
5
+
6
+ const useDatePickerInputCommon = ({
7
+ onChangeCalendar,
8
+ onChangeRangeCalendar
9
+ }) => {
10
+ const { setIsOpen } = Context.usePopoverContext();
11
+ const handleTogglePopover = React.useCallback(() => {
12
+ setIsOpen((open) => !open);
13
+ }, []);
14
+ const handleChangeCalendar = React.useCallback((value) => {
15
+ setIsOpen(false);
16
+ onChangeCalendar?.(value);
17
+ onChangeRangeCalendar?.(value);
18
+ }, []);
19
+ const handleCloseCalendar = React.useCallback(() => {
20
+ setIsOpen(false);
21
+ }, []);
22
+ return {
23
+ handleTogglePopover,
24
+ handleChangeCalendar,
25
+ handleCloseCalendar
26
+ };
27
+ };
28
+
29
+ exports.useDatePickerInputCommon = useDatePickerInputCommon;
@@ -27,7 +27,12 @@ const useDateRangePickerInput = ({
27
27
  state,
28
28
  ref
29
29
  );
30
- return { startFieldProps, endFieldProps, state, ref };
30
+ return {
31
+ startFieldProps,
32
+ endFieldProps,
33
+ state,
34
+ ref
35
+ };
31
36
  };
32
37
 
33
38
  exports.useDateRangePickerInput = useDateRangePickerInput;
package/dist/cjs/index.js CHANGED
@@ -45,8 +45,11 @@ var useCalendar = require('./hooks/useCalendar.js');
45
45
  var useCalendarCell = require('./hooks/useCalendarCell.js');
46
46
  var useCalendarGrid = require('./hooks/useCalendarGrid.js');
47
47
  var useDatePickerInput = require('./hooks/useDatePickerInput.js');
48
+ var useDatePickerInputCommon = require('./hooks/useDatePickerInputCommon.js');
48
49
  var useDateRangePickerInput = require('./hooks/useDateRangePickerInput.js');
49
50
  var useDebouncedState = require('./hooks/useDebouncedState.js');
51
+ var useDimensions = require('./hooks/useDimensions.js');
52
+ var useFileUpload = require('./hooks/useFileUpload.js');
50
53
  var useFloatingElement = require('./hooks/useFloatingElement.js');
51
54
  var useNumberMask = require('./hooks/useNumberMask.js');
52
55
  var useOutsideClickListener = require('./hooks/useOutsideClickListener.js');
@@ -54,8 +57,6 @@ var useRangeCalendar = require('./hooks/useRangeCalendar.js');
54
57
  var useSelectGroupedOptions = require('./hooks/useSelectGroupedOptions.js');
55
58
  var useSelectOptions = require('./hooks/useSelectOptions.js');
56
59
  var useStringMask = require('./hooks/useStringMask.js');
57
- var useFileUpload = require('./hooks/useFileUpload.js');
58
- var useDimensions = require('./hooks/useDimensions.js');
59
60
  var SnackbarSonner = require('./service/SnackbarSonner.js');
60
61
  var MenubarProvider = require('./provider/MenubarProvider.js');
61
62
  var SnackbarProvider = require('./provider/SnackbarProvider.js');
@@ -121,8 +122,11 @@ exports.useCalendar = useCalendar.useCalendar;
121
122
  exports.useCalendarCell = useCalendarCell.useCalendarCell;
122
123
  exports.useCalendarGrid = useCalendarGrid.useCalendarGrid;
123
124
  exports.useDatePickerInput = useDatePickerInput.useDatePickerInput;
125
+ exports.useDatePickerInputCommon = useDatePickerInputCommon.useDatePickerInputCommon;
124
126
  exports.useDateRangePickerInput = useDateRangePickerInput.useDateRangePickerInput;
125
127
  exports.useDebouncedState = useDebouncedState.useDebouncedState;
128
+ exports.useDimensions = useDimensions.useDimensions;
129
+ exports.useFileUpload = useFileUpload.useFileUpload;
126
130
  exports.useFloatingElement = useFloatingElement.useFloatingElement;
127
131
  exports.applyNumberMask = useNumberMask.applyNumberMask;
128
132
  exports.getInternalNumberAndMask = useNumberMask.getInternalNumberAndMask;
@@ -135,8 +139,6 @@ exports.applyStringMask = useStringMask.applyStringMask;
135
139
  exports.getMask = useStringMask.getMask;
136
140
  exports.mergeMask = useStringMask.mergeMask;
137
141
  exports.useStringMask = useStringMask.useStringMask;
138
- exports.useFileUpload = useFileUpload.useFileUpload;
139
- exports.useDimensions = useDimensions.useDimensions;
140
142
  exports.SnackbarSonner = SnackbarSonner.SnackbarSonner;
141
143
  exports.MenubarProvider = MenubarProvider.MenubarProvider;
142
144
  exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;
@@ -4,11 +4,12 @@ var React = require('react');
4
4
  require('@internationalized/date');
5
5
  require('react-aria');
6
6
  require('react-stately');
7
+ require('../components/Popover/Context.js');
8
+ require('react-dropzone');
9
+ require('uuid');
7
10
  require('@floating-ui/react');
8
11
  require('currency.js');
9
12
  var useOutsideClickListener = require('../hooks/useOutsideClickListener.js');
10
- require('react-dropzone');
11
- require('uuid');
12
13
  var MenubarContext = require('./MenubarContext.js');
13
14
 
14
15
  const MenubarProvider = ({ children }) => {
@@ -3,10 +3,11 @@ import { useCalendar } from '../../hooks/useCalendar.js';
3
3
  import '@internationalized/date';
4
4
  import 'react-aria';
5
5
  import 'react-stately';
6
- import '@floating-ui/react';
7
- import 'currency.js';
6
+ import '../Popover/Context.js';
8
7
  import 'react-dropzone';
9
8
  import 'uuid';
9
+ import '@floating-ui/react';
10
+ import 'currency.js';
10
11
  import { CalendarGrid } from './CalendarGrid.js';
11
12
  import { CalendarHeader } from './CalendarHeader.js';
12
13
 
@@ -3,10 +3,11 @@ import '@internationalized/date';
3
3
  import 'react-aria';
4
4
  import 'react-stately';
5
5
  import { useCalendarCell } from '../../hooks/useCalendarCell.js';
6
- import '@floating-ui/react';
7
- import 'currency.js';
6
+ import '../Popover/Context.js';
8
7
  import 'react-dropzone';
9
8
  import 'uuid';
9
+ import '@floating-ui/react';
10
+ import 'currency.js';
10
11
  import { calendarCell } from '../../styles/calendar-cell.js';
11
12
  import '../../styles/date-picker-input-base.js';
12
13
  import '../../styles/date-segment.js';
@@ -3,10 +3,11 @@ import '@internationalized/date';
3
3
  import 'react-aria';
4
4
  import 'react-stately';
5
5
  import { useCalendarGrid } from '../../hooks/useCalendarGrid.js';
6
- import '@floating-ui/react';
7
- import 'currency.js';
6
+ import '../Popover/Context.js';
8
7
  import 'react-dropzone';
9
8
  import 'uuid';
9
+ import '@floating-ui/react';
10
+ import 'currency.js';
10
11
  import { CalendarGridBodyRows } from './CalendarGridBodyRows.js';
11
12
  import { CalendarGridHeaderRow } from './CalendarGridHeaderRow.js';
12
13