@tecsinapse/cortex-react 1.9.14 → 1.9.15
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.
- package/dist/cjs/components/Calendar/Calendar.js +3 -2
- package/dist/cjs/components/Calendar/CalendarCell.js +3 -2
- package/dist/cjs/components/Calendar/CalendarGrid.js +3 -2
- package/dist/cjs/components/Calendar/RangeCalendar.js +3 -2
- package/dist/cjs/components/DatePicker/DateField.js +12 -2
- package/dist/cjs/components/DatePicker/DatePickerInput.js +24 -15
- package/dist/cjs/components/DatePicker/DateRangePickerInput.js +34 -18
- package/dist/cjs/components/Input/Mask.js +3 -2
- package/dist/cjs/components/Input/Search.js +3 -2
- package/dist/cjs/components/Menubar/Categories.js +4 -3
- package/dist/cjs/components/Menubar/Dropdown.js +3 -2
- package/dist/cjs/components/Menubar/Header.js +3 -2
- package/dist/cjs/components/Menubar/Item.js +3 -2
- package/dist/cjs/components/Menubar/MostUsed.js +4 -3
- package/dist/cjs/components/Menubar/Search.js +3 -2
- package/dist/cjs/components/Menubar/SubItem.js +3 -2
- package/dist/cjs/components/Popover/Provider.js +3 -3
- package/dist/cjs/components/Select/GroupedOptions.js +3 -3
- package/dist/cjs/components/Select/MultiGroupedOptions.js +3 -2
- package/dist/cjs/components/Select/MultiOptions.js +3 -2
- package/dist/cjs/components/Select/Options.js +3 -3
- package/dist/cjs/components/Tooltip.js +3 -2
- package/dist/cjs/hooks/useDatePickerInputCommon.js +25 -0
- package/dist/cjs/hooks/useDateRangePickerInput.js +6 -1
- package/dist/cjs/index.js +6 -4
- package/dist/cjs/provider/MenubarProvider.js +3 -2
- package/dist/esm/components/Calendar/Calendar.js +3 -2
- package/dist/esm/components/Calendar/CalendarCell.js +3 -2
- package/dist/esm/components/Calendar/CalendarGrid.js +3 -2
- package/dist/esm/components/Calendar/RangeCalendar.js +3 -2
- package/dist/esm/components/DatePicker/DateField.js +12 -2
- package/dist/esm/components/DatePicker/DatePickerInput.js +24 -15
- package/dist/esm/components/DatePicker/DateRangePickerInput.js +34 -18
- package/dist/esm/components/Input/Mask.js +3 -2
- package/dist/esm/components/Input/Search.js +3 -2
- package/dist/esm/components/Menubar/Categories.js +4 -3
- package/dist/esm/components/Menubar/Dropdown.js +3 -2
- package/dist/esm/components/Menubar/Header.js +3 -2
- package/dist/esm/components/Menubar/Item.js +3 -2
- package/dist/esm/components/Menubar/MostUsed.js +4 -3
- package/dist/esm/components/Menubar/Search.js +3 -2
- package/dist/esm/components/Menubar/SubItem.js +3 -2
- package/dist/esm/components/Popover/Provider.js +3 -3
- package/dist/esm/components/Select/GroupedOptions.js +3 -3
- package/dist/esm/components/Select/MultiGroupedOptions.js +3 -2
- package/dist/esm/components/Select/MultiOptions.js +3 -2
- package/dist/esm/components/Select/Options.js +3 -3
- package/dist/esm/components/Tooltip.js +3 -2
- package/dist/esm/hooks/useDatePickerInputCommon.js +23 -0
- package/dist/esm/hooks/useDateRangePickerInput.js +6 -1
- package/dist/esm/index.js +3 -2
- package/dist/esm/provider/MenubarProvider.js +3 -2
- package/dist/types/components/DatePicker/DateField.d.ts +2 -1
- package/dist/types/components/DatePicker/DateSegment.d.ts +2 -2
- package/dist/types/hooks/index.d.ts +3 -2
- package/dist/types/hooks/useDatePickerInputCommon.d.ts +10 -0
- package/dist/types/hooks/useFloatingElement.d.ts +2 -2
- 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('
|
|
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('
|
|
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('
|
|
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(
|
|
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('
|
|
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 } = 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,24 @@ const DatePickerInputWithPopover = (props) => {
|
|
|
32
36
|
disabled,
|
|
33
37
|
value,
|
|
34
38
|
onClean: () => state.setValue(null),
|
|
35
|
-
onToggle:
|
|
39
|
+
onToggle: handleTogglePopover
|
|
36
40
|
},
|
|
37
|
-
/* @__PURE__ */ React.createElement(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
setIsOpen(false);
|
|
44
|
-
state.setDateValue(date.dateToCalendarDate(value2));
|
|
41
|
+
/* @__PURE__ */ React.createElement(
|
|
42
|
+
DateField.DateField,
|
|
43
|
+
{
|
|
44
|
+
...fieldProps,
|
|
45
|
+
isDisabled: disabled,
|
|
46
|
+
onClick: handleTogglePopover
|
|
45
47
|
}
|
|
46
|
-
|
|
47
|
-
))
|
|
48
|
+
)
|
|
49
|
+
)), /* @__PURE__ */ React.createElement(
|
|
50
|
+
index.Popover.Content,
|
|
51
|
+
{
|
|
52
|
+
className: "bg-inherit shadow-none border-none",
|
|
53
|
+
initialFocus: -1
|
|
54
|
+
},
|
|
55
|
+
/* @__PURE__ */ React.createElement(Calendar.Calendar, { value, onChange: handleChangeCalendar })
|
|
56
|
+
));
|
|
48
57
|
};
|
|
49
58
|
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
59
|
|
|
@@ -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 } = 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,31 @@ const DateRangePickerInputWithPopover = (props) => {
|
|
|
32
39
|
disabled,
|
|
33
40
|
value,
|
|
34
41
|
onClean: () => state.setValue(null),
|
|
35
|
-
onToggle:
|
|
42
|
+
onToggle: handleTogglePopover
|
|
36
43
|
},
|
|
37
|
-
/* @__PURE__ */ React.createElement("div", { className: "flex flex-row gap-x-micro items-center" }, /* @__PURE__ */ React.createElement(
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
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
|
+
isDisabled: disabled,
|
|
49
|
+
onClick: handleTogglePopover
|
|
48
50
|
}
|
|
49
|
-
|
|
50
|
-
|
|
51
|
+
), /* @__PURE__ */ React.createElement("span", null, "-"), /* @__PURE__ */ React.createElement(
|
|
52
|
+
DateField.DateField,
|
|
53
|
+
{
|
|
54
|
+
...endFieldProps,
|
|
55
|
+
isDisabled: disabled,
|
|
56
|
+
onClick: handleTogglePopover
|
|
57
|
+
}
|
|
58
|
+
))
|
|
59
|
+
)), /* @__PURE__ */ React.createElement(
|
|
60
|
+
index.Popover.Content,
|
|
61
|
+
{
|
|
62
|
+
className: "bg-inherit shadow-none border-none",
|
|
63
|
+
initialFocus: -1
|
|
64
|
+
},
|
|
65
|
+
/* @__PURE__ */ React.createElement(RangeCalendar.RangeCalendar, { value, onChange: handleChangeCalendar })
|
|
66
|
+
));
|
|
51
67
|
};
|
|
52
68
|
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
69
|
|
|
@@ -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('
|
|
9
|
-
require('
|
|
8
|
+
require('../Popover/Context.js');
|
|
9
|
+
var useDimensions = require('../../hooks/useDimensions.js');
|
|
10
10
|
require('react-dropzone');
|
|
11
11
|
require('uuid');
|
|
12
|
-
|
|
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('
|
|
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('
|
|
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('
|
|
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('
|
|
9
|
-
require('
|
|
8
|
+
require('../Popover/Context.js');
|
|
9
|
+
var useDimensions = require('../../hooks/useDimensions.js');
|
|
10
10
|
require('react-dropzone');
|
|
11
11
|
require('uuid');
|
|
12
|
-
|
|
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('
|
|
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('
|
|
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
|
|
8
|
-
require('currency.js');
|
|
7
|
+
var Context = require('./Context.js');
|
|
9
8
|
require('react-dropzone');
|
|
10
9
|
require('uuid');
|
|
11
|
-
var
|
|
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
|
-
|
|
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,25 @@
|
|
|
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
|
+
return {
|
|
20
|
+
handleTogglePopover,
|
|
21
|
+
handleChangeCalendar
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
exports.useDatePickerInputCommon = useDatePickerInputCommon;
|
|
@@ -27,7 +27,12 @@ const useDateRangePickerInput = ({
|
|
|
27
27
|
state,
|
|
28
28
|
ref
|
|
29
29
|
);
|
|
30
|
-
return {
|
|
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 '
|
|
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 '
|
|
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 '
|
|
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
|
|
|
@@ -2,11 +2,12 @@ import React__default from 'react';
|
|
|
2
2
|
import '@internationalized/date';
|
|
3
3
|
import 'react-aria';
|
|
4
4
|
import 'react-stately';
|
|
5
|
+
import '../Popover/Context.js';
|
|
6
|
+
import 'react-dropzone';
|
|
7
|
+
import 'uuid';
|
|
5
8
|
import '@floating-ui/react';
|
|
6
9
|
import 'currency.js';
|
|
7
10
|
import { useRangeCalendar } from '../../hooks/useRangeCalendar.js';
|
|
8
|
-
import 'react-dropzone';
|
|
9
|
-
import 'uuid';
|
|
10
11
|
import { CalendarGrid } from './CalendarGrid.js';
|
|
11
12
|
import { CalendarHeader } from './CalendarHeader.js';
|
|
12
13
|
|