@tecsinapse/cortex-react 1.13.3 → 1.13.4-beta.1
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 +18 -4
- package/dist/cjs/components/Calendar/CalendarCell.js +7 -12
- package/dist/cjs/components/Calendar/CalendarGrid.js +3 -0
- package/dist/cjs/components/Calendar/CalendarGridHeaderRow.js +1 -1
- package/dist/cjs/components/Calendar/RangeCalendar.js +15 -4
- package/dist/cjs/components/DatePicker/DatePickerInput.js +20 -3
- package/dist/cjs/components/DatePicker/DateRangePickerInput.js +20 -5
- package/dist/cjs/components/Input/Mask.js +3 -0
- package/dist/cjs/components/Input/Search.js +3 -0
- package/dist/cjs/components/Menubar/Categories.js +3 -0
- package/dist/cjs/components/Menubar/Dropdown.js +1 -0
- package/dist/cjs/components/Menubar/Header.js +1 -0
- package/dist/cjs/components/Menubar/Item.js +1 -0
- package/dist/cjs/components/Menubar/MostUsed.js +3 -0
- package/dist/cjs/components/Menubar/Root.js +1 -0
- package/dist/cjs/components/Menubar/Search.js +1 -0
- package/dist/cjs/components/Menubar/SubItem.js +1 -0
- package/dist/cjs/components/Popover/Provider.js +3 -0
- package/dist/cjs/components/Select/GroupedOptions.js +3 -0
- package/dist/cjs/components/Select/MultiGroupedOptions.js +3 -0
- package/dist/cjs/components/Select/MultiOptions.js +3 -0
- package/dist/cjs/components/Select/Options.js +3 -0
- package/dist/cjs/components/TimePicker/TimePickerInput.js +3 -0
- package/dist/cjs/components/Tooltip.js +3 -0
- package/dist/cjs/hooks/useCalendar.js +9 -2
- package/dist/cjs/hooks/useCalendarCell.js +17 -2
- package/dist/cjs/hooks/useDatePickerInput.js +6 -2
- package/dist/cjs/hooks/useDateRangePickerInput.js +6 -2
- package/dist/cjs/hooks/useRangeCalendar.js +6 -2
- package/dist/cjs/index.js +3 -0
- package/dist/cjs/provider/CalendarProvider.js +24 -0
- package/dist/cjs/provider/MenubarProvider.js +3 -1
- package/dist/cjs/styles/calendar-cell.js +10 -5
- package/dist/esm/components/Calendar/Calendar.js +19 -5
- package/dist/esm/components/Calendar/CalendarCell.js +7 -12
- package/dist/esm/components/Calendar/CalendarGrid.js +3 -0
- package/dist/esm/components/Calendar/CalendarGridHeaderRow.js +1 -1
- package/dist/esm/components/Calendar/RangeCalendar.js +16 -5
- package/dist/esm/components/DatePicker/DatePickerInput.js +20 -3
- package/dist/esm/components/DatePicker/DateRangePickerInput.js +20 -5
- package/dist/esm/components/Input/Mask.js +3 -0
- package/dist/esm/components/Input/Search.js +3 -0
- package/dist/esm/components/Menubar/Categories.js +3 -0
- package/dist/esm/components/Menubar/Dropdown.js +1 -0
- package/dist/esm/components/Menubar/Header.js +1 -0
- package/dist/esm/components/Menubar/Item.js +1 -0
- package/dist/esm/components/Menubar/MostUsed.js +3 -0
- package/dist/esm/components/Menubar/Root.js +1 -0
- package/dist/esm/components/Menubar/Search.js +1 -0
- package/dist/esm/components/Menubar/SubItem.js +1 -0
- package/dist/esm/components/Popover/Provider.js +3 -0
- package/dist/esm/components/Select/GroupedOptions.js +3 -0
- package/dist/esm/components/Select/MultiGroupedOptions.js +3 -0
- package/dist/esm/components/Select/MultiOptions.js +3 -0
- package/dist/esm/components/Select/Options.js +3 -0
- package/dist/esm/components/TimePicker/TimePickerInput.js +3 -0
- package/dist/esm/components/Tooltip.js +3 -0
- package/dist/esm/hooks/useCalendar.js +9 -2
- package/dist/esm/hooks/useCalendarCell.js +18 -3
- package/dist/esm/hooks/useDatePickerInput.js +6 -2
- package/dist/esm/hooks/useDateRangePickerInput.js +6 -2
- package/dist/esm/hooks/useRangeCalendar.js +6 -2
- package/dist/esm/index.js +1 -0
- package/dist/esm/provider/CalendarProvider.js +21 -0
- package/dist/esm/provider/MenubarProvider.js +3 -1
- package/dist/esm/styles/calendar-cell.js +10 -5
- package/dist/types/components/Calendar/Calendar.d.ts +3 -2
- package/dist/types/components/Calendar/CalendarProvider.d.ts +10 -0
- package/dist/types/components/Calendar/RangeCalendar.d.ts +3 -2
- package/dist/types/components/Calendar/types.d.ts +5 -0
- package/dist/types/components/DatePicker/DatePickerInput.d.ts +2 -4
- package/dist/types/components/DatePicker/DateRangePickerInput.d.ts +3 -5
- package/dist/types/components/DatePicker/types.d.ts +8 -0
- package/dist/types/hooks/useCalendar.d.ts +3 -1
- package/dist/types/hooks/useCalendarCell.d.ts +2 -0
- package/dist/types/hooks/useDatePickerInput.d.ts +3 -1
- package/dist/types/hooks/useDateRangePickerInput.d.ts +3 -1
- package/dist/types/hooks/useRangeCalendar.d.ts +3 -1
- package/dist/types/provider/CalendarProvider.d.ts +10 -0
- package/dist/types/provider/index.d.ts +1 -0
- package/dist/types/styles/calendar-cell.d.ts +18 -3
- package/package.json +3 -3
|
@@ -5,6 +5,9 @@ var useCalendar = require('../../hooks/useCalendar.js');
|
|
|
5
5
|
require('@internationalized/date');
|
|
6
6
|
require('react');
|
|
7
7
|
require('react-aria');
|
|
8
|
+
require('../../provider/MenubarContext.js');
|
|
9
|
+
require('../../provider/SnackbarProvider.js');
|
|
10
|
+
var CalendarProvider = require('../../provider/CalendarProvider.js');
|
|
8
11
|
require('react-stately');
|
|
9
12
|
require('../Popover/Context.js');
|
|
10
13
|
require('react-dropzone');
|
|
@@ -14,9 +17,20 @@ require('currency.js');
|
|
|
14
17
|
var CalendarGrid = require('./CalendarGrid.js');
|
|
15
18
|
var CalendarHeader = require('./CalendarHeader.js');
|
|
16
19
|
|
|
17
|
-
const Calendar = ({
|
|
18
|
-
|
|
19
|
-
|
|
20
|
+
const Calendar = ({
|
|
21
|
+
value,
|
|
22
|
+
onChange,
|
|
23
|
+
isTodayHighlited = true,
|
|
24
|
+
minValue,
|
|
25
|
+
maxValue
|
|
26
|
+
}) => {
|
|
27
|
+
const { calendarProps, title, state } = useCalendar.useCalendar({
|
|
28
|
+
value,
|
|
29
|
+
onChange,
|
|
30
|
+
minValue,
|
|
31
|
+
maxValue
|
|
32
|
+
});
|
|
33
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CalendarProvider.CalendarProvider, { isTodayHighlited, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { ...calendarProps, className: "calendar", "data-testid": "calendar-div", children: [
|
|
20
34
|
/* @__PURE__ */ jsxRuntime.jsx(
|
|
21
35
|
CalendarHeader.CalendarHeader,
|
|
22
36
|
{
|
|
@@ -26,7 +40,7 @@ const Calendar = ({ value, onChange }) => {
|
|
|
26
40
|
}
|
|
27
41
|
),
|
|
28
42
|
/* @__PURE__ */ jsxRuntime.jsx(CalendarGrid.CalendarGrid, { state })
|
|
29
|
-
] });
|
|
43
|
+
] }) });
|
|
30
44
|
};
|
|
31
45
|
|
|
32
46
|
exports.Calendar = Calendar;
|
|
@@ -29,7 +29,9 @@ const CalendarCell = ({ state, date }) => {
|
|
|
29
29
|
formattedDate,
|
|
30
30
|
isSelectionStart,
|
|
31
31
|
isSelectionEnd,
|
|
32
|
-
inRange
|
|
32
|
+
inRange,
|
|
33
|
+
isToday,
|
|
34
|
+
isDisabled
|
|
33
35
|
} = useCalendarCell.useCalendarCell({ state, date });
|
|
34
36
|
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
35
37
|
Table.Td,
|
|
@@ -37,21 +39,14 @@ const CalendarCell = ({ state, date }) => {
|
|
|
37
39
|
...cellProps,
|
|
38
40
|
"data-testid": "calendar-cell-td",
|
|
39
41
|
className: cell({
|
|
40
|
-
isOutsideVisibleRange,
|
|
42
|
+
isDisabled: isOutsideVisibleRange || isDisabled,
|
|
41
43
|
isSelected,
|
|
42
44
|
isSelectionStart,
|
|
43
45
|
isSelectionEnd,
|
|
44
|
-
inRange
|
|
46
|
+
inRange,
|
|
47
|
+
isToday
|
|
45
48
|
}),
|
|
46
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
47
|
-
"div",
|
|
48
|
-
{
|
|
49
|
-
...buttonProps,
|
|
50
|
-
ref,
|
|
51
|
-
className: button({ isOutsideVisibleRange }),
|
|
52
|
-
children: formattedDate
|
|
53
|
-
}
|
|
54
|
-
)
|
|
49
|
+
children: /* @__PURE__ */ jsxRuntime.jsx("div", { ...buttonProps, ref, className: button({ isDisabled }), children: formattedDate })
|
|
55
50
|
}
|
|
56
51
|
);
|
|
57
52
|
};
|
|
@@ -5,6 +5,9 @@ require('@internationalized/date');
|
|
|
5
5
|
require('react-aria');
|
|
6
6
|
require('react-stately');
|
|
7
7
|
require('react');
|
|
8
|
+
require('../../provider/MenubarContext.js');
|
|
9
|
+
require('../../provider/SnackbarProvider.js');
|
|
10
|
+
require('../../provider/CalendarProvider.js');
|
|
8
11
|
var useCalendarGrid = require('../../hooks/useCalendarGrid.js');
|
|
9
12
|
require('../Popover/Context.js');
|
|
10
13
|
require('react-dropzone');
|
|
@@ -6,7 +6,7 @@ var Table = require('../Table.js');
|
|
|
6
6
|
const CalendarGridHeaderRow = ({
|
|
7
7
|
weekDays
|
|
8
8
|
}) => {
|
|
9
|
-
return /* @__PURE__ */ jsxRuntime.jsx("tr", { "data-testid": "calendar-grid-header-row", children: weekDays.map((day, index) => /* @__PURE__ */ jsxRuntime.jsx(Table.THeadCell, { children: day }, index)) });
|
|
9
|
+
return /* @__PURE__ */ jsxRuntime.jsx("tr", { "data-testid": "calendar-grid-header-row", children: weekDays.map((day, index) => /* @__PURE__ */ jsxRuntime.jsx(Table.THeadCell, { className: "w-11 h-11 aspect-square", children: day }, index)) });
|
|
10
10
|
};
|
|
11
11
|
|
|
12
12
|
exports.CalendarGridHeaderRow = CalendarGridHeaderRow;
|
|
@@ -5,6 +5,9 @@ require('@internationalized/date');
|
|
|
5
5
|
require('react-aria');
|
|
6
6
|
require('react-stately');
|
|
7
7
|
require('react');
|
|
8
|
+
require('../../provider/MenubarContext.js');
|
|
9
|
+
require('../../provider/SnackbarProvider.js');
|
|
10
|
+
var CalendarProvider = require('../../provider/CalendarProvider.js');
|
|
8
11
|
require('../Popover/Context.js');
|
|
9
12
|
require('react-dropzone');
|
|
10
13
|
require('uuid');
|
|
@@ -14,12 +17,20 @@ var useRangeCalendar = require('../../hooks/useRangeCalendar.js');
|
|
|
14
17
|
var CalendarGrid = require('./CalendarGrid.js');
|
|
15
18
|
var CalendarHeader = require('./CalendarHeader.js');
|
|
16
19
|
|
|
17
|
-
const RangeCalendar = ({
|
|
20
|
+
const RangeCalendar = ({
|
|
21
|
+
value,
|
|
22
|
+
onChange,
|
|
23
|
+
isTodayHighlited = true,
|
|
24
|
+
minValue,
|
|
25
|
+
maxValue
|
|
26
|
+
}) => {
|
|
18
27
|
const { calendarProps, state, title, ref } = useRangeCalendar.useRangeCalendar({
|
|
19
28
|
value,
|
|
20
|
-
onChange
|
|
29
|
+
onChange,
|
|
30
|
+
minValue,
|
|
31
|
+
maxValue
|
|
21
32
|
});
|
|
22
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
33
|
+
return /* @__PURE__ */ jsxRuntime.jsx(CalendarProvider.CalendarProvider, { isTodayHighlited, children: /* @__PURE__ */ jsxRuntime.jsxs(
|
|
23
34
|
"div",
|
|
24
35
|
{
|
|
25
36
|
...calendarProps,
|
|
@@ -38,7 +49,7 @@ const RangeCalendar = ({ value, onChange }) => {
|
|
|
38
49
|
/* @__PURE__ */ jsxRuntime.jsx(CalendarGrid.CalendarGrid, { state })
|
|
39
50
|
]
|
|
40
51
|
}
|
|
41
|
-
);
|
|
52
|
+
) });
|
|
42
53
|
};
|
|
43
54
|
|
|
44
55
|
exports.RangeCalendar = RangeCalendar;
|
|
@@ -6,6 +6,9 @@ require('react-aria');
|
|
|
6
6
|
require('react-stately');
|
|
7
7
|
var date = require('../../utils/date.js');
|
|
8
8
|
require('react');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
var useDatePickerInput = require('../../hooks/useDatePickerInput.js');
|
|
10
13
|
var useDatePickerInputCommon = require('../../hooks/useDatePickerInputCommon.js');
|
|
11
14
|
require('react-dropzone');
|
|
@@ -27,11 +30,16 @@ const DatePickerInputWithPopover = (props) => {
|
|
|
27
30
|
variants,
|
|
28
31
|
disabled,
|
|
29
32
|
hourCycle = 24,
|
|
30
|
-
granularity = "day"
|
|
33
|
+
granularity = "day",
|
|
34
|
+
isTodayHighlited,
|
|
35
|
+
minValue,
|
|
36
|
+
maxValue
|
|
31
37
|
} = props;
|
|
32
38
|
const { fieldProps, state, ref } = useDatePickerInput.useDatePickerInput({
|
|
33
39
|
value,
|
|
34
|
-
onChange
|
|
40
|
+
onChange,
|
|
41
|
+
minValue,
|
|
42
|
+
maxValue
|
|
35
43
|
});
|
|
36
44
|
const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon.useDatePickerInputCommon({
|
|
37
45
|
onChangeCalendar: (_value) => {
|
|
@@ -72,7 +80,16 @@ const DatePickerInputWithPopover = (props) => {
|
|
|
72
80
|
{
|
|
73
81
|
className: "bg-inherit shadow-default border-none",
|
|
74
82
|
initialFocus: -1,
|
|
75
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
83
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
84
|
+
Calendar.Calendar,
|
|
85
|
+
{
|
|
86
|
+
value,
|
|
87
|
+
onChange: handleChangeCalendar,
|
|
88
|
+
isTodayHighlited,
|
|
89
|
+
minValue,
|
|
90
|
+
maxValue
|
|
91
|
+
}
|
|
92
|
+
)
|
|
76
93
|
}
|
|
77
94
|
)
|
|
78
95
|
] });
|
|
@@ -6,6 +6,9 @@ require('react-aria');
|
|
|
6
6
|
require('react-stately');
|
|
7
7
|
var date = require('../../utils/date.js');
|
|
8
8
|
require('react');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
var useDatePickerInputCommon = require('../../hooks/useDatePickerInputCommon.js');
|
|
10
13
|
var useDateRangePickerInput = require('../../hooks/useDateRangePickerInput.js');
|
|
11
14
|
require('react-dropzone');
|
|
@@ -13,11 +16,11 @@ require('uuid');
|
|
|
13
16
|
require('@floating-ui/react');
|
|
14
17
|
require('currency.js');
|
|
15
18
|
require('../Popover/Context.js');
|
|
16
|
-
var RangeCalendar = require('../Calendar/RangeCalendar.js');
|
|
17
|
-
var index = require('../Popover/index.js');
|
|
18
19
|
var Content = require('../Content.js');
|
|
19
20
|
var DateField = require('./DateField.js');
|
|
20
21
|
var DatePickerInputBase = require('./DatePickerInputBase.js');
|
|
22
|
+
var index = require('../Popover/index.js');
|
|
23
|
+
var RangeCalendar = require('../Calendar/RangeCalendar.js');
|
|
21
24
|
|
|
22
25
|
const DateRangePickerInputWithPopover = (props) => {
|
|
23
26
|
const {
|
|
@@ -27,9 +30,12 @@ const DateRangePickerInputWithPopover = (props) => {
|
|
|
27
30
|
variants,
|
|
28
31
|
disabled = false,
|
|
29
32
|
hourCycle = 24,
|
|
30
|
-
granularity = "day"
|
|
33
|
+
granularity = "day",
|
|
34
|
+
isTodayHighlited,
|
|
35
|
+
minValue,
|
|
36
|
+
maxValue
|
|
31
37
|
} = props;
|
|
32
|
-
const { endFieldProps, startFieldProps, ref, state } = useDateRangePickerInput.useDateRangePickerInput({ value, onChange });
|
|
38
|
+
const { endFieldProps, startFieldProps, ref, state } = useDateRangePickerInput.useDateRangePickerInput({ value, onChange, minValue, maxValue });
|
|
33
39
|
const { handleTogglePopover, handleChangeCalendar, handleCloseCalendar } = useDatePickerInputCommon.useDatePickerInputCommon({
|
|
34
40
|
onChangeRangeCalendar: (value2) => {
|
|
35
41
|
state.setDateRange({
|
|
@@ -89,7 +95,16 @@ const DateRangePickerInputWithPopover = (props) => {
|
|
|
89
95
|
{
|
|
90
96
|
className: "bg-inherit shadow-default border-none",
|
|
91
97
|
initialFocus: -1,
|
|
92
|
-
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
98
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
99
|
+
RangeCalendar.RangeCalendar,
|
|
100
|
+
{
|
|
101
|
+
value,
|
|
102
|
+
onChange: handleChangeCalendar,
|
|
103
|
+
isTodayHighlited,
|
|
104
|
+
minValue,
|
|
105
|
+
maxValue
|
|
106
|
+
}
|
|
107
|
+
)
|
|
93
108
|
}
|
|
94
109
|
)
|
|
95
110
|
] });
|
|
@@ -5,6 +5,9 @@ var React = require('react');
|
|
|
5
5
|
require('@internationalized/date');
|
|
6
6
|
require('react-aria');
|
|
7
7
|
require('react-stately');
|
|
8
|
+
require('../../provider/MenubarContext.js');
|
|
9
|
+
require('../../provider/SnackbarProvider.js');
|
|
10
|
+
require('../../provider/CalendarProvider.js');
|
|
8
11
|
require('../Popover/Context.js');
|
|
9
12
|
require('react-dropzone');
|
|
10
13
|
require('uuid');
|
|
@@ -6,6 +6,9 @@ var io5 = require('react-icons/io5');
|
|
|
6
6
|
require('@internationalized/date');
|
|
7
7
|
require('react-aria');
|
|
8
8
|
require('react-stately');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
require('../Popover/Context.js');
|
|
10
13
|
var useDebouncedState = require('../../hooks/useDebouncedState.js');
|
|
11
14
|
require('react-dropzone');
|
|
@@ -6,6 +6,9 @@ require('@internationalized/date');
|
|
|
6
6
|
require('react-aria');
|
|
7
7
|
require('react-stately');
|
|
8
8
|
require('react');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
require('../Popover/Context.js');
|
|
10
13
|
var useDimensions = require('../../hooks/useDimensions.js');
|
|
11
14
|
require('react-dropzone');
|
|
@@ -15,6 +15,7 @@ require('currency.js');
|
|
|
15
15
|
require('../../provider/MenubarContext.js');
|
|
16
16
|
require('../../provider/SnackbarProvider.js');
|
|
17
17
|
var useMenubar = require('../../provider/useMenubar.js');
|
|
18
|
+
require('../../provider/CalendarProvider.js');
|
|
18
19
|
|
|
19
20
|
const { dropdown } = menubar.menubar();
|
|
20
21
|
const Dropdown = ({ children, ...rest }) => {
|
|
@@ -14,6 +14,7 @@ require('currency.js');
|
|
|
14
14
|
require('../../provider/MenubarContext.js');
|
|
15
15
|
require('../../provider/SnackbarProvider.js');
|
|
16
16
|
var useMenubar = require('../../provider/useMenubar.js');
|
|
17
|
+
require('../../provider/CalendarProvider.js');
|
|
17
18
|
var menubar = require('../../styles/menubar.js');
|
|
18
19
|
var Button = require('../Button.js');
|
|
19
20
|
|
|
@@ -14,6 +14,7 @@ require('currency.js');
|
|
|
14
14
|
require('../../provider/MenubarContext.js');
|
|
15
15
|
require('../../provider/SnackbarProvider.js');
|
|
16
16
|
var useMenubar = require('../../provider/useMenubar.js');
|
|
17
|
+
require('../../provider/CalendarProvider.js');
|
|
17
18
|
var menubar = require('../../styles/menubar.js');
|
|
18
19
|
var IconControlSubItem = require('./IconControlSubItem.js');
|
|
19
20
|
var ItemLink = require('./ItemLink.js');
|
|
@@ -6,6 +6,9 @@ require('@internationalized/date');
|
|
|
6
6
|
require('react-aria');
|
|
7
7
|
require('react-stately');
|
|
8
8
|
require('react');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
require('../Popover/Context.js');
|
|
10
13
|
var useDimensions = require('../../hooks/useDimensions.js');
|
|
11
14
|
require('react-dropzone');
|
|
@@ -5,6 +5,7 @@ var MenubarProvider = require('../../provider/MenubarProvider.js');
|
|
|
5
5
|
require('../../provider/SnackbarProvider.js');
|
|
6
6
|
require('../../provider/MenubarContext.js');
|
|
7
7
|
require('react');
|
|
8
|
+
require('../../provider/CalendarProvider.js');
|
|
8
9
|
|
|
9
10
|
const Root = ({ children }) => {
|
|
10
11
|
return /* @__PURE__ */ jsxRuntime.jsx(MenubarProvider.MenubarProvider, { children });
|
|
@@ -16,6 +16,7 @@ require('currency.js');
|
|
|
16
16
|
require('../../provider/MenubarContext.js');
|
|
17
17
|
require('../../provider/SnackbarProvider.js');
|
|
18
18
|
var useMenubar = require('../../provider/useMenubar.js');
|
|
19
|
+
require('../../provider/CalendarProvider.js');
|
|
19
20
|
|
|
20
21
|
const Search = (props) => {
|
|
21
22
|
const [show] = useMenubar.useMenubar();
|
|
@@ -15,6 +15,7 @@ require('currency.js');
|
|
|
15
15
|
require('../../provider/MenubarContext.js');
|
|
16
16
|
require('../../provider/SnackbarProvider.js');
|
|
17
17
|
var useMenubar = require('../../provider/useMenubar.js');
|
|
18
|
+
require('../../provider/CalendarProvider.js');
|
|
18
19
|
|
|
19
20
|
const { container } = menubar.subItem();
|
|
20
21
|
const SubItem = ({
|
|
@@ -5,6 +5,9 @@ require('@internationalized/date');
|
|
|
5
5
|
require('react-aria');
|
|
6
6
|
require('react-stately');
|
|
7
7
|
require('react');
|
|
8
|
+
require('../../provider/MenubarContext.js');
|
|
9
|
+
require('../../provider/SnackbarProvider.js');
|
|
10
|
+
require('../../provider/CalendarProvider.js');
|
|
8
11
|
var Context = require('./Context.js');
|
|
9
12
|
require('react-dropzone');
|
|
10
13
|
require('uuid');
|
|
@@ -6,6 +6,9 @@ var React = require('react');
|
|
|
6
6
|
require('@internationalized/date');
|
|
7
7
|
require('react-aria');
|
|
8
8
|
require('react-stately');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
var Context = require('../Popover/Context.js');
|
|
10
13
|
require('react-dropzone');
|
|
11
14
|
require('uuid');
|
|
@@ -6,6 +6,9 @@ var React = require('react');
|
|
|
6
6
|
require('@internationalized/date');
|
|
7
7
|
require('react-aria');
|
|
8
8
|
require('react-stately');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
require('../Popover/Context.js');
|
|
10
13
|
require('react-dropzone');
|
|
11
14
|
require('uuid');
|
|
@@ -6,6 +6,9 @@ var React = require('react');
|
|
|
6
6
|
require('@internationalized/date');
|
|
7
7
|
require('react-aria');
|
|
8
8
|
require('react-stately');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
require('../Popover/Context.js');
|
|
10
13
|
require('react-dropzone');
|
|
11
14
|
require('uuid');
|
|
@@ -6,6 +6,9 @@ var React = require('react');
|
|
|
6
6
|
require('@internationalized/date');
|
|
7
7
|
require('react-aria');
|
|
8
8
|
require('react-stately');
|
|
9
|
+
require('../../provider/MenubarContext.js');
|
|
10
|
+
require('../../provider/SnackbarProvider.js');
|
|
11
|
+
require('../../provider/CalendarProvider.js');
|
|
9
12
|
var Context = require('../Popover/Context.js');
|
|
10
13
|
require('react-dropzone');
|
|
11
14
|
require('uuid');
|
|
@@ -5,6 +5,9 @@ require('@internationalized/date');
|
|
|
5
5
|
require('react-aria');
|
|
6
6
|
require('react-stately');
|
|
7
7
|
require('react');
|
|
8
|
+
require('../../provider/MenubarContext.js');
|
|
9
|
+
require('../../provider/SnackbarProvider.js');
|
|
10
|
+
require('../../provider/CalendarProvider.js');
|
|
8
11
|
require('../Popover/Context.js');
|
|
9
12
|
require('react-dropzone');
|
|
10
13
|
require('uuid');
|
|
@@ -7,6 +7,9 @@ require('@internationalized/date');
|
|
|
7
7
|
require('react-aria');
|
|
8
8
|
require('react-stately');
|
|
9
9
|
var react = require('../utils/react.js');
|
|
10
|
+
require('../provider/MenubarContext.js');
|
|
11
|
+
require('../provider/SnackbarProvider.js');
|
|
12
|
+
require('../provider/CalendarProvider.js');
|
|
10
13
|
require('./Popover/Context.js');
|
|
11
14
|
require('react-dropzone');
|
|
12
15
|
require('uuid');
|
|
@@ -7,13 +7,20 @@ var date$1 = require('../utils/date.js');
|
|
|
7
7
|
require('react/jsx-runtime');
|
|
8
8
|
require('react');
|
|
9
9
|
|
|
10
|
-
const useCalendar = ({
|
|
10
|
+
const useCalendar = ({
|
|
11
|
+
value,
|
|
12
|
+
onChange,
|
|
13
|
+
minValue,
|
|
14
|
+
maxValue
|
|
15
|
+
}) => {
|
|
11
16
|
const { locale } = reactAria.useLocale();
|
|
12
17
|
const state = reactStately.useCalendarState({
|
|
13
18
|
locale,
|
|
14
19
|
createCalendar: date.createCalendar,
|
|
15
20
|
defaultValue: value ? date$1.dateToCalendarDateTime(value) : null,
|
|
16
|
-
onChange: (value2) => onChange(date$1.calendarDateToDate(value2))
|
|
21
|
+
onChange: (value2) => onChange(date$1.calendarDateToDate(value2)),
|
|
22
|
+
minValue: minValue ? date$1.dateToCalendarDateTime(minValue) : null,
|
|
23
|
+
maxValue: maxValue ? date$1.dateToCalendarDateTime(maxValue) : null
|
|
17
24
|
});
|
|
18
25
|
const { calendarProps, title } = reactAria.useCalendar({}, state);
|
|
19
26
|
return {
|
|
@@ -3,16 +3,29 @@
|
|
|
3
3
|
var date = require('@internationalized/date');
|
|
4
4
|
var React = require('react');
|
|
5
5
|
var reactAria = require('react-aria');
|
|
6
|
+
require('react/jsx-runtime');
|
|
7
|
+
require('react-stately');
|
|
8
|
+
require('../components/Popover/Context.js');
|
|
9
|
+
require('react-dropzone');
|
|
10
|
+
require('uuid');
|
|
11
|
+
require('@floating-ui/react');
|
|
12
|
+
require('currency.js');
|
|
13
|
+
require('../provider/MenubarContext.js');
|
|
14
|
+
require('../provider/SnackbarProvider.js');
|
|
15
|
+
var CalendarProvider = require('../provider/CalendarProvider.js');
|
|
6
16
|
|
|
7
17
|
const useCalendarCell = ({ state, date: date$1 }) => {
|
|
18
|
+
const { isTodayHighlited } = CalendarProvider.useCalendarContext();
|
|
8
19
|
const ref = React.useRef(null);
|
|
9
20
|
const {
|
|
10
21
|
cellProps,
|
|
11
22
|
buttonProps,
|
|
12
23
|
isSelected,
|
|
13
24
|
isOutsideVisibleRange,
|
|
14
|
-
formattedDate
|
|
25
|
+
formattedDate,
|
|
26
|
+
isDisabled
|
|
15
27
|
} = reactAria.useCalendarCell({ date: date$1 }, state, ref);
|
|
28
|
+
const isToday = isTodayHighlited ? date.isSameDay(date$1, date.today(date.getLocalTimeZone())) : false;
|
|
16
29
|
const rangeStateHighlitedRange = state?.highlightedRange;
|
|
17
30
|
const isSameDayStart = rangeStateHighlitedRange && date$1 ? date.isSameDay(date$1, rangeStateHighlitedRange.start) : void 0;
|
|
18
31
|
const isSameDayEnd = rangeStateHighlitedRange && date$1 ? date.isSameDay(date$1, rangeStateHighlitedRange.end) : void 0;
|
|
@@ -28,7 +41,9 @@ const useCalendarCell = ({ state, date: date$1 }) => {
|
|
|
28
41
|
formattedDate,
|
|
29
42
|
isSelectionStart,
|
|
30
43
|
isSelectionEnd,
|
|
31
|
-
inRange: Boolean(inRange)
|
|
44
|
+
inRange: Boolean(inRange),
|
|
45
|
+
isToday,
|
|
46
|
+
isDisabled
|
|
32
47
|
};
|
|
33
48
|
};
|
|
34
49
|
|
|
@@ -8,13 +8,17 @@ require('react/jsx-runtime');
|
|
|
8
8
|
|
|
9
9
|
const useDatePickerInput = ({
|
|
10
10
|
value,
|
|
11
|
-
onChange
|
|
11
|
+
onChange,
|
|
12
|
+
minValue,
|
|
13
|
+
maxValue
|
|
12
14
|
}) => {
|
|
13
15
|
const state = reactStately.useDatePickerState({
|
|
14
16
|
defaultValue: value ? date.dateToCalendarDateTime(value) : null,
|
|
15
17
|
onChange: (_value) => {
|
|
16
18
|
onChange(date.calendarDateToDate(_value));
|
|
17
|
-
}
|
|
19
|
+
},
|
|
20
|
+
minValue: minValue ? date.dateToCalendarDateTime(minValue) : null,
|
|
21
|
+
maxValue: maxValue ? date.dateToCalendarDateTime(maxValue) : null
|
|
18
22
|
});
|
|
19
23
|
const ref = React.useRef(null);
|
|
20
24
|
const { fieldProps } = reactAria.useDatePicker(
|
|
@@ -8,7 +8,9 @@ require('react/jsx-runtime');
|
|
|
8
8
|
|
|
9
9
|
const useDateRangePickerInput = ({
|
|
10
10
|
value,
|
|
11
|
-
onChange
|
|
11
|
+
onChange,
|
|
12
|
+
minValue,
|
|
13
|
+
maxValue
|
|
12
14
|
}) => {
|
|
13
15
|
const state = reactStately.useDateRangePickerState({
|
|
14
16
|
defaultValue: value ? {
|
|
@@ -20,7 +22,9 @@ const useDateRangePickerInput = ({
|
|
|
20
22
|
start: value2 ? date.calendarDateToDate(value2.start) : void 0,
|
|
21
23
|
end: value2 ? date.calendarDateToDate(value2.end) : void 0
|
|
22
24
|
});
|
|
23
|
-
}
|
|
25
|
+
},
|
|
26
|
+
minValue: minValue ? date.dateToCalendarDateTime(minValue) : null,
|
|
27
|
+
maxValue: maxValue ? date.dateToCalendarDateTime(maxValue) : null
|
|
24
28
|
});
|
|
25
29
|
const ref = React.useRef(null);
|
|
26
30
|
const { startFieldProps, endFieldProps } = reactAria.useDateRangePicker(
|
|
@@ -9,7 +9,9 @@ require('react/jsx-runtime');
|
|
|
9
9
|
|
|
10
10
|
const useRangeCalendar = ({
|
|
11
11
|
value,
|
|
12
|
-
onChange
|
|
12
|
+
onChange,
|
|
13
|
+
minValue,
|
|
14
|
+
maxValue
|
|
13
15
|
}) => {
|
|
14
16
|
const { locale } = reactAria.useLocale();
|
|
15
17
|
const state = reactStately.useRangeCalendarState({
|
|
@@ -22,7 +24,9 @@ const useRangeCalendar = ({
|
|
|
22
24
|
onChange: (value2) => onChange({
|
|
23
25
|
start: date$1.calendarDateToDate(value2.start),
|
|
24
26
|
end: date$1.calendarDateToDate(value2.end)
|
|
25
|
-
})
|
|
27
|
+
}),
|
|
28
|
+
minValue: minValue ? date$1.dateToCalendarDateTime(minValue) : null,
|
|
29
|
+
maxValue: maxValue ? date$1.dateToCalendarDateTime(maxValue) : null
|
|
26
30
|
});
|
|
27
31
|
const ref = React.useRef(null);
|
|
28
32
|
const { calendarProps, title } = reactAria.useRangeCalendar({}, state, ref);
|
package/dist/cjs/index.js
CHANGED
|
@@ -66,6 +66,7 @@ var MenubarProvider = require('./provider/MenubarProvider.js');
|
|
|
66
66
|
var SnackbarProvider = require('./provider/SnackbarProvider.js');
|
|
67
67
|
var MenubarContext = require('./provider/MenubarContext.js');
|
|
68
68
|
var useMenubar = require('./provider/useMenubar.js');
|
|
69
|
+
var CalendarProvider = require('./provider/CalendarProvider.js');
|
|
69
70
|
var context = require('./components/Accordion/context.js');
|
|
70
71
|
var masks = require('./components/Input/masks.js');
|
|
71
72
|
var Root = require('./components/Uploader/Root.js');
|
|
@@ -153,6 +154,8 @@ exports.SnackbarProvider = SnackbarProvider.SnackbarProvider;
|
|
|
153
154
|
exports.useSnackbar = SnackbarProvider.useSnackbar;
|
|
154
155
|
exports.MenubarContext = MenubarContext.MenubarContext;
|
|
155
156
|
exports.useMenubar = useMenubar.useMenubar;
|
|
157
|
+
exports.CalendarProvider = CalendarProvider.CalendarProvider;
|
|
158
|
+
exports.useCalendarContext = CalendarProvider.useCalendarContext;
|
|
156
159
|
exports.Context = context.Context;
|
|
157
160
|
exports.useAccordionContext = context.useAccordionContext;
|
|
158
161
|
exports.BRLMask = masks.BRLMask;
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
4
|
+
var React = require('react');
|
|
5
|
+
|
|
6
|
+
const CalendarContext = React.createContext(
|
|
7
|
+
void 0
|
|
8
|
+
);
|
|
9
|
+
const CalendarProvider = ({
|
|
10
|
+
isTodayHighlited,
|
|
11
|
+
children
|
|
12
|
+
}) => /* @__PURE__ */ jsxRuntime.jsx(CalendarContext.Provider, { value: { isTodayHighlited }, children });
|
|
13
|
+
const useCalendarContext = () => {
|
|
14
|
+
const context = React.useContext(CalendarContext);
|
|
15
|
+
if (!context) {
|
|
16
|
+
throw new Error(
|
|
17
|
+
"useCalendarContext must be used within a CalendarProvider"
|
|
18
|
+
);
|
|
19
|
+
}
|
|
20
|
+
return context;
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
exports.CalendarProvider = CalendarProvider;
|
|
24
|
+
exports.useCalendarContext = useCalendarContext;
|
|
@@ -5,13 +5,15 @@ var React = require('react');
|
|
|
5
5
|
require('@internationalized/date');
|
|
6
6
|
require('react-aria');
|
|
7
7
|
require('react-stately');
|
|
8
|
+
var MenubarContext = require('./MenubarContext.js');
|
|
9
|
+
require('./SnackbarProvider.js');
|
|
10
|
+
require('./CalendarProvider.js');
|
|
8
11
|
require('../components/Popover/Context.js');
|
|
9
12
|
require('react-dropzone');
|
|
10
13
|
require('uuid');
|
|
11
14
|
require('@floating-ui/react');
|
|
12
15
|
require('currency.js');
|
|
13
16
|
var useOutsideClickListener = require('../hooks/useOutsideClickListener.js');
|
|
14
|
-
var MenubarContext = require('./MenubarContext.js');
|
|
15
17
|
|
|
16
18
|
const MenubarProvider = ({ children }) => {
|
|
17
19
|
const [show, setShow] = React.useState(false);
|