@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.
Files changed (46) hide show
  1. package/lib/cjs/components/AccordionItem/AccordionItem.d.ts +1 -1
  2. package/lib/cjs/components/AccordionItem/AccordionItem.js +1 -1
  3. package/lib/cjs/components/Calendar/Calendar.js +0 -4
  4. package/lib/cjs/components/Calendar/Calendar.mdx +1 -1
  5. package/lib/cjs/components/Calendar/Calendar.test.js +4 -1
  6. package/lib/cjs/components/Calendar/CalendarCell.js +1 -1
  7. package/lib/cjs/components/DatePicker/DatePicker.test.js +6 -62
  8. package/lib/cjs/index.d.ts +0 -2
  9. package/lib/cjs/index.js +26 -45
  10. package/lib/cjs/styles/variants/variants.js +0 -2
  11. package/lib/cjs/types/calendar.d.ts +16 -51
  12. package/lib/components/AccordionItem/AccordionItem.js +3 -0
  13. package/lib/components/Calendar/Calendar.js +0 -4
  14. package/lib/components/Calendar/Calendar.mdx +1 -1
  15. package/lib/components/Calendar/Calendar.test.js +4 -1
  16. package/lib/components/Calendar/CalendarCell.js +1 -1
  17. package/lib/components/DatePicker/DatePicker.test.js +6 -62
  18. package/lib/index.js +0 -2
  19. package/lib/styles/variants/variants.js +0 -2
  20. package/package.json +1 -1
  21. package/lib/cjs/components/RangeCalendar/RangeCalendar.d.ts +0 -7
  22. package/lib/cjs/components/RangeCalendar/RangeCalendar.js +0 -100
  23. package/lib/cjs/components/RangeCalendar/RangeCalendar.mdx +0 -39
  24. package/lib/cjs/components/RangeCalendar/RangeCalendar.stories.d.ts +0 -103
  25. package/lib/cjs/components/RangeCalendar/RangeCalendar.stories.js +0 -131
  26. package/lib/cjs/components/RangeCalendar/RangeCalendar.styles.d.ts +0 -104
  27. package/lib/cjs/components/RangeCalendar/RangeCalendar.styles.js +0 -118
  28. package/lib/cjs/components/RangeCalendar/RangeCalendar.test.d.ts +0 -1
  29. package/lib/cjs/components/RangeCalendar/RangeCalendar.test.js +0 -217
  30. package/lib/cjs/components/RangeCalendar/RangeCalendarCell.d.ts +0 -4
  31. package/lib/cjs/components/RangeCalendar/RangeCalendarCell.js +0 -96
  32. package/lib/cjs/components/RangeCalendar/RangeCalendarGrid.d.ts +0 -4
  33. package/lib/cjs/components/RangeCalendar/RangeCalendarGrid.js +0 -70
  34. package/lib/cjs/components/RangeCalendar/RangeCalendarHeader.d.ts +0 -4
  35. package/lib/cjs/components/RangeCalendar/RangeCalendarHeader.js +0 -85
  36. package/lib/cjs/components/RangeCalendar/index.d.ts +0 -2
  37. package/lib/cjs/components/RangeCalendar/index.js +0 -33
  38. package/lib/components/RangeCalendar/RangeCalendar.js +0 -86
  39. package/lib/components/RangeCalendar/RangeCalendar.mdx +0 -39
  40. package/lib/components/RangeCalendar/RangeCalendar.stories.js +0 -112
  41. package/lib/components/RangeCalendar/RangeCalendar.styles.js +0 -110
  42. package/lib/components/RangeCalendar/RangeCalendar.test.js +0 -208
  43. package/lib/components/RangeCalendar/RangeCalendarCell.js +0 -82
  44. package/lib/components/RangeCalendar/RangeCalendarGrid.js +0 -61
  45. package/lib/components/RangeCalendar/RangeCalendarHeader.js +0 -76
  46. package/lib/components/RangeCalendar/index.js +0 -2
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import type { Node } from '@react-types/shared';
2
+ import { Node } from '@react-types/shared';
3
3
  export declare const validHeadingTags: string[];
4
4
  interface AccordionItemProps<T> {
5
5
  item: Node<T>;
@@ -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 End:(Fn + left Arrow Key) Or Control or Command + End | Shifts the focus to the last calendar date. |
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, cellRef]);
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'
@@ -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, _context75;
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(_context51 = _Object$keys(_RequirementsList)).call(_context51, function (key) {
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(_context52 = _Object$keys(_RockerButton)).call(_context52, function (key) {
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(_context53 = _Object$keys(_RockerButtonGroup)).call(_context53, function (key) {
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(_context54 = _Object$keys(_ScrollBox)).call(_context54, function (key) {
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(_context55 = _Object$keys(_SearchField)).call(_context55, function (key) {
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(_context56 = _Object$keys(_SelectField)).call(_context56, function (key) {
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(_context57 = _Object$keys(_Separator)).call(_context57, function (key) {
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(_context58 = _Object$keys(_Stepper)).call(_context58, function (key) {
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(_context59 = _Object$keys(_Switch)).call(_context59, function (key) {
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(_context60 = _Object$keys(_SwitchField)).call(_context60, function (key) {
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(_context61 = _Object$keys(_Tab)).call(_context61, function (key) {
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(_context62 = _Object$keys(_Table)).call(_context62, function (key) {
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(_context63 = _Object$keys(_TableBody)).call(_context63, function (key) {
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(_context64 = _Object$keys(_TableCaption)).call(_context64, function (key) {
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(_context65 = _Object$keys(_TableCell)).call(_context65, function (key) {
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(_context66 = _Object$keys(_TableHead)).call(_context66, function (key) {
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(_context67 = _Object$keys(_TableRow)).call(_context67, function (key) {
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(_context68 = _Object$keys(_Tabs)).call(_context68, function (key) {
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(_context69 = _Object$keys(_Text)).call(_context69, function (key) {
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(_context70 = _Object$keys(_TextArea)).call(_context70, function (key) {
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(_context71 = _Object$keys(_TextAreaField)).call(_context71, function (key) {
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(_context72 = _Object$keys(_TextField)).call(_context72, function (key) {
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(_context73 = _Object$keys(_TooltipTrigger)).call(_context73, function (key) {
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(_context74 = _Object$keys(_TreeView)).call(_context74, function (key) {
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(_context75 = _Object$keys(_types)).call(_context75, function (key) {
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, type RangeCalendarState } from '@react-stately/calendar';
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 | RangeCalendarState;
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 type StringOrRangeValue = RangeValue<DateValue> | {
19
- start: string;
20
- end: string;
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 | string;
25
- /** The maximum allowed date that a user may select. */
26
- maxValue?: DateValue | string;
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: DateValue) => boolean;
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?: (date: CalendarDate) => void;
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 End:(Fn + left Arrow Key) Or Control or Command + End | Shifts the focus to the last calendar date. |
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, cellRef]);
52
+ }, [date, focusNextPage, focusPreviousPage, formattedDate, state, setFocused]);
53
53
  var _useHover = useHover({}),
54
54
  hoverProps = _useHover.hoverProps,
55
55
  isHovered = _useHover.isHovered;