@sebgroup/green-react 3.11.0 → 3.13.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/index.esm.js +39 -3
- package/package.json +2 -2
- package/src/lib/datepicker/datepicker.d.ts +49 -26
- package/src/lib/icon/icons/AirplaneUp.d.ts +2 -0
- package/src/lib/icon/icons/AppleMusic.d.ts +2 -0
- package/src/lib/icon/icons/Archive.d.ts +2 -0
- package/src/lib/icon/icons/Arrow.d.ts +2 -0
- package/src/lib/icon/icons/ArrowBoxLeft.d.ts +2 -0
- package/src/lib/icon/icons/ArrowBoxRight.d.ts +2 -0
- package/src/lib/icon/icons/ArrowDown.d.ts +2 -0
- package/src/lib/icon/icons/ArrowInbox.d.ts +2 -0
- package/src/lib/icon/icons/ArrowLeft.d.ts +2 -0
- package/src/lib/icon/icons/ArrowLeftRight.d.ts +2 -0
- package/src/lib/icon/icons/ArrowOutOfBox.d.ts +2 -0
- package/src/lib/icon/icons/ArrowRight.d.ts +2 -0
- package/src/lib/icon/icons/ArrowRightCircle.d.ts +2 -0
- package/src/lib/icon/icons/ArrowRightDownCircle.d.ts +2 -0
- package/src/lib/icon/icons/ArrowRightUpCircle.d.ts +2 -0
- package/src/lib/icon/icons/ArrowRotateClockwise.d.ts +2 -0
- package/src/lib/icon/icons/ArrowRotateCounterClockwise.d.ts +2 -0
- package/src/lib/icon/icons/ArrowRotateLeftRight.d.ts +2 -0
- package/src/lib/icon/icons/ArrowRotateRightLeft.d.ts +2 -0
- package/src/lib/icon/icons/ArrowShareLeft.d.ts +2 -0
- package/src/lib/icon/icons/ArrowShareRight.d.ts +2 -0
- package/src/lib/icon/icons/ArrowUp.d.ts +2 -0
- package/src/lib/icon/icons/ArrowWallDown.d.ts +2 -0
- package/src/lib/icon/icons/ArrowWallLeft.d.ts +2 -0
- package/src/lib/icon/icons/ArrowWallRight.d.ts +2 -0
- package/src/lib/icon/icons/ArrowWallUp.d.ts +2 -0
- package/src/lib/icon/icons/ArrowsRepeat.d.ts +2 -0
- package/src/lib/icon/icons/At.d.ts +2 -0
- package/src/lib/icon/icons/Bag.d.ts +2 -0
- package/src/lib/icon/icons/Bank.d.ts +2 -0
- package/src/lib/icon/icons/Bankid.d.ts +2 -0
- package/src/lib/icon/icons/Banknote.d.ts +2 -0
- package/src/lib/icon/icons/Barcode.d.ts +2 -0
- package/src/lib/icon/icons/BarsThree.d.ts +2 -0
- package/src/lib/icon/icons/BarsTwo.d.ts +2 -0
- package/src/lib/icon/icons/BatteryLoading.d.ts +2 -0
- package/src/lib/icon/icons/Bell.d.ts +2 -0
- package/src/lib/icon/icons/Block.d.ts +2 -0
- package/src/lib/icon/icons/Book.d.ts +2 -0
- package/src/lib/icon/icons/Bookmark.d.ts +2 -0
- package/src/lib/icon/icons/BookmarkCheck.d.ts +2 -0
- package/src/lib/icon/icons/BookmarkDelete.d.ts +2 -0
- package/src/lib/icon/icons/BookmarkPlus.d.ts +2 -0
- package/src/lib/icon/icons/BookmarkRemove.d.ts +2 -0
- package/src/lib/icon/icons/Books.d.ts +2 -0
- package/src/lib/icon/icons/Brush.d.ts +2 -0
- package/src/lib/icon/icons/Bubble.d.ts +2 -0
- package/src/lib/icon/icons/BubbleAnnotation.d.ts +2 -0
- package/src/lib/icon/icons/BubbleDots.d.ts +2 -0
- package/src/lib/icon/icons/BubbleQuestion.d.ts +2 -0
- package/src/lib/icon/icons/BubbleQuotes.d.ts +2 -0
- package/src/lib/icon/icons/BubbleText.d.ts +2 -0
- package/src/lib/icon/icons/BubbleWideAnnotation.d.ts +2 -0
- package/src/lib/icon/icons/Bubbles.d.ts +2 -0
- package/src/lib/icon/icons/Buildings.d.ts +2 -0
- package/src/lib/icon/icons/CainLink.d.ts +2 -0
- package/src/lib/icon/icons/Calculator.d.ts +2 -0
- package/src/lib/icon/icons/Calendar.d.ts +2 -0
- package/src/lib/icon/icons/CalendarCheck.d.ts +2 -0
- package/src/lib/icon/icons/CalenderAdd.d.ts +2 -0
- package/src/lib/icon/icons/Call.d.ts +2 -0
- package/src/lib/icon/icons/Car.d.ts +2 -0
- package/src/lib/icon/icons/ChargingStation.d.ts +2 -0
- package/src/lib/icon/icons/ChartOne.d.ts +2 -0
- package/src/lib/icon/icons/ChartPresentation.d.ts +2 -0
- package/src/lib/icon/icons/ChartTwo.d.ts +2 -0
- package/src/lib/icon/icons/Checklist.d.ts +2 -0
- package/src/lib/icon/icons/Checkmark.d.ts +2 -0
- package/src/lib/icon/icons/ChevronBottom.d.ts +2 -0
- package/src/lib/icon/icons/ChevronDoubleDown.d.ts +2 -0
- package/src/lib/icon/icons/ChevronDoubleLeft.d.ts +2 -0
- package/src/lib/icon/icons/ChevronDoubleRight.d.ts +2 -0
- package/src/lib/icon/icons/ChevronDoubleUp.d.ts +2 -0
- package/src/lib/icon/icons/ChevronGrabberVertical.d.ts +2 -0
- package/src/lib/icon/icons/ChevronLeft.d.ts +2 -0
- package/src/lib/icon/icons/ChevronRight.d.ts +2 -0
- package/src/lib/icon/icons/ChevronTop.d.ts +2 -0
- package/src/lib/icon/icons/Chrome.d.ts +2 -0
- package/src/lib/icon/icons/CircleCheck.d.ts +2 -0
- package/src/lib/icon/icons/CircleInfo.d.ts +2 -0
- package/src/lib/icon/icons/CircleMinus.d.ts +2 -0
- package/src/lib/icon/icons/CirclePlaceholderOn.d.ts +2 -0
- package/src/lib/icon/icons/CirclePlus.d.ts +2 -0
- package/src/lib/icon/icons/CircleQuestionmark.d.ts +2 -0
- package/src/lib/icon/icons/CircleX.d.ts +2 -0
- package/src/lib/icon/icons/CirclesThree.d.ts +2 -0
- package/src/lib/icon/icons/Clock.d.ts +2 -0
- package/src/lib/icon/icons/CloudUpload.d.ts +2 -0
- package/src/lib/icon/icons/CloudySun.d.ts +2 -0
- package/src/lib/icon/icons/CompassRound.d.ts +2 -0
- package/src/lib/icon/icons/CreditCard.d.ts +2 -0
- package/src/lib/icon/icons/CrossLarge.d.ts +2 -0
- package/src/lib/icon/icons/CrossSmall.d.ts +2 -0
- package/src/lib/icon/icons/CupHot.d.ts +2 -0
- package/src/lib/icon/icons/Devices.d.ts +2 -0
- package/src/lib/icon/icons/Direction.d.ts +2 -0
- package/src/lib/icon/icons/Dollar.d.ts +2 -0
- package/src/lib/icon/icons/DotGridOneHorizontal.d.ts +2 -0
- package/src/lib/icon/icons/DotGridOneVertical.d.ts +2 -0
- package/src/lib/icon/icons/DotGridThree.d.ts +2 -0
- package/src/lib/icon/icons/DotGridTwo.d.ts +2 -0
- package/src/lib/icon/icons/Email.d.ts +2 -0
- package/src/lib/icon/icons/Euro.d.ts +2 -0
- package/src/lib/icon/icons/Facebook.d.ts +2 -0
- package/src/lib/icon/icons/Fashion.d.ts +2 -0
- package/src/lib/icon/icons/Figma.d.ts +2 -0
- package/src/lib/icon/icons/FileBend.d.ts +2 -0
- package/src/lib/icon/icons/FileChart.d.ts +2 -0
- package/src/lib/icon/icons/FileText.d.ts +2 -0
- package/src/lib/icon/icons/Files.d.ts +2 -0
- package/src/lib/icon/icons/Filter.d.ts +2 -0
- package/src/lib/icon/icons/Flag.d.ts +2 -0
- package/src/lib/icon/icons/FloppyDisk.d.ts +2 -0
- package/src/lib/icon/icons/Focus.d.ts +2 -0
- package/src/lib/icon/icons/FocusSquare.d.ts +2 -0
- package/src/lib/icon/icons/Folder.d.ts +2 -0
- package/src/lib/icon/icons/FolderAddRight.d.ts +2 -0
- package/src/lib/icon/icons/FolderPaper.d.ts +2 -0
- package/src/lib/icon/icons/FolderUpload.d.ts +2 -0
- package/src/lib/icon/icons/Github.d.ts +2 -0
- package/src/lib/icon/icons/Globus.d.ts +2 -0
- package/src/lib/icon/icons/GraduateCap.d.ts +2 -0
- package/src/lib/icon/icons/Green.d.ts +2 -0
- package/src/lib/icon/icons/Group.d.ts +2 -0
- package/src/lib/icon/icons/Growth.d.ts +2 -0
- package/src/lib/icon/icons/Headphones.d.ts +2 -0
- package/src/lib/icon/icons/Heart.d.ts +2 -0
- package/src/lib/icon/icons/HeartBeat.d.ts +2 -0
- package/src/lib/icon/icons/History.d.ts +2 -0
- package/src/lib/icon/icons/HomeEnergyOne.d.ts +2 -0
- package/src/lib/icon/icons/HomeEnergyTwo.d.ts +2 -0
- package/src/lib/icon/icons/HomeOpen.d.ts +2 -0
- package/src/lib/icon/icons/HomeRoof.d.ts +2 -0
- package/src/lib/icon/icons/HorizontalAlignmentBottom.d.ts +2 -0
- package/src/lib/icon/icons/Images.d.ts +2 -0
- package/src/lib/icon/icons/Instagram.d.ts +2 -0
- package/src/lib/icon/icons/Invite.d.ts +2 -0
- package/src/lib/icon/icons/KnifeSpoon.d.ts +2 -0
- package/src/lib/icon/icons/Law.d.ts +2 -0
- package/src/lib/icon/icons/LightBulb.d.ts +2 -0
- package/src/lib/icon/icons/LightBulbSimple.d.ts +2 -0
- package/src/lib/icon/icons/Lightning.d.ts +2 -0
- package/src/lib/icon/icons/LineChartFour.d.ts +2 -0
- package/src/lib/icon/icons/LineChartOne.d.ts +2 -0
- package/src/lib/icon/icons/LineChartThree.d.ts +2 -0
- package/src/lib/icon/icons/LineChartTwo.d.ts +2 -0
- package/src/lib/icon/icons/Linkedin.d.ts +2 -0
- package/src/lib/icon/icons/Lock.d.ts +2 -0
- package/src/lib/icon/icons/MacbookAir.d.ts +2 -0
- package/src/lib/icon/icons/MagnifyingGlass.d.ts +2 -0
- package/src/lib/icon/icons/Maintenance.d.ts +2 -0
- package/src/lib/icon/icons/MapPin.d.ts +2 -0
- package/src/lib/icon/icons/Megaphone.d.ts +2 -0
- package/src/lib/icon/icons/MinusLarge.d.ts +2 -0
- package/src/lib/icon/icons/MinusSmall.d.ts +2 -0
- package/src/lib/icon/icons/MoneyHand.d.ts +2 -0
- package/src/lib/icon/icons/Moneybag.d.ts +2 -0
- package/src/lib/icon/icons/Moon.d.ts +2 -0
- package/src/lib/icon/icons/Mute.d.ts +2 -0
- package/src/lib/icon/icons/PageText.d.ts +2 -0
- package/src/lib/icon/icons/Paperclip.d.ts +2 -0
- package/src/lib/icon/icons/PencelLine.d.ts +2 -0
- package/src/lib/icon/icons/PencilSparkle.d.ts +2 -0
- package/src/lib/icon/icons/PencilWave.d.ts +2 -0
- package/src/lib/icon/icons/People.d.ts +2 -0
- package/src/lib/icon/icons/PeopleAdd.d.ts +2 -0
- package/src/lib/icon/icons/PeopleAdded.d.ts +2 -0
- package/src/lib/icon/icons/PeopleCircle.d.ts +2 -0
- package/src/lib/icon/icons/PeopleCopy.d.ts +2 -0
- package/src/lib/icon/icons/PeopleRemove.d.ts +2 -0
- package/src/lib/icon/icons/Percent.d.ts +2 -0
- package/src/lib/icon/icons/Phone.d.ts +2 -0
- package/src/lib/icon/icons/PhoneDynamicIsland.d.ts +2 -0
- package/src/lib/icon/icons/PieChart.d.ts +2 -0
- package/src/lib/icon/icons/PiggyBank.d.ts +2 -0
- package/src/lib/icon/icons/Pin.d.ts +2 -0
- package/src/lib/icon/icons/Pinch.d.ts +2 -0
- package/src/lib/icon/icons/Play.d.ts +2 -0
- package/src/lib/icon/icons/PlayCircle.d.ts +2 -0
- package/src/lib/icon/icons/PlusLarge.d.ts +2 -0
- package/src/lib/icon/icons/PlusSmall.d.ts +2 -0
- package/src/lib/icon/icons/Poop.d.ts +2 -0
- package/src/lib/icon/icons/PowerPlant.d.ts +2 -0
- package/src/lib/icon/icons/Printer.d.ts +2 -0
- package/src/lib/icon/icons/Push.d.ts +2 -0
- package/src/lib/icon/icons/QrCode.d.ts +2 -0
- package/src/lib/icon/icons/Rainy.d.ts +2 -0
- package/src/lib/icon/icons/RaisingHand.d.ts +2 -0
- package/src/lib/icon/icons/ReadingList.d.ts +2 -0
- package/src/lib/icon/icons/ReceiptBill.d.ts +2 -0
- package/src/lib/icon/icons/ReceiptionBell.d.ts +2 -0
- package/src/lib/icon/icons/Robot.d.ts +2 -0
- package/src/lib/icon/icons/Rocket.d.ts +2 -0
- package/src/lib/icon/icons/RssFeed.d.ts +2 -0
- package/src/lib/icon/icons/School.d.ts +2 -0
- package/src/lib/icon/icons/Scissors.d.ts +2 -0
- package/src/lib/icon/icons/SearchMenu.d.ts +2 -0
- package/src/lib/icon/icons/Seb.d.ts +2 -0
- package/src/lib/icon/icons/SettingsGear.d.ts +2 -0
- package/src/lib/icon/icons/SettingsSliderHor.d.ts +2 -0
- package/src/lib/icon/icons/SettingsSliderThree.d.ts +2 -0
- package/src/lib/icon/icons/SettingsSliderVer.d.ts +2 -0
- package/src/lib/icon/icons/Share.d.ts +2 -0
- package/src/lib/icon/icons/ShoppingBag.d.ts +2 -0
- package/src/lib/icon/icons/Smartwatch.d.ts +2 -0
- package/src/lib/icon/icons/Solar.d.ts +2 -0
- package/src/lib/icon/icons/SolarPanel.d.ts +2 -0
- package/src/lib/icon/icons/Spotify.d.ts +2 -0
- package/src/lib/icon/icons/SquareArrowTopRight.d.ts +2 -0
- package/src/lib/icon/icons/SquareBehindSquare.d.ts +2 -0
- package/src/lib/icon/icons/SquareCheck.d.ts +2 -0
- package/src/lib/icon/icons/SquareGridCircle.d.ts +2 -0
- package/src/lib/icon/icons/SquareInfo.d.ts +2 -0
- package/src/lib/icon/icons/SquareMinus.d.ts +2 -0
- package/src/lib/icon/icons/SquarePlaceholder.d.ts +2 -0
- package/src/lib/icon/icons/SquarePlus.d.ts +2 -0
- package/src/lib/icon/icons/SquareX.d.ts +2 -0
- package/src/lib/icon/icons/Star.d.ts +2 -0
- package/src/lib/icon/icons/Store.d.ts +2 -0
- package/src/lib/icon/icons/SuitcaseWork.d.ts +2 -0
- package/src/lib/icon/icons/Sun.d.ts +2 -0
- package/src/lib/icon/icons/Tag.d.ts +2 -0
- package/src/lib/icon/icons/Television.d.ts +2 -0
- package/src/lib/icon/icons/Tennis.d.ts +2 -0
- package/src/lib/icon/icons/TextEdit.d.ts +2 -0
- package/src/lib/icon/icons/Thermostat.d.ts +2 -0
- package/src/lib/icon/icons/ThumbsDown.d.ts +2 -0
- package/src/lib/icon/icons/ThumbsUp.d.ts +2 -0
- package/src/lib/icon/icons/Todos.d.ts +2 -0
- package/src/lib/icon/icons/TradingViewCandles.d.ts +2 -0
- package/src/lib/icon/icons/TrashCan.d.ts +2 -0
- package/src/lib/icon/icons/Tree.d.ts +2 -0
- package/src/lib/icon/icons/TrendingFour.d.ts +2 -0
- package/src/lib/icon/icons/TrendingOne.d.ts +2 -0
- package/src/lib/icon/icons/TrendingThree.d.ts +2 -0
- package/src/lib/icon/icons/TrendingTwo.d.ts +2 -0
- package/src/lib/icon/icons/TriangleExclamation.d.ts +2 -0
- package/src/lib/icon/icons/Truck.d.ts +2 -0
- package/src/lib/icon/icons/Twitter.d.ts +2 -0
- package/src/lib/icon/icons/UmbrellaSecurity.d.ts +2 -0
- package/src/lib/icon/icons/Unlocked.d.ts +2 -0
- package/src/lib/icon/icons/VerticalAlignmentRight.d.ts +2 -0
- package/src/lib/icon/icons/VolumeFull.d.ts +2 -0
- package/src/lib/icon/icons/VolumeHalf.d.ts +2 -0
- package/src/lib/icon/icons/VolumeOff.d.ts +2 -0
- package/src/lib/icon/icons/Wallet.d.ts +2 -0
- package/src/lib/icon/icons/WarningSign.d.ts +2 -0
- package/src/lib/icon/icons/Zap.d.ts +2 -0
- package/src/lib/icon/icons/ZoomIn.d.ts +2 -0
- package/src/lib/icon/icons/ZoomOut.d.ts +2 -0
- package/src/lib/icon/icons/index.d.ts +250 -0
- package/src/lib/icons/bankId.d.ts +4 -0
- package/src/lib/icons/check.d.ts +5 -0
- package/src/lib/icons/chevronDown.d.ts +5 -0
- package/src/lib/icons/edit.d.ts +4 -0
- package/src/lib/icons/infoCircle.d.ts +4 -0
- package/src/lib/icons/square-exclamation.d.ts +4 -0
- package/src/lib/icons/square-info.d.ts +4 -0
package/index.esm.js
CHANGED
|
@@ -555,6 +555,10 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
|
|
|
555
555
|
return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
|
|
556
556
|
};
|
|
557
557
|
|
|
558
|
+
/**
|
|
559
|
+
* @deprecated
|
|
560
|
+
* This component is deprecated. Use the `gds-icon-bankid` component instead from `@sebgroup/green-react`.
|
|
561
|
+
*/
|
|
558
562
|
var BankId = function BankId(_a) {
|
|
559
563
|
var fill = _a.fill,
|
|
560
564
|
focusable = _a.focusable,
|
|
@@ -614,6 +618,11 @@ var BankId = function BankId(_a) {
|
|
|
614
618
|
});
|
|
615
619
|
};
|
|
616
620
|
|
|
621
|
+
/**
|
|
622
|
+
*
|
|
623
|
+
* @deprecated
|
|
624
|
+
* This component is deprecated. Use `Check` instead from `@sebgroup/green-react`.
|
|
625
|
+
*/
|
|
617
626
|
var Check = function Check(_ref) {
|
|
618
627
|
var _ref$focusable = _ref.focusable,
|
|
619
628
|
focusable = _ref$focusable === void 0 ? false : _ref$focusable,
|
|
@@ -637,6 +646,11 @@ var Check = function Check(_ref) {
|
|
|
637
646
|
});
|
|
638
647
|
};
|
|
639
648
|
|
|
649
|
+
/**
|
|
650
|
+
* @deprecated
|
|
651
|
+
* This component is deprecated. Use `ChevronDown` instead from `@sebgroup/green-react`.
|
|
652
|
+
*
|
|
653
|
+
* */
|
|
640
654
|
var ChevronDown = function ChevronDown(_ref) {
|
|
641
655
|
var _ref$focusable = _ref.focusable,
|
|
642
656
|
focusable = _ref$focusable === void 0 ? false : _ref$focusable,
|
|
@@ -659,6 +673,10 @@ var ChevronDown = function ChevronDown(_ref) {
|
|
|
659
673
|
});
|
|
660
674
|
};
|
|
661
675
|
|
|
676
|
+
/**
|
|
677
|
+
* @deprecated
|
|
678
|
+
* This component is deprecated. Use `SquareExclamation` instead from `@sebgroup/green-react`.
|
|
679
|
+
*/
|
|
662
680
|
var SquareExclamation = function SquareExclamation(_a) {
|
|
663
681
|
var _a$focusable = _a.focusable,
|
|
664
682
|
focusable = _a$focusable === void 0 ? false : _a$focusable,
|
|
@@ -685,6 +703,10 @@ var SquareExclamation = function SquareExclamation(_a) {
|
|
|
685
703
|
});
|
|
686
704
|
};
|
|
687
705
|
|
|
706
|
+
/**
|
|
707
|
+
* @deprecated
|
|
708
|
+
* This component is deprecated. Use `SquareInfo` instead from `@sebgroup/green-react`.
|
|
709
|
+
*/
|
|
688
710
|
var SquareInfo = function SquareInfo(_a) {
|
|
689
711
|
var _a$focusable = _a.focusable,
|
|
690
712
|
focusable = _a$focusable === void 0 ? false : _a$focusable,
|
|
@@ -726,6 +748,10 @@ var Times = function Times(_ref) {
|
|
|
726
748
|
});
|
|
727
749
|
};
|
|
728
750
|
|
|
751
|
+
/**
|
|
752
|
+
* @deprecated
|
|
753
|
+
* This component is deprecated. Use `InfoCircle` instead from `@sebgroup/green-react`.
|
|
754
|
+
*/
|
|
729
755
|
var InfoCircle = function InfoCircle(_a) {
|
|
730
756
|
var _a$focusable = _a.focusable,
|
|
731
757
|
focusable = _a$focusable === void 0 ? false : _a$focusable,
|
|
@@ -748,6 +774,10 @@ var InfoCircle = function InfoCircle(_a) {
|
|
|
748
774
|
});
|
|
749
775
|
};
|
|
750
776
|
|
|
777
|
+
/**
|
|
778
|
+
* @deprecated
|
|
779
|
+
* This component is deprecated. Use `Edit` instead from `@sebgroup/green-react`.
|
|
780
|
+
*/
|
|
751
781
|
var Edit = function Edit(_a) {
|
|
752
782
|
var _a$focusable = _a.focusable,
|
|
753
783
|
focusable = _a$focusable === void 0 ? false : _a$focusable,
|
|
@@ -953,9 +983,10 @@ var Datepicker = function Datepicker(_a) {
|
|
|
953
983
|
value = _a.value,
|
|
954
984
|
showWeeks = _a.showWeeks,
|
|
955
985
|
testId = _a.testId,
|
|
986
|
+
validator = _a.validator,
|
|
956
987
|
selectedDate = _a.selectedDate,
|
|
957
988
|
currentDate = _a.currentDate,
|
|
958
|
-
props = __rest(_a, ["label", "onChange", "minDate", "maxDate", "value", "showWeeks", "testId", "selectedDate", "currentDate"]);
|
|
989
|
+
props = __rest(_a, ["label", "onChange", "minDate", "maxDate", "value", "showWeeks", "testId", "validator", "selectedDate", "currentDate"]);
|
|
959
990
|
if (currentDate && !value) value = currentDate;
|
|
960
991
|
if (selectedDate && !value) value = selectedDate;
|
|
961
992
|
var min = minDate ? minDate : new Date(new Date().getFullYear() - 10, 0, 1);
|
|
@@ -965,6 +996,12 @@ var Datepicker = function Datepicker(_a) {
|
|
|
965
996
|
onChange(e.detail.value);
|
|
966
997
|
}
|
|
967
998
|
};
|
|
999
|
+
var ref = React.useRef(null);
|
|
1000
|
+
useEffect(function () {
|
|
1001
|
+
if (ref.current) {
|
|
1002
|
+
ref.current.validator = validator;
|
|
1003
|
+
}
|
|
1004
|
+
}, [validator]);
|
|
968
1005
|
return jsx("div", {
|
|
969
1006
|
className: "form-group",
|
|
970
1007
|
children: jsx(CoreDatepicker, Object.assign({
|
|
@@ -974,9 +1011,8 @@ var Datepicker = function Datepicker(_a) {
|
|
|
974
1011
|
max: max,
|
|
975
1012
|
showWeekNumbers: showWeeks,
|
|
976
1013
|
onchange: onChangeHandler,
|
|
977
|
-
size: props.size,
|
|
978
1014
|
value: value,
|
|
979
|
-
|
|
1015
|
+
ref: ref
|
|
980
1016
|
}, props))
|
|
981
1017
|
});
|
|
982
1018
|
};
|
package/package.json
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sebgroup/green-react",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.13.0",
|
|
4
4
|
"peerDependencies": {
|
|
5
5
|
"react": "^17 || ^18",
|
|
6
6
|
"react-dom": "^17 || ^18"
|
|
7
7
|
},
|
|
8
8
|
"dependencies": {
|
|
9
|
-
"@sebgroup/green-core": "^1.
|
|
9
|
+
"@sebgroup/green-core": "^1.35.0",
|
|
10
10
|
"@sebgroup/chlorophyll": "^3.4.1",
|
|
11
11
|
"@sebgroup/extract": "^3.0.1",
|
|
12
12
|
"@lit/react": "^1.0.2",
|
|
@@ -1,55 +1,78 @@
|
|
|
1
1
|
import { GdsDatepicker } from '@sebgroup/green-core/components/datepicker/index.js';
|
|
2
|
+
import { GdsValidator } from '@sebgroup/green-core/components/form/form-control';
|
|
2
3
|
export declare const CoreDatepicker: import("@lit/react").ReactWebComponent<GdsDatepicker, {
|
|
3
4
|
onchange: string;
|
|
4
5
|
}>;
|
|
5
|
-
export
|
|
6
|
+
export type DatepickerOptions = {
|
|
6
7
|
/**
|
|
7
|
-
*
|
|
8
|
+
* An array of dates that should be disabled in the calendar.
|
|
8
9
|
*/
|
|
9
|
-
|
|
10
|
+
disabledDates?: Date[];
|
|
10
11
|
/**
|
|
11
|
-
*
|
|
12
|
+
* Whether to disable weekends in the calendar.
|
|
12
13
|
*/
|
|
13
|
-
|
|
14
|
+
disabledWeekends: boolean;
|
|
14
15
|
/**
|
|
15
|
-
*
|
|
16
|
+
* Whether to hide the label above the input field.
|
|
16
17
|
*/
|
|
17
|
-
|
|
18
|
+
hideLabel: boolean;
|
|
19
|
+
/**
|
|
20
|
+
* Validation state of the form control. Setting this to true triggers the invalid state of the control.
|
|
21
|
+
*/
|
|
22
|
+
invalid: boolean;
|
|
23
|
+
/**
|
|
24
|
+
* Validate the form control element. Should return the validity state and an optional validation message.
|
|
25
|
+
*/
|
|
26
|
+
validator: GdsValidator;
|
|
27
|
+
/**
|
|
28
|
+
* The label text displayed above the datepicker. This should always be set to a descriptive label.
|
|
29
|
+
*/
|
|
30
|
+
label: string;
|
|
18
31
|
/**
|
|
19
32
|
* The maximum date that can be selected.
|
|
20
33
|
*/
|
|
21
|
-
maxDate
|
|
34
|
+
maxDate: Date;
|
|
22
35
|
/**
|
|
23
|
-
* The
|
|
36
|
+
* The minimum date that can be selected.
|
|
24
37
|
*/
|
|
25
|
-
|
|
38
|
+
minDate: Date;
|
|
26
39
|
/**
|
|
27
|
-
*
|
|
40
|
+
* Controls whether the datepicker popover is open.
|
|
28
41
|
*/
|
|
29
|
-
|
|
42
|
+
open: boolean;
|
|
30
43
|
/**
|
|
31
|
-
*
|
|
44
|
+
* Callback function that is called when the value of the Datepicker changes.
|
|
32
45
|
*/
|
|
33
|
-
|
|
46
|
+
onChange?: (value: any) => void;
|
|
34
47
|
/**
|
|
35
|
-
*
|
|
48
|
+
* Sets the datepicker as a required field for forms.
|
|
36
49
|
*/
|
|
37
|
-
|
|
50
|
+
required: boolean;
|
|
38
51
|
/**
|
|
39
|
-
* Whether to
|
|
52
|
+
* Whether to show a column of week numbers in the calendar.
|
|
40
53
|
*/
|
|
41
|
-
|
|
54
|
+
showWeeks: boolean;
|
|
42
55
|
/**
|
|
43
|
-
* Whether to
|
|
56
|
+
* Whether to use the small variant of the datepicker field.
|
|
44
57
|
*/
|
|
45
|
-
|
|
58
|
+
size: 'small' | 'medium';
|
|
46
59
|
/**
|
|
47
|
-
*
|
|
60
|
+
* The test ID used for testing.
|
|
61
|
+
*/
|
|
62
|
+
testId?: string;
|
|
63
|
+
/**
|
|
64
|
+
* The Date value of the datepicker. This can be set to undefined to clear the datepicker.
|
|
65
|
+
* This can be a string if set via the value attribute in markup, or via the setAttribute DOM API.
|
|
66
|
+
*/
|
|
67
|
+
value?: Date;
|
|
68
|
+
/**
|
|
69
|
+
* @deprecated Use `value` instead.
|
|
48
70
|
*/
|
|
49
|
-
disabledDates?: Date[];
|
|
50
|
-
/** @deprecated Use `value` instead */
|
|
51
71
|
selectedDate?: Date;
|
|
52
|
-
/**
|
|
72
|
+
/**
|
|
73
|
+
* @deprecated Use `value` instead.
|
|
74
|
+
*/
|
|
53
75
|
currentDate?: Date;
|
|
54
|
-
}
|
|
55
|
-
export declare const Datepicker: ({ label, onChange, minDate, maxDate, value, showWeeks, testId, selectedDate, currentDate, ...props }: DatepickerOptions) => import("react/jsx-runtime").JSX.Element;
|
|
76
|
+
};
|
|
77
|
+
export declare const Datepicker: ({ label, onChange, minDate, maxDate, value, showWeeks, testId, validator, selectedDate, currentDate, ...props }: DatepickerOptions) => import("react/jsx-runtime").JSX.Element;
|
|
78
|
+
export default Datepicker;
|