period-ui 0.7.0 → 0.7.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/components/atoms/date-picker/components/calendar-input.d.ts.map +1 -1
- package/dist/components/atoms/date-picker/components/calendar-input.js +2 -2
- package/dist/components/atoms/date-picker/components/calendar-input.js.map +1 -1
- package/dist/components/atoms/date-picker/components/calendar.d.ts +4 -2
- package/dist/components/atoms/date-picker/components/calendar.d.ts.map +1 -1
- package/dist/components/atoms/date-picker/components/calendar.js +4 -3
- package/dist/components/atoms/date-picker/components/calendar.js.map +1 -1
- package/dist/components/atoms/date-picker/date-picker-types.d.ts +4 -0
- package/dist/components/atoms/date-picker/date-picker-types.d.ts.map +1 -1
- package/dist/components/atoms/date-picker/date-picker-types.js +6 -1
- package/dist/components/atoms/date-picker/date-picker-types.js.map +1 -1
- package/dist/components/atoms/date-picker/date-picker.d.ts.map +1 -1
- package/dist/components/atoms/date-picker/date-picker.js +2 -2
- package/dist/components/atoms/date-picker/date-picker.js.map +1 -1
- package/dist/components/atoms/date-picker/use-date-picker.d.ts +3 -0
- package/dist/components/atoms/date-picker/use-date-picker.d.ts.map +1 -1
- package/dist/components/atoms/date-picker/use-date-picker.js +21 -2
- package/dist/components/atoms/date-picker/use-date-picker.js.map +1 -1
- package/dist/index.mjs +5620 -5574
- package/dist/utils/use-focus-on-open.js +1 -1
- package/dist/utils/use-focus-on-open.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/date-picker/components/calendar-input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACnD,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,OAAY,EACZ,SAAc,EACd,OAAO,EACP,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"calendar-input.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/date-picker/components/calendar-input.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAG1D,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,OAAO,CAAC;IACpB,cAAc,EAAE,OAAO,CAAC;IACxB,OAAO,EAAE,kBAAkB,CAAC;IAC5B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACnD,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACrD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,cAAc,EAAE,MAAM,IAAI,CAAC;IAC3B,gBAAgB,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,iBAAiB,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7C,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,UAAU,EACV,OAAO,EACP,SAAS,EACT,UAAU,EACV,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,OAAY,EACZ,SAAc,EACd,OAAO,EACP,OAAO,EACP,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,iBAAiB,GAClB,EAAE,KAAK,2CAyFP"}
|
|
@@ -10,7 +10,7 @@ const clear_button_1 = require("./clear-button");
|
|
|
10
10
|
function CalendarInput({ isOpen, isDisabled, variant, className, triggerRef, isErrorVisible, endDateInputRef, startDateInputRef, endDate = '', startDate = '', onClick, onClear, onClickEndDate, onClickStartDate, onChangeEndDate, onChangeStartDate, }) {
|
|
11
11
|
const isRangeDatePicker = variant === date_picker_types_1.DatePickerVariants.DATE_RANGE;
|
|
12
12
|
const inputClassName = (0, tailwind_utils_1.tailwind)('w-full bg-transparent outline-none cursor-pointer', 'text-gray-01', 'disabled:text-gray-03 disabled:cursor-not-allowed', `${text_1.TextStyle[text_1.TextVariant.BODY]}`, className);
|
|
13
|
-
const rangeInputClassName = (0, tailwind_utils_1.tailwind)('
|
|
14
|
-
return ((0, jsx_runtime_1.jsxs)("
|
|
13
|
+
const rangeInputClassName = (0, tailwind_utils_1.tailwind)('rounded-lg py-4 pl-4', 'focus-visible:outline focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-blue-01', isOpen && 'cursor-text');
|
|
14
|
+
return ((0, jsx_runtime_1.jsxs)("div", { "data-testid": "date-picker-field", className: (0, tailwind_utils_1.tailwind)('pr-4', 'flex flex-row w-full', 'bg-white border-gray-04', 'rounded-lg border', isOpen && !isRangeDatePicker && 'border-2 border-blue-02', isDisabled ? 'cursor-not-allowed bg-gray-05' : 'hover:border-blue-02', isErrorVisible && 'border-red-01 outline-red-01', className), children: [isRangeDatePicker ? ((0, jsx_runtime_1.jsxs)("div", { className: "flex flex-row", children: [(0, jsx_runtime_1.jsx)("input", { value: startDate, disabled: isDisabled, ref: startDateInputRef, onClick: onClickStartDate, onFocus: onClick, className: (0, tailwind_utils_1.tailwind)(inputClassName, rangeInputClassName, 'mr-5'), onChange: (event) => onChangeStartDate(event.target.value) }), (0, jsx_runtime_1.jsx)(billo_icon_1.BilloIcon, { icon: billo_icon_1.IconSymbol.ARROW_RIGHT, color: billo_icon_1.IconColor.GRAY_04, className: "mr-5" }), (0, jsx_runtime_1.jsx)("input", { value: endDate, ref: endDateInputRef, disabled: isDisabled, onClick: onClickEndDate, onFocus: onClick, className: (0, tailwind_utils_1.tailwind)(inputClassName, rangeInputClassName, 'mr-5'), onChange: (event) => onChangeEndDate(event.target.value) })] })) : ((0, jsx_runtime_1.jsx)("input", { value: startDate, disabled: isDisabled, ref: startDateInputRef, onFocus: onClick, className: (0, tailwind_utils_1.tailwind)(inputClassName, 'py-4 pl-4'), onChange: (event) => onChangeStartDate(event.target.value) })), (0, jsx_runtime_1.jsx)(clear_button_1.ClearButton, { size: billo_icon_1.IconSize.SM, isDisabled: isDisabled, onClick: onClear, className: (0, tailwind_utils_1.tailwind)('mr-1 my-auto', !startDate && !endDate && 'hidden') }), (0, jsx_runtime_1.jsx)("button", { ref: triggerRef, type: "button", "data-testid": "date-picker-trigger", disabled: isDisabled, onClick: onClick, onFocus: onClick, className: (0, tailwind_utils_1.tailwind)('flex items-center cursor-pointer', 'disabled:cursor-not-allowed'), children: (0, jsx_runtime_1.jsx)(billo_icon_1.BilloIcon, { icon: billo_icon_1.IconSymbol.CALENDAR, color: isDisabled ? billo_icon_1.IconColor.GRAY_03 : billo_icon_1.IconColor.BLUE_01 }) })] }));
|
|
15
15
|
}
|
|
16
16
|
//# sourceMappingURL=calendar-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar-input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/date-picker/components/calendar-input.tsx"],"names":[],"mappings":";;AAyBA,
|
|
1
|
+
{"version":3,"file":"calendar-input.js","sourceRoot":"","sources":["../../../../../src/components/atoms/date-picker/components/calendar-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import { DateRange, Locale } from 'react-day-picker';
|
|
2
|
-
import { DatePickerVariants } from '../date-picker-types';
|
|
2
|
+
import { CalendarPlacement, DatePickerVariants } from '../date-picker-types';
|
|
3
3
|
type Props = {
|
|
4
4
|
locale: Locale;
|
|
5
|
+
placement: CalendarPlacement;
|
|
6
|
+
popoverRef: React.RefObject<HTMLDivElement>;
|
|
5
7
|
range?: DateRange;
|
|
6
8
|
maxDate?: Date;
|
|
7
9
|
minDate?: Date;
|
|
@@ -10,6 +12,6 @@ type Props = {
|
|
|
10
12
|
variant?: DatePickerVariants;
|
|
11
13
|
setRange: (value?: DateRange) => void;
|
|
12
14
|
};
|
|
13
|
-
export declare function Calendar({ range, locale, variant, maxDate, minDate, numberOfMonths, disabledDates, setRange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
15
|
+
export declare function Calendar({ range, locale, variant, placement, popoverRef, maxDate, minDate, numberOfMonths, disabledDates, setRange, }: Props): import("react/jsx-runtime").JSX.Element;
|
|
14
16
|
export {};
|
|
15
17
|
//# sourceMappingURL=calendar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/date-picker/components/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,SAAS,EAGT,MAAM,EACP,MAAM,kBAAkB,CAAC;AAI1B,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;
|
|
1
|
+
{"version":3,"file":"calendar.d.ts","sourceRoot":"","sources":["../../../../../src/components/atoms/date-picker/components/calendar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAGL,SAAS,EAGT,MAAM,EACP,MAAM,kBAAkB,CAAC;AAI1B,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAI7E,KAAK,KAAK,GAAG;IACX,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,iBAAiB,CAAC;IAC7B,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,QAAQ,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;CACvC,CAAC;AAEF,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,MAAM,EACN,OAAO,EACP,SAAS,EACT,UAAU,EACV,OAAO,EACP,OAAO,EACP,cAAc,EACd,aAAkB,EAClB,QAAQ,GACT,EAAE,KAAK,2CAuIP"}
|
|
@@ -11,12 +11,13 @@ const text_1 = require("../../text");
|
|
|
11
11
|
const date_picker_types_1 = require("../date-picker-types");
|
|
12
12
|
const day_button_1 = require("./day-button");
|
|
13
13
|
const react_1 = require("react");
|
|
14
|
-
function Calendar({ range, locale, variant, maxDate, minDate, numberOfMonths, disabledDates = [], setRange, }) {
|
|
14
|
+
function Calendar({ range, locale, variant, placement, popoverRef, maxDate, minDate, numberOfMonths, disabledDates = [], setRange, }) {
|
|
15
15
|
const [currentMonth, setCurrentMonth] = (0, react_1.useState)(range?.from);
|
|
16
16
|
(0, react_1.useEffect)(() => {
|
|
17
17
|
setCurrentMonth(range?.from);
|
|
18
18
|
}, [range]);
|
|
19
19
|
const isRangeDatePicker = variant === date_picker_types_1.DatePickerVariants.DATE_RANGE;
|
|
20
|
+
const opensUpward = placement === date_picker_types_1.CalendarPlacement.TOP;
|
|
20
21
|
const disabledDays = [
|
|
21
22
|
{ from: new Date(1, 0, 0), to: minDate },
|
|
22
23
|
{ from: maxDate, to: new Date(9999, 0, 0) },
|
|
@@ -53,7 +54,7 @@ function Calendar({ range, locale, variant, maxDate, minDate, numberOfMonths, di
|
|
|
53
54
|
}
|
|
54
55
|
},
|
|
55
56
|
};
|
|
56
|
-
return ((0, jsx_runtime_1.jsxs)("div", { className:
|
|
57
|
+
return ((0, jsx_runtime_1.jsxs)("div", { ref: popoverRef, "data-testid": "date-picker-calendar", className: (0, tailwind_utils_1.tailwind)('absolute z-[9999] bg-white rounded-2xl shadow-white-tree border border-gray-04 p-4', opensUpward ? 'bottom-full mb-4' : 'top-full mt-4'), children: [isRangeDatePicker ? ((0, jsx_runtime_1.jsx)(react_day_picker_1.DayPicker, { mode: "range", locale: locale, fixedWeeks: true, pagedNavigation: true, showOutsideDays: true, selected: range, disabled: disabledDays, month: currentMonth, defaultMonth: currentMonth, classNames: calendarStyle, onSelect: setRange, numberOfMonths: numberOfMonths ?? 2, components: CustomComponents, formatters: {
|
|
57
58
|
formatCaption: (date) => {
|
|
58
59
|
const monthName = (0, date_fns_1.format)(date, 'MMMM yyyy', { locale: locale });
|
|
59
60
|
return monthName.charAt(0).toUpperCase() + monthName.slice(1);
|
|
@@ -63,6 +64,6 @@ function Calendar({ range, locale, variant, maxDate, minDate, numberOfMonths, di
|
|
|
63
64
|
const monthName = (0, date_fns_1.format)(date, 'MMMM yyyy', { locale: locale });
|
|
64
65
|
return monthName.charAt(0).toUpperCase() + monthName.slice(1);
|
|
65
66
|
},
|
|
66
|
-
} })), (0, jsx_runtime_1.jsx)("div", { "data-testid": "popover-arrow", className: (0, tailwind_utils_1.tailwind)('absolute md:flex w-3 h-3
|
|
67
|
+
} })), (0, jsx_runtime_1.jsx)("div", { "data-testid": "popover-arrow", className: (0, tailwind_utils_1.tailwind)('absolute md:flex w-3 h-3 bg-white border-gray-04 rotate-45 -z-10 left-[40px]', opensUpward ? 'border-b border-r -bottom-[7px]' : 'border-t border-l -top-[7px]', { 'left-[80px]': isRangeDatePicker }) })] }));
|
|
67
68
|
}
|
|
68
69
|
//# sourceMappingURL=calendar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/date-picker/components/calendar.tsx"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"calendar.js","sourceRoot":"","sources":["../../../../../src/components/atoms/date-picker/components/calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker-types.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,UAAU,eAAe;CAC1B"}
|
|
1
|
+
{"version":3,"file":"date-picker-types.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker-types.ts"],"names":[],"mappings":"AAAA,oBAAY,kBAAkB;IAC5B,OAAO,YAAY;IACnB,UAAU,eAAe;CAC1B;AAED,oBAAY,iBAAiB;IAC3B,MAAM,WAAW;IACjB,GAAG,QAAQ;CACZ"}
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.DatePickerVariants = void 0;
|
|
3
|
+
exports.CalendarPlacement = exports.DatePickerVariants = void 0;
|
|
4
4
|
var DatePickerVariants;
|
|
5
5
|
(function (DatePickerVariants) {
|
|
6
6
|
DatePickerVariants["DEFAULT"] = "DEFAULT";
|
|
7
7
|
DatePickerVariants["DATE_RANGE"] = "DATE_RANGE";
|
|
8
8
|
})(DatePickerVariants || (exports.DatePickerVariants = DatePickerVariants = {}));
|
|
9
|
+
var CalendarPlacement;
|
|
10
|
+
(function (CalendarPlacement) {
|
|
11
|
+
CalendarPlacement["BOTTOM"] = "BOTTOM";
|
|
12
|
+
CalendarPlacement["TOP"] = "TOP";
|
|
13
|
+
})(CalendarPlacement || (exports.CalendarPlacement = CalendarPlacement = {}));
|
|
9
14
|
//# sourceMappingURL=date-picker-types.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,+CAAyB,CAAA;AAC3B,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B"}
|
|
1
|
+
{"version":3,"file":"date-picker-types.js","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker-types.ts"],"names":[],"mappings":";;;AAAA,IAAY,kBAGX;AAHD,WAAY,kBAAkB;IAC5B,yCAAmB,CAAA;IACnB,+CAAyB,CAAA;AAC3B,CAAC,EAHW,kBAAkB,kCAAlB,kBAAkB,QAG7B;AAED,IAAY,iBAGX;AAHD,WAAY,iBAAiB;IAC3B,sCAAiB,CAAA;IACjB,gCAAW,CAAA;AACb,CAAC,EAHW,iBAAiB,iCAAjB,iBAAiB,QAG5B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,aAAa,EACb,cAAc,EACd,MAAW,EACX,UAAkB,EAClB,cAAsB,EACtB,cAAc,EACd,eAAe,EACf,OAAoC,EACpC,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAIzD,KAAK,KAAK,GAAG;IACX,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,aAAa,CAAC,EAAE,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,OAAO,CAAC,EAAE,kBAAkB,CAAC;IAC7B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,wBAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,aAAa,EACb,cAAc,EACd,MAAW,EACX,UAAkB,EAClB,cAAsB,EACtB,cAAc,EACd,eAAe,EACf,OAAoC,EACpC,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,KAAK,2CAwEP;AAED,YAAY,EAAE,KAAK,IAAI,eAAe,EAAE,CAAC"}
|
|
@@ -7,7 +7,7 @@ const date_picker_types_1 = require("./date-picker-types");
|
|
|
7
7
|
const use_date_picker_1 = require("./use-date-picker");
|
|
8
8
|
const locale_1 = require("date-fns/locale");
|
|
9
9
|
function DatePicker({ id, maxDate, minDate, endDate, startDate, disabledDates, numberOfMonths, locale = locale_1.es, isDisabled = false, isErrorVisible = false, ariaLabelledBy, ariaDescribedBy, variant = date_picker_types_1.DatePickerVariants.DEFAULT, onBlur, onClear, onChange, }) {
|
|
10
|
-
const { range, triggerRef, calendarRef, endDateInput, startDateInput, isCalendarOpen, endDateInputRef, startDateInputRef, handleClear, handleOpenCalendar, handleActiveEndDate, handleRageDataChange, handleActiveStartDate, handleEndDateInputChange, handleStartDateInputChange, } = (0, use_date_picker_1.useDatePicker)({
|
|
10
|
+
const { range, triggerRef, calendarRef, popoverRef, endDateInput, startDateInput, isCalendarOpen, calendarPlacement, endDateInputRef, startDateInputRef, handleClear, handleOpenCalendar, handleActiveEndDate, handleRageDataChange, handleActiveStartDate, handleEndDateInputChange, handleStartDateInputChange, } = (0, use_date_picker_1.useDatePicker)({
|
|
11
11
|
locale,
|
|
12
12
|
endDate,
|
|
13
13
|
startDate,
|
|
@@ -15,6 +15,6 @@ function DatePicker({ id, maxDate, minDate, endDate, startDate, disabledDates, n
|
|
|
15
15
|
onClear,
|
|
16
16
|
onChange,
|
|
17
17
|
});
|
|
18
|
-
return ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "group", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": isErrorVisible || undefined, className: "relative w-full max-w-md", ref: calendarRef, children: [(0, jsx_runtime_1.jsx)(components_1.CalendarInput, { triggerRef: triggerRef, variant: variant, endDate: endDateInput, isDisabled: isDisabled, isOpen: isCalendarOpen, startDate: startDateInput, isErrorVisible: isErrorVisible, endDateInputRef: endDateInputRef, startDateInputRef: startDateInputRef, onClear: handleClear, onClickEndDate: handleActiveEndDate, onClick: handleOpenCalendar, onClickStartDate: handleActiveStartDate, onChangeEndDate: handleEndDateInputChange, onChangeStartDate: handleStartDateInputChange }), isCalendarOpen && ((0, jsx_runtime_1.jsx)(components_1.Calendar, { range: range, locale: locale, maxDate: maxDate, minDate: minDate, variant: variant, numberOfMonths: numberOfMonths, disabledDates: disabledDates, setRange: handleRageDataChange }))] }));
|
|
18
|
+
return ((0, jsx_runtime_1.jsxs)("div", { id: id, role: "group", "aria-labelledby": ariaLabelledBy, "aria-describedby": ariaDescribedBy, "aria-invalid": isErrorVisible || undefined, className: "relative w-full max-w-md", ref: calendarRef, children: [(0, jsx_runtime_1.jsx)(components_1.CalendarInput, { triggerRef: triggerRef, variant: variant, endDate: endDateInput, isDisabled: isDisabled, isOpen: isCalendarOpen, startDate: startDateInput, isErrorVisible: isErrorVisible, endDateInputRef: endDateInputRef, startDateInputRef: startDateInputRef, onClear: handleClear, onClickEndDate: handleActiveEndDate, onClick: handleOpenCalendar, onClickStartDate: handleActiveStartDate, onChangeEndDate: handleEndDateInputChange, onChangeStartDate: handleStartDateInputChange }), isCalendarOpen && ((0, jsx_runtime_1.jsx)(components_1.Calendar, { range: range, locale: locale, placement: calendarPlacement, popoverRef: popoverRef, maxDate: maxDate, minDate: minDate, variant: variant, numberOfMonths: numberOfMonths, disabledDates: disabledDates, setRange: handleRageDataChange }))] }));
|
|
19
19
|
}
|
|
20
20
|
//# sourceMappingURL=date-picker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker.tsx"],"names":[],"mappings":";;AAyBA,
|
|
1
|
+
{"version":3,"file":"date-picker.js","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/date-picker.tsx"],"names":[],"mappings":";;AAyBA,gCAyFC;;AAjHD,6CAAuD;AACvD,2DAAyD;AACzD,uDAAkD;AAClD,4CAAqC;AAqBrC,SAAgB,UAAU,CAAC,EACzB,EAAE,EACF,OAAO,EACP,OAAO,EACP,OAAO,EACP,SAAS,EACT,aAAa,EACb,cAAc,EACd,MAAM,GAAG,WAAE,EACX,UAAU,GAAG,KAAK,EAClB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,eAAe,EACf,OAAO,GAAG,sCAAkB,CAAC,OAAO,EACpC,MAAM,EACN,OAAO,EACP,QAAQ,GACF;IACN,MAAM,EACJ,KAAK,EACL,UAAU,EACV,WAAW,EACX,UAAU,EACV,YAAY,EACZ,cAAc,EACd,cAAc,EACd,iBAAiB,EACjB,eAAe,EACf,iBAAiB,EACjB,WAAW,EACX,kBAAkB,EAClB,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,wBAAwB,EACxB,0BAA0B,GAC3B,GAAG,IAAA,+BAAa,EAAC;QAChB,MAAM;QACN,OAAO;QACP,SAAS;QACT,MAAM;QACN,OAAO;QACP,QAAQ;KACT,CAAC,CAAC;IAEH,OAAO,CACL,iCACE,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,qBACK,cAAc,sBACb,eAAe,kBACnB,cAAc,IAAI,SAAS,EACzC,SAAS,EAAC,0BAA0B,EACpC,GAAG,EAAE,WAAW,aAEhB,uBAAC,0BAAa,IACZ,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,YAAY,EACrB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,cAAc,EACtB,SAAS,EAAE,cAAc,EACzB,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,OAAO,EAAE,WAAW,EACpB,cAAc,EAAE,mBAAmB,EACnC,OAAO,EAAE,kBAAkB,EAC3B,gBAAgB,EAAE,qBAAqB,EACvC,eAAe,EAAE,wBAAwB,EACzC,iBAAiB,EAAE,0BAA0B,GAC7C,EAED,cAAc,IAAI,CACjB,uBAAC,qBAAQ,IACP,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,iBAAiB,EAC5B,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,oBAAoB,GAC9B,CACH,IACG,CACP,CAAC;AACJ,CAAC"}
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import { DateRange, Locale } from 'react-day-picker';
|
|
2
|
+
import { CalendarPlacement } from './date-picker-types';
|
|
2
3
|
type UseDatePickerHook = {
|
|
3
4
|
range?: DateRange;
|
|
4
5
|
endDateInput?: string;
|
|
5
6
|
startDateInput?: string;
|
|
6
7
|
isCalendarOpen: boolean;
|
|
8
|
+
calendarPlacement: CalendarPlacement;
|
|
7
9
|
calendarRef: React.RefObject<HTMLDivElement>;
|
|
10
|
+
popoverRef: React.RefObject<HTMLDivElement>;
|
|
8
11
|
triggerRef: React.RefObject<HTMLButtonElement>;
|
|
9
12
|
endDateInputRef: React.RefObject<HTMLInputElement>;
|
|
10
13
|
startDateInputRef: React.RefObject<HTMLInputElement>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/use-date-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;
|
|
1
|
+
{"version":3,"file":"use-date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/use-date-picker.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAGrD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,KAAK,iBAAiB,GAAG;IACvB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,iBAAiB,CAAC;IACrC,WAAW,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC7C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IAC5C,UAAU,EAAE,KAAK,CAAC,SAAS,CAAC,iBAAiB,CAAC,CAAC;IAC/C,eAAe,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACnD,iBAAiB,EAAE,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC;IACrD,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,kBAAkB,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,qBAAqB,EAAE,MAAM,IAAI,CAAC;IAClC,oBAAoB,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAC;IAClD,wBAAwB,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACnD,0BAA0B,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACtD,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,CAAC,EAAE,IAAI,EAAE,OAAO,CAAC,EAAE,IAAI,KAAK,IAAI,CAAC;CACvD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAC7B,SAAS,CAAC,EAAE,IAAI,CAAC;IACjB,OAAO,CAAC,EAAE,IAAI,CAAC;CAChB,CAAC;AAYF,wBAAgB,aAAa,CAAC,EAC5B,MAAM,EACN,SAAS,EACT,OAAO,EACP,MAAM,EACN,OAAO,EACP,QAAQ,GACT,EAAE,kBAAkB,GAAG,iBAAiB,CA+KxC"}
|
|
@@ -4,15 +4,25 @@ exports.useDatePicker = useDatePicker;
|
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const date_fns_1 = require("date-fns");
|
|
6
6
|
const use_focus_on_open_1 = require("../../../utils/use-focus-on-open");
|
|
7
|
+
const date_picker_types_1 = require("./date-picker-types");
|
|
8
|
+
const POPOVER_GAP_PX = 16;
|
|
9
|
+
function resolveCalendarPlacement(field, popover) {
|
|
10
|
+
const requiredHeight = popover.height + POPOVER_GAP_PX;
|
|
11
|
+
const fitsBelow = field.bottom + requiredHeight <= window.innerHeight;
|
|
12
|
+
const fitsAbove = field.top - requiredHeight >= 0;
|
|
13
|
+
return !fitsBelow && fitsAbove ? date_picker_types_1.CalendarPlacement.TOP : date_picker_types_1.CalendarPlacement.BOTTOM;
|
|
14
|
+
}
|
|
7
15
|
function useDatePicker({ locale, startDate, endDate, onBlur, onClear, onChange, }) {
|
|
8
16
|
const [range, setRange] = (0, react_1.useState)();
|
|
9
17
|
const [endDateInput, setEndDateInput] = (0, react_1.useState)();
|
|
10
18
|
const [startDateInput, setStartDateInput] = (0, react_1.useState)();
|
|
11
19
|
const [isCalendarOpen, setIsCalendarOpen] = (0, react_1.useState)(false);
|
|
20
|
+
const [calendarPlacement, setCalendarPlacement] = (0, react_1.useState)(date_picker_types_1.CalendarPlacement.BOTTOM);
|
|
12
21
|
const triggerRef = (0, react_1.useRef)(null);
|
|
13
22
|
const startDateInputRef = (0, react_1.useRef)(null);
|
|
14
23
|
const endDateInputRef = (0, react_1.useRef)(null);
|
|
15
24
|
const calendarRef = (0, react_1.useRef)(null);
|
|
25
|
+
const popoverRef = (0, react_1.useRef)(null);
|
|
16
26
|
function handleOpenCalendar() {
|
|
17
27
|
setIsCalendarOpen(true);
|
|
18
28
|
}
|
|
@@ -20,10 +30,10 @@ function useDatePicker({ locale, startDate, endDate, onBlur, onClear, onChange,
|
|
|
20
30
|
setIsCalendarOpen(false);
|
|
21
31
|
}
|
|
22
32
|
function handleActiveEndDate() {
|
|
23
|
-
endDateInputRef?.current?.focus();
|
|
33
|
+
endDateInputRef?.current?.focus({ preventScroll: true });
|
|
24
34
|
}
|
|
25
35
|
function handleActiveStartDate() {
|
|
26
|
-
startDateInputRef?.current?.focus();
|
|
36
|
+
startDateInputRef?.current?.focus({ preventScroll: true });
|
|
27
37
|
}
|
|
28
38
|
function handleChangesInputDates(startDate, endDate) {
|
|
29
39
|
if (endDate) {
|
|
@@ -104,6 +114,13 @@ function useDatePicker({ locale, startDate, endDate, onBlur, onClear, onChange,
|
|
|
104
114
|
return () => document.removeEventListener('mousedown', handleClickOutside);
|
|
105
115
|
}, [calendarRef, isCalendarOpen]);
|
|
106
116
|
(0, use_focus_on_open_1.useFocusOnOpen)(startDateInputRef, isCalendarOpen);
|
|
117
|
+
(0, react_1.useLayoutEffect)(() => {
|
|
118
|
+
if (!isCalendarOpen || !calendarRef.current || !popoverRef.current) {
|
|
119
|
+
setCalendarPlacement(date_picker_types_1.CalendarPlacement.BOTTOM);
|
|
120
|
+
return;
|
|
121
|
+
}
|
|
122
|
+
setCalendarPlacement(resolveCalendarPlacement(calendarRef.current.getBoundingClientRect(), popoverRef.current.getBoundingClientRect()));
|
|
123
|
+
}, [isCalendarOpen]);
|
|
107
124
|
(0, react_1.useEffect)(() => {
|
|
108
125
|
setRange({ from: startDate, to: endDate });
|
|
109
126
|
handleChangesInputDates(startDate, endDate);
|
|
@@ -112,9 +129,11 @@ function useDatePicker({ locale, startDate, endDate, onBlur, onClear, onChange,
|
|
|
112
129
|
range,
|
|
113
130
|
triggerRef,
|
|
114
131
|
calendarRef,
|
|
132
|
+
popoverRef,
|
|
115
133
|
endDateInput,
|
|
116
134
|
startDateInput,
|
|
117
135
|
isCalendarOpen,
|
|
136
|
+
calendarPlacement,
|
|
118
137
|
endDateInputRef,
|
|
119
138
|
startDateInputRef,
|
|
120
139
|
handleClear,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"use-date-picker.js","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/use-date-picker.ts"],"names":[],"mappings":";;
|
|
1
|
+
{"version":3,"file":"use-date-picker.js","sourceRoot":"","sources":["../../../../src/components/atoms/date-picker/use-date-picker.ts"],"names":[],"mappings":"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"}
|