@veracity/vui 2.25.0 → 2.25.1-beta.0
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/datePicker/datePicker.d.ts.map +1 -1
- package/dist/cjs/datePicker/datePicker.js +3 -8
- package/dist/cjs/datePicker/datePicker.js.map +1 -1
- package/dist/cjs/datePicker/datePicker.types.d.ts +6 -1
- package/dist/cjs/datePicker/datePicker.types.d.ts.map +1 -1
- package/dist/esm/datePicker/datePicker.d.ts.map +1 -1
- package/dist/esm/datePicker/datePicker.js +5 -10
- package/dist/esm/datePicker/datePicker.js.map +1 -1
- package/dist/esm/datePicker/datePicker.types.d.ts +6 -1
- package/dist/esm/datePicker/datePicker.types.d.ts.map +1 -1
- package/dist/tsconfig.legacy.tsbuildinfo +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +1 -1
- package/src/datePicker/datePicker.tsx +16 -16
- package/src/datePicker/datePicker.types.ts +6 -1
- package/dist/cjs/datePicker/components/pickerPanel.d.ts +0 -6
- package/dist/cjs/datePicker/components/pickerPanel.d.ts.map +0 -1
- package/dist/cjs/datePicker/components/pickerPanel.js +0 -26
- package/dist/cjs/datePicker/components/pickerPanel.js.map +0 -1
- package/dist/esm/datePicker/components/pickerPanel.d.ts +0 -6
- package/dist/esm/datePicker/components/pickerPanel.d.ts.map +0 -1
- package/dist/esm/datePicker/components/pickerPanel.js +0 -20
- package/dist/esm/datePicker/components/pickerPanel.js.map +0 -1
- package/src/datePicker/components/pickerPanel.tsx +0 -22
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,8BAA8B;AAC9B,eAAO,MAAM,UAAU,yDA0JrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
|
|
@@ -44,24 +44,19 @@ const box_1 = __importDefault(require("../box"));
|
|
|
44
44
|
const button_1 = __importStar(require("../button"));
|
|
45
45
|
const calendar_1 = __importStar(require("../calendar"));
|
|
46
46
|
const core_1 = require("../core");
|
|
47
|
+
const popover_1 = __importDefault(require("../popover"));
|
|
47
48
|
const utils_1 = require("../utils");
|
|
48
|
-
const pickerPanel_1 = require("./components/pickerPanel");
|
|
49
49
|
const dateInput_1 = require("./dateInput");
|
|
50
|
-
const DatePickerPanel = (0, core_1.styled)(pickerPanel_1.PickerPanel) `
|
|
51
|
-
width: 320px;
|
|
52
|
-
`;
|
|
53
50
|
/** Select or input a date. */
|
|
54
51
|
exports.DatePicker = (0, core_1.vui)((props, ref) => {
|
|
55
|
-
const _a = (0, core_1.omitThemingProps)(props), { autoOpened, boundaries, popupPosition
|
|
52
|
+
const _a = (0, core_1.omitThemingProps)(props), { autoOpened, boundaries, popupPosition, placement, selectedDate: selectedDateProps, showClearButton, slotBottom, slotTop, onSelected, children, className } = _a, rest = __rest(_a, ["autoOpened", "boundaries", "popupPosition", "placement", "selectedDate", "showClearButton", "slotBottom", "slotTop", "onSelected", "children", "className"]);
|
|
56
53
|
const styles = (0, core_1.useStyleConfig)('DatePicker', props);
|
|
57
54
|
const [selectedDate, setSelectedDate] = (0, react_1.useState)(selectedDateProps);
|
|
58
55
|
const [isOpen, setIsOpen] = (0, react_1.useState)(!selectedDate && autoOpened);
|
|
59
56
|
const [isInvalidInputDate, setIsInvalidInputDate] = (0, react_1.useState)(true);
|
|
60
57
|
const [isInvalidSelectedDate, setIsInvalidSelectedDate] = (0, react_1.useState)(!selectedDate);
|
|
61
58
|
const initialDateRef = (0, react_1.useRef)(selectedDateProps);
|
|
62
|
-
const popupRef = (0, react_1.useRef)(null);
|
|
63
59
|
const isClearButtonVisible = showClearButton && initialDateRef.current;
|
|
64
|
-
(0, utils_1.useClickOutside)(popupRef, () => setIsOpen(false));
|
|
65
60
|
const isStartDateInRange = (date) => !!(boundaries === null || boundaries === void 0 ? void 0 : boundaries.startDate) && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true;
|
|
66
61
|
const isEndDateInRange = (date) => !!(boundaries === null || boundaries === void 0 ? void 0 : boundaries.endDate) && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true;
|
|
67
62
|
const isValidDateRange = (date) => {
|
|
@@ -120,7 +115,7 @@ exports.DatePicker = (0, core_1.vui)((props, ref) => {
|
|
|
120
115
|
}
|
|
121
116
|
return '';
|
|
122
117
|
};
|
|
123
|
-
return ((0, jsx_runtime_1.
|
|
118
|
+
return ((0, jsx_runtime_1.jsx)(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-datePicker', className), position: "relative", ref: ref }, styles, rest, { children: (0, jsx_runtime_1.jsxs)(popover_1.default, { isOpen: isOpen, onClose: () => setIsOpen(false), placement: placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined, children: [(0, jsx_runtime_1.jsx)(popover_1.default.Trigger, { as: box_1.default, onClick: onToggle, children: children }), (0, jsx_runtime_1.jsxs)(popover_1.default.Content, { column: true, children: [!!slotTop && (0, jsx_runtime_1.jsx)(box_1.default, { px: 2, children: slotTop }), (0, jsx_runtime_1.jsx)(box_1.default, { display: "block", mb: 0, mt: 2, mx: 2, children: (0, jsx_runtime_1.jsx)(dateInput_1.DateInput, { autoFocus: true, initialDate: selectedDate, onChange: newDate => setSelectedDate(newDate), onValidate: onDateInputValidate, setValidateStatus: inValid => setIsInvalidInputDate(!inValid) }) }), (0, jsx_runtime_1.jsx)(box_1.default, { mx: 2, my: 1, children: (0, jsx_runtime_1.jsx)(calendar_1.default, { boundaries: boundaries !== null && boundaries !== void 0 ? boundaries : { startDate: undefined, endDate: undefined }, fixedNumberOfWeeks: true, fontWeight: 500, minH: 310, mode: "exact", onSelectDates: range => selectDate(range), selectedDates: { startDate: selectedDate, endDate: undefined }, w: "100%" }) }), (0, jsx_runtime_1.jsx)(box_1.default, { overflow: "unset", pt: 0.5, children: (0, jsx_runtime_1.jsxs)(box_1.default, { alignItems: "center", flex: 1, ml: "auto", pb: 2, px: 2, children: [isClearButtonVisible && ((0, jsx_runtime_1.jsx)(button_1.LineButton, { flex: 1, onClick: onClear, size: "md", children: "Clear" })), (0, jsx_runtime_1.jsx)(button_1.default, { disabled: isInvalidSelectedDate || isInvalidInputDate, flex: 1, ml: isClearButtonVisible ? 1 : 0, onClick: () => onApplyDates(selectedDate), size: "md", children: "Apply" })] }) }), !!slotBottom && (0, jsx_runtime_1.jsx)(box_1.default, { px: 2, children: slotBottom })] })] }) })));
|
|
124
119
|
});
|
|
125
120
|
exports.DatePicker.displayName = 'DatePicker';
|
|
126
121
|
exports.default = exports.DatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datePicker.js","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"datePicker.js","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { Placement } from 'tippy.js';
|
|
2
3
|
import { BoxProps } from '../box';
|
|
3
4
|
import { DateRange } from '../calendar';
|
|
4
5
|
import { ThemingProps } from '../theme';
|
|
@@ -8,9 +9,13 @@ export type DatePickerProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<
|
|
|
8
9
|
autoOpened?: boolean;
|
|
9
10
|
/** Available date range for the Calendar */
|
|
10
11
|
boundaries?: DateRange;
|
|
11
|
-
/** Should the popup be anchored to the left or right of the button */
|
|
12
|
+
/** Should the popup be anchored to the left or right of the button @deprecated Please use placement ↓ */
|
|
12
13
|
popupPosition?: DatePickerPopupPosition;
|
|
14
|
+
/** Preferred placement of the content. Might be flipped if needs more space. */
|
|
15
|
+
placement?: Placement;
|
|
16
|
+
/** Selected date */
|
|
13
17
|
selectedDate?: Date;
|
|
18
|
+
/** Should the clear button be visible */
|
|
14
19
|
showClearButton?: boolean;
|
|
15
20
|
/** Custom content displayed at the bottom of the panel */
|
|
16
21
|
slotBottom?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datePicker.types.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"datePicker.types.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAC9D,YAAY,CAAC,YAAY,CAAC,GAAG;IAC3B,iHAAiH;IACjH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,yGAAyG;IACzG,aAAa,CAAC,EAAE,uBAAuB,CAAA;IACvC,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oBAAoB;IACpB,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,oBAAoB;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CACnC,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;
|
|
1
|
+
{"version":3,"file":"datePicker.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAEpD,8BAA8B;AAC9B,eAAO,MAAM,UAAU,yDA0JrB,CAAA;AAIF,eAAe,UAAU,CAAA"}
|
|
@@ -3,25 +3,20 @@ import { useEffect, useRef, useState } from 'react';
|
|
|
3
3
|
import Box from '../box';
|
|
4
4
|
import Button, { LineButton } from '../button';
|
|
5
5
|
import Calendar, { maxDateTimestamp, minDateTimestamp } from '../calendar';
|
|
6
|
-
import { omitThemingProps,
|
|
7
|
-
import
|
|
8
|
-
import {
|
|
6
|
+
import { omitThemingProps, useStyleConfig, vui } from '../core';
|
|
7
|
+
import Popover from '../popover';
|
|
8
|
+
import { cs } from '../utils';
|
|
9
9
|
import { DateInput } from './dateInput';
|
|
10
|
-
const DatePickerPanel = styled(PickerPanel) `
|
|
11
|
-
width: 320px;
|
|
12
|
-
`;
|
|
13
10
|
/** Select or input a date. */
|
|
14
11
|
export const DatePicker = vui((props, ref) => {
|
|
15
|
-
const { autoOpened, boundaries, popupPosition
|
|
12
|
+
const { autoOpened, boundaries, popupPosition, placement, selectedDate: selectedDateProps, showClearButton, slotBottom, slotTop, onSelected, children, className, ...rest } = omitThemingProps(props);
|
|
16
13
|
const styles = useStyleConfig('DatePicker', props);
|
|
17
14
|
const [selectedDate, setSelectedDate] = useState(selectedDateProps);
|
|
18
15
|
const [isOpen, setIsOpen] = useState(!selectedDate && autoOpened);
|
|
19
16
|
const [isInvalidInputDate, setIsInvalidInputDate] = useState(true);
|
|
20
17
|
const [isInvalidSelectedDate, setIsInvalidSelectedDate] = useState(!selectedDate);
|
|
21
18
|
const initialDateRef = useRef(selectedDateProps);
|
|
22
|
-
const popupRef = useRef(null);
|
|
23
19
|
const isClearButtonVisible = showClearButton && initialDateRef.current;
|
|
24
|
-
useClickOutside(popupRef, () => setIsOpen(false));
|
|
25
20
|
const isStartDateInRange = (date) => !!boundaries?.startDate && !!date ? date.getTime() - boundaries.startDate.getTime() >= 0 : true;
|
|
26
21
|
const isEndDateInRange = (date) => !!boundaries?.endDate && !!date ? date.getTime() - boundaries.endDate.getTime() <= 0 : true;
|
|
27
22
|
const isValidDateRange = (date) => {
|
|
@@ -80,7 +75,7 @@ export const DatePicker = vui((props, ref) => {
|
|
|
80
75
|
}
|
|
81
76
|
return '';
|
|
82
77
|
};
|
|
83
|
-
return (
|
|
78
|
+
return (_jsx(Box, { className: cs('vui-datePicker', className), position: "relative", ref: ref, ...styles, ...rest, children: _jsxs(Popover, { isOpen: isOpen, onClose: () => setIsOpen(false), placement: placement ? placement : popupPosition === 'right' ? 'bottom-end' : undefined, children: [_jsx(Popover.Trigger, { as: Box, onClick: onToggle, children: children }), _jsxs(Popover.Content, { column: true, children: [!!slotTop && _jsx(Box, { px: 2, children: slotTop }), _jsx(Box, { display: "block", mb: 0, mt: 2, mx: 2, children: _jsx(DateInput, { autoFocus: true, initialDate: selectedDate, onChange: newDate => setSelectedDate(newDate), onValidate: onDateInputValidate, setValidateStatus: inValid => setIsInvalidInputDate(!inValid) }) }), _jsx(Box, { mx: 2, my: 1, children: _jsx(Calendar, { boundaries: boundaries ?? { startDate: undefined, endDate: undefined }, fixedNumberOfWeeks: true, fontWeight: 500, minH: 310, mode: "exact", onSelectDates: range => selectDate(range), selectedDates: { startDate: selectedDate, endDate: undefined }, w: "100%" }) }), _jsx(Box, { overflow: "unset", pt: 0.5, children: _jsxs(Box, { alignItems: "center", flex: 1, ml: "auto", pb: 2, px: 2, children: [isClearButtonVisible && (_jsx(LineButton, { flex: 1, onClick: onClear, size: "md", children: "Clear" })), _jsx(Button, { disabled: isInvalidSelectedDate || isInvalidInputDate, flex: 1, ml: isClearButtonVisible ? 1 : 0, onClick: () => onApplyDates(selectedDate), size: "md", children: "Apply" })] }) }), !!slotBottom && _jsx(Box, { px: 2, children: slotBottom })] })] }) }));
|
|
84
79
|
});
|
|
85
80
|
DatePicker.displayName = 'DatePicker';
|
|
86
81
|
export default DatePicker;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datePicker.js","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"datePicker.js","sourceRoot":"","sources":["../../../src/datePicker/datePicker.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { Placement } from 'tippy.js';
|
|
2
3
|
import { BoxProps } from '../box';
|
|
3
4
|
import { DateRange } from '../calendar';
|
|
4
5
|
import { ThemingProps } from '../theme';
|
|
@@ -8,9 +9,13 @@ export type DatePickerProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<
|
|
|
8
9
|
autoOpened?: boolean;
|
|
9
10
|
/** Available date range for the Calendar */
|
|
10
11
|
boundaries?: DateRange;
|
|
11
|
-
/** Should the popup be anchored to the left or right of the button */
|
|
12
|
+
/** Should the popup be anchored to the left or right of the button @deprecated Please use placement ↓ */
|
|
12
13
|
popupPosition?: DatePickerPopupPosition;
|
|
14
|
+
/** Preferred placement of the content. Might be flipped if needs more space. */
|
|
15
|
+
placement?: Placement;
|
|
16
|
+
/** Selected date */
|
|
13
17
|
selectedDate?: Date;
|
|
18
|
+
/** Should the clear button be visible */
|
|
14
19
|
showClearButton?: boolean;
|
|
15
20
|
/** Custom content displayed at the bottom of the panel */
|
|
16
21
|
slotBottom?: ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"datePicker.types.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"datePicker.types.d.ts","sourceRoot":"","sources":["../../../src/datePicker/datePicker.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,uBAAuB,GAAG,MAAM,GAAG,OAAO,CAAA;AAEtD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAC9D,YAAY,CAAC,YAAY,CAAC,GAAG;IAC3B,iHAAiH;IACjH,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,yGAAyG;IACzG,aAAa,CAAC,EAAE,uBAAuB,CAAA;IACvC,gFAAgF;IAChF,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,oBAAoB;IACpB,YAAY,CAAC,EAAE,IAAI,CAAA;IACnB,yCAAyC;IACzC,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,0DAA0D;IAC1D,UAAU,CAAC,EAAE,SAAS,CAAA;IACtB,uDAAuD;IACvD,OAAO,CAAC,EAAE,SAAS,CAAA;IACnB,oBAAoB;IACpB,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;CACnC,CAAA"}
|