@pingux/astro 2.70.0-alpha.1 → 2.70.0-alpha.2
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/lib/cjs/components/AccordionItem/AccordionItem.d.ts +1 -1
- package/lib/cjs/components/AccordionItem/AccordionItem.js +1 -1
- package/lib/cjs/components/Calendar/Calendar.js +0 -4
- package/lib/cjs/components/Calendar/Calendar.mdx +1 -1
- package/lib/cjs/components/Calendar/Calendar.test.js +4 -1
- package/lib/cjs/components/Calendar/CalendarCell.js +1 -1
- package/lib/cjs/components/DatePicker/DatePicker.test.js +6 -62
- package/lib/cjs/index.d.ts +0 -2
- package/lib/cjs/index.js +26 -45
- package/lib/cjs/styles/variants/variants.js +0 -2
- package/lib/cjs/types/calendar.d.ts +16 -51
- package/lib/components/AccordionItem/AccordionItem.js +3 -0
- package/lib/components/Calendar/Calendar.js +0 -4
- package/lib/components/Calendar/Calendar.mdx +1 -1
- package/lib/components/Calendar/Calendar.test.js +4 -1
- package/lib/components/Calendar/CalendarCell.js +1 -1
- package/lib/components/DatePicker/DatePicker.test.js +6 -62
- package/lib/index.js +0 -2
- package/lib/styles/variants/variants.js +0 -2
- package/package.json +1 -1
- package/lib/cjs/components/RangeCalendar/RangeCalendar.d.ts +0 -7
- package/lib/cjs/components/RangeCalendar/RangeCalendar.js +0 -100
- package/lib/cjs/components/RangeCalendar/RangeCalendar.mdx +0 -39
- package/lib/cjs/components/RangeCalendar/RangeCalendar.stories.d.ts +0 -103
- package/lib/cjs/components/RangeCalendar/RangeCalendar.stories.js +0 -131
- package/lib/cjs/components/RangeCalendar/RangeCalendar.styles.d.ts +0 -104
- package/lib/cjs/components/RangeCalendar/RangeCalendar.styles.js +0 -118
- package/lib/cjs/components/RangeCalendar/RangeCalendar.test.d.ts +0 -1
- package/lib/cjs/components/RangeCalendar/RangeCalendar.test.js +0 -217
- package/lib/cjs/components/RangeCalendar/RangeCalendarCell.d.ts +0 -4
- package/lib/cjs/components/RangeCalendar/RangeCalendarCell.js +0 -96
- package/lib/cjs/components/RangeCalendar/RangeCalendarGrid.d.ts +0 -4
- package/lib/cjs/components/RangeCalendar/RangeCalendarGrid.js +0 -70
- package/lib/cjs/components/RangeCalendar/RangeCalendarHeader.d.ts +0 -4
- package/lib/cjs/components/RangeCalendar/RangeCalendarHeader.js +0 -85
- package/lib/cjs/components/RangeCalendar/index.d.ts +0 -2
- package/lib/cjs/components/RangeCalendar/index.js +0 -33
- package/lib/components/RangeCalendar/RangeCalendar.js +0 -86
- package/lib/components/RangeCalendar/RangeCalendar.mdx +0 -39
- package/lib/components/RangeCalendar/RangeCalendar.stories.js +0 -112
- package/lib/components/RangeCalendar/RangeCalendar.styles.js +0 -110
- package/lib/components/RangeCalendar/RangeCalendar.test.js +0 -208
- package/lib/components/RangeCalendar/RangeCalendarCell.js +0 -82
- package/lib/components/RangeCalendar/RangeCalendarGrid.js +0 -61
- package/lib/components/RangeCalendar/RangeCalendarHeader.js +0 -76
- package/lib/components/RangeCalendar/index.js +0 -2
@@ -25,7 +25,7 @@ var _hooks = require("../../hooks");
|
|
25
25
|
var _index = require("../../index");
|
26
26
|
var _Accordion = require("../AccordionGroup/Accordion.styles");
|
27
27
|
var _react2 = require("@emotion/react");
|
28
|
-
var _excluded = ["containerProps", "buttonProps", "regionProps"];
|
28
|
+
var _excluded = ["containerProps", "buttonProps", "regionProps"]; // eslint-disable-next-line import/no-unresolved
|
29
29
|
function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
30
30
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
31
31
|
var validHeadingTags = ['h1', 'h2', 'h3', 'h4'];
|
@@ -64,10 +64,6 @@ var Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
64
64
|
prevButtonProps = _ref.prevButtonProps,
|
65
65
|
nextButtonProps = _ref.nextButtonProps,
|
66
66
|
title = _ref.title;
|
67
|
-
|
68
|
-
// to remove warning for unknown event handler property `onFocusChange`.
|
69
|
-
delete prevButtonProps.onFocusChange;
|
70
|
-
delete nextButtonProps.onFocusChange;
|
71
67
|
var _useState = (0, _react.useState)(null),
|
72
68
|
_useState2 = (0, _slicedToArray2["default"])(_useState, 2),
|
73
69
|
yearChangeDirection = _useState2[0],
|
@@ -25,7 +25,7 @@ These keys provide additional functionality to the component.
|
|
25
25
|
| Tab | Components in the calendar are focusable and follow the page tab sequence. |
|
26
26
|
| Shift + Tab | Moves focus to the previous focusable component. |
|
27
27
|
| Pressing Home:(Fn + Right Arrow Key) Or Control or Command + Home | Shifts the focus to the first calendar date. |
|
28
|
-
| Pressing
|
28
|
+
| Pressing Home:(Fn + left Arrow Key) Or Control or Command + End | Shifts the focus to the last calendar date. |
|
29
29
|
| Arrow key | Navigates up, down, right, and left across the calendar. |
|
30
30
|
| Page up | Changes the grid of dates to the previous month. |
|
31
31
|
| Page down | Changes the grid of dates to the next month. |
|
@@ -212,12 +212,15 @@ test('allows users to select and navigate through calendar items', function () {
|
|
212
212
|
});
|
213
213
|
test('readonly calendar', function () {
|
214
214
|
getComponent({
|
215
|
-
isReadOnly: true
|
215
|
+
isReadOnly: true,
|
216
|
+
defaultValue: '2022-08-10'
|
216
217
|
});
|
217
218
|
expect(_testWrapper.screen.queryByRole('grid')).toHaveAttribute('aria-readonly', 'true');
|
218
219
|
var dateButtons = _testWrapper.screen.queryAllByRole('button');
|
219
220
|
_userEvent["default"].click(dateButtons[4]);
|
220
221
|
expect(dateButtons[4]).not.toHaveClass('is-selected');
|
222
|
+
expect(dateButtons[4]).toHaveFocus();
|
223
|
+
expect(dateButtons[4]).toHaveAttribute('tabindex', '0');
|
221
224
|
});
|
222
225
|
test('disabled calendar date', function () {
|
223
226
|
getComponent({
|
@@ -62,7 +62,7 @@ var CalendarCell = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
62
62
|
setFocused(false);
|
63
63
|
focusNextPage();
|
64
64
|
}
|
65
|
-
}, [focusNextPage, focusPreviousPage, formattedDate, state, setFocused
|
65
|
+
}, [date, focusNextPage, focusPreviousPage, formattedDate, state, setFocused]);
|
66
66
|
var _useHover = (0, _interactions.useHover)({}),
|
67
67
|
hoverProps = _useHover.hoverProps,
|
68
68
|
isHovered = _useHover.isHovered;
|
@@ -626,6 +626,12 @@ test('dateField should handle autofocus when deleting segments from middle', fun
|
|
626
626
|
key: 'Backspace'
|
627
627
|
});
|
628
628
|
}
|
629
|
+
_testWrapper.fireEvent.keyDown(year, {
|
630
|
+
key: 'Backspace'
|
631
|
+
});
|
632
|
+
_testWrapper.fireEvent.keyUp(year, {
|
633
|
+
key: 'Backspace'
|
634
|
+
});
|
629
635
|
expect(day).toHaveFocus();
|
630
636
|
expect(hiddenInput).toHaveValue('');
|
631
637
|
});
|
@@ -665,68 +671,6 @@ test('segment focus should move to the year if month is already empty', function
|
|
665
671
|
}
|
666
672
|
expect(year).toHaveFocus();
|
667
673
|
});
|
668
|
-
test('segment focus stay on year if all are empty for year segment', function () {
|
669
|
-
getComponent({
|
670
|
-
defaultValue: ''
|
671
|
-
});
|
672
|
-
var hiddenInput = _testWrapper.screen.queryByTestId('date-field');
|
673
|
-
var inputButtons = _testWrapper.screen.queryAllByRole('spinbutton');
|
674
|
-
var year = inputButtons[0];
|
675
|
-
expect(hiddenInput).toHaveValue('');
|
676
|
-
(0, _testWrapper.act)(function () {
|
677
|
-
year.focus();
|
678
|
-
});
|
679
|
-
expect(year).toHaveFocus();
|
680
|
-
_testWrapper.fireEvent.keyDown(year, {
|
681
|
-
key: 'Backspace'
|
682
|
-
});
|
683
|
-
_testWrapper.fireEvent.keyUp(year, {
|
684
|
-
key: 'Backspace'
|
685
|
-
});
|
686
|
-
expect(year).toHaveFocus();
|
687
|
-
});
|
688
|
-
test('segment focus should move to previous if all are empty for month segment', function () {
|
689
|
-
getComponent({
|
690
|
-
defaultValue: ''
|
691
|
-
});
|
692
|
-
var hiddenInput = _testWrapper.screen.queryByTestId('date-field');
|
693
|
-
var inputButtons = _testWrapper.screen.queryAllByRole('spinbutton');
|
694
|
-
var month = inputButtons[1];
|
695
|
-
var year = inputButtons[0];
|
696
|
-
expect(hiddenInput).toHaveValue('');
|
697
|
-
(0, _testWrapper.act)(function () {
|
698
|
-
month.focus();
|
699
|
-
});
|
700
|
-
expect(month).toHaveFocus();
|
701
|
-
_testWrapper.fireEvent.keyDown(month, {
|
702
|
-
key: 'Backspace'
|
703
|
-
});
|
704
|
-
_testWrapper.fireEvent.keyUp(month, {
|
705
|
-
key: 'Backspace'
|
706
|
-
});
|
707
|
-
expect(year).toHaveFocus();
|
708
|
-
});
|
709
|
-
test('segment focus should move to previous if all are empty for day segment', function () {
|
710
|
-
getComponent({
|
711
|
-
defaultValue: ''
|
712
|
-
});
|
713
|
-
var hiddenInput = _testWrapper.screen.queryByTestId('date-field');
|
714
|
-
var inputButtons = _testWrapper.screen.queryAllByRole('spinbutton');
|
715
|
-
var day = inputButtons[2];
|
716
|
-
var month = inputButtons[1];
|
717
|
-
expect(hiddenInput).toHaveValue('');
|
718
|
-
(0, _testWrapper.act)(function () {
|
719
|
-
day.focus();
|
720
|
-
});
|
721
|
-
expect(day).toHaveFocus();
|
722
|
-
_testWrapper.fireEvent.keyDown(day, {
|
723
|
-
key: 'Backspace'
|
724
|
-
});
|
725
|
-
_testWrapper.fireEvent.keyUp(day, {
|
726
|
-
key: 'Backspace'
|
727
|
-
});
|
728
|
-
expect(month).toHaveFocus();
|
729
|
-
});
|
730
674
|
test('should add the correct number of padded 0 to year, month and day', function () {
|
731
675
|
getComponent({
|
732
676
|
defaultValue: '0009-08-02'
|
package/lib/cjs/index.d.ts
CHANGED
@@ -130,8 +130,6 @@ export { default as RadioField } from './components/RadioField';
|
|
130
130
|
export * from './components/RadioField';
|
131
131
|
export { default as RadioGroupField } from './components/RadioGroupField';
|
132
132
|
export * from './components/RadioGroupField';
|
133
|
-
export { default as RangeCalendar } from './components/RangeCalendar';
|
134
|
-
export * from './components/RangeCalendar';
|
135
133
|
export { default as RequirementsList } from './components/RequirementsList';
|
136
134
|
export * from './components/RequirementsList';
|
137
135
|
export { default as RockerButton } from './components/RockerButton';
|
package/lib/cjs/index.js
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
"use strict";
|
2
2
|
|
3
|
-
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69, _context70, _context71, _context72, _context73, _context74
|
3
|
+
var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9, _context10, _context11, _context12, _context13, _context14, _context15, _context16, _context17, _context18, _context19, _context20, _context21, _context22, _context23, _context24, _context25, _context26, _context27, _context28, _context29, _context30, _context31, _context32, _context33, _context34, _context35, _context36, _context37, _context38, _context39, _context40, _context41, _context42, _context43, _context44, _context45, _context46, _context47, _context48, _context49, _context50, _context51, _context52, _context53, _context54, _context55, _context56, _context57, _context58, _context59, _context60, _context61, _context62, _context63, _context64, _context65, _context66, _context67, _context68, _context69, _context70, _context71, _context72, _context73, _context74;
|
4
4
|
var _typeof = require("@babel/runtime-corejs3/helpers/typeof");
|
5
5
|
var _WeakMap = require("@babel/runtime-corejs3/core-js-stable/weak-map");
|
6
6
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
@@ -95,7 +95,6 @@ var _exportNames = {
|
|
95
95
|
Radio: true,
|
96
96
|
RadioField: true,
|
97
97
|
RadioGroupField: true,
|
98
|
-
RangeCalendar: true,
|
99
98
|
RequirementsList: true,
|
100
99
|
RockerButton: true,
|
101
100
|
RockerButtonGroup: true,
|
@@ -657,12 +656,6 @@ _Object$defineProperty(exports, "RadioGroupField", {
|
|
657
656
|
return _RadioGroupField["default"];
|
658
657
|
}
|
659
658
|
});
|
660
|
-
_Object$defineProperty(exports, "RangeCalendar", {
|
661
|
-
enumerable: true,
|
662
|
-
get: function get() {
|
663
|
-
return _RangeCalendar["default"];
|
664
|
-
}
|
665
|
-
});
|
666
659
|
_Object$defineProperty(exports, "RemovableBadge", {
|
667
660
|
enumerable: true,
|
668
661
|
get: function get() {
|
@@ -1487,20 +1480,8 @@ _forEachInstanceProperty(_context49 = _Object$keys(_RadioGroupField)).call(_cont
|
|
1487
1480
|
}
|
1488
1481
|
});
|
1489
1482
|
});
|
1490
|
-
var _RangeCalendar = _interopRequireWildcard(require("./components/RangeCalendar"));
|
1491
|
-
_forEachInstanceProperty(_context50 = _Object$keys(_RangeCalendar)).call(_context50, function (key) {
|
1492
|
-
if (key === "default" || key === "__esModule") return;
|
1493
|
-
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1494
|
-
if (key in exports && exports[key] === _RangeCalendar[key]) return;
|
1495
|
-
_Object$defineProperty(exports, key, {
|
1496
|
-
enumerable: true,
|
1497
|
-
get: function get() {
|
1498
|
-
return _RangeCalendar[key];
|
1499
|
-
}
|
1500
|
-
});
|
1501
|
-
});
|
1502
1483
|
var _RequirementsList = _interopRequireWildcard(require("./components/RequirementsList"));
|
1503
|
-
_forEachInstanceProperty(
|
1484
|
+
_forEachInstanceProperty(_context50 = _Object$keys(_RequirementsList)).call(_context50, function (key) {
|
1504
1485
|
if (key === "default" || key === "__esModule") return;
|
1505
1486
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1506
1487
|
if (key in exports && exports[key] === _RequirementsList[key]) return;
|
@@ -1512,7 +1493,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_RequirementsList)).call(_con
|
|
1512
1493
|
});
|
1513
1494
|
});
|
1514
1495
|
var _RockerButton = _interopRequireWildcard(require("./components/RockerButton"));
|
1515
|
-
_forEachInstanceProperty(
|
1496
|
+
_forEachInstanceProperty(_context51 = _Object$keys(_RockerButton)).call(_context51, function (key) {
|
1516
1497
|
if (key === "default" || key === "__esModule") return;
|
1517
1498
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1518
1499
|
if (key in exports && exports[key] === _RockerButton[key]) return;
|
@@ -1524,7 +1505,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_RockerButton)).call(_context
|
|
1524
1505
|
});
|
1525
1506
|
});
|
1526
1507
|
var _RockerButtonGroup = _interopRequireWildcard(require("./components/RockerButtonGroup"));
|
1527
|
-
_forEachInstanceProperty(
|
1508
|
+
_forEachInstanceProperty(_context52 = _Object$keys(_RockerButtonGroup)).call(_context52, function (key) {
|
1528
1509
|
if (key === "default" || key === "__esModule") return;
|
1529
1510
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1530
1511
|
if (key in exports && exports[key] === _RockerButtonGroup[key]) return;
|
@@ -1536,7 +1517,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_RockerButtonGroup)).call(_co
|
|
1536
1517
|
});
|
1537
1518
|
});
|
1538
1519
|
var _ScrollBox = _interopRequireWildcard(require("./components/ScrollBox"));
|
1539
|
-
_forEachInstanceProperty(
|
1520
|
+
_forEachInstanceProperty(_context53 = _Object$keys(_ScrollBox)).call(_context53, function (key) {
|
1540
1521
|
if (key === "default" || key === "__esModule") return;
|
1541
1522
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1542
1523
|
if (key in exports && exports[key] === _ScrollBox[key]) return;
|
@@ -1548,7 +1529,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_ScrollBox)).call(_context54,
|
|
1548
1529
|
});
|
1549
1530
|
});
|
1550
1531
|
var _SearchField = _interopRequireWildcard(require("./components/SearchField"));
|
1551
|
-
_forEachInstanceProperty(
|
1532
|
+
_forEachInstanceProperty(_context54 = _Object$keys(_SearchField)).call(_context54, function (key) {
|
1552
1533
|
if (key === "default" || key === "__esModule") return;
|
1553
1534
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1554
1535
|
if (key in exports && exports[key] === _SearchField[key]) return;
|
@@ -1560,7 +1541,7 @@ _forEachInstanceProperty(_context55 = _Object$keys(_SearchField)).call(_context5
|
|
1560
1541
|
});
|
1561
1542
|
});
|
1562
1543
|
var _SelectField = _interopRequireWildcard(require("./components/SelectField"));
|
1563
|
-
_forEachInstanceProperty(
|
1544
|
+
_forEachInstanceProperty(_context55 = _Object$keys(_SelectField)).call(_context55, function (key) {
|
1564
1545
|
if (key === "default" || key === "__esModule") return;
|
1565
1546
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1566
1547
|
if (key in exports && exports[key] === _SelectField[key]) return;
|
@@ -1572,7 +1553,7 @@ _forEachInstanceProperty(_context56 = _Object$keys(_SelectField)).call(_context5
|
|
1572
1553
|
});
|
1573
1554
|
});
|
1574
1555
|
var _Separator = _interopRequireWildcard(require("./components/Separator"));
|
1575
|
-
_forEachInstanceProperty(
|
1556
|
+
_forEachInstanceProperty(_context56 = _Object$keys(_Separator)).call(_context56, function (key) {
|
1576
1557
|
if (key === "default" || key === "__esModule") return;
|
1577
1558
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1578
1559
|
if (key in exports && exports[key] === _Separator[key]) return;
|
@@ -1584,7 +1565,7 @@ _forEachInstanceProperty(_context57 = _Object$keys(_Separator)).call(_context57,
|
|
1584
1565
|
});
|
1585
1566
|
});
|
1586
1567
|
var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
|
1587
|
-
_forEachInstanceProperty(
|
1568
|
+
_forEachInstanceProperty(_context57 = _Object$keys(_Stepper)).call(_context57, function (key) {
|
1588
1569
|
if (key === "default" || key === "__esModule") return;
|
1589
1570
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1590
1571
|
if (key in exports && exports[key] === _Stepper[key]) return;
|
@@ -1596,7 +1577,7 @@ _forEachInstanceProperty(_context58 = _Object$keys(_Stepper)).call(_context58, f
|
|
1596
1577
|
});
|
1597
1578
|
});
|
1598
1579
|
var _Switch = _interopRequireWildcard(require("./components/Switch"));
|
1599
|
-
_forEachInstanceProperty(
|
1580
|
+
_forEachInstanceProperty(_context58 = _Object$keys(_Switch)).call(_context58, function (key) {
|
1600
1581
|
if (key === "default" || key === "__esModule") return;
|
1601
1582
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1602
1583
|
if (key in exports && exports[key] === _Switch[key]) return;
|
@@ -1608,7 +1589,7 @@ _forEachInstanceProperty(_context59 = _Object$keys(_Switch)).call(_context59, fu
|
|
1608
1589
|
});
|
1609
1590
|
});
|
1610
1591
|
var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
|
1611
|
-
_forEachInstanceProperty(
|
1592
|
+
_forEachInstanceProperty(_context59 = _Object$keys(_SwitchField)).call(_context59, function (key) {
|
1612
1593
|
if (key === "default" || key === "__esModule") return;
|
1613
1594
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1614
1595
|
if (key in exports && exports[key] === _SwitchField[key]) return;
|
@@ -1620,7 +1601,7 @@ _forEachInstanceProperty(_context60 = _Object$keys(_SwitchField)).call(_context6
|
|
1620
1601
|
});
|
1621
1602
|
});
|
1622
1603
|
var _Tab = _interopRequireWildcard(require("./components/Tab"));
|
1623
|
-
_forEachInstanceProperty(
|
1604
|
+
_forEachInstanceProperty(_context60 = _Object$keys(_Tab)).call(_context60, function (key) {
|
1624
1605
|
if (key === "default" || key === "__esModule") return;
|
1625
1606
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1626
1607
|
if (key in exports && exports[key] === _Tab[key]) return;
|
@@ -1632,7 +1613,7 @@ _forEachInstanceProperty(_context61 = _Object$keys(_Tab)).call(_context61, funct
|
|
1632
1613
|
});
|
1633
1614
|
});
|
1634
1615
|
var _Table = _interopRequireWildcard(require("./components/Table"));
|
1635
|
-
_forEachInstanceProperty(
|
1616
|
+
_forEachInstanceProperty(_context61 = _Object$keys(_Table)).call(_context61, function (key) {
|
1636
1617
|
if (key === "default" || key === "__esModule") return;
|
1637
1618
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1638
1619
|
if (key in exports && exports[key] === _Table[key]) return;
|
@@ -1644,7 +1625,7 @@ _forEachInstanceProperty(_context62 = _Object$keys(_Table)).call(_context62, fun
|
|
1644
1625
|
});
|
1645
1626
|
});
|
1646
1627
|
var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
|
1647
|
-
_forEachInstanceProperty(
|
1628
|
+
_forEachInstanceProperty(_context62 = _Object$keys(_TableBody)).call(_context62, function (key) {
|
1648
1629
|
if (key === "default" || key === "__esModule") return;
|
1649
1630
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1650
1631
|
if (key in exports && exports[key] === _TableBody[key]) return;
|
@@ -1656,7 +1637,7 @@ _forEachInstanceProperty(_context63 = _Object$keys(_TableBody)).call(_context63,
|
|
1656
1637
|
});
|
1657
1638
|
});
|
1658
1639
|
var _TableCaption = _interopRequireWildcard(require("./components/TableCaption"));
|
1659
|
-
_forEachInstanceProperty(
|
1640
|
+
_forEachInstanceProperty(_context63 = _Object$keys(_TableCaption)).call(_context63, function (key) {
|
1660
1641
|
if (key === "default" || key === "__esModule") return;
|
1661
1642
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1662
1643
|
if (key in exports && exports[key] === _TableCaption[key]) return;
|
@@ -1668,7 +1649,7 @@ _forEachInstanceProperty(_context64 = _Object$keys(_TableCaption)).call(_context
|
|
1668
1649
|
});
|
1669
1650
|
});
|
1670
1651
|
var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
|
1671
|
-
_forEachInstanceProperty(
|
1652
|
+
_forEachInstanceProperty(_context64 = _Object$keys(_TableCell)).call(_context64, function (key) {
|
1672
1653
|
if (key === "default" || key === "__esModule") return;
|
1673
1654
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1674
1655
|
if (key in exports && exports[key] === _TableCell[key]) return;
|
@@ -1680,7 +1661,7 @@ _forEachInstanceProperty(_context65 = _Object$keys(_TableCell)).call(_context65,
|
|
1680
1661
|
});
|
1681
1662
|
});
|
1682
1663
|
var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
|
1683
|
-
_forEachInstanceProperty(
|
1664
|
+
_forEachInstanceProperty(_context65 = _Object$keys(_TableHead)).call(_context65, function (key) {
|
1684
1665
|
if (key === "default" || key === "__esModule") return;
|
1685
1666
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1686
1667
|
if (key in exports && exports[key] === _TableHead[key]) return;
|
@@ -1692,7 +1673,7 @@ _forEachInstanceProperty(_context66 = _Object$keys(_TableHead)).call(_context66,
|
|
1692
1673
|
});
|
1693
1674
|
});
|
1694
1675
|
var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
|
1695
|
-
_forEachInstanceProperty(
|
1676
|
+
_forEachInstanceProperty(_context66 = _Object$keys(_TableRow)).call(_context66, function (key) {
|
1696
1677
|
if (key === "default" || key === "__esModule") return;
|
1697
1678
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1698
1679
|
if (key in exports && exports[key] === _TableRow[key]) return;
|
@@ -1704,7 +1685,7 @@ _forEachInstanceProperty(_context67 = _Object$keys(_TableRow)).call(_context67,
|
|
1704
1685
|
});
|
1705
1686
|
});
|
1706
1687
|
var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
|
1707
|
-
_forEachInstanceProperty(
|
1688
|
+
_forEachInstanceProperty(_context67 = _Object$keys(_Tabs)).call(_context67, function (key) {
|
1708
1689
|
if (key === "default" || key === "__esModule") return;
|
1709
1690
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1710
1691
|
if (key in exports && exports[key] === _Tabs[key]) return;
|
@@ -1716,7 +1697,7 @@ _forEachInstanceProperty(_context68 = _Object$keys(_Tabs)).call(_context68, func
|
|
1716
1697
|
});
|
1717
1698
|
});
|
1718
1699
|
var _Text = _interopRequireWildcard(require("./components/Text"));
|
1719
|
-
_forEachInstanceProperty(
|
1700
|
+
_forEachInstanceProperty(_context68 = _Object$keys(_Text)).call(_context68, function (key) {
|
1720
1701
|
if (key === "default" || key === "__esModule") return;
|
1721
1702
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1722
1703
|
if (key in exports && exports[key] === _Text[key]) return;
|
@@ -1728,7 +1709,7 @@ _forEachInstanceProperty(_context69 = _Object$keys(_Text)).call(_context69, func
|
|
1728
1709
|
});
|
1729
1710
|
});
|
1730
1711
|
var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
|
1731
|
-
_forEachInstanceProperty(
|
1712
|
+
_forEachInstanceProperty(_context69 = _Object$keys(_TextArea)).call(_context69, function (key) {
|
1732
1713
|
if (key === "default" || key === "__esModule") return;
|
1733
1714
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1734
1715
|
if (key in exports && exports[key] === _TextArea[key]) return;
|
@@ -1740,7 +1721,7 @@ _forEachInstanceProperty(_context70 = _Object$keys(_TextArea)).call(_context70,
|
|
1740
1721
|
});
|
1741
1722
|
});
|
1742
1723
|
var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
|
1743
|
-
_forEachInstanceProperty(
|
1724
|
+
_forEachInstanceProperty(_context70 = _Object$keys(_TextAreaField)).call(_context70, function (key) {
|
1744
1725
|
if (key === "default" || key === "__esModule") return;
|
1745
1726
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1746
1727
|
if (key in exports && exports[key] === _TextAreaField[key]) return;
|
@@ -1752,7 +1733,7 @@ _forEachInstanceProperty(_context71 = _Object$keys(_TextAreaField)).call(_contex
|
|
1752
1733
|
});
|
1753
1734
|
});
|
1754
1735
|
var _TextField = _interopRequireWildcard(require("./components/TextField"));
|
1755
|
-
_forEachInstanceProperty(
|
1736
|
+
_forEachInstanceProperty(_context71 = _Object$keys(_TextField)).call(_context71, function (key) {
|
1756
1737
|
if (key === "default" || key === "__esModule") return;
|
1757
1738
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1758
1739
|
if (key in exports && exports[key] === _TextField[key]) return;
|
@@ -1765,7 +1746,7 @@ _forEachInstanceProperty(_context72 = _Object$keys(_TextField)).call(_context72,
|
|
1765
1746
|
});
|
1766
1747
|
var _TimeZonePicker = _interopRequireDefault(require("./components/TimeZonePicker"));
|
1767
1748
|
var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
|
1768
|
-
_forEachInstanceProperty(
|
1749
|
+
_forEachInstanceProperty(_context72 = _Object$keys(_TooltipTrigger)).call(_context72, function (key) {
|
1769
1750
|
if (key === "default" || key === "__esModule") return;
|
1770
1751
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1771
1752
|
if (key in exports && exports[key] === _TooltipTrigger[key]) return;
|
@@ -1777,7 +1758,7 @@ _forEachInstanceProperty(_context73 = _Object$keys(_TooltipTrigger)).call(_conte
|
|
1777
1758
|
});
|
1778
1759
|
});
|
1779
1760
|
var _TreeView = _interopRequireWildcard(require("./components/TreeView"));
|
1780
|
-
_forEachInstanceProperty(
|
1761
|
+
_forEachInstanceProperty(_context73 = _Object$keys(_TreeView)).call(_context73, function (key) {
|
1781
1762
|
if (key === "default" || key === "__esModule") return;
|
1782
1763
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1783
1764
|
if (key in exports && exports[key] === _TreeView[key]) return;
|
@@ -1789,7 +1770,7 @@ _forEachInstanceProperty(_context74 = _Object$keys(_TreeView)).call(_context74,
|
|
1789
1770
|
});
|
1790
1771
|
});
|
1791
1772
|
var _types = require("./types");
|
1792
|
-
_forEachInstanceProperty(
|
1773
|
+
_forEachInstanceProperty(_context74 = _Object$keys(_types)).call(_context74, function (key) {
|
1793
1774
|
if (key === "default" || key === "__esModule") return;
|
1794
1775
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1795
1776
|
if (key in exports && exports[key] === _types[key]) return;
|
@@ -46,7 +46,6 @@ var _OverlayPanel = _interopRequireDefault(require("../../components/OverlayPane
|
|
46
46
|
var _PanelHeader = _interopRequireDefault(require("../../components/PanelHeader/PanelHeader.styles"));
|
47
47
|
var _PopoverMenu = _interopRequireDefault(require("../../components/PopoverMenu/PopoverMenu.styles"));
|
48
48
|
var _ProgressBar = _interopRequireDefault(require("../../components/ProgressBar/ProgressBar.styles"));
|
49
|
-
var _RangeCalendar = _interopRequireDefault(require("../../components/RangeCalendar/RangeCalendar.styles"));
|
50
49
|
var _RockerButton = _interopRequireDefault(require("../../components/RockerButton/RockerButton.styles"));
|
51
50
|
var _ScrollBox = _interopRequireDefault(require("../../components/ScrollBox/ScrollBox.styles"));
|
52
51
|
var _Separator = _interopRequireDefault(require("../../components/Separator/Separator.styles"));
|
@@ -68,7 +67,6 @@ var _default = _objectSpread({
|
|
68
67
|
breadcrumb: _Breadcrumb["default"],
|
69
68
|
buttonBar: _ButtonBar["default"],
|
70
69
|
calendar: _Calendar["default"],
|
71
|
-
rangeCalendar: _RangeCalendar["default"],
|
72
70
|
callout: _Callout["default"],
|
73
71
|
codeView: _CodeView["default"],
|
74
72
|
collapsiblePanel: _CollapsiblePanel["default"],
|
@@ -1,31 +1,24 @@
|
|
1
1
|
import { Key } from 'react';
|
2
2
|
import type { CalendarDate, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
|
3
|
-
import { type CalendarState
|
4
|
-
import type { AriaButtonProps } from '@react-types/button';
|
5
|
-
import type { DOMAttributes as AriaDOMAttributes } from '@react-types/shared';
|
3
|
+
import { type CalendarState } from '@react-stately/calendar';
|
6
4
|
import { DOMAttributes } from './shared/dom';
|
7
5
|
import { TestingAttributes } from './shared/test';
|
8
6
|
import { BoxProps } from './box';
|
9
7
|
export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
|
10
|
-
type calendarGridStateProps = CalendarState
|
11
|
-
type MappedDateValue<T> = T extends ZonedDateTime ? ZonedDateTime : T extends CalendarDateTime ? CalendarDateTime : T extends CalendarDate ? CalendarDate : never;
|
8
|
+
type calendarGridStateProps = CalendarState;
|
12
9
|
export interface RangeValue<T> {
|
13
10
|
/** The start value of the range. */
|
14
11
|
start: T;
|
15
12
|
/** The end value of the range. */
|
16
13
|
end: T;
|
17
14
|
}
|
18
|
-
export
|
19
|
-
|
20
|
-
|
21
|
-
};
|
22
|
-
export interface CalendarBaseProps extends BoxProps, TestingAttributes {
|
15
|
+
export interface CalendarProps extends BoxProps, TestingAttributes {
|
16
|
+
/** Prop to provide a custom default date (uncontrolled) */
|
17
|
+
defaultValue?: DateValue | string;
|
23
18
|
/** Prop to provide a custom default focused date (uncontrolled) */
|
24
|
-
defaultFocusedValue?: DateValue
|
25
|
-
/**
|
26
|
-
|
27
|
-
/** The minimum allowed date that a user may select. */
|
28
|
-
minValue?: DateValue | string;
|
19
|
+
defaultFocusedValue?: DateValue;
|
20
|
+
/** Prop to provide a default date (controlled) */
|
21
|
+
value?: DateValue | string;
|
29
22
|
/** custom week days for other calendars */
|
30
23
|
customWeekDays?: string[];
|
31
24
|
/** Whether the element should receive focus on render. */
|
@@ -38,67 +31,39 @@ export interface CalendarBaseProps extends BoxProps, TestingAttributes {
|
|
38
31
|
*
|
39
32
|
* (date?: DateValue) => boolean
|
40
33
|
*/
|
41
|
-
isDateUnavailable?: (date:
|
34
|
+
isDateUnavailable?: (date: CalendarDate) => boolean;
|
42
35
|
/** Whether the calendar is disabled. */
|
43
36
|
isDisabled?: boolean;
|
44
37
|
/** Whether the calendar dates are only focusable. */
|
45
38
|
isReadOnly?: boolean;
|
46
39
|
/** Whether user input is required on the input before form submission. */
|
47
40
|
isRequired?: boolean;
|
41
|
+
/** The maximum allowed date that a user may select. */
|
42
|
+
maxValue?: DateValue | string;
|
43
|
+
/** The minimum allowed date that a user may select. */
|
44
|
+
minValue?: DateValue | string;
|
48
45
|
/** Handler that is called when the element loses focus. */
|
49
46
|
onBlur?: () => void;
|
47
|
+
/** Handler that is called when the element's selection state changes. */
|
48
|
+
onChange?: () => void;
|
50
49
|
/** Handler that is called when the element receives focus. */
|
51
50
|
onFocus?: () => void;
|
52
51
|
/** Handler that is called when the element's focus status changes. */
|
53
|
-
onFocusChange?: (
|
52
|
+
onFocusChange?: () => void;
|
54
53
|
/** Handler that is called when a key is pressed. */
|
55
54
|
onKeyDown?: () => void;
|
56
55
|
/** Handler that is called when a key is released. */
|
57
56
|
onKeyUp?: () => void;
|
58
57
|
}
|
59
|
-
export interface CalendarProps extends Omit<CalendarBaseProps, 'onChange'> {
|
60
|
-
/** Prop to provide a custom default date (uncontrolled) */
|
61
|
-
defaultValue?: DateValue | string;
|
62
|
-
/** Prop to provide a custom default focused date (uncontrolled) */
|
63
|
-
value?: DateValue | string;
|
64
|
-
/** Handler that is called when the value changes. */
|
65
|
-
onChange?: (value: MappedDateValue<DateValue>) => void;
|
66
|
-
}
|
67
|
-
export interface RangeCalendarProps extends Omit<CalendarBaseProps, 'onChange'> {
|
68
|
-
/** Prop to provide a custom default date (uncontrolled) */
|
69
|
-
defaultValue?: StringOrRangeValue | null;
|
70
|
-
/** The currently selected date range. */
|
71
|
-
value?: StringOrRangeValue | null;
|
72
|
-
/** Handler that is called when the value changes. */
|
73
|
-
onChange?: (value: RangeValue<MappedDateValue<DateValue>>) => void;
|
74
|
-
}
|
75
|
-
export interface RangeCalendarHeaderProps {
|
76
|
-
state: RangeCalendarState;
|
77
|
-
calendarProps: AriaDOMAttributes;
|
78
|
-
prevButtonProps: AriaButtonProps;
|
79
|
-
nextButtonProps: AriaButtonProps;
|
80
|
-
}
|
81
58
|
export interface CalendarGridProps {
|
82
59
|
/** State object that is passed in from the useCalendar hook */
|
83
60
|
state: calendarGridStateProps;
|
84
61
|
/** Custom week days for other international calendars */
|
85
62
|
customWeekDays?: Array<string>;
|
86
63
|
}
|
87
|
-
export interface RangeCalendarGridProps {
|
88
|
-
/** State object that is passed in from the useRangeCalendar hook */
|
89
|
-
state: RangeCalendarState;
|
90
|
-
/** The offset to apply to the calendar */
|
91
|
-
offset?: object;
|
92
|
-
}
|
93
64
|
export interface CalendarCellProps extends DOMAttributes {
|
94
65
|
state: calendarGridStateProps;
|
95
66
|
date: object;
|
96
67
|
key?: Key;
|
97
68
|
}
|
98
|
-
export interface RangeCalendarCellProps extends DOMAttributes {
|
99
|
-
state: RangeCalendarState;
|
100
|
-
date: object;
|
101
|
-
key?: Key;
|
102
|
-
currentMonth: CalendarDate;
|
103
|
-
}
|
104
69
|
export {};
|
@@ -9,6 +9,9 @@ import MenuUp from '@pingux/mdi-react/MenuUpIcon';
|
|
9
9
|
import { useAccordionItem } from '@react-aria/accordion';
|
10
10
|
import { useFocusRing } from '@react-aria/focus';
|
11
11
|
import { useHover } from '@react-aria/interactions';
|
12
|
+
|
13
|
+
// eslint-disable-next-line import/no-unresolved
|
14
|
+
|
12
15
|
import { Button as ThemeUIButton } from 'theme-ui';
|
13
16
|
import { AccordionContext } from '../../context/AccordionContext';
|
14
17
|
import { useStatusClasses } from '../../hooks';
|
@@ -53,10 +53,6 @@ var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
53
53
|
prevButtonProps = _ref.prevButtonProps,
|
54
54
|
nextButtonProps = _ref.nextButtonProps,
|
55
55
|
title = _ref.title;
|
56
|
-
|
57
|
-
// to remove warning for unknown event handler property `onFocusChange`.
|
58
|
-
delete prevButtonProps.onFocusChange;
|
59
|
-
delete nextButtonProps.onFocusChange;
|
60
56
|
var _useState = useState(null),
|
61
57
|
_useState2 = _slicedToArray(_useState, 2),
|
62
58
|
yearChangeDirection = _useState2[0],
|
@@ -25,7 +25,7 @@ These keys provide additional functionality to the component.
|
|
25
25
|
| Tab | Components in the calendar are focusable and follow the page tab sequence. |
|
26
26
|
| Shift + Tab | Moves focus to the previous focusable component. |
|
27
27
|
| Pressing Home:(Fn + Right Arrow Key) Or Control or Command + Home | Shifts the focus to the first calendar date. |
|
28
|
-
| Pressing
|
28
|
+
| Pressing Home:(Fn + left Arrow Key) Or Control or Command + End | Shifts the focus to the last calendar date. |
|
29
29
|
| Arrow key | Navigates up, down, right, and left across the calendar. |
|
30
30
|
| Page up | Changes the grid of dates to the previous month. |
|
31
31
|
| Page down | Changes the grid of dates to the next month. |
|
@@ -209,12 +209,15 @@ test('allows users to select and navigate through calendar items', function () {
|
|
209
209
|
});
|
210
210
|
test('readonly calendar', function () {
|
211
211
|
getComponent({
|
212
|
-
isReadOnly: true
|
212
|
+
isReadOnly: true,
|
213
|
+
defaultValue: '2022-08-10'
|
213
214
|
});
|
214
215
|
expect(screen.queryByRole('grid')).toHaveAttribute('aria-readonly', 'true');
|
215
216
|
var dateButtons = screen.queryAllByRole('button');
|
216
217
|
userEvent.click(dateButtons[4]);
|
217
218
|
expect(dateButtons[4]).not.toHaveClass('is-selected');
|
219
|
+
expect(dateButtons[4]).toHaveFocus();
|
220
|
+
expect(dateButtons[4]).toHaveAttribute('tabindex', '0');
|
218
221
|
});
|
219
222
|
test('disabled calendar date', function () {
|
220
223
|
getComponent({
|
@@ -49,7 +49,7 @@ var CalendarCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
49
49
|
setFocused(false);
|
50
50
|
focusNextPage();
|
51
51
|
}
|
52
|
-
}, [focusNextPage, focusPreviousPage, formattedDate, state, setFocused
|
52
|
+
}, [date, focusNextPage, focusPreviousPage, formattedDate, state, setFocused]);
|
53
53
|
var _useHover = useHover({}),
|
54
54
|
hoverProps = _useHover.hoverProps,
|
55
55
|
isHovered = _useHover.isHovered;
|