@openameba/spindle-ui 3.2.4 → 3.2.5
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/BottomButton/BottomButton.js +5 -6
- package/BottomButton/BottomButton.js.map +1 -1
- package/Breadcrumb/BreadcrumbItem.js +4 -27
- package/Breadcrumb/BreadcrumbItem.js.map +1 -1
- package/Breadcrumb/BreadcrumbList.js +18 -40
- package/Breadcrumb/BreadcrumbList.js.map +1 -1
- package/Breadcrumb/BreadcrumbList.mjs +3 -2
- package/Button/Button.js +10 -33
- package/Button/Button.js.map +1 -1
- package/ButtonGroup/ButtonGroup.js +7 -30
- package/ButtonGroup/ButtonGroup.js.map +1 -1
- package/CHANGELOG.md +9 -0
- package/Dialog/Dialog.js +25 -54
- package/Dialog/Dialog.js.map +1 -1
- package/Dialog/Dialog.mjs +7 -12
- package/DropdownMenu/DropdownMenu.js +76 -84
- package/DropdownMenu/DropdownMenu.js.map +1 -1
- package/DropdownMenu/DropdownMenu.mjs +5 -4
- package/Form/ButtonSwitch/ButtonSwitch.js +13 -16
- package/Form/ButtonSwitch/ButtonSwitch.js.map +1 -1
- package/Form/ButtonSwitch/ButtonSwitch.mjs +4 -11
- package/Form/Checkbox/Checkbox.js +10 -33
- package/Form/Checkbox/Checkbox.js.map +1 -1
- package/Form/DropDown/DropDown.js +19 -42
- package/Form/DropDown/DropDown.js.map +1 -1
- package/Form/DropDown/DropDown.mjs +1 -1
- package/Form/InlineDropDown/InlineDropDown.js +17 -40
- package/Form/InlineDropDown/InlineDropDown.js.map +1 -1
- package/Form/InlineDropDown/InlineDropDown.mjs +1 -1
- package/Form/InputLabel/InputLabel.js +4 -27
- package/Form/InputLabel/InputLabel.js.map +1 -1
- package/Form/InvalidMessage/InvalidMessage.js +7 -30
- package/Form/InvalidMessage/InvalidMessage.js.map +1 -1
- package/Form/Radio/Radio.js +9 -32
- package/Form/Radio/Radio.js.map +1 -1
- package/Form/TextArea/TextArea.js +4 -27
- package/Form/TextArea/TextArea.js.map +1 -1
- package/Form/TextField/TextField.js +7 -30
- package/Form/TextField/TextField.js.map +1 -1
- package/Form/ToggleSwitch/ToggleSwitch.js +7 -30
- package/Form/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/HeroCarousel/HeroCarousel.js +18 -19
- package/HeroCarousel/HeroCarousel.js.map +1 -1
- package/HeroCarousel/HeroCarouselItem.js +15 -18
- package/HeroCarousel/HeroCarouselItem.js.map +1 -1
- package/Icon/755.js +3 -14
- package/Icon/755.js.map +1 -1
- package/Icon/Abemakun.js +3 -14
- package/Icon/Abemakun.js.map +1 -1
- package/Icon/Abematv.js +3 -14
- package/Icon/Abematv.js.map +1 -1
- package/Icon/Accesslink.js +3 -14
- package/Icon/Accesslink.js.map +1 -1
- package/Icon/Accesspage.js +3 -14
- package/Icon/Accesspage.js.map +1 -1
- package/Icon/AccesspageFill.js +3 -14
- package/Icon/AccesspageFill.js.map +1 -1
- package/Icon/Ad.js +3 -14
- package/Icon/Ad.js.map +1 -1
- package/Icon/AddressbookFill.js +3 -14
- package/Icon/AddressbookFill.js.map +1 -1
- package/Icon/AlbumAddFill.js +3 -14
- package/Icon/AlbumAddFill.js.map +1 -1
- package/Icon/AlbumFill.js +3 -14
- package/Icon/AlbumFill.js.map +1 -1
- package/Icon/AlignCenter.js +3 -14
- package/Icon/AlignCenter.js.map +1 -1
- package/Icon/AlignLeft.js +3 -14
- package/Icon/AlignLeft.js.map +1 -1
- package/Icon/AlignRight.js +3 -14
- package/Icon/AlignRight.js.map +1 -1
- package/Icon/AllFill.js +3 -14
- package/Icon/AllFill.js.map +1 -1
- package/Icon/Alt.js +3 -14
- package/Icon/Alt.js.map +1 -1
- package/Icon/AltFill.js +3 -14
- package/Icon/AltFill.js.map +1 -1
- package/Icon/Amebacoin.js +3 -14
- package/Icon/Amebacoin.js.map +1 -1
- package/Icon/Amebapick.js +3 -14
- package/Icon/Amebapick.js.map +1 -1
- package/Icon/Amegold.js +3 -14
- package/Icon/Amegold.js.map +1 -1
- package/Icon/Amember.js +3 -14
- package/Icon/Amember.js.map +1 -1
- package/Icon/ArrowDown.js +3 -14
- package/Icon/ArrowDown.js.map +1 -1
- package/Icon/ArrowDownBold.js +3 -14
- package/Icon/ArrowDownBold.js.map +1 -1
- package/Icon/ArrowLeft.js +3 -14
- package/Icon/ArrowLeft.js.map +1 -1
- package/Icon/ArrowLeftBold.js +3 -14
- package/Icon/ArrowLeftBold.js.map +1 -1
- package/Icon/ArrowLeftright.js +3 -14
- package/Icon/ArrowLeftright.js.map +1 -1
- package/Icon/ArrowRight.js +3 -14
- package/Icon/ArrowRight.js.map +1 -1
- package/Icon/ArrowRightBold.js +3 -14
- package/Icon/ArrowRightBold.js.map +1 -1
- package/Icon/ArrowRightCircle.js +3 -14
- package/Icon/ArrowRightCircle.js.map +1 -1
- package/Icon/ArrowRightCircleFill.js +3 -14
- package/Icon/ArrowRightCircleFill.js.map +1 -1
- package/Icon/ArrowSubdirectory.js +3 -14
- package/Icon/ArrowSubdirectory.js.map +1 -1
- package/Icon/ArrowSubdirectoryBold.js +3 -14
- package/Icon/ArrowSubdirectoryBold.js.map +1 -1
- package/Icon/ArrowUp.js +3 -14
- package/Icon/ArrowUp.js.map +1 -1
- package/Icon/ArrowUpBold.js +3 -14
- package/Icon/ArrowUpBold.js.map +1 -1
- package/Icon/ArrowUpdown.js +3 -14
- package/Icon/ArrowUpdown.js.map +1 -1
- package/Icon/ArrowpagingDown.js +3 -14
- package/Icon/ArrowpagingDown.js.map +1 -1
- package/Icon/ArrowpagingDownCircle.js +3 -14
- package/Icon/ArrowpagingDownCircle.js.map +1 -1
- package/Icon/ArrowpagingLeft.js +3 -14
- package/Icon/ArrowpagingLeft.js.map +1 -1
- package/Icon/ArrowpagingLeftCircle.js +3 -14
- package/Icon/ArrowpagingLeftCircle.js.map +1 -1
- package/Icon/ArrowpagingRight.js +3 -14
- package/Icon/ArrowpagingRight.js.map +1 -1
- package/Icon/ArrowpagingRightCircle.js +3 -14
- package/Icon/ArrowpagingRightCircle.js.map +1 -1
- package/Icon/ArrowpagingUp.js +3 -14
- package/Icon/ArrowpagingUp.js.map +1 -1
- package/Icon/ArrowpagingUpCircle.js +3 -14
- package/Icon/ArrowpagingUpCircle.js.map +1 -1
- package/Icon/Arrowwaveup.js +3 -14
- package/Icon/Arrowwaveup.js.map +1 -1
- package/Icon/ArrowwaveupBold.js +3 -14
- package/Icon/ArrowwaveupBold.js.map +1 -1
- package/Icon/ArrowwaveupRectangle.js +3 -14
- package/Icon/ArrowwaveupRectangle.js.map +1 -1
- package/Icon/ArrowwaveupRectangleFill.js +3 -14
- package/Icon/ArrowwaveupRectangleFill.js.map +1 -1
- package/Icon/Article.js +3 -14
- package/Icon/Article.js.map +1 -1
- package/Icon/ArticleSlash.js +3 -14
- package/Icon/ArticleSlash.js.map +1 -1
- package/Icon/Articledesign.js +3 -14
- package/Icon/Articledesign.js.map +1 -1
- package/Icon/Astrogy.js +3 -14
- package/Icon/Astrogy.js.map +1 -1
- package/Icon/AstrogyFill.js +3 -14
- package/Icon/AstrogyFill.js.map +1 -1
- package/Icon/Baby.js +3 -14
- package/Icon/Baby.js.map +1 -1
- package/Icon/Bbs.js +3 -14
- package/Icon/Bbs.js.map +1 -1
- package/Icon/Beginner.js +3 -14
- package/Icon/Beginner.js.map +1 -1
- package/Icon/Beginnermark.js +3 -14
- package/Icon/Beginnermark.js.map +1 -1
- package/Icon/Bell.js +3 -14
- package/Icon/Bell.js.map +1 -1
- package/Icon/BellFill.js +3 -14
- package/Icon/BellFill.js.map +1 -1
- package/Icon/BellFillSlash.js +3 -14
- package/Icon/BellFillSlash.js.map +1 -1
- package/Icon/BellSlash.js +3 -14
- package/Icon/BellSlash.js.map +1 -1
- package/Icon/Blog.js +3 -14
- package/Icon/Blog.js.map +1 -1
- package/Icon/Bloggersshop.js +3 -14
- package/Icon/Bloggersshop.js.map +1 -1
- package/Icon/Bold.js +3 -14
- package/Icon/Bold.js.map +1 -1
- package/Icon/Book.js +3 -14
- package/Icon/Book.js.map +1 -1
- package/Icon/BookFill.js +3 -14
- package/Icon/BookFill.js.map +1 -1
- package/Icon/Bookmark.js +3 -14
- package/Icon/Bookmark.js.map +1 -1
- package/Icon/BookmarkFill.js +3 -14
- package/Icon/BookmarkFill.js.map +1 -1
- package/Icon/Bookshelf.js +3 -14
- package/Icon/Bookshelf.js.map +1 -1
- package/Icon/BookshelfFill.js +3 -14
- package/Icon/BookshelfFill.js.map +1 -1
- package/Icon/Border.js +3 -14
- package/Icon/Border.js.map +1 -1
- package/Icon/BottomnavFollowfeedActive.js +3 -14
- package/Icon/BottomnavFollowfeedActive.js.map +1 -1
- package/Icon/BottomnavFollowfeedInactive.js +3 -14
- package/Icon/BottomnavFollowfeedInactive.js.map +1 -1
- package/Icon/BottomnavHomeActive.js +3 -14
- package/Icon/BottomnavHomeActive.js.map +1 -1
- package/Icon/BottomnavHomeInactive.js +3 -14
- package/Icon/BottomnavHomeInactive.js.map +1 -1
- package/Icon/BottomnavMypageActive.js +3 -14
- package/Icon/BottomnavMypageActive.js.map +1 -1
- package/Icon/BottomnavSearchActive.js +3 -14
- package/Icon/BottomnavSearchActive.js.map +1 -1
- package/Icon/BottomnavSearchInactive.js +3 -14
- package/Icon/BottomnavSearchInactive.js.map +1 -1
- package/Icon/BottomnvavMypageInactive.js +3 -14
- package/Icon/BottomnvavMypageInactive.js.map +1 -1
- package/Icon/Bullets.js +3 -14
- package/Icon/Bullets.js.map +1 -1
- package/Icon/Calendar.js +3 -14
- package/Icon/Calendar.js.map +1 -1
- package/Icon/Calendardaily.js +3 -14
- package/Icon/Calendardaily.js.map +1 -1
- package/Icon/CameraFill.js +3 -14
- package/Icon/CameraFill.js.map +1 -1
- package/Icon/Cards.js +3 -14
- package/Icon/Cards.js.map +1 -1
- package/Icon/Cart.js +3 -14
- package/Icon/Cart.js.map +1 -1
- package/Icon/CartFill.js +3 -14
- package/Icon/CartFill.js.map +1 -1
- package/Icon/CautionFill.js +3 -14
- package/Icon/CautionFill.js.map +1 -1
- package/Icon/Check.js +3 -14
- package/Icon/Check.js.map +1 -1
- package/Icon/CheckBold.js +3 -14
- package/Icon/CheckBold.js.map +1 -1
- package/Icon/CheckCircle.js +3 -14
- package/Icon/CheckCircle.js.map +1 -1
- package/Icon/CheckCircleFill.js +3 -14
- package/Icon/CheckCircleFill.js.map +1 -1
- package/Icon/CheckRectangle.js +3 -14
- package/Icon/CheckRectangle.js.map +1 -1
- package/Icon/Checklist.js +3 -14
- package/Icon/Checklist.js.map +1 -1
- package/Icon/ChevronDown.js +3 -14
- package/Icon/ChevronDown.js.map +1 -1
- package/Icon/ChevronDownBold.js +3 -14
- package/Icon/ChevronDownBold.js.map +1 -1
- package/Icon/ChevronLeft.js +3 -14
- package/Icon/ChevronLeft.js.map +1 -1
- package/Icon/ChevronLeftBold.js +3 -14
- package/Icon/ChevronLeftBold.js.map +1 -1
- package/Icon/ChevronRight.js +3 -14
- package/Icon/ChevronRight.js.map +1 -1
- package/Icon/ChevronRightBold.js +3 -14
- package/Icon/ChevronRightBold.js.map +1 -1
- package/Icon/ChevronUp.js +3 -14
- package/Icon/ChevronUp.js.map +1 -1
- package/Icon/ChevronUpBold.js +3 -14
- package/Icon/ChevronUpBold.js.map +1 -1
- package/Icon/ChevronUpTwoBold.js +3 -14
- package/Icon/ChevronUpTwoBold.js.map +1 -1
- package/Icon/Circle.js +3 -14
- package/Icon/Circle.js.map +1 -1
- package/Icon/CircleBold.js +3 -14
- package/Icon/CircleBold.js.map +1 -1
- package/Icon/CircleFill.js +3 -14
- package/Icon/CircleFill.js.map +1 -1
- package/Icon/CircleSlash.js +3 -14
- package/Icon/CircleSlash.js.map +1 -1
- package/Icon/Clock.js +3 -14
- package/Icon/Clock.js.map +1 -1
- package/Icon/ClockFill.js +3 -14
- package/Icon/ClockFill.js.map +1 -1
- package/Icon/Coin.js +3 -14
- package/Icon/Coin.js.map +1 -1
- package/Icon/Comment.js +3 -14
- package/Icon/Comment.js.map +1 -1
- package/Icon/CommentBan.js +3 -14
- package/Icon/CommentBan.js.map +1 -1
- package/Icon/CommentFill.js +3 -14
- package/Icon/CommentFill.js.map +1 -1
- package/Icon/CommentPen.js +3 -14
- package/Icon/CommentPen.js.map +1 -1
- package/Icon/CommentTwoFill.js +3 -14
- package/Icon/CommentTwoFill.js.map +1 -1
- package/Icon/CommentTwoSlashFill.js +3 -14
- package/Icon/CommentTwoSlashFill.js.map +1 -1
- package/Icon/Community.js +3 -14
- package/Icon/Community.js.map +1 -1
- package/Icon/Compass.js +3 -14
- package/Icon/Compass.js.map +1 -1
- package/Icon/Coupon.js +3 -14
- package/Icon/Coupon.js.map +1 -1
- package/Icon/Creditcard.js +3 -14
- package/Icon/Creditcard.js.map +1 -1
- package/Icon/Crop.js +3 -14
- package/Icon/Crop.js.map +1 -1
- package/Icon/CropDin.js +3 -14
- package/Icon/CropDin.js.map +1 -1
- package/Icon/CropLandscape.js +3 -14
- package/Icon/CropLandscape.js.map +1 -1
- package/Icon/Cross.js +3 -14
- package/Icon/Cross.js.map +1 -1
- package/Icon/CrossBold.js +3 -14
- package/Icon/CrossBold.js.map +1 -1
- package/Icon/CrossCircle.js +3 -14
- package/Icon/CrossCircle.js.map +1 -1
- package/Icon/CrossCircleFill.js +3 -14
- package/Icon/CrossCircleFill.js.map +1 -1
- package/Icon/CrossRectangle.js +3 -14
- package/Icon/CrossRectangle.js.map +1 -1
- package/Icon/Cutlery.js +3 -14
- package/Icon/Cutlery.js.map +1 -1
- package/Icon/DiamondTwo.js +3 -14
- package/Icon/DiamondTwo.js.map +1 -1
- package/Icon/Dice.js +3 -14
- package/Icon/Dice.js.map +1 -1
- package/Icon/Dot.js +3 -14
- package/Icon/Dot.js.map +1 -1
- package/Icon/Dotmoney.js +3 -14
- package/Icon/Dotmoney.js.map +1 -1
- package/Icon/Download.js +3 -14
- package/Icon/Download.js.map +1 -1
- package/Icon/DragIndicator.js +3 -14
- package/Icon/DragIndicator.js.map +1 -1
- package/Icon/Embed.js +3 -14
- package/Icon/Embed.js.map +1 -1
- package/Icon/EmotionFill.js +3 -14
- package/Icon/EmotionFill.js.map +1 -1
- package/Icon/EntryLost.js +3 -14
- package/Icon/EntryLost.js.map +1 -1
- package/Icon/Eraser.js +3 -14
- package/Icon/Eraser.js.map +1 -1
- package/Icon/EraserFill.js +3 -14
- package/Icon/EraserFill.js.map +1 -1
- package/Icon/Exclamationmark.js +3 -14
- package/Icon/Exclamationmark.js.map +1 -1
- package/Icon/ExclamationmarkBalloon.js +3 -14
- package/Icon/ExclamationmarkBalloon.js.map +1 -1
- package/Icon/ExclamationmarkBalloonFill.js +3 -14
- package/Icon/ExclamationmarkBalloonFill.js.map +1 -1
- package/Icon/ExclamationmarkBold.js +3 -14
- package/Icon/ExclamationmarkBold.js.map +1 -1
- package/Icon/ExclamationmarkCircle.js +3 -14
- package/Icon/ExclamationmarkCircle.js.map +1 -1
- package/Icon/ExclamationmarkCircleFill.js +3 -14
- package/Icon/ExclamationmarkCircleFill.js.map +1 -1
- package/Icon/Expand.js +3 -14
- package/Icon/Expand.js.map +1 -1
- package/Icon/ExpandExit.js +3 -14
- package/Icon/ExpandExit.js.map +1 -1
- package/Icon/FabPencilAdd.js +3 -14
- package/Icon/FabPencilAdd.js.map +1 -1
- package/Icon/FaceUnhappy.js +3 -14
- package/Icon/FaceUnhappy.js.map +1 -1
- package/Icon/Facebook.js +3 -14
- package/Icon/Facebook.js.map +1 -1
- package/Icon/File.js +3 -14
- package/Icon/File.js.map +1 -1
- package/Icon/FileAdd.js +3 -14
- package/Icon/FileAdd.js.map +1 -1
- package/Icon/FileAddFill.js +3 -14
- package/Icon/FileAddFill.js.map +1 -1
- package/Icon/FileCircle.js +3 -14
- package/Icon/FileCircle.js.map +1 -1
- package/Icon/FileCircleFill.js +3 -14
- package/Icon/FileCircleFill.js.map +1 -1
- package/Icon/FileFill.js +3 -14
- package/Icon/FileFill.js.map +1 -1
- package/Icon/Filter.js +3 -14
- package/Icon/Filter.js.map +1 -1
- package/Icon/FilterCheck.js +3 -14
- package/Icon/FilterCheck.js.map +1 -1
- package/Icon/Fit.js +3 -14
- package/Icon/Fit.js.map +1 -1
- package/Icon/FlagFill.js +3 -14
- package/Icon/FlagFill.js.map +1 -1
- package/Icon/FlagRanking.js +3 -14
- package/Icon/FlagRanking.js.map +1 -1
- package/Icon/FlagRankingTrim.js +3 -14
- package/Icon/FlagRankingTrim.js.map +1 -1
- package/Icon/Flash.js +3 -14
- package/Icon/Flash.js.map +1 -1
- package/Icon/FlashAuto.js +3 -14
- package/Icon/FlashAuto.js.map +1 -1
- package/Icon/FlashOff.js +3 -14
- package/Icon/FlashOff.js.map +1 -1
- package/Icon/Flowervase.js +3 -14
- package/Icon/Flowervase.js.map +1 -1
- package/Icon/Folder.js +3 -14
- package/Icon/Folder.js.map +1 -1
- package/Icon/FolderFill.js +3 -14
- package/Icon/FolderFill.js.map +1 -1
- package/Icon/FolderTwo.js +3 -14
- package/Icon/FolderTwo.js.map +1 -1
- package/Icon/FolderTwoFill.js +3 -14
- package/Icon/FolderTwoFill.js.map +1 -1
- package/Icon/Font.js +3 -14
- package/Icon/Font.js.map +1 -1
- package/Icon/Fontstyle.js +3 -14
- package/Icon/Fontstyle.js.map +1 -1
- package/Icon/FreeCircle.js +3 -14
- package/Icon/FreeCircle.js.map +1 -1
- package/Icon/FreeCircleFill.js +3 -14
- package/Icon/FreeCircleFill.js.map +1 -1
- package/Icon/Game.js +3 -14
- package/Icon/Game.js.map +1 -1
- package/Icon/GameFill.js +3 -14
- package/Icon/GameFill.js.map +1 -1
- package/Icon/GameKantan.js +3 -14
- package/Icon/GameKantan.js.map +1 -1
- package/Icon/Gear.js +3 -14
- package/Icon/Gear.js.map +1 -1
- package/Icon/GearFill.js +3 -14
- package/Icon/GearFill.js.map +1 -1
- package/Icon/Genre.js +3 -14
- package/Icon/Genre.js.map +1 -1
- package/Icon/GenreAdd.js +3 -14
- package/Icon/GenreAdd.js.map +1 -1
- package/Icon/GenreDone.js +3 -14
- package/Icon/GenreDone.js.map +1 -1
- package/Icon/GraphBar.js +3 -14
- package/Icon/GraphBar.js.map +1 -1
- package/Icon/Gruppo.js +3 -14
- package/Icon/Gruppo.js.map +1 -1
- package/Icon/HandWaveFill.js +3 -14
- package/Icon/HandWaveFill.js.map +1 -1
- package/Icon/Hashtag.js +3 -14
- package/Icon/Hashtag.js.map +1 -1
- package/Icon/HashtagBold.js +3 -14
- package/Icon/HashtagBold.js.map +1 -1
- package/Icon/Hatenabookmark.js +3 -14
- package/Icon/Hatenabookmark.js.map +1 -1
- package/Icon/Heart.js +3 -14
- package/Icon/Heart.js.map +1 -1
- package/Icon/HeartFill.js +3 -14
- package/Icon/HeartFill.js.map +1 -1
- package/Icon/History.js +3 -14
- package/Icon/History.js.map +1 -1
- package/Icon/HomeFill.js +3 -14
- package/Icon/HomeFill.js.map +1 -1
- package/Icon/Hot.js +3 -14
- package/Icon/Hot.js.map +1 -1
- package/Icon/Htmltag.js +3 -14
- package/Icon/Htmltag.js.map +1 -1
- package/Icon/ImageAddFill.js +3 -14
- package/Icon/ImageAddFill.js.map +1 -1
- package/Icon/ImageBanFill.js +3 -14
- package/Icon/ImageBanFill.js.map +1 -1
- package/Icon/ImageFill.js +3 -14
- package/Icon/ImageFill.js.map +1 -1
- package/Icon/ImageFillSlash.js +3 -14
- package/Icon/ImageFillSlash.js.map +1 -1
- package/Icon/ImageQuestionFill.js +3 -14
- package/Icon/ImageQuestionFill.js.map +1 -1
- package/Icon/Information.js +3 -14
- package/Icon/Information.js.map +1 -1
- package/Icon/Instagram.js +3 -14
- package/Icon/Instagram.js.map +1 -1
- package/Icon/Italic.js +3 -14
- package/Icon/Italic.js.map +1 -1
- package/Icon/Kaomoji.js +3 -14
- package/Icon/Kaomoji.js.map +1 -1
- package/Icon/Keyboard.js +3 -14
- package/Icon/Keyboard.js.map +1 -1
- package/Icon/KeyboardDownFill.js +3 -14
- package/Icon/KeyboardDownFill.js.map +1 -1
- package/Icon/KeyboardFill.js +3 -14
- package/Icon/KeyboardFill.js.map +1 -1
- package/Icon/Koeblog.js +3 -14
- package/Icon/Koeblog.js.map +1 -1
- package/Icon/LineCircle.js +3 -14
- package/Icon/LineCircle.js.map +1 -1
- package/Icon/LineSquare.js +3 -14
- package/Icon/LineSquare.js.map +1 -1
- package/Icon/Link.js +3 -14
- package/Icon/Link.js.map +1 -1
- package/Icon/ListBookmarkFill.js +3 -14
- package/Icon/ListBookmarkFill.js.map +1 -1
- package/Icon/ListBulleted.js +3 -14
- package/Icon/ListBulleted.js.map +1 -1
- package/Icon/ListNumbered.js +3 -14
- package/Icon/ListNumbered.js.map +1 -1
- package/Icon/Loading.js +3 -14
- package/Icon/Loading.js.map +1 -1
- package/Icon/LockFill.js +3 -14
- package/Icon/LockFill.js.map +1 -1
- package/Icon/LockOpenFill.js +3 -14
- package/Icon/LockOpenFill.js.map +1 -1
- package/Icon/Magicwand.js +3 -14
- package/Icon/Magicwand.js.map +1 -1
- package/Icon/Mail.js +3 -14
- package/Icon/Mail.js.map +1 -1
- package/Icon/MailCheck.js +3 -14
- package/Icon/MailCheck.js.map +1 -1
- package/Icon/MailCircle.js +3 -14
- package/Icon/MailCircle.js.map +1 -1
- package/Icon/MailCircleFill.js +3 -14
- package/Icon/MailCircleFill.js.map +1 -1
- package/Icon/MailFill.js +3 -14
- package/Icon/MailFill.js.map +1 -1
- package/Icon/Megaphone.js +3 -14
- package/Icon/Megaphone.js.map +1 -1
- package/Icon/MenuHamburger.js +3 -14
- package/Icon/MenuHamburger.js.map +1 -1
- package/Icon/MenuHamburgerBold.js +3 -14
- package/Icon/MenuHamburgerBold.js.map +1 -1
- package/Icon/MenuHamburgerFourline.js +3 -14
- package/Icon/MenuHamburgerFourline.js.map +1 -1
- package/Icon/MenuHorizontal.js +3 -14
- package/Icon/MenuHorizontal.js.map +1 -1
- package/Icon/MenuVertical.js +3 -14
- package/Icon/MenuVertical.js.map +1 -1
- package/Icon/Messageboard.js +3 -14
- package/Icon/Messageboard.js.map +1 -1
- package/Icon/Microphone.js +3 -14
- package/Icon/Microphone.js.map +1 -1
- package/Icon/MicrophoneFill.js +3 -14
- package/Icon/MicrophoneFill.js.map +1 -1
- package/Icon/Minus.js +3 -14
- package/Icon/Minus.js.map +1 -1
- package/Icon/MinusBold.js +3 -14
- package/Icon/MinusBold.js.map +1 -1
- package/Icon/Moon.js +3 -14
- package/Icon/Moon.js.map +1 -1
- package/Icon/MoonFill.js +3 -14
- package/Icon/MoonFill.js.map +1 -1
- package/Icon/MovieCameraFill.js +3 -14
- package/Icon/MovieCameraFill.js.map +1 -1
- package/Icon/MoviePlay.js +3 -14
- package/Icon/MoviePlay.js.map +1 -1
- package/Icon/MoviePlayFill.js +3 -14
- package/Icon/MoviePlayFill.js.map +1 -1
- package/Icon/MovieStop.js +3 -14
- package/Icon/MovieStop.js.map +1 -1
- package/Icon/MusicFill.js +3 -14
- package/Icon/MusicFill.js.map +1 -1
- package/Icon/New.js +3 -14
- package/Icon/New.js.map +1 -1
- package/Icon/Newbook.js +3 -14
- package/Icon/Newbook.js.map +1 -1
- package/Icon/NewbookFill.js +3 -14
- package/Icon/NewbookFill.js.map +1 -1
- package/Icon/News.js +3 -14
- package/Icon/News.js.map +1 -1
- package/Icon/Nice.js +3 -14
- package/Icon/Nice.js.map +1 -1
- package/Icon/NiceDone.js +3 -14
- package/Icon/NiceDone.js.map +1 -1
- package/Icon/Nodate.js +3 -14
- package/Icon/Nodate.js.map +1 -1
- package/Icon/Now.js +3 -14
- package/Icon/Now.js.map +1 -1
- package/Icon/Officialstar.js +3 -14
- package/Icon/Officialstar.js.map +1 -1
- package/Icon/OfficialstarFill.js +3 -14
- package/Icon/OfficialstarFill.js.map +1 -1
- package/Icon/OnedariFill.js +3 -14
- package/Icon/OnedariFill.js.map +1 -1
- package/Icon/OpenCl.js +3 -14
- package/Icon/OpenCl.js.map +1 -1
- package/Icon/Openblank.js +3 -14
- package/Icon/Openblank.js.map +1 -1
- package/Icon/OpenblankFill.js +3 -14
- package/Icon/OpenblankFill.js.map +1 -1
- package/Icon/Ownd.js +3 -14
- package/Icon/Ownd.js.map +1 -1
- package/Icon/Paidmember.js +3 -14
- package/Icon/Paidmember.js.map +1 -1
- package/Icon/Paidplan.js +3 -14
- package/Icon/Paidplan.js.map +1 -1
- package/Icon/PaletteFill.js +3 -14
- package/Icon/PaletteFill.js.map +1 -1
- package/Icon/Paperplane.js +3 -14
- package/Icon/Paperplane.js.map +1 -1
- package/Icon/PaperplaneFill.js +3 -14
- package/Icon/PaperplaneFill.js.map +1 -1
- package/Icon/Pause.js +3 -14
- package/Icon/Pause.js.map +1 -1
- package/Icon/PauseBold.js +3 -14
- package/Icon/PauseBold.js.map +1 -1
- package/Icon/Pawprint.js +3 -14
- package/Icon/Pawprint.js.map +1 -1
- package/Icon/Pencil.js +3 -14
- package/Icon/Pencil.js.map +1 -1
- package/Icon/PencilAdd.js +3 -14
- package/Icon/PencilAdd.js.map +1 -1
- package/Icon/PencilBold.js +3 -14
- package/Icon/PencilBold.js.map +1 -1
- package/Icon/Person.js +3 -14
- package/Icon/Person.js.map +1 -1
- package/Icon/PersonBan.js +3 -14
- package/Icon/PersonBan.js.map +1 -1
- package/Icon/PersonFill.js +3 -14
- package/Icon/PersonFill.js.map +1 -1
- package/Icon/PersonThreeFill.js +3 -14
- package/Icon/PersonThreeFill.js.map +1 -1
- package/Icon/PersonTwoAddFill.js +3 -14
- package/Icon/PersonTwoAddFill.js.map +1 -1
- package/Icon/PersonTwoDeleteFill.js +3 -14
- package/Icon/PersonTwoDeleteFill.js.map +1 -1
- package/Icon/PersonTwoDoneFill.js +3 -14
- package/Icon/PersonTwoDoneFill.js.map +1 -1
- package/Icon/PersonTwoFill.js +3 -14
- package/Icon/PersonTwoFill.js.map +1 -1
- package/Icon/Peta.js +3 -14
- package/Icon/Peta.js.map +1 -1
- package/Icon/Pigg.js +3 -14
- package/Icon/Pigg.js.map +1 -1
- package/Icon/PinFill.js +3 -14
- package/Icon/PinFill.js.map +1 -1
- package/Icon/PlayCircle.js +3 -14
- package/Icon/PlayCircle.js.map +1 -1
- package/Icon/PlayFill.js +3 -14
- package/Icon/PlayFill.js.map +1 -1
- package/Icon/Plus.js +3 -14
- package/Icon/Plus.js.map +1 -1
- package/Icon/PlusBold.js +3 -14
- package/Icon/PlusBold.js.map +1 -1
- package/Icon/PlusCircle.js +3 -14
- package/Icon/PlusCircle.js.map +1 -1
- package/Icon/PlusCircleFill.js +3 -14
- package/Icon/PlusCircleFill.js.map +1 -1
- package/Icon/PlusMinus.js +3 -14
- package/Icon/PlusMinus.js.map +1 -1
- package/Icon/PremiumFill.js +3 -14
- package/Icon/PremiumFill.js.map +1 -1
- package/Icon/Present.js +3 -14
- package/Icon/Present.js.map +1 -1
- package/Icon/Profilecard.js +3 -14
- package/Icon/Profilecard.js.map +1 -1
- package/Icon/Qr.js +3 -14
- package/Icon/Qr.js.map +1 -1
- package/Icon/Question.js +3 -14
- package/Icon/Question.js.map +1 -1
- package/Icon/QuestionmarkCircle.js +3 -14
- package/Icon/QuestionmarkCircle.js.map +1 -1
- package/Icon/QuestionmarkCircleFill.js +3 -14
- package/Icon/QuestionmarkCircleFill.js.map +1 -1
- package/Icon/RankingCrown.js +3 -14
- package/Icon/RankingCrown.js.map +1 -1
- package/Icon/RankingCrownFill.js +3 -14
- package/Icon/RankingCrownFill.js.map +1 -1
- package/Icon/RankingPlatformFill.js +3 -14
- package/Icon/RankingPlatformFill.js.map +1 -1
- package/Icon/Reblog.js +3 -14
- package/Icon/Reblog.js.map +1 -1
- package/Icon/ReblogSlash.js +3 -14
- package/Icon/ReblogSlash.js.map +1 -1
- package/Icon/Redo.js +3 -14
- package/Icon/Redo.js.map +1 -1
- package/Icon/RedoBold.js +3 -14
- package/Icon/RedoBold.js.map +1 -1
- package/Icon/RedoBoldDeprecated.js +3 -14
- package/Icon/RedoBoldDeprecated.js.map +1 -1
- package/Icon/RedoDeprecated.js +3 -14
- package/Icon/RedoDeprecated.js.map +1 -1
- package/Icon/Refresh.js +3 -14
- package/Icon/Refresh.js.map +1 -1
- package/Icon/ReplyCircleFill.js +3 -14
- package/Icon/ReplyCircleFill.js.map +1 -1
- package/Icon/ReplyFill.js +3 -14
- package/Icon/ReplyFill.js.map +1 -1
- package/Icon/Requ.js +3 -14
- package/Icon/Requ.js.map +1 -1
- package/Icon/Sad.js +3 -14
- package/Icon/Sad.js.map +1 -1
- package/Icon/Saveblog.js +3 -14
- package/Icon/Saveblog.js.map +1 -1
- package/Icon/ScreenFull.js +3 -14
- package/Icon/ScreenFull.js.map +1 -1
- package/Icon/ScreenInline.js +3 -14
- package/Icon/ScreenInline.js.map +1 -1
- package/Icon/Search.js +3 -14
- package/Icon/Search.js.map +1 -1
- package/Icon/Service.js +3 -14
- package/Icon/Service.js.map +1 -1
- package/Icon/Share.js +3 -14
- package/Icon/Share.js.map +1 -1
- package/Icon/ShineFill.js +3 -14
- package/Icon/ShineFill.js.map +1 -1
- package/Icon/ShineTwo.js +3 -14
- package/Icon/ShineTwo.js.map +1 -1
- package/Icon/Shirt.js +3 -14
- package/Icon/Shirt.js.map +1 -1
- package/Icon/SidefaceClose.js +3 -14
- package/Icon/SidefaceClose.js.map +1 -1
- package/Icon/SidefaceOpen.js +3 -14
- package/Icon/SidefaceOpen.js.map +1 -1
- package/Icon/Smartphone.js +3 -14
- package/Icon/Smartphone.js.map +1 -1
- package/Icon/SmartphoneFill.js +3 -14
- package/Icon/SmartphoneFill.js.map +1 -1
- package/Icon/Sort.js +3 -14
- package/Icon/Sort.js.map +1 -1
- package/Icon/SortFeed.js +3 -14
- package/Icon/SortFeed.js.map +1 -1
- package/Icon/SortTile.js +3 -14
- package/Icon/SortTile.js.map +1 -1
- package/Icon/SpeakerOffFill.js +3 -14
- package/Icon/SpeakerOffFill.js.map +1 -1
- package/Icon/SpeakerOnFill.js +3 -14
- package/Icon/SpeakerOnFill.js.map +1 -1
- package/Icon/Sprout.js +3 -14
- package/Icon/Sprout.js.map +1 -1
- package/Icon/Stampside.js +3 -14
- package/Icon/Stampside.js.map +1 -1
- package/Icon/Star.js +3 -14
- package/Icon/Star.js.map +1 -1
- package/Icon/StarCircleFill.js +3 -14
- package/Icon/StarCircleFill.js.map +1 -1
- package/Icon/StarFaceFill.js +3 -14
- package/Icon/StarFaceFill.js.map +1 -1
- package/Icon/StarFill.js +3 -14
- package/Icon/StarFill.js.map +1 -1
- package/Icon/StarHalf.js +3 -14
- package/Icon/StarHalf.js.map +1 -1
- package/Icon/StopFill.js +3 -14
- package/Icon/StopFill.js.map +1 -1
- package/Icon/Strikethrough.js +3 -14
- package/Icon/Strikethrough.js.map +1 -1
- package/Icon/Sun.js +3 -14
- package/Icon/Sun.js.map +1 -1
- package/Icon/SunFill.js +3 -14
- package/Icon/SunFill.js.map +1 -1
- package/Icon/Switching.js +3 -14
- package/Icon/Switching.js.map +1 -1
- package/Icon/SwitchingCamera.js +3 -14
- package/Icon/SwitchingCamera.js.map +1 -1
- package/Icon/Table.js +3 -14
- package/Icon/Table.js.map +1 -1
- package/Icon/TagFill.js +3 -14
- package/Icon/TagFill.js.map +1 -1
- package/Icon/TagOfficialFill.js +3 -14
- package/Icon/TagOfficialFill.js.map +1 -1
- package/Icon/Thumbsup.js +3 -14
- package/Icon/Thumbsup.js.map +1 -1
- package/Icon/ThumbsupFill.js +3 -14
- package/Icon/ThumbsupFill.js.map +1 -1
- package/Icon/Title.js +3 -14
- package/Icon/Title.js.map +1 -1
- package/Icon/TopbloggerMedal.js +3 -14
- package/Icon/TopbloggerMedal.js.map +1 -1
- package/Icon/TopbloggerRibbon.js +3 -14
- package/Icon/TopbloggerRibbon.js.map +1 -1
- package/Icon/TranscriptOff.js +3 -14
- package/Icon/TranscriptOff.js.map +1 -1
- package/Icon/TranscriptOn.js +3 -14
- package/Icon/TranscriptOn.js.map +1 -1
- package/Icon/Transmission.js +3 -14
- package/Icon/Transmission.js.map +1 -1
- package/Icon/Trashcan.js +3 -14
- package/Icon/Trashcan.js.map +1 -1
- package/Icon/Trend.js +3 -14
- package/Icon/Trend.js.map +1 -1
- package/Icon/TrendFill.js +3 -14
- package/Icon/TrendFill.js.map +1 -1
- package/Icon/TriangleDown.js +3 -14
- package/Icon/TriangleDown.js.map +1 -1
- package/Icon/TriangleLeft.js +3 -14
- package/Icon/TriangleLeft.js.map +1 -1
- package/Icon/TriangleRight.js +3 -14
- package/Icon/TriangleRight.js.map +1 -1
- package/Icon/TriangleUp.js +3 -14
- package/Icon/TriangleUp.js.map +1 -1
- package/Icon/TrianglearrowDown.js +3 -14
- package/Icon/TrianglearrowDown.js.map +1 -1
- package/Icon/TrianglearrowDownright.js +3 -14
- package/Icon/TrianglearrowDownright.js.map +1 -1
- package/Icon/TrianglearrowRight.js +3 -14
- package/Icon/TrianglearrowRight.js.map +1 -1
- package/Icon/TrianglearrowUp.js +3 -14
- package/Icon/TrianglearrowUp.js.map +1 -1
- package/Icon/TrianglearrowUpright.js +3 -14
- package/Icon/TrianglearrowUpright.js.map +1 -1
- package/Icon/TriangleendLeft.js +3 -14
- package/Icon/TriangleendLeft.js.map +1 -1
- package/Icon/TriangleendLeftBold.js +3 -14
- package/Icon/TriangleendLeftBold.js.map +1 -1
- package/Icon/TriangleendRight.js +3 -14
- package/Icon/TriangleendRight.js.map +1 -1
- package/Icon/TriangleendRightBold.js +3 -14
- package/Icon/TriangleendRightBold.js.map +1 -1
- package/Icon/TrophyFill.js +3 -14
- package/Icon/TrophyFill.js.map +1 -1
- package/Icon/TvFill.js +3 -14
- package/Icon/TvFill.js.map +1 -1
- package/Icon/Twitter.js +3 -14
- package/Icon/Twitter.js.map +1 -1
- package/Icon/Underline.js +3 -14
- package/Icon/Underline.js.map +1 -1
- package/Icon/Undo.js +3 -14
- package/Icon/Undo.js.map +1 -1
- package/Icon/UndoBold.js +3 -14
- package/Icon/UndoBold.js.map +1 -1
- package/Icon/UndoBoldDeprecated.js +3 -14
- package/Icon/UndoBoldDeprecated.js.map +1 -1
- package/Icon/UndoDeprecated.js +3 -14
- package/Icon/UndoDeprecated.js.map +1 -1
- package/Icon/Wallet.js +3 -14
- package/Icon/Wallet.js.map +1 -1
- package/Icon/Webview.js +3 -14
- package/Icon/Webview.js.map +1 -1
- package/Icon/X.js +3 -14
- package/Icon/X.js.map +1 -1
- package/Icon/Youtube.js +3 -14
- package/Icon/Youtube.js.map +1 -1
- package/IconButton/IconButton.js +4 -27
- package/IconButton/IconButton.js.map +1 -1
- package/InlineNotification/InlineNotification.js +62 -101
- package/InlineNotification/InlineNotification.js.map +1 -1
- package/LinkButton/LinkButton.js +10 -33
- package/LinkButton/LinkButton.js.map +1 -1
- package/List/MoreLink.js +7 -30
- package/List/MoreLink.js.map +1 -1
- package/Modal/AppealModal/AppealModal.js +41 -71
- package/Modal/AppealModal/AppealModal.js.map +1 -1
- package/Modal/AppealModal/AppealModal.mjs +12 -13
- package/Modal/SemiModal/SemiModal.js +35 -65
- package/Modal/SemiModal/SemiModal.js.map +1 -1
- package/Modal/SemiModal/SemiModal.mjs +8 -13
- package/NavigationTab/UnderlineTab/UnderlineTab.js +47 -48
- package/NavigationTab/UnderlineTab/UnderlineTab.js.map +1 -1
- package/NavigationTab/UnderlineTab/UnderlineTab.mjs +6 -5
- package/Pagination/Pagination.js +43 -69
- package/Pagination/Pagination.js.map +1 -1
- package/Pagination/Pagination.mjs +2 -2
- package/Pagination/PaginationItem.js +30 -33
- package/Pagination/PaginationItem.js.map +1 -1
- package/Pagination/helpers/getLinkRelAttribute.js +1 -2
- package/Pagination/helpers/getLinkRelAttribute.js.map +1 -1
- package/Pagination/hooks/useItemPageNumber.js +4 -5
- package/Pagination/hooks/useItemPageNumber.js.map +1 -1
- package/Pagination/hooks/useShowItem.js +18 -26
- package/Pagination/hooks/useShowItem.js.map +1 -1
- package/Rating/Rating.js +24 -46
- package/Rating/Rating.js.map +1 -1
- package/Rating/StarBack.js +3 -14
- package/Rating/StarBack.js.map +1 -1
- package/Rating/StarFront.js +3 -14
- package/Rating/StarFront.js.map +1 -1
- package/SegmentedControl/SegmentedControl.js +29 -32
- package/SegmentedControl/SegmentedControl.js.map +1 -1
- package/SegmentedControl/SegmentedControl.mjs +16 -20
- package/SnackBar/SnackBar.css +1 -1
- package/SnackBar/SnackBar.js +59 -95
- package/SnackBar/SnackBar.js.map +1 -1
- package/SnackBar/SnackBar.mjs +5 -5
- package/StackNotificationManager/StackNotificationManager.js +10 -11
- package/StackNotificationManager/StackNotificationManager.js.map +1 -1
- package/StackNotificationManager/hooks.js +164 -184
- package/StackNotificationManager/hooks.js.map +1 -1
- package/StackNotificationManager/hooks.mjs +15 -13
- package/SubtleButton/SubtleButton.js +4 -27
- package/SubtleButton/SubtleButton.js.map +1 -1
- package/Table/Table.js +61 -95
- package/Table/Table.js.map +1 -1
- package/TextButton/TextButton.js +10 -33
- package/TextButton/TextButton.js.map +1 -1
- package/TextLink/TextLink.js +10 -33
- package/TextLink/TextLink.js.map +1 -1
- package/Toast/Toast.js +27 -29
- package/Toast/Toast.js.map +1 -1
- package/Toast/Toast.mjs +1 -1
- package/index.css +1 -1
- package/index.mjs +2 -4
- package/package.json +22 -22
- package/tsconfig.cjs.json +4 -1
- package/tsconfig.esm.json +4 -2
package/Pagination/Pagination.js
CHANGED
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -43,97 +32,82 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
43
32
|
return result;
|
|
44
33
|
};
|
|
45
34
|
})();
|
|
46
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
47
|
-
var t = {};
|
|
48
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
49
|
-
t[p] = s[p];
|
|
50
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
51
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
52
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
53
|
-
t[p[i]] = s[p[i]];
|
|
54
|
-
}
|
|
55
|
-
return t;
|
|
56
|
-
};
|
|
57
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
58
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
59
37
|
};
|
|
60
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
61
39
|
exports.Pagination = void 0;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const MenuHorizontal_1 = __importDefault(require("../Icon/MenuHorizontal"));
|
|
42
|
+
const getLinkRelAttribute_1 = require("./helpers/getLinkRelAttribute");
|
|
43
|
+
const useShowItem_1 = require("./hooks/useShowItem");
|
|
44
|
+
const PaginationItem_1 = __importDefault(require("./PaginationItem"));
|
|
45
|
+
const BLOCK_NAME = 'spui-Pagination';
|
|
68
46
|
// ページ総数の閾値
|
|
69
|
-
|
|
47
|
+
const TOTAL_THRESHOLD = 100;
|
|
70
48
|
// ウィンドウリサイズ時の間引き処理時間
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
49
|
+
const RESIZE_DELAY_TIME = 800;
|
|
50
|
+
const Pagination = (props) => {
|
|
51
|
+
const { current, total, linkFollowType, showTotal = false, onPageChange, createUrl, className, ...rest } = props;
|
|
52
|
+
const handleMatchMedia = typeof window !== 'undefined' && window.matchMedia
|
|
75
53
|
? window.matchMedia('(max-width: 360px)')
|
|
76
54
|
: undefined;
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
var onChangeView = (0, react_1.useCallback)(function () {
|
|
82
|
-
var isMatchMedia = handleMatchMedia;
|
|
55
|
+
const isMatchMedia = (0, react_1.useRef)(handleMatchMedia);
|
|
56
|
+
const [matches, setMatches] = (0, react_1.useState)(() => isMatchMedia.current ? isMatchMedia.current.matches : false);
|
|
57
|
+
const onChangeView = (0, react_1.useCallback)(() => {
|
|
58
|
+
const isMatchMedia = handleMatchMedia;
|
|
83
59
|
setMatches((isMatchMedia === null || isMatchMedia === void 0 ? void 0 : isMatchMedia.matches) ? isMatchMedia.matches : false);
|
|
84
60
|
}, [handleMatchMedia]);
|
|
85
|
-
|
|
61
|
+
const onOrientationchange = (0, react_1.useCallback)(() => {
|
|
86
62
|
onChangeView();
|
|
87
63
|
}, [onChangeView]);
|
|
88
|
-
(0, react_1.useEffect)(
|
|
64
|
+
(0, react_1.useEffect)(() => {
|
|
89
65
|
window.addEventListener('orientationchange', onOrientationchange, false);
|
|
90
|
-
return
|
|
91
|
-
return window.removeEventListener('orientationchange', onOrientationchange);
|
|
92
|
-
};
|
|
66
|
+
return () => window.removeEventListener('orientationchange', onOrientationchange);
|
|
93
67
|
}, [onOrientationchange]);
|
|
94
|
-
|
|
95
|
-
setTimeout(
|
|
68
|
+
const onResizeView = (0, react_1.useCallback)(() => {
|
|
69
|
+
setTimeout(() => {
|
|
96
70
|
onChangeView();
|
|
97
71
|
}, RESIZE_DELAY_TIME);
|
|
98
72
|
}, [onChangeView]);
|
|
99
|
-
(0, react_1.useEffect)(
|
|
73
|
+
(0, react_1.useEffect)(() => {
|
|
100
74
|
window.addEventListener('resize', onResizeView, false);
|
|
101
|
-
return
|
|
75
|
+
return () => window.removeEventListener('resize', onResizeView);
|
|
102
76
|
}, [onResizeView]);
|
|
103
|
-
|
|
104
|
-
current
|
|
105
|
-
total
|
|
77
|
+
const displayItem = (0, useShowItem_1.useShowItem)({
|
|
78
|
+
current,
|
|
79
|
+
total,
|
|
106
80
|
showItemSize: matches ? 3 : 5,
|
|
107
81
|
totalThreshold: TOTAL_THRESHOLD,
|
|
108
82
|
});
|
|
109
|
-
|
|
83
|
+
const handleClick = (0, react_1.useCallback)((event, pageNumber) => {
|
|
110
84
|
onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(event, pageNumber);
|
|
111
85
|
}, [onPageChange]);
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
return (react_1.default.createElement("nav",
|
|
115
|
-
react_1.default.createElement("ul", { className:
|
|
116
|
-
showFirstLast && (react_1.default.createElement("li", { className:
|
|
86
|
+
const showPrevNext = total < TOTAL_THRESHOLD;
|
|
87
|
+
const showFirstLast = total >= TOTAL_THRESHOLD;
|
|
88
|
+
return (react_1.default.createElement("nav", { "aria-label": "\u30DA\u30FC\u30B8\u30CD\u30FC\u30B7\u30E7\u30F3", className: [BLOCK_NAME, className].filter(Boolean).join(' ').trim(), ...rest },
|
|
89
|
+
react_1.default.createElement("ul", { className: `${BLOCK_NAME}-list` },
|
|
90
|
+
showFirstLast && (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item ${BLOCK_NAME}-item--first` },
|
|
117
91
|
react_1.default.createElement(PaginationItem_1.default, { type: "first", current: current, linkFollowType: linkFollowType, total: total, onClick: handleClick, createUrl: createUrl }))),
|
|
118
|
-
showPrevNext && (react_1.default.createElement("li", { className:
|
|
92
|
+
showPrevNext && (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item ${BLOCK_NAME}-item--prev` },
|
|
119
93
|
react_1.default.createElement(PaginationItem_1.default, { type: "prev", current: current, linkFollowType: linkFollowType, total: total, onClick: handleClick, createUrl: createUrl }))),
|
|
120
|
-
displayItem.map(
|
|
121
|
-
|
|
94
|
+
displayItem.map((pageNumber, index) => {
|
|
95
|
+
const isCurrent = current === pageNumber;
|
|
122
96
|
// 数字が隣接していない場合に表示
|
|
123
|
-
|
|
124
|
-
return (react_1.default.createElement("li", { className:
|
|
125
|
-
react_1.default.createElement("a", { className:
|
|
97
|
+
const showEllipsis = !!displayItem[index + 1] && displayItem[index + 1] - pageNumber > 1;
|
|
98
|
+
return (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item`, key: `pagination-item-${pageNumber}` },
|
|
99
|
+
react_1.default.createElement("a", { className: `${BLOCK_NAME}-link`, rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType, pageNumber }), href: isCurrent ? '#' : createUrl(pageNumber), "aria-current": isCurrent ? 'page' : undefined, onClick: isCurrent
|
|
126
100
|
? undefined
|
|
127
|
-
:
|
|
101
|
+
: (e) => {
|
|
128
102
|
handleClick(e, pageNumber);
|
|
129
|
-
}, "aria-label":
|
|
130
|
-
showEllipsis && (react_1.default.createElement(MenuHorizontal_1.default, { "aria-hidden": "true", className:
|
|
103
|
+
}, "aria-label": `${pageNumber}ページ目` }, pageNumber),
|
|
104
|
+
showEllipsis && (react_1.default.createElement(MenuHorizontal_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-ellipsis` }))));
|
|
131
105
|
}),
|
|
132
|
-
showPrevNext && (react_1.default.createElement("li", { className:
|
|
106
|
+
showPrevNext && (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item ${BLOCK_NAME}-item--next` },
|
|
133
107
|
react_1.default.createElement(PaginationItem_1.default, { type: "next", current: current, linkFollowType: linkFollowType, total: total, onClick: handleClick, createUrl: createUrl }))),
|
|
134
|
-
showFirstLast && (react_1.default.createElement("li", { className:
|
|
108
|
+
showFirstLast && (react_1.default.createElement("li", { className: `${BLOCK_NAME}-item ${BLOCK_NAME}-item--last` },
|
|
135
109
|
react_1.default.createElement(PaginationItem_1.default, { type: "last", current: current, linkFollowType: linkFollowType, total: total, onClick: handleClick, createUrl: createUrl })))),
|
|
136
|
-
showTotal && (react_1.default.createElement("p", { className:
|
|
110
|
+
showTotal && (react_1.default.createElement("p", { className: `${BLOCK_NAME}-total` },
|
|
137
111
|
current,
|
|
138
112
|
"/",
|
|
139
113
|
total,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Pagination.js","sourceRoot":"","sources":["../../src/Pagination/Pagination.tsx"],"names":[],"mappings":"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"}
|
|
@@ -17,7 +17,7 @@ export const Pagination = (props) => {
|
|
|
17
17
|
const [matches, setMatches] = useState(() => isMatchMedia.current ? isMatchMedia.current.matches : false);
|
|
18
18
|
const onChangeView = useCallback(() => {
|
|
19
19
|
const isMatchMedia = handleMatchMedia;
|
|
20
|
-
setMatches(isMatchMedia
|
|
20
|
+
setMatches((isMatchMedia === null || isMatchMedia === void 0 ? void 0 : isMatchMedia.matches) ? isMatchMedia.matches : false);
|
|
21
21
|
}, [handleMatchMedia]);
|
|
22
22
|
const onOrientationchange = useCallback(() => {
|
|
23
23
|
onChangeView();
|
|
@@ -42,7 +42,7 @@ export const Pagination = (props) => {
|
|
|
42
42
|
totalThreshold: TOTAL_THRESHOLD,
|
|
43
43
|
});
|
|
44
44
|
const handleClick = useCallback((event, pageNumber) => {
|
|
45
|
-
onPageChange
|
|
45
|
+
onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(event, pageNumber);
|
|
46
46
|
}, [onPageChange]);
|
|
47
47
|
const showPrevNext = total < TOTAL_THRESHOLD;
|
|
48
48
|
const showFirstLast = total >= TOTAL_THRESHOLD;
|
|
@@ -4,62 +4,59 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.PaginationItem = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
exports.PaginationItem = react_1.default.memo(function PaginationItem(
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
var itemPropMap = {
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const ChevronLeftBold_1 = __importDefault(require("../Icon/ChevronLeftBold"));
|
|
9
|
+
const ChevronRightBold_1 = __importDefault(require("../Icon/ChevronRightBold"));
|
|
10
|
+
const TriangleendLeftBold_1 = __importDefault(require("../Icon/TriangleendLeftBold"));
|
|
11
|
+
const TriangleendRightBold_1 = __importDefault(require("../Icon/TriangleendRightBold"));
|
|
12
|
+
const getLinkRelAttribute_1 = require("./helpers/getLinkRelAttribute");
|
|
13
|
+
const useItemPageNumber_1 = require("./hooks/useItemPageNumber");
|
|
14
|
+
const BLOCK_NAME = 'spui-PaginationItem';
|
|
15
|
+
exports.PaginationItem = react_1.default.memo(function PaginationItem({ type, current, total, linkFollowType, onClick, createUrl, }) {
|
|
16
|
+
const isDisabled = type === 'first' || type === 'prev' ? current === 1 : current === total;
|
|
17
|
+
const isShowLabel = type === 'prev' || type === 'next';
|
|
18
|
+
const { pageNumber } = (0, useItemPageNumber_1.useItemPageNumber)({
|
|
19
|
+
type,
|
|
20
|
+
isDisabled,
|
|
21
|
+
current,
|
|
22
|
+
total,
|
|
23
|
+
});
|
|
24
|
+
const itemPropMap = {
|
|
26
25
|
first: {
|
|
27
26
|
label: '最初へ',
|
|
28
27
|
icon: function iconElement() {
|
|
29
|
-
return (react_1.default.createElement(TriangleendLeftBold_1.default, { "aria-hidden": "true", className:
|
|
28
|
+
return (react_1.default.createElement(TriangleendLeftBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon` }));
|
|
30
29
|
},
|
|
31
30
|
},
|
|
32
31
|
prev: {
|
|
33
32
|
label: '前へ',
|
|
34
33
|
icon: function iconElement() {
|
|
35
|
-
return (react_1.default.createElement(ChevronLeftBold_1.default, { "aria-hidden": "true", className:
|
|
34
|
+
return (react_1.default.createElement(ChevronLeftBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon` }));
|
|
36
35
|
},
|
|
37
36
|
},
|
|
38
37
|
next: {
|
|
39
38
|
label: '次へ',
|
|
40
39
|
icon: function iconElement() {
|
|
41
|
-
return (react_1.default.createElement(ChevronRightBold_1.default, { "aria-hidden": "true", className:
|
|
40
|
+
return (react_1.default.createElement(ChevronRightBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon` }));
|
|
42
41
|
},
|
|
43
42
|
},
|
|
44
43
|
last: {
|
|
45
44
|
label: '最後へ',
|
|
46
45
|
icon: function iconElement() {
|
|
47
|
-
return (react_1.default.createElement(TriangleendRightBold_1.default, { "aria-hidden": "true", className:
|
|
46
|
+
return (react_1.default.createElement(TriangleendRightBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-icon` }));
|
|
48
47
|
},
|
|
49
48
|
},
|
|
50
49
|
};
|
|
51
|
-
|
|
52
|
-
isShowLabel && (react_1.default.createElement("span", { className:
|
|
53
|
-
itemPropMap[type].icon()));
|
|
54
|
-
return isDisabled ? (react_1.default.createElement("button", { type: "button", className:
|
|
55
|
-
react_1.default.createElement(PaginationItemLabel, null))) : (react_1.default.createElement("a", { className:
|
|
50
|
+
const PaginationItemLabel = () => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
51
|
+
isShowLabel && (react_1.default.createElement("span", { className: `${BLOCK_NAME}-label` }, itemPropMap[type].label)),
|
|
52
|
+
itemPropMap[type].icon()));
|
|
53
|
+
return isDisabled ? (react_1.default.createElement("button", { type: "button", className: `${BLOCK_NAME}-link ${BLOCK_NAME}-link--${type}`, "aria-label": itemPropMap[type].label, disabled: true },
|
|
54
|
+
react_1.default.createElement(PaginationItemLabel, null))) : (react_1.default.createElement("a", { className: `${BLOCK_NAME}-link ${BLOCK_NAME}-link--${type}`, rel: (0, getLinkRelAttribute_1.getLinkRelAttribute)({ linkFollowType, pageNumber }), "aria-label": itemPropMap[type].label, href: createUrl(pageNumber), onClick: (e) => {
|
|
56
55
|
onClick(e, pageNumber);
|
|
57
56
|
} },
|
|
58
57
|
react_1.default.createElement(PaginationItemLabel, null)));
|
|
59
|
-
},
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
prevProps.total === nextProps.total;
|
|
63
|
-
});
|
|
58
|
+
}, (prevProps, nextProps) => prevProps.type === nextProps.type &&
|
|
59
|
+
prevProps.current === nextProps.current &&
|
|
60
|
+
prevProps.total === nextProps.total);
|
|
64
61
|
exports.default = exports.PaginationItem;
|
|
65
62
|
//# sourceMappingURL=PaginationItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"PaginationItem.js","sourceRoot":"","sources":["../../src/Pagination/PaginationItem.tsx"],"names":[],"mappings":";;;;;;AAAA,
|
|
1
|
+
{"version":3,"file":"PaginationItem.js","sourceRoot":"","sources":["../../src/Pagination/PaginationItem.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.getLinkRelAttribute = getLinkRelAttribute;
|
|
4
|
-
function getLinkRelAttribute(
|
|
5
|
-
var linkFollowType = _a.linkFollowType, pageNumber = _a.pageNumber;
|
|
4
|
+
function getLinkRelAttribute({ linkFollowType, pageNumber }) {
|
|
6
5
|
switch (linkFollowType) {
|
|
7
6
|
case 'all':
|
|
8
7
|
return undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getLinkRelAttribute.js","sourceRoot":"","sources":["../../../src/Pagination/helpers/getLinkRelAttribute.ts"],"names":[],"mappings":";;AAOA,kDASC;AATD,SAAgB,mBAAmB,CAAC,
|
|
1
|
+
{"version":3,"file":"getLinkRelAttribute.js","sourceRoot":"","sources":["../../../src/Pagination/helpers/getLinkRelAttribute.ts"],"names":[],"mappings":";;AAOA,kDASC;AATD,SAAgB,mBAAmB,CAAC,EAAE,cAAc,EAAE,UAAU,EAAW;IACzE,QAAQ,cAAc,EAAE,CAAC;QACvB,KAAK,KAAK;YACR,OAAO,SAAS,CAAC;QACnB,KAAK,MAAM;YACT,OAAO,UAAU,CAAC;QACpB,KAAK,WAAW;YACd,OAAO,UAAU,KAAK,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC;IACrD,CAAC;AACH,CAAC"}
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useItemPageNumber = useItemPageNumber;
|
|
4
|
-
|
|
5
|
-
function useItemPageNumber(
|
|
6
|
-
|
|
7
|
-
var pageNumber = (0, react_1.useMemo)(function () {
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
function useItemPageNumber({ type, isDisabled, current, total, }) {
|
|
6
|
+
const pageNumber = (0, react_1.useMemo)(() => {
|
|
8
7
|
if (type === 'first') {
|
|
9
8
|
return 1;
|
|
10
9
|
}
|
|
@@ -18,6 +17,6 @@ function useItemPageNumber(_a) {
|
|
|
18
17
|
return total;
|
|
19
18
|
}
|
|
20
19
|
}, [type, isDisabled, current, total]);
|
|
21
|
-
return { pageNumber
|
|
20
|
+
return { pageNumber };
|
|
22
21
|
}
|
|
23
22
|
//# sourceMappingURL=useItemPageNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useItemPageNumber.js","sourceRoot":"","sources":["../../../src/Pagination/hooks/useItemPageNumber.ts"],"names":[],"mappings":";;AASA,8CAmBC;AA5BD
|
|
1
|
+
{"version":3,"file":"useItemPageNumber.js","sourceRoot":"","sources":["../../../src/Pagination/hooks/useItemPageNumber.ts"],"names":[],"mappings":";;AASA,8CAmBC;AA5BD,iCAAgC;AAShC,SAAgB,iBAAiB,CAAC,EAChC,IAAI,EACJ,UAAU,EACV,OAAO,EACP,KAAK,GACG;IACR,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,KAAK,OAAO,EAAE,CAAC;YACrB,OAAO,CAAC,CAAC;QACX,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QACvC,CAAC;aAAM,IAAI,IAAI,KAAK,MAAM,EAAE,CAAC;YAC3B,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,OAAO,GAAG,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;QAC3C,CAAC;aAAM,CAAC;YACN,OAAO,KAAK,CAAC;QACf,CAAC;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,CAAC,CAAC;IAEvC,OAAO,EAAE,UAAU,EAAE,CAAC;AACxB,CAAC"}
|
|
@@ -1,17 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
3
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
4
|
-
if (ar || !(i in from)) {
|
|
5
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
6
|
-
ar[i] = from[i];
|
|
7
|
-
}
|
|
8
|
-
}
|
|
9
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
10
|
-
};
|
|
11
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
12
3
|
exports.useShowItem = useShowItem;
|
|
13
4
|
// 表示出来る数字(アイテム)の最大数
|
|
14
|
-
|
|
5
|
+
const MAX_SHOW_ITEM_SIZE = 5;
|
|
15
6
|
/**
|
|
16
7
|
* useShowItem分岐条件
|
|
17
8
|
* 1.総ページ数が表示したいアイテム数以下の場合、総ページ数と同じアイテム数を返す
|
|
@@ -24,36 +15,37 @@ var MAX_SHOW_ITEM_SIZE = 5;
|
|
|
24
15
|
* 2.現在のページ数が総ページ数 - 中央値より大きい場合、最初のページとtotalまでの表示したいアイテム数を返す
|
|
25
16
|
* 3.最初のアイテムは1を最後のアイテムは総ページ数を返すとともにlengthが3の場合は現在のページ数のみでlengthが5の場合は現在のページ数とその前後のアイテム数を返す
|
|
26
17
|
*/
|
|
27
|
-
function useShowItem(
|
|
28
|
-
var current = _a.current, total = _a.total, showItemSize = _a.showItemSize, totalThreshold = _a.totalThreshold;
|
|
18
|
+
function useShowItem({ current, total, showItemSize, totalThreshold, }) {
|
|
29
19
|
if (total <= showItemSize) {
|
|
30
|
-
return Array.from({ length: total },
|
|
20
|
+
return Array.from({ length: total }, (_e, index) => index + 1);
|
|
31
21
|
}
|
|
32
22
|
// 中央値(少数の切り捨て)
|
|
33
|
-
|
|
23
|
+
const median = (showItemSize / 2) | 0;
|
|
34
24
|
if (total <= MAX_SHOW_ITEM_SIZE || total >= totalThreshold) {
|
|
35
25
|
if (current < 1 + median) {
|
|
36
|
-
return Array.from({ length: showItemSize },
|
|
26
|
+
return Array.from({ length: showItemSize }, (_e, index) => index + 1);
|
|
37
27
|
}
|
|
38
28
|
if (current > total - median) {
|
|
39
|
-
return Array.from({ length: showItemSize },
|
|
29
|
+
return Array.from({ length: showItemSize }, (_e, index) => total - index).reverse();
|
|
40
30
|
}
|
|
41
|
-
return Array.from({ length: showItemSize },
|
|
31
|
+
return Array.from({ length: showItemSize }, (_e, index) => current - median + index);
|
|
42
32
|
}
|
|
43
33
|
if (current < 1 + median) {
|
|
44
|
-
return
|
|
34
|
+
return [
|
|
35
|
+
...Array.from({ length: showItemSize - 1 }, (_e, index) => index + 1),
|
|
45
36
|
total,
|
|
46
|
-
]
|
|
37
|
+
];
|
|
47
38
|
}
|
|
48
39
|
if (current > total - median) {
|
|
49
|
-
return
|
|
50
|
-
1
|
|
51
|
-
|
|
40
|
+
return [
|
|
41
|
+
1,
|
|
42
|
+
...Array.from({ length: showItemSize - 1 }, (_e, index) => total - index).reverse(),
|
|
43
|
+
];
|
|
52
44
|
}
|
|
53
|
-
return
|
|
54
|
-
1
|
|
55
|
-
|
|
45
|
+
return [
|
|
46
|
+
1,
|
|
47
|
+
...Array.from({ length: showItemSize - 2 }, (_e, index) => current - (median - 1) + index),
|
|
56
48
|
total,
|
|
57
|
-
]
|
|
49
|
+
];
|
|
58
50
|
}
|
|
59
51
|
//# sourceMappingURL=useShowItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useShowItem.js","sourceRoot":"","sources":["../../../src/Pagination/hooks/useShowItem.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"useShowItem.js","sourceRoot":"","sources":["../../../src/Pagination/hooks/useShowItem.ts"],"names":[],"mappings":";;AAsBA,kCAmDC;AAlED,oBAAoB;AACpB,MAAM,kBAAkB,GAAG,CAAC,CAAC;AAE7B;;;;;;;;;;;GAWG;AACH,SAAgB,WAAW,CAAC,EAC1B,OAAO,EACP,KAAK,EACL,YAAY,EACZ,cAAc,GACN;IACR,IAAI,KAAK,IAAI,YAAY,EAAE,CAAC;QAC1B,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;IACjE,CAAC;IAED,eAAe;IACf,MAAM,MAAM,GAAG,CAAC,YAAY,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;IAEtC,IAAI,KAAK,IAAI,kBAAkB,IAAI,KAAK,IAAI,cAAc,EAAE,CAAC;QAC3D,IAAI,OAAO,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC;YACzB,OAAO,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC;QACxE,CAAC;QACD,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;YAC7B,OAAO,KAAK,CAAC,IAAI,CACf,EAAE,MAAM,EAAE,YAAY,EAAE,EACxB,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAC7B,CAAC,OAAO,EAAE,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC,IAAI,CACf,EAAE,MAAM,EAAE,YAAY,EAAE,EACxB,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,GAAG,MAAM,GAAG,KAAK,CACxC,CAAC;IACJ,CAAC;IACD,IAAI,OAAO,GAAG,CAAC,GAAG,MAAM,EAAE,CAAC;QACzB,OAAO;YACL,GAAG,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,CAAC,CAAC;YACrE,KAAK;SACN,CAAC;IACJ,CAAC;IACD,IAAI,OAAO,GAAG,KAAK,GAAG,MAAM,EAAE,CAAC;QAC7B,OAAO;YACL,CAAC;YACD,GAAG,KAAK,CAAC,IAAI,CACX,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAC5B,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,KAAK,GAAG,KAAK,CAC7B,CAAC,OAAO,EAAE;SACZ,CAAC;IACJ,CAAC;IACD,OAAO;QACL,CAAC;QACD,GAAG,KAAK,CAAC,IAAI,CACX,EAAE,MAAM,EAAE,YAAY,GAAG,CAAC,EAAE,EAC5B,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,GAAG,KAAK,CAC9C;QACD,KAAK;KACN,CAAC;AACJ,CAAC"}
|
package/Rating/Rating.js
CHANGED
|
@@ -1,59 +1,37 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
25
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
26
4
|
};
|
|
27
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
28
6
|
exports.Rating = void 0;
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const Star_1 = __importDefault(require("../Icon/Star"));
|
|
9
|
+
const StarBack_1 = __importDefault(require("./StarBack"));
|
|
10
|
+
const StarFront_1 = __importDefault(require("./StarFront"));
|
|
11
|
+
const BLOCK_NAME = 'spui-Rating';
|
|
12
|
+
const convertToValue = (num) => {
|
|
35
13
|
return Math.round(num * 10) / 10;
|
|
36
14
|
};
|
|
37
|
-
|
|
15
|
+
const clamp = (num, min, max) => {
|
|
38
16
|
return Math.max(min, Math.min(num, max));
|
|
39
17
|
};
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
return (react_1.default.createElement("div",
|
|
46
|
-
showText && react_1.default.createElement("p", { className:
|
|
47
|
-
react_1.default.createElement("div", { className:
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
return (react_1.default.createElement("span", { key: itemValue, className:
|
|
53
|
-
react_1.default.createElement(StarFront_1.default, { className:
|
|
54
|
-
react_1.default.createElement(StarBack_1.default, { className:
|
|
55
|
-
react_1.default.createElement("span", { className:
|
|
56
|
-
react_1.default.createElement(StarFront_1.default, { className:
|
|
18
|
+
const Rating = (props) => {
|
|
19
|
+
const { max, value, size, showText = false, ...rest } = props;
|
|
20
|
+
const convertedValue = convertToValue(value);
|
|
21
|
+
const clampedValue = clamp(convertedValue, 0, max);
|
|
22
|
+
const ariaLabel = `${max}つ星中${clampedValue}の評価`;
|
|
23
|
+
return (react_1.default.createElement("div", { className: `${BLOCK_NAME} ${BLOCK_NAME}--${size}`, ...rest },
|
|
24
|
+
showText && react_1.default.createElement("p", { className: `${BLOCK_NAME}-text` }, clampedValue),
|
|
25
|
+
react_1.default.createElement("div", { className: `${BLOCK_NAME}-image`, role: "img", "aria-label": ariaLabel }, Array.from({ length: max }, (_, index) => {
|
|
26
|
+
const itemValue = index + 1;
|
|
27
|
+
const isFull = clampedValue >= itemValue;
|
|
28
|
+
const fillRatio = clamp(clampedValue - (itemValue - 1), 0, 1);
|
|
29
|
+
const isActive = fillRatio > 0 && fillRatio < 1;
|
|
30
|
+
return (react_1.default.createElement("span", { key: itemValue, className: `${BLOCK_NAME}-item` }, isFull ? (react_1.default.createElement("span", { className: `${BLOCK_NAME}-item--full` },
|
|
31
|
+
react_1.default.createElement(StarFront_1.default, { className: `${BLOCK_NAME}-icon`, "aria-hidden": "true" }))) : isActive ? (react_1.default.createElement("span", { className: `${BLOCK_NAME}-item--active` },
|
|
32
|
+
react_1.default.createElement(StarBack_1.default, { className: `${BLOCK_NAME}-icon`, "aria-hidden": "true" }),
|
|
33
|
+
react_1.default.createElement("span", { className: `${BLOCK_NAME}-item--front`, style: { width: `${fillRatio * 100}%` } },
|
|
34
|
+
react_1.default.createElement(StarFront_1.default, { className: `${BLOCK_NAME}-icon`, "aria-hidden": "true" })))) : (react_1.default.createElement(Star_1.default, { className: `${BLOCK_NAME}-icon`, "aria-hidden": "true" }))));
|
|
57
35
|
}))));
|
|
58
36
|
};
|
|
59
37
|
exports.Rating = Rating;
|
package/Rating/Rating.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Rating.js","sourceRoot":"","sources":["../../src/Rating/Rating.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,wDAAgC;AAChC,0DAAkC;AAClC,4DAAoC;AAWpC,MAAM,UAAU,GAAG,aAAa,CAAC;AAEjC,MAAM,cAAc,GAAG,CAAC,GAAW,EAAU,EAAE;IAC7C,OAAO,IAAI,CAAC,KAAK,CAAC,GAAG,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC;AACnC,CAAC,CAAC;AAEF,MAAM,KAAK,GAAG,CAAC,GAAW,EAAE,GAAW,EAAE,GAAW,EAAU,EAAE;IAC9D,OAAO,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC,CAAC;AAC3C,CAAC,CAAC;AAEK,MAAM,MAAM,GAAG,CAAC,KAAY,EAAE,EAAE;IACrC,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,GAAG,KAAK,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAC9D,MAAM,cAAc,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;IAC7C,MAAM,YAAY,GAAG,KAAK,CAAC,cAAc,EAAE,CAAC,EAAE,GAAG,CAAC,CAAC;IACnD,MAAM,SAAS,GAAG,GAAG,GAAG,MAAM,YAAY,KAAK,CAAC;IAEhD,OAAO,CACL,uCAAK,SAAS,EAAE,GAAG,UAAU,IAAI,UAAU,KAAK,IAAI,EAAE,KAAM,IAAI;QAC7D,QAAQ,IAAI,qCAAG,SAAS,EAAE,GAAG,UAAU,OAAO,IAAG,YAAY,CAAK;QACnE,uCAAK,SAAS,EAAE,GAAG,UAAU,QAAQ,EAAE,IAAI,EAAC,KAAK,gBAAa,SAAS,IACpE,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,KAAa,EAAE,EAAE;YAChD,MAAM,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;YAC5B,MAAM,MAAM,GAAG,YAAY,IAAI,SAAS,CAAC;YACzC,MAAM,SAAS,GAAG,KAAK,CAAC,YAAY,GAAG,CAAC,SAAS,GAAG,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;YAC9D,MAAM,QAAQ,GAAG,SAAS,GAAG,CAAC,IAAI,SAAS,GAAG,CAAC,CAAC;YAEhD,OAAO,CACL,wCAAM,GAAG,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,UAAU,OAAO,IAClD,MAAM,CAAC,CAAC,CAAC,CACR,wCAAM,SAAS,EAAE,GAAG,UAAU,aAAa;gBACzC,8BAAC,mBAAS,IACR,SAAS,EAAE,GAAG,UAAU,OAAO,iBACnB,MAAM,GAClB,CACG,CACR,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,CACb,wCAAM,SAAS,EAAE,GAAG,UAAU,eAAe;gBAC3C,8BAAC,kBAAQ,IACP,SAAS,EAAE,GAAG,UAAU,OAAO,iBACnB,MAAM,GAClB;gBACF,wCACE,SAAS,EAAE,GAAG,UAAU,cAAc,EACtC,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,SAAS,GAAG,GAAG,GAAG,EAAE;oBAEvC,8BAAC,mBAAS,IACR,SAAS,EAAE,GAAG,UAAU,OAAO,iBACnB,MAAM,GAClB,CACG,CACF,CACR,CAAC,CAAC,CAAC,CACF,8BAAC,cAAI,IAAC,SAAS,EAAE,GAAG,UAAU,OAAO,iBAAc,MAAM,GAAG,CAC7D,CACI,CACR,CAAC;QACJ,CAAC,CAAC,CACE,CACF,CACP,CAAC;AACJ,CAAC,CAAC;AAlDW,QAAA,MAAM,UAkDjB"}
|
package/Rating/StarBack.js
CHANGED
|
@@ -1,23 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
14
3
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
15
4
|
};
|
|
16
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
17
6
|
exports.StarBack = void 0;
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
return (react_1.default.createElement("svg",
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const StarBack = (props) => {
|
|
9
|
+
return (react_1.default.createElement("svg", { fill: "currentColor", height: "1em", viewBox: "0 0 16 16", width: "1em", xmlns: "http://www.w3.org/2000/svg", ...props },
|
|
21
10
|
react_1.default.createElement("title", null, "rating background"),
|
|
22
11
|
react_1.default.createElement("path", { d: "m7.99976 2.32129c.20919 0 .38925.113.47949.31152l1.30664 2.87305.1582.34863.37991.04297 3.1338.35352c.2122.02395.3761.15758.4404.35644.0654.20211.0104.40434-.1445.54492l-.003.00293-2.3271 2.13379-.2813.25782.0762.375.6328 3.08882v.001c.0419.2095-.0358.4095-.2051.5332-.1029.074-.2129.1064-.3125.1065-.0612 0-.1286-.0122-.1943-.0391l-.0644-.0322-2.74028-1.5664-.33399-.1905-.33398.1895-2.74707 1.5605-.00098.001c-.08551.0489-.17721.0703-.25879.0703-.07484 0-.15524-.0181-.23437-.0586l-.07813-.0478c-.16849-.1231-.24652-.321-.20605-.5293l.63281-3.09376.07715-.37402-.28223-.25879-2.32617-2.13282-.00293-.00293-.05371-.05566c-.11358-.1357-.14809-.31321-.09082-.49023.06442-.19874.22827-.33254.44043-.35645l3.13281-.35352.38086-.04296.1582-.34864 1.30176-2.8623c.09632-.20159.28109-.31537.49024-.31543z", stroke: "#83898e", strokeWidth: "1.35" })));
|
|
23
12
|
};
|
package/Rating/StarBack.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StarBack.js","sourceRoot":"","sources":["../../src/Rating/StarBack.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"StarBack.js","sourceRoot":"","sources":["../../src/Rating/StarBack.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAInB,MAAM,QAAQ,GAAG,CAAC,KAAY,EAAE,EAAE;IACvC,OAAO,CACL,uCACE,IAAI,EAAC,cAAc,EACnB,MAAM,EAAC,KAAK,EACZ,OAAO,EAAC,WAAW,EACnB,KAAK,EAAC,KAAK,EACX,KAAK,EAAC,4BAA4B,KAC9B,KAAK;QAET,iEAAgC;QAChC,wCACE,CAAC,EAAC,gyBAAgyB,EAClyB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAC,MAAM,GAClB,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAlBW,QAAA,QAAQ,YAkBnB;AAEF,kBAAe,gBAAQ,CAAC"}
|