@pingux/astro 2.70.0-alpha.2 → 2.71.0-alpha.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/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 +4 -0
- package/lib/cjs/components/Calendar/Calendar.mdx +1 -1
- package/lib/cjs/components/Calendar/Calendar.test.js +1 -4
- package/lib/cjs/components/Calendar/CalendarCell.js +1 -1
- package/lib/cjs/components/DatePicker/DatePicker.test.js +62 -6
- package/lib/cjs/components/RangeCalendar/RangeCalendar.d.ts +7 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.js +100 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.mdx +39 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.stories.d.ts +103 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.stories.js +131 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.styles.d.ts +104 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.styles.js +118 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.test.d.ts +1 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendar.test.js +217 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendarCell.d.ts +4 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendarCell.js +96 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendarGrid.d.ts +4 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendarGrid.js +70 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendarHeader.d.ts +4 -0
- package/lib/cjs/components/RangeCalendar/RangeCalendarHeader.js +85 -0
- package/lib/cjs/components/RangeCalendar/index.d.ts +2 -0
- package/lib/cjs/components/RangeCalendar/index.js +33 -0
- package/lib/cjs/components/TimeField/TimeField.d.ts +7 -0
- package/lib/cjs/components/TimeField/TimeField.js +105 -0
- package/lib/cjs/components/TimeField/TimeField.mdx +35 -0
- package/lib/cjs/components/TimeField/TimeField.stories.d.ts +27 -0
- package/lib/cjs/components/TimeField/TimeField.stories.js +96 -0
- package/lib/cjs/components/TimeField/TimeField.styles.d.ts +865 -0
- package/lib/cjs/components/TimeField/TimeField.styles.js +47 -0
- package/lib/cjs/components/TimeField/TimeField.test.d.ts +1 -0
- package/lib/cjs/components/TimeField/TimeField.test.js +194 -0
- package/lib/cjs/components/TimeField/TimeSegment.d.ts +4 -0
- package/lib/cjs/components/TimeField/TimeSegment.js +64 -0
- package/lib/cjs/components/TimeField/index.d.ts +2 -0
- package/lib/cjs/components/TimeField/index.js +33 -0
- package/lib/cjs/index.d.ts +4 -0
- package/lib/cjs/index.js +64 -26
- package/lib/cjs/styles/forms/index.js +2 -0
- package/lib/cjs/styles/variants/variants.js +4 -0
- package/lib/cjs/types/calendar.d.ts +51 -16
- package/lib/cjs/types/index.d.ts +1 -0
- package/lib/cjs/types/index.js +13 -2
- package/lib/cjs/types/timefield.d.ts +69 -0
- package/lib/cjs/types/timefield.js +6 -0
- package/lib/components/AccordionItem/AccordionItem.js +0 -3
- package/lib/components/Calendar/Calendar.js +4 -0
- package/lib/components/Calendar/Calendar.mdx +1 -1
- package/lib/components/Calendar/Calendar.test.js +1 -4
- package/lib/components/Calendar/CalendarCell.js +1 -1
- package/lib/components/DatePicker/DatePicker.test.js +62 -6
- package/lib/components/RangeCalendar/RangeCalendar.js +86 -0
- package/lib/components/RangeCalendar/RangeCalendar.mdx +39 -0
- package/lib/components/RangeCalendar/RangeCalendar.stories.js +112 -0
- package/lib/components/RangeCalendar/RangeCalendar.styles.js +110 -0
- package/lib/components/RangeCalendar/RangeCalendar.test.js +208 -0
- package/lib/components/RangeCalendar/RangeCalendarCell.js +82 -0
- package/lib/components/RangeCalendar/RangeCalendarGrid.js +61 -0
- package/lib/components/RangeCalendar/RangeCalendarHeader.js +76 -0
- package/lib/components/RangeCalendar/index.js +2 -0
- package/lib/components/TimeField/TimeField.js +92 -0
- package/lib/components/TimeField/TimeField.mdx +35 -0
- package/lib/components/TimeField/TimeField.stories.js +75 -0
- package/lib/components/TimeField/TimeField.styles.js +39 -0
- package/lib/components/TimeField/TimeField.test.js +191 -0
- package/lib/components/TimeField/TimeSegment.js +50 -0
- package/lib/components/TimeField/index.js +2 -0
- package/lib/index.js +4 -0
- package/lib/styles/forms/index.js +2 -0
- package/lib/styles/variants/variants.js +4 -0
- package/lib/types/index.js +1 -0
- package/lib/types/timefield.js +1 -0
- package/package.json +4 -4
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, _context75, _context76;
|
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,6 +95,7 @@ var _exportNames = {
|
|
95
95
|
Radio: true,
|
96
96
|
RadioField: true,
|
97
97
|
RadioGroupField: true,
|
98
|
+
RangeCalendar: true,
|
98
99
|
RequirementsList: true,
|
99
100
|
RockerButton: true,
|
100
101
|
RockerButtonGroup: true,
|
@@ -118,6 +119,7 @@ var _exportNames = {
|
|
118
119
|
TextArea: true,
|
119
120
|
TextAreaField: true,
|
120
121
|
TextField: true,
|
122
|
+
TimeField: true,
|
121
123
|
TimeZonePicker: true,
|
122
124
|
TooltipTrigger: true,
|
123
125
|
TreeView: true,
|
@@ -656,6 +658,12 @@ _Object$defineProperty(exports, "RadioGroupField", {
|
|
656
658
|
return _RadioGroupField["default"];
|
657
659
|
}
|
658
660
|
});
|
661
|
+
_Object$defineProperty(exports, "RangeCalendar", {
|
662
|
+
enumerable: true,
|
663
|
+
get: function get() {
|
664
|
+
return _RangeCalendar["default"];
|
665
|
+
}
|
666
|
+
});
|
659
667
|
_Object$defineProperty(exports, "RemovableBadge", {
|
660
668
|
enumerable: true,
|
661
669
|
get: function get() {
|
@@ -812,6 +820,12 @@ _Object$defineProperty(exports, "TextField", {
|
|
812
820
|
return _TextField["default"];
|
813
821
|
}
|
814
822
|
});
|
823
|
+
_Object$defineProperty(exports, "TimeField", {
|
824
|
+
enumerable: true,
|
825
|
+
get: function get() {
|
826
|
+
return _TimeField["default"];
|
827
|
+
}
|
828
|
+
});
|
815
829
|
_Object$defineProperty(exports, "TimeZonePicker", {
|
816
830
|
enumerable: true,
|
817
831
|
get: function get() {
|
@@ -1480,8 +1494,20 @@ _forEachInstanceProperty(_context49 = _Object$keys(_RadioGroupField)).call(_cont
|
|
1480
1494
|
}
|
1481
1495
|
});
|
1482
1496
|
});
|
1497
|
+
var _RangeCalendar = _interopRequireWildcard(require("./components/RangeCalendar"));
|
1498
|
+
_forEachInstanceProperty(_context50 = _Object$keys(_RangeCalendar)).call(_context50, function (key) {
|
1499
|
+
if (key === "default" || key === "__esModule") return;
|
1500
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1501
|
+
if (key in exports && exports[key] === _RangeCalendar[key]) return;
|
1502
|
+
_Object$defineProperty(exports, key, {
|
1503
|
+
enumerable: true,
|
1504
|
+
get: function get() {
|
1505
|
+
return _RangeCalendar[key];
|
1506
|
+
}
|
1507
|
+
});
|
1508
|
+
});
|
1483
1509
|
var _RequirementsList = _interopRequireWildcard(require("./components/RequirementsList"));
|
1484
|
-
_forEachInstanceProperty(
|
1510
|
+
_forEachInstanceProperty(_context51 = _Object$keys(_RequirementsList)).call(_context51, function (key) {
|
1485
1511
|
if (key === "default" || key === "__esModule") return;
|
1486
1512
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1487
1513
|
if (key in exports && exports[key] === _RequirementsList[key]) return;
|
@@ -1493,7 +1519,7 @@ _forEachInstanceProperty(_context50 = _Object$keys(_RequirementsList)).call(_con
|
|
1493
1519
|
});
|
1494
1520
|
});
|
1495
1521
|
var _RockerButton = _interopRequireWildcard(require("./components/RockerButton"));
|
1496
|
-
_forEachInstanceProperty(
|
1522
|
+
_forEachInstanceProperty(_context52 = _Object$keys(_RockerButton)).call(_context52, function (key) {
|
1497
1523
|
if (key === "default" || key === "__esModule") return;
|
1498
1524
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1499
1525
|
if (key in exports && exports[key] === _RockerButton[key]) return;
|
@@ -1505,7 +1531,7 @@ _forEachInstanceProperty(_context51 = _Object$keys(_RockerButton)).call(_context
|
|
1505
1531
|
});
|
1506
1532
|
});
|
1507
1533
|
var _RockerButtonGroup = _interopRequireWildcard(require("./components/RockerButtonGroup"));
|
1508
|
-
_forEachInstanceProperty(
|
1534
|
+
_forEachInstanceProperty(_context53 = _Object$keys(_RockerButtonGroup)).call(_context53, function (key) {
|
1509
1535
|
if (key === "default" || key === "__esModule") return;
|
1510
1536
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1511
1537
|
if (key in exports && exports[key] === _RockerButtonGroup[key]) return;
|
@@ -1517,7 +1543,7 @@ _forEachInstanceProperty(_context52 = _Object$keys(_RockerButtonGroup)).call(_co
|
|
1517
1543
|
});
|
1518
1544
|
});
|
1519
1545
|
var _ScrollBox = _interopRequireWildcard(require("./components/ScrollBox"));
|
1520
|
-
_forEachInstanceProperty(
|
1546
|
+
_forEachInstanceProperty(_context54 = _Object$keys(_ScrollBox)).call(_context54, function (key) {
|
1521
1547
|
if (key === "default" || key === "__esModule") return;
|
1522
1548
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1523
1549
|
if (key in exports && exports[key] === _ScrollBox[key]) return;
|
@@ -1529,7 +1555,7 @@ _forEachInstanceProperty(_context53 = _Object$keys(_ScrollBox)).call(_context53,
|
|
1529
1555
|
});
|
1530
1556
|
});
|
1531
1557
|
var _SearchField = _interopRequireWildcard(require("./components/SearchField"));
|
1532
|
-
_forEachInstanceProperty(
|
1558
|
+
_forEachInstanceProperty(_context55 = _Object$keys(_SearchField)).call(_context55, function (key) {
|
1533
1559
|
if (key === "default" || key === "__esModule") return;
|
1534
1560
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1535
1561
|
if (key in exports && exports[key] === _SearchField[key]) return;
|
@@ -1541,7 +1567,7 @@ _forEachInstanceProperty(_context54 = _Object$keys(_SearchField)).call(_context5
|
|
1541
1567
|
});
|
1542
1568
|
});
|
1543
1569
|
var _SelectField = _interopRequireWildcard(require("./components/SelectField"));
|
1544
|
-
_forEachInstanceProperty(
|
1570
|
+
_forEachInstanceProperty(_context56 = _Object$keys(_SelectField)).call(_context56, function (key) {
|
1545
1571
|
if (key === "default" || key === "__esModule") return;
|
1546
1572
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1547
1573
|
if (key in exports && exports[key] === _SelectField[key]) return;
|
@@ -1553,7 +1579,7 @@ _forEachInstanceProperty(_context55 = _Object$keys(_SelectField)).call(_context5
|
|
1553
1579
|
});
|
1554
1580
|
});
|
1555
1581
|
var _Separator = _interopRequireWildcard(require("./components/Separator"));
|
1556
|
-
_forEachInstanceProperty(
|
1582
|
+
_forEachInstanceProperty(_context57 = _Object$keys(_Separator)).call(_context57, function (key) {
|
1557
1583
|
if (key === "default" || key === "__esModule") return;
|
1558
1584
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1559
1585
|
if (key in exports && exports[key] === _Separator[key]) return;
|
@@ -1565,7 +1591,7 @@ _forEachInstanceProperty(_context56 = _Object$keys(_Separator)).call(_context56,
|
|
1565
1591
|
});
|
1566
1592
|
});
|
1567
1593
|
var _Stepper = _interopRequireWildcard(require("./components/Stepper"));
|
1568
|
-
_forEachInstanceProperty(
|
1594
|
+
_forEachInstanceProperty(_context58 = _Object$keys(_Stepper)).call(_context58, function (key) {
|
1569
1595
|
if (key === "default" || key === "__esModule") return;
|
1570
1596
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1571
1597
|
if (key in exports && exports[key] === _Stepper[key]) return;
|
@@ -1577,7 +1603,7 @@ _forEachInstanceProperty(_context57 = _Object$keys(_Stepper)).call(_context57, f
|
|
1577
1603
|
});
|
1578
1604
|
});
|
1579
1605
|
var _Switch = _interopRequireWildcard(require("./components/Switch"));
|
1580
|
-
_forEachInstanceProperty(
|
1606
|
+
_forEachInstanceProperty(_context59 = _Object$keys(_Switch)).call(_context59, function (key) {
|
1581
1607
|
if (key === "default" || key === "__esModule") return;
|
1582
1608
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1583
1609
|
if (key in exports && exports[key] === _Switch[key]) return;
|
@@ -1589,7 +1615,7 @@ _forEachInstanceProperty(_context58 = _Object$keys(_Switch)).call(_context58, fu
|
|
1589
1615
|
});
|
1590
1616
|
});
|
1591
1617
|
var _SwitchField = _interopRequireWildcard(require("./components/SwitchField"));
|
1592
|
-
_forEachInstanceProperty(
|
1618
|
+
_forEachInstanceProperty(_context60 = _Object$keys(_SwitchField)).call(_context60, function (key) {
|
1593
1619
|
if (key === "default" || key === "__esModule") return;
|
1594
1620
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1595
1621
|
if (key in exports && exports[key] === _SwitchField[key]) return;
|
@@ -1601,7 +1627,7 @@ _forEachInstanceProperty(_context59 = _Object$keys(_SwitchField)).call(_context5
|
|
1601
1627
|
});
|
1602
1628
|
});
|
1603
1629
|
var _Tab = _interopRequireWildcard(require("./components/Tab"));
|
1604
|
-
_forEachInstanceProperty(
|
1630
|
+
_forEachInstanceProperty(_context61 = _Object$keys(_Tab)).call(_context61, function (key) {
|
1605
1631
|
if (key === "default" || key === "__esModule") return;
|
1606
1632
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1607
1633
|
if (key in exports && exports[key] === _Tab[key]) return;
|
@@ -1613,7 +1639,7 @@ _forEachInstanceProperty(_context60 = _Object$keys(_Tab)).call(_context60, funct
|
|
1613
1639
|
});
|
1614
1640
|
});
|
1615
1641
|
var _Table = _interopRequireWildcard(require("./components/Table"));
|
1616
|
-
_forEachInstanceProperty(
|
1642
|
+
_forEachInstanceProperty(_context62 = _Object$keys(_Table)).call(_context62, function (key) {
|
1617
1643
|
if (key === "default" || key === "__esModule") return;
|
1618
1644
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1619
1645
|
if (key in exports && exports[key] === _Table[key]) return;
|
@@ -1625,7 +1651,7 @@ _forEachInstanceProperty(_context61 = _Object$keys(_Table)).call(_context61, fun
|
|
1625
1651
|
});
|
1626
1652
|
});
|
1627
1653
|
var _TableBody = _interopRequireWildcard(require("./components/TableBody"));
|
1628
|
-
_forEachInstanceProperty(
|
1654
|
+
_forEachInstanceProperty(_context63 = _Object$keys(_TableBody)).call(_context63, function (key) {
|
1629
1655
|
if (key === "default" || key === "__esModule") return;
|
1630
1656
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1631
1657
|
if (key in exports && exports[key] === _TableBody[key]) return;
|
@@ -1637,7 +1663,7 @@ _forEachInstanceProperty(_context62 = _Object$keys(_TableBody)).call(_context62,
|
|
1637
1663
|
});
|
1638
1664
|
});
|
1639
1665
|
var _TableCaption = _interopRequireWildcard(require("./components/TableCaption"));
|
1640
|
-
_forEachInstanceProperty(
|
1666
|
+
_forEachInstanceProperty(_context64 = _Object$keys(_TableCaption)).call(_context64, function (key) {
|
1641
1667
|
if (key === "default" || key === "__esModule") return;
|
1642
1668
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1643
1669
|
if (key in exports && exports[key] === _TableCaption[key]) return;
|
@@ -1649,7 +1675,7 @@ _forEachInstanceProperty(_context63 = _Object$keys(_TableCaption)).call(_context
|
|
1649
1675
|
});
|
1650
1676
|
});
|
1651
1677
|
var _TableCell = _interopRequireWildcard(require("./components/TableCell"));
|
1652
|
-
_forEachInstanceProperty(
|
1678
|
+
_forEachInstanceProperty(_context65 = _Object$keys(_TableCell)).call(_context65, function (key) {
|
1653
1679
|
if (key === "default" || key === "__esModule") return;
|
1654
1680
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1655
1681
|
if (key in exports && exports[key] === _TableCell[key]) return;
|
@@ -1661,7 +1687,7 @@ _forEachInstanceProperty(_context64 = _Object$keys(_TableCell)).call(_context64,
|
|
1661
1687
|
});
|
1662
1688
|
});
|
1663
1689
|
var _TableHead = _interopRequireWildcard(require("./components/TableHead"));
|
1664
|
-
_forEachInstanceProperty(
|
1690
|
+
_forEachInstanceProperty(_context66 = _Object$keys(_TableHead)).call(_context66, function (key) {
|
1665
1691
|
if (key === "default" || key === "__esModule") return;
|
1666
1692
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1667
1693
|
if (key in exports && exports[key] === _TableHead[key]) return;
|
@@ -1673,7 +1699,7 @@ _forEachInstanceProperty(_context65 = _Object$keys(_TableHead)).call(_context65,
|
|
1673
1699
|
});
|
1674
1700
|
});
|
1675
1701
|
var _TableRow = _interopRequireWildcard(require("./components/TableRow"));
|
1676
|
-
_forEachInstanceProperty(
|
1702
|
+
_forEachInstanceProperty(_context67 = _Object$keys(_TableRow)).call(_context67, function (key) {
|
1677
1703
|
if (key === "default" || key === "__esModule") return;
|
1678
1704
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1679
1705
|
if (key in exports && exports[key] === _TableRow[key]) return;
|
@@ -1685,7 +1711,7 @@ _forEachInstanceProperty(_context66 = _Object$keys(_TableRow)).call(_context66,
|
|
1685
1711
|
});
|
1686
1712
|
});
|
1687
1713
|
var _Tabs = _interopRequireWildcard(require("./components/Tabs"));
|
1688
|
-
_forEachInstanceProperty(
|
1714
|
+
_forEachInstanceProperty(_context68 = _Object$keys(_Tabs)).call(_context68, function (key) {
|
1689
1715
|
if (key === "default" || key === "__esModule") return;
|
1690
1716
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1691
1717
|
if (key in exports && exports[key] === _Tabs[key]) return;
|
@@ -1697,7 +1723,7 @@ _forEachInstanceProperty(_context67 = _Object$keys(_Tabs)).call(_context67, func
|
|
1697
1723
|
});
|
1698
1724
|
});
|
1699
1725
|
var _Text = _interopRequireWildcard(require("./components/Text"));
|
1700
|
-
_forEachInstanceProperty(
|
1726
|
+
_forEachInstanceProperty(_context69 = _Object$keys(_Text)).call(_context69, function (key) {
|
1701
1727
|
if (key === "default" || key === "__esModule") return;
|
1702
1728
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1703
1729
|
if (key in exports && exports[key] === _Text[key]) return;
|
@@ -1709,7 +1735,7 @@ _forEachInstanceProperty(_context68 = _Object$keys(_Text)).call(_context68, func
|
|
1709
1735
|
});
|
1710
1736
|
});
|
1711
1737
|
var _TextArea = _interopRequireWildcard(require("./components/TextArea"));
|
1712
|
-
_forEachInstanceProperty(
|
1738
|
+
_forEachInstanceProperty(_context70 = _Object$keys(_TextArea)).call(_context70, function (key) {
|
1713
1739
|
if (key === "default" || key === "__esModule") return;
|
1714
1740
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1715
1741
|
if (key in exports && exports[key] === _TextArea[key]) return;
|
@@ -1721,7 +1747,7 @@ _forEachInstanceProperty(_context69 = _Object$keys(_TextArea)).call(_context69,
|
|
1721
1747
|
});
|
1722
1748
|
});
|
1723
1749
|
var _TextAreaField = _interopRequireWildcard(require("./components/TextAreaField"));
|
1724
|
-
_forEachInstanceProperty(
|
1750
|
+
_forEachInstanceProperty(_context71 = _Object$keys(_TextAreaField)).call(_context71, function (key) {
|
1725
1751
|
if (key === "default" || key === "__esModule") return;
|
1726
1752
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1727
1753
|
if (key in exports && exports[key] === _TextAreaField[key]) return;
|
@@ -1733,7 +1759,7 @@ _forEachInstanceProperty(_context70 = _Object$keys(_TextAreaField)).call(_contex
|
|
1733
1759
|
});
|
1734
1760
|
});
|
1735
1761
|
var _TextField = _interopRequireWildcard(require("./components/TextField"));
|
1736
|
-
_forEachInstanceProperty(
|
1762
|
+
_forEachInstanceProperty(_context72 = _Object$keys(_TextField)).call(_context72, function (key) {
|
1737
1763
|
if (key === "default" || key === "__esModule") return;
|
1738
1764
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1739
1765
|
if (key in exports && exports[key] === _TextField[key]) return;
|
@@ -1744,9 +1770,21 @@ _forEachInstanceProperty(_context71 = _Object$keys(_TextField)).call(_context71,
|
|
1744
1770
|
}
|
1745
1771
|
});
|
1746
1772
|
});
|
1773
|
+
var _TimeField = _interopRequireWildcard(require("./components/TimeField"));
|
1774
|
+
_forEachInstanceProperty(_context73 = _Object$keys(_TimeField)).call(_context73, function (key) {
|
1775
|
+
if (key === "default" || key === "__esModule") return;
|
1776
|
+
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1777
|
+
if (key in exports && exports[key] === _TimeField[key]) return;
|
1778
|
+
_Object$defineProperty(exports, key, {
|
1779
|
+
enumerable: true,
|
1780
|
+
get: function get() {
|
1781
|
+
return _TimeField[key];
|
1782
|
+
}
|
1783
|
+
});
|
1784
|
+
});
|
1747
1785
|
var _TimeZonePicker = _interopRequireDefault(require("./components/TimeZonePicker"));
|
1748
1786
|
var _TooltipTrigger = _interopRequireWildcard(require("./components/TooltipTrigger"));
|
1749
|
-
_forEachInstanceProperty(
|
1787
|
+
_forEachInstanceProperty(_context74 = _Object$keys(_TooltipTrigger)).call(_context74, function (key) {
|
1750
1788
|
if (key === "default" || key === "__esModule") return;
|
1751
1789
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1752
1790
|
if (key in exports && exports[key] === _TooltipTrigger[key]) return;
|
@@ -1758,7 +1796,7 @@ _forEachInstanceProperty(_context72 = _Object$keys(_TooltipTrigger)).call(_conte
|
|
1758
1796
|
});
|
1759
1797
|
});
|
1760
1798
|
var _TreeView = _interopRequireWildcard(require("./components/TreeView"));
|
1761
|
-
_forEachInstanceProperty(
|
1799
|
+
_forEachInstanceProperty(_context75 = _Object$keys(_TreeView)).call(_context75, function (key) {
|
1762
1800
|
if (key === "default" || key === "__esModule") return;
|
1763
1801
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1764
1802
|
if (key in exports && exports[key] === _TreeView[key]) return;
|
@@ -1770,7 +1808,7 @@ _forEachInstanceProperty(_context73 = _Object$keys(_TreeView)).call(_context73,
|
|
1770
1808
|
});
|
1771
1809
|
});
|
1772
1810
|
var _types = require("./types");
|
1773
|
-
_forEachInstanceProperty(
|
1811
|
+
_forEachInstanceProperty(_context76 = _Object$keys(_types)).call(_context76, function (key) {
|
1774
1812
|
if (key === "default" || key === "__esModule") return;
|
1775
1813
|
if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
|
1776
1814
|
if (key in exports && exports[key] === _types[key]) return;
|
@@ -29,6 +29,7 @@ var _Search = _interopRequireDefault(require("../../components/SearchField/Searc
|
|
29
29
|
var select = _interopRequireWildcard(require("../../components/SelectField/Select.styles"));
|
30
30
|
var switchable = _interopRequireWildcard(require("../../components/Switch/Switch.styles"));
|
31
31
|
var _TextArea = _interopRequireDefault(require("../../components/TextArea/TextArea.styles"));
|
32
|
+
var _TimeField = _interopRequireDefault(require("../../components/TimeField/TimeField.styles"));
|
32
33
|
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); }
|
33
34
|
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; }
|
34
35
|
function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
@@ -45,6 +46,7 @@ var _default = _objectSpread(_objectSpread(_objectSpread(_objectSpread(_objectSp
|
|
45
46
|
radio: _Radio["default"]
|
46
47
|
}, select), {}, {
|
47
48
|
textarea: _TextArea["default"],
|
49
|
+
timeField: _TimeField["default"],
|
48
50
|
"switch": _objectSpread({}, switchable),
|
49
51
|
search: _Search["default"]
|
50
52
|
});
|
@@ -46,12 +46,14 @@ 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"));
|
49
50
|
var _RockerButton = _interopRequireDefault(require("../../components/RockerButton/RockerButton.styles"));
|
50
51
|
var _ScrollBox = _interopRequireDefault(require("../../components/ScrollBox/ScrollBox.styles"));
|
51
52
|
var _Separator = _interopRequireDefault(require("../../components/Separator/Separator.styles"));
|
52
53
|
var _Stepper = _interopRequireDefault(require("../../components/Stepper/Stepper.styles"));
|
53
54
|
var _Table = _interopRequireDefault(require("../../components/Table/Table.styles"));
|
54
55
|
var tab = _interopRequireWildcard(require("../../components/Tabs/Tabs.style"));
|
56
|
+
var _TimeField = _interopRequireDefault(require("../../components/TimeField/TimeField.styles"));
|
55
57
|
var _TimeZone = _interopRequireDefault(require("../../components/TimeZonePicker/TimeZone.styles"));
|
56
58
|
var _Tooltip = _interopRequireDefault(require("../../components/TooltipTrigger/Tooltip.styles"));
|
57
59
|
var _TreeView = _interopRequireDefault(require("../../components/TreeView/TreeView.styles"));
|
@@ -67,6 +69,7 @@ var _default = _objectSpread({
|
|
67
69
|
breadcrumb: _Breadcrumb["default"],
|
68
70
|
buttonBar: _ButtonBar["default"],
|
69
71
|
calendar: _Calendar["default"],
|
72
|
+
rangeCalendar: _RangeCalendar["default"],
|
70
73
|
callout: _Callout["default"],
|
71
74
|
codeView: _CodeView["default"],
|
72
75
|
collapsiblePanel: _CollapsiblePanel["default"],
|
@@ -95,6 +98,7 @@ var _default = _objectSpread({
|
|
95
98
|
separator: _Separator["default"],
|
96
99
|
stepper: _Stepper["default"],
|
97
100
|
table: _Table["default"],
|
101
|
+
timefield: _TimeField["default"],
|
98
102
|
timeZone: _TimeZone["default"],
|
99
103
|
tooltip: _Tooltip["default"],
|
100
104
|
treeView: _TreeView["default"]
|
@@ -1,24 +1,31 @@
|
|
1
1
|
import { Key } from 'react';
|
2
2
|
import type { CalendarDate, CalendarDateTime, ZonedDateTime } from '@internationalized/date';
|
3
|
-
import { type CalendarState } from '@react-stately/calendar';
|
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';
|
4
6
|
import { DOMAttributes } from './shared/dom';
|
5
7
|
import { TestingAttributes } from './shared/test';
|
6
8
|
import { BoxProps } from './box';
|
7
9
|
export type DateValue = CalendarDate | CalendarDateTime | ZonedDateTime;
|
8
|
-
type calendarGridStateProps = CalendarState;
|
10
|
+
type calendarGridStateProps = CalendarState | RangeCalendarState;
|
11
|
+
type MappedDateValue<T> = T extends ZonedDateTime ? ZonedDateTime : T extends CalendarDateTime ? CalendarDateTime : T extends CalendarDate ? CalendarDate : never;
|
9
12
|
export interface RangeValue<T> {
|
10
13
|
/** The start value of the range. */
|
11
14
|
start: T;
|
12
15
|
/** The end value of the range. */
|
13
16
|
end: T;
|
14
17
|
}
|
15
|
-
export
|
16
|
-
|
17
|
-
|
18
|
+
export type StringOrRangeValue = RangeValue<DateValue> | {
|
19
|
+
start: string;
|
20
|
+
end: string;
|
21
|
+
};
|
22
|
+
export interface CalendarBaseProps extends BoxProps, TestingAttributes {
|
18
23
|
/** Prop to provide a custom default focused date (uncontrolled) */
|
19
|
-
defaultFocusedValue?: DateValue;
|
20
|
-
/**
|
21
|
-
|
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;
|
22
29
|
/** custom week days for other calendars */
|
23
30
|
customWeekDays?: string[];
|
24
31
|
/** Whether the element should receive focus on render. */
|
@@ -31,39 +38,67 @@ export interface CalendarProps extends BoxProps, TestingAttributes {
|
|
31
38
|
*
|
32
39
|
* (date?: DateValue) => boolean
|
33
40
|
*/
|
34
|
-
isDateUnavailable?: (date:
|
41
|
+
isDateUnavailable?: (date: DateValue) => boolean;
|
35
42
|
/** Whether the calendar is disabled. */
|
36
43
|
isDisabled?: boolean;
|
37
44
|
/** Whether the calendar dates are only focusable. */
|
38
45
|
isReadOnly?: boolean;
|
39
46
|
/** Whether user input is required on the input before form submission. */
|
40
47
|
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;
|
45
48
|
/** Handler that is called when the element loses focus. */
|
46
49
|
onBlur?: () => void;
|
47
|
-
/** Handler that is called when the element's selection state changes. */
|
48
|
-
onChange?: () => void;
|
49
50
|
/** Handler that is called when the element receives focus. */
|
50
51
|
onFocus?: () => void;
|
51
52
|
/** Handler that is called when the element's focus status changes. */
|
52
|
-
onFocusChange?: () => void;
|
53
|
+
onFocusChange?: (date: CalendarDate) => void;
|
53
54
|
/** Handler that is called when a key is pressed. */
|
54
55
|
onKeyDown?: () => void;
|
55
56
|
/** Handler that is called when a key is released. */
|
56
57
|
onKeyUp?: () => void;
|
57
58
|
}
|
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
|
+
}
|
58
81
|
export interface CalendarGridProps {
|
59
82
|
/** State object that is passed in from the useCalendar hook */
|
60
83
|
state: calendarGridStateProps;
|
61
84
|
/** Custom week days for other international calendars */
|
62
85
|
customWeekDays?: Array<string>;
|
63
86
|
}
|
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
|
+
}
|
64
93
|
export interface CalendarCellProps extends DOMAttributes {
|
65
94
|
state: calendarGridStateProps;
|
66
95
|
date: object;
|
67
96
|
key?: Key;
|
68
97
|
}
|
98
|
+
export interface RangeCalendarCellProps extends DOMAttributes {
|
99
|
+
state: RangeCalendarState;
|
100
|
+
date: object;
|
101
|
+
key?: Key;
|
102
|
+
currentMonth: CalendarDate;
|
103
|
+
}
|
69
104
|
export {};
|
package/lib/cjs/types/index.d.ts
CHANGED
package/lib/cjs/types/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;
|
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;
|
4
4
|
var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
|
5
5
|
var _forEachInstanceProperty = require("@babel/runtime-corejs3/core-js-stable/instance/for-each");
|
6
6
|
var _Object$keys = require("@babel/runtime-corejs3/core-js-stable/object/keys");
|
@@ -513,8 +513,19 @@ _forEachInstanceProperty(_context46 = _Object$keys(_text)).call(_context46, func
|
|
513
513
|
}
|
514
514
|
});
|
515
515
|
});
|
516
|
+
var _timefield = require("./timefield");
|
517
|
+
_forEachInstanceProperty(_context47 = _Object$keys(_timefield)).call(_context47, function (key) {
|
518
|
+
if (key === "default" || key === "__esModule") return;
|
519
|
+
if (key in exports && exports[key] === _timefield[key]) return;
|
520
|
+
_Object$defineProperty(exports, key, {
|
521
|
+
enumerable: true,
|
522
|
+
get: function get() {
|
523
|
+
return _timefield[key];
|
524
|
+
}
|
525
|
+
});
|
526
|
+
});
|
516
527
|
var _tooltipTrigger = require("./tooltipTrigger");
|
517
|
-
_forEachInstanceProperty(
|
528
|
+
_forEachInstanceProperty(_context48 = _Object$keys(_tooltipTrigger)).call(_context48, function (key) {
|
518
529
|
if (key === "default" || key === "__esModule") return;
|
519
530
|
if (key in exports && exports[key] === _tooltipTrigger[key]) return;
|
520
531
|
_Object$defineProperty(exports, key, {
|
@@ -0,0 +1,69 @@
|
|
1
|
+
import React, { FocusEvent, KeyboardEvent } from 'react';
|
2
|
+
import { CalendarDateTime, Time, ZonedDateTime } from '@internationalized/date';
|
3
|
+
import type { DateSegment, TimeFieldState } from '@react-stately/datepicker';
|
4
|
+
import type { TimeValue } from '@react-types/datepicker';
|
5
|
+
import { DOMAttributes, StyleProps } from './shared';
|
6
|
+
export type HourCycle = 12 | 24;
|
7
|
+
export type Granularity = 'hour' | 'minute' | 'second';
|
8
|
+
export type ValidationBehavior = 'native' | 'aria';
|
9
|
+
export type MappedTimeValue<T> = T extends ZonedDateTime ? ZonedDateTime : T extends CalendarDateTime ? CalendarDateTime : T extends Time ? Time : never;
|
10
|
+
export interface TimeFieldProps extends StyleProps, DOMAttributes {
|
11
|
+
/** Whether to display the time in 12 or 24 hour format. Default is determined by user's locale */
|
12
|
+
hourCycle?: HourCycle;
|
13
|
+
/** Determines the smallest unit that is displayed in the time picker. */
|
14
|
+
granularity?: Granularity;
|
15
|
+
/** Whether to always show leading zeros in the hour field. */
|
16
|
+
shouldForceLeadingZeros?: boolean;
|
17
|
+
/** A placeholder time that influences the format of
|
18
|
+
the placeholder shown when no value is selected. */
|
19
|
+
placeholderValue?: TimeValue | string;
|
20
|
+
/** The minimum allowed time that a user may select. */
|
21
|
+
minValue?: TimeValue | string;
|
22
|
+
/** The maximum allowed time that a user may select. */
|
23
|
+
maxValue?: TimeValue | string;
|
24
|
+
/** Whether the input is disabled. */
|
25
|
+
isDisabled?: boolean;
|
26
|
+
/** Whether the input can be selected but not changed by the user. */
|
27
|
+
isReadOnly?: boolean;
|
28
|
+
/** Whether user input is required on the input before form submission. */
|
29
|
+
isRequired?: boolean;
|
30
|
+
/** Whether the input value is invalid. */
|
31
|
+
isInvalid?: boolean;
|
32
|
+
/** Whether the element should receive focus on render. */
|
33
|
+
autoFocus?: boolean;
|
34
|
+
/** The current value (controlled). */
|
35
|
+
value?: TimeValue | string | null;
|
36
|
+
/** The default value (uncontrolled). */
|
37
|
+
defaultValue?: TimeValue | string | null;
|
38
|
+
/** The name of the input element, used when submitting an HTML form. */
|
39
|
+
name?: string;
|
40
|
+
/** Whether to use native HTML form validation to prevent form submission
|
41
|
+
when the value is missing or invalid, or mark the field as required or invalid via ARIA. */
|
42
|
+
validationBehavior?: ValidationBehavior;
|
43
|
+
/** The content to display as the label. */
|
44
|
+
label?: React.ReactNode;
|
45
|
+
/** Handler that is called when the element receives focus. */
|
46
|
+
onFocus?: (e: FocusEvent) => void;
|
47
|
+
/** Handler that is called when the element loses focus. */
|
48
|
+
onBlur?: (e: FocusEvent) => void;
|
49
|
+
/** Handler that is called when the element's focus status changes. */
|
50
|
+
onFocusChange?: (isFocused: boolean) => void;
|
51
|
+
/** Handler that is called when a key is pressed. */
|
52
|
+
onKeyDown?: (e: KeyboardEvent) => void;
|
53
|
+
/** Handler that is called when a key is released. */
|
54
|
+
onKeyUp?: (e: KeyboardEvent) => void;
|
55
|
+
/** Handler that is called when the value changes. */
|
56
|
+
onChange?: (value: MappedTimeValue<TimeValue>) => void;
|
57
|
+
/** A slot name for the component. Slots allow the component to receive props from a parent
|
58
|
+
* component. An explicit null value indicates that the local props completely
|
59
|
+
* override all props received from a parent. */
|
60
|
+
slot?: string | null;
|
61
|
+
/** The element's unique identifier. */
|
62
|
+
id?: string;
|
63
|
+
}
|
64
|
+
export interface TimeSegmentProps {
|
65
|
+
state: TimeFieldState;
|
66
|
+
segment: DateSegment;
|
67
|
+
segments: DateSegment[];
|
68
|
+
segmentIndex: number;
|
69
|
+
}
|
@@ -9,9 +9,6 @@ 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
|
-
|
15
12
|
import { Button as ThemeUIButton } from 'theme-ui';
|
16
13
|
import { AccordionContext } from '../../context/AccordionContext';
|
17
14
|
import { useStatusClasses } from '../../hooks';
|
@@ -53,6 +53,10 @@ 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;
|
56
60
|
var _useState = useState(null),
|
57
61
|
_useState2 = _slicedToArray(_useState, 2),
|
58
62
|
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 End:(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,15 +209,12 @@ 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
|
213
|
-
defaultValue: '2022-08-10'
|
212
|
+
isReadOnly: true
|
214
213
|
});
|
215
214
|
expect(screen.queryByRole('grid')).toHaveAttribute('aria-readonly', 'true');
|
216
215
|
var dateButtons = screen.queryAllByRole('button');
|
217
216
|
userEvent.click(dateButtons[4]);
|
218
217
|
expect(dateButtons[4]).not.toHaveClass('is-selected');
|
219
|
-
expect(dateButtons[4]).toHaveFocus();
|
220
|
-
expect(dateButtons[4]).toHaveAttribute('tabindex', '0');
|
221
218
|
});
|
222
219
|
test('disabled calendar date', function () {
|
223
220
|
getComponent({
|
@@ -49,7 +49,7 @@ var CalendarCell = /*#__PURE__*/forwardRef(function (props, ref) {
|
|
49
49
|
setFocused(false);
|
50
50
|
focusNextPage();
|
51
51
|
}
|
52
|
-
}, [
|
52
|
+
}, [focusNextPage, focusPreviousPage, formattedDate, state, setFocused, cellRef]);
|
53
53
|
var _useHover = useHover({}),
|
54
54
|
hoverProps = _useHover.hoverProps,
|
55
55
|
isHovered = _useHover.isHovered;
|