smarthr-ui 21.0.0 → 21.3.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/CHANGELOG.md +42 -0
- package/esm/components/AppNavi/appNaviHelper.d.ts +3 -3
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js +3 -3
- package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/esm/components/BottomFixedArea/BottomFixedArea.d.ts +5 -5
- package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/esm/components/BottomFixedArea/bottomFixedAreaHelper.d.ts +1 -1
- package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js +11 -4
- package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
- package/esm/components/Button/AnchorButton.d.ts +2 -2
- package/esm/components/Button/AnchorButton.js +6 -4
- package/esm/components/Button/AnchorButton.js.map +1 -1
- package/esm/components/Button/Button.d.ts +2 -2
- package/esm/components/Button/Button.js +6 -4
- package/esm/components/Button/Button.js.map +1 -1
- package/esm/components/Button/ButtonWrapper.d.ts +12 -4
- package/esm/components/Button/ButtonWrapper.js +3 -3
- package/esm/components/Button/ButtonWrapper.js.map +1 -1
- package/esm/components/Calendar/Calendar.js +4 -4
- package/esm/components/Calendar/Calendar.js.map +1 -1
- package/esm/components/CheckBox/CheckBoxInput.js +4 -2
- package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/esm/components/Dialog/ActionDialog.d.ts +3 -6
- package/esm/components/Dialog/ActionDialog.js +2 -2
- package/esm/components/Dialog/ActionDialog.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContent.d.ts +2 -2
- package/esm/components/Dialog/ActionDialogContent.js +5 -3
- package/esm/components/Dialog/ActionDialogContent.js.map +1 -1
- package/esm/components/Dialog/ActionDialogContentInner.d.ts +16 -16
- package/esm/components/Dialog/ActionDialogContentInner.js +4 -9
- package/esm/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/Dialog.d.ts +3 -5
- package/esm/components/Dialog/Dialog.js.map +1 -1
- package/esm/components/Dialog/DialogContent.d.ts +2 -2
- package/esm/components/Dialog/DialogContent.js +5 -3
- package/esm/components/Dialog/DialogContent.js.map +1 -1
- package/esm/components/Dialog/DialogContentInner.d.ts +17 -13
- package/esm/components/Dialog/DialogContentInner.js +2 -2
- package/esm/components/Dialog/DialogContentInner.js.map +1 -1
- package/esm/components/Dialog/DialogWrapper.d.ts +0 -3
- package/esm/components/Dialog/DialogWrapper.js +1 -11
- package/esm/components/Dialog/DialogWrapper.js.map +1 -1
- package/esm/components/Dialog/FocusTrap.d.ts +2 -1
- package/esm/components/Dialog/FocusTrap.js +11 -6
- package/esm/components/Dialog/FocusTrap.js.map +1 -1
- package/esm/components/Dialog/MessageDialog.d.ts +3 -5
- package/esm/components/Dialog/MessageDialog.js +2 -2
- package/esm/components/Dialog/MessageDialog.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContent.d.ts +2 -2
- package/esm/components/Dialog/MessageDialogContent.js +5 -3
- package/esm/components/Dialog/MessageDialogContent.js.map +1 -1
- package/esm/components/Dialog/MessageDialogContentInner.d.ts +8 -8
- package/esm/components/Dialog/MessageDialogContentInner.js +3 -3
- package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/esm/components/Dialog/ModelessDialog.js +2 -2
- package/esm/components/Dialog/ModelessDialog.js.map +1 -1
- package/esm/components/Dialog/types.d.ts +14 -0
- package/esm/components/Dialog/types.js +2 -0
- package/esm/components/Dialog/types.js.map +1 -0
- package/esm/components/DropZone/DropZone.js +2 -2
- package/esm/components/DropZone/DropZone.js.map +1 -1
- package/esm/components/Dropdown/Dropdown.js +5 -8
- package/esm/components/Dropdown/Dropdown.js.map +1 -1
- package/esm/components/Dropdown/DropdownButton/DropdownButton.d.ts +20 -0
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js +39 -0
- package/esm/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -0
- package/esm/components/Dropdown/DropdownButton/index.d.ts +1 -0
- package/esm/components/Dropdown/DropdownButton/index.js +2 -0
- package/esm/components/Dropdown/DropdownButton/index.js.map +1 -0
- package/esm/components/Dropdown/DropdownButton/useClassNames.d.ts +5 -0
- package/esm/components/Dropdown/DropdownButton/useClassNames.js +12 -0
- package/esm/components/Dropdown/DropdownButton/useClassNames.js.map +1 -0
- package/esm/components/Dropdown/DropdownContentInner.js +1 -1
- package/esm/components/Dropdown/DropdownContentInner.js.map +1 -1
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +5 -5
- package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/esm/components/Dropdown/index.d.ts +1 -0
- package/esm/components/Dropdown/index.js +1 -0
- package/esm/components/Dropdown/index.js.map +1 -1
- package/esm/components/Dropdown/useKeyboardNavigation.d.ts +1 -1
- package/esm/components/Dropdown/useKeyboardNavigation.js +8 -3
- package/esm/components/Dropdown/useKeyboardNavigation.js.map +1 -1
- package/esm/components/FlashMessage/FlashMessage.js +2 -2
- package/esm/components/FlashMessage/FlashMessage.js.map +1 -1
- package/esm/components/FloatArea/FloatArea.d.ts +2 -2
- package/esm/components/Header/Header.d.ts +22 -0
- package/esm/components/Header/Header.js +64 -0
- package/esm/components/Header/Header.js.map +1 -0
- package/esm/components/Header/HeaderDropdownButton.d.ts +1320 -0
- package/esm/components/Header/HeaderDropdownButton.js +19 -0
- package/esm/components/Header/HeaderDropdownButton.js.map +1 -0
- package/esm/components/Header/HeaderLink.d.ts +273 -0
- package/esm/components/Header/HeaderLink.js +18 -0
- package/esm/components/Header/HeaderLink.js.map +1 -0
- package/esm/components/Header/index.d.ts +3 -0
- package/esm/components/Header/index.js +4 -0
- package/esm/components/Header/index.js.map +1 -0
- package/esm/components/Header/useClassNames.d.ts +6 -0
- package/esm/components/Header/useClassNames.js +13 -0
- package/esm/components/Header/useClassNames.js.map +1 -0
- package/esm/components/Heading/Heading.d.ts +3 -2
- package/esm/components/Heading/Heading.js +38 -46
- package/esm/components/Heading/Heading.js.map +1 -1
- package/esm/components/Icon/Icon.d.ts +3 -1
- package/esm/components/Icon/Icon.js +2 -1
- package/esm/components/Icon/Icon.js.map +1 -1
- package/esm/components/InformationPanel/InformationPanel.js +3 -3
- package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
- package/esm/components/InputFile/InputFile.js +2 -2
- package/esm/components/InputFile/InputFile.js.map +1 -1
- package/esm/components/Layout/LineUp/LineUp.d.ts +1 -0
- package/esm/components/Layout/LineUp/LineUp.js +1 -0
- package/esm/components/Layout/LineUp/LineUp.js.map +1 -1
- package/esm/components/MessageScreen/MessageScreen.js +2 -5
- package/esm/components/MessageScreen/MessageScreen.js.map +1 -1
- package/esm/components/NotificationBar/NotificationBar.js +25 -21
- package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
- package/esm/components/NotificationBar/useClassNames.d.ts +2 -0
- package/esm/components/NotificationBar/useClassNames.js +2 -0
- package/esm/components/NotificationBar/useClassNames.js.map +1 -1
- package/esm/components/Pagination/Pagination.js +2 -2
- package/esm/components/Pagination/Pagination.js.map +1 -1
- package/esm/components/Pagination/PaginationItem.d.ts +266 -1
- package/esm/components/Pagination/PaginationItem.js +2 -2
- package/esm/components/Pagination/PaginationItem.js.map +1 -1
- package/esm/components/RadioButton/RadioButtonInput.js +4 -2
- package/esm/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNote.js +2 -2
- package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/esm/components/RightFixedNote/RightFixedNoteItem.js +2 -2
- package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/esm/components/SegmentedControl/SegmentedControl.js +3 -3
- package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/esm/components/SmartHRLogo/SmartHRLogo.d.ts +2 -2
- package/esm/components/SmartHRLogo/SmartHRLogo.js +25 -16
- package/esm/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
- package/esm/components/TabBar/TabBar.d.ts +3 -0
- package/esm/components/TabBar/TabBar.js +2 -1
- package/esm/components/TabBar/TabBar.js.map +1 -1
- package/esm/components/TabBar/TabItem.d.ts +6 -0
- package/esm/components/TabBar/TabItem.js.map +1 -1
- package/esm/components/Table/Body.d.ts +3 -0
- package/esm/components/Table/Body.js +3 -0
- package/esm/components/Table/Body.js.map +1 -1
- package/esm/components/Table/BulkActionRow.d.ts +10 -0
- package/esm/components/Table/BulkActionRow.js +20 -0
- package/esm/components/Table/BulkActionRow.js.map +1 -0
- package/esm/components/Table/Cell.d.ts +3 -0
- package/esm/components/Table/Cell.js +3 -0
- package/esm/components/Table/Cell.js.map +1 -1
- package/esm/components/Table/Head.d.ts +5 -0
- package/esm/components/Table/Head.js +5 -0
- package/esm/components/Table/Head.js.map +1 -1
- package/esm/components/Table/Row.d.ts +3 -0
- package/esm/components/Table/Row.js +3 -0
- package/esm/components/Table/Row.js.map +1 -1
- package/esm/components/Table/Table.d.ts +4 -0
- package/esm/components/Table/Table.js +20 -6
- package/esm/components/Table/Table.js.map +1 -1
- package/esm/components/Table/Td.d.ts +10 -0
- package/esm/components/Table/Td.js +36 -0
- package/esm/components/Table/Td.js.map +1 -0
- package/esm/components/Table/Th.d.ts +12 -0
- package/esm/components/Table/Th.js +43 -0
- package/esm/components/Table/Th.js.map +1 -0
- package/esm/components/Table/index.d.ts +3 -0
- package/esm/components/Table/index.js +3 -0
- package/esm/components/Table/index.js.map +1 -1
- package/esm/components/Table/useClassNames.d.ts +9 -0
- package/esm/components/Table/useClassNames.js +19 -1
- package/esm/components/Table/useClassNames.js.map +1 -1
- package/esm/components/Text/Text.d.ts +1 -1
- package/esm/components/TextLink/TextLink.d.ts +3 -0
- package/esm/components/TextLink/TextLink.js.map +1 -1
- package/esm/components/Textarea/Textarea.d.ts +3 -0
- package/esm/components/Textarea/Textarea.js.map +1 -1
- package/esm/components/Tooltip/Tooltip.d.ts +8 -0
- package/esm/components/Tooltip/Tooltip.js.map +1 -1
- package/esm/hocs/hoverable.d.ts +4 -8
- package/esm/hooks/useClassNameGenerator.d.ts +1 -1
- package/esm/index.d.ts +3 -2
- package/esm/index.js +3 -2
- package/esm/index.js.map +1 -1
- package/esm/themes/createColor.d.ts +16 -5
- package/esm/themes/createColor.js +45 -20
- package/esm/themes/createColor.js.map +1 -1
- package/esm/themes/createPalette.js +3 -3
- package/esm/themes/createPalette.js.map +1 -1
- package/esm/themes/createShadow.d.ts +3 -0
- package/esm/themes/createShadow.js +8 -6
- package/esm/themes/createShadow.js.map +1 -1
- package/lib/components/AppNavi/appNaviHelper.d.ts +3 -3
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js +2 -2
- package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
- package/lib/components/BottomFixedArea/BottomFixedArea.d.ts +5 -5
- package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
- package/lib/components/BottomFixedArea/bottomFixedAreaHelper.d.ts +1 -1
- package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js +11 -4
- package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
- package/lib/components/Button/AnchorButton.d.ts +2 -2
- package/lib/components/Button/AnchorButton.js +28 -7
- package/lib/components/Button/AnchorButton.js.map +1 -1
- package/lib/components/Button/Button.d.ts +2 -2
- package/lib/components/Button/Button.js +28 -7
- package/lib/components/Button/Button.js.map +1 -1
- package/lib/components/Button/ButtonWrapper.d.ts +12 -4
- package/lib/components/Button/ButtonWrapper.js +2 -2
- package/lib/components/Button/ButtonWrapper.js.map +1 -1
- package/lib/components/Calendar/Calendar.js +3 -3
- package/lib/components/Calendar/Calendar.js.map +1 -1
- package/lib/components/CheckBox/CheckBoxInput.js +4 -2
- package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
- package/lib/components/Dialog/ActionDialog.d.ts +3 -6
- package/lib/components/Dialog/ActionDialog.js +2 -2
- package/lib/components/Dialog/ActionDialog.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContent.d.ts +2 -2
- package/lib/components/Dialog/ActionDialogContent.js +5 -3
- package/lib/components/Dialog/ActionDialogContent.js.map +1 -1
- package/lib/components/Dialog/ActionDialogContentInner.d.ts +16 -16
- package/lib/components/Dialog/ActionDialogContentInner.js +3 -8
- package/lib/components/Dialog/ActionDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/Dialog.d.ts +3 -5
- package/lib/components/Dialog/Dialog.js.map +1 -1
- package/lib/components/Dialog/DialogContent.d.ts +2 -2
- package/lib/components/Dialog/DialogContent.js +5 -3
- package/lib/components/Dialog/DialogContent.js.map +1 -1
- package/lib/components/Dialog/DialogContentInner.d.ts +17 -13
- package/lib/components/Dialog/DialogContentInner.js +2 -2
- package/lib/components/Dialog/DialogContentInner.js.map +1 -1
- package/lib/components/Dialog/DialogWrapper.d.ts +0 -3
- package/lib/components/Dialog/DialogWrapper.js +0 -10
- package/lib/components/Dialog/DialogWrapper.js.map +1 -1
- package/lib/components/Dialog/FocusTrap.d.ts +2 -1
- package/lib/components/Dialog/FocusTrap.js +11 -6
- package/lib/components/Dialog/FocusTrap.js.map +1 -1
- package/lib/components/Dialog/MessageDialog.d.ts +3 -5
- package/lib/components/Dialog/MessageDialog.js +2 -2
- package/lib/components/Dialog/MessageDialog.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContent.d.ts +2 -2
- package/lib/components/Dialog/MessageDialogContent.js +5 -3
- package/lib/components/Dialog/MessageDialogContent.js.map +1 -1
- package/lib/components/Dialog/MessageDialogContentInner.d.ts +8 -8
- package/lib/components/Dialog/MessageDialogContentInner.js +2 -2
- package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
- package/lib/components/Dialog/ModelessDialog.js +1 -1
- package/lib/components/Dialog/ModelessDialog.js.map +1 -1
- package/lib/components/Dialog/types.d.ts +14 -0
- package/lib/components/Dialog/types.js +3 -0
- package/lib/components/Dialog/types.js.map +1 -0
- package/lib/components/DropZone/DropZone.js +1 -1
- package/lib/components/DropZone/DropZone.js.map +1 -1
- package/lib/components/Dropdown/Dropdown.js +5 -8
- package/lib/components/Dropdown/Dropdown.js.map +1 -1
- package/lib/components/Dropdown/DropdownButton/DropdownButton.d.ts +20 -0
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js +66 -0
- package/lib/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -0
- package/lib/components/Dropdown/DropdownButton/index.d.ts +1 -0
- package/lib/components/Dropdown/DropdownButton/index.js +6 -0
- package/lib/components/Dropdown/DropdownButton/index.js.map +1 -0
- package/lib/components/Dropdown/DropdownButton/useClassNames.d.ts +5 -0
- package/lib/components/Dropdown/DropdownButton/useClassNames.js +16 -0
- package/lib/components/Dropdown/DropdownButton/useClassNames.js.map +1 -0
- package/lib/components/Dropdown/DropdownContentInner.js +1 -1
- package/lib/components/Dropdown/DropdownContentInner.js.map +1 -1
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +4 -4
- package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
- package/lib/components/Dropdown/index.d.ts +1 -0
- package/lib/components/Dropdown/index.js +3 -1
- package/lib/components/Dropdown/index.js.map +1 -1
- package/lib/components/Dropdown/useKeyboardNavigation.d.ts +1 -1
- package/lib/components/Dropdown/useKeyboardNavigation.js +8 -3
- package/lib/components/Dropdown/useKeyboardNavigation.js.map +1 -1
- package/lib/components/FlashMessage/FlashMessage.js +1 -1
- package/lib/components/FlashMessage/FlashMessage.js.map +1 -1
- package/lib/components/FloatArea/FloatArea.d.ts +2 -2
- package/lib/components/Header/Header.d.ts +22 -0
- package/lib/components/Header/Header.js +91 -0
- package/lib/components/Header/Header.js.map +1 -0
- package/lib/components/Header/HeaderDropdownButton.d.ts +1320 -0
- package/lib/components/Header/HeaderDropdownButton.js +45 -0
- package/lib/components/Header/HeaderDropdownButton.js.map +1 -0
- package/lib/components/Header/HeaderLink.d.ts +273 -0
- package/lib/components/Header/HeaderLink.js +44 -0
- package/lib/components/Header/HeaderLink.js.map +1 -0
- package/lib/components/Header/index.d.ts +3 -0
- package/lib/components/Header/index.js +20 -0
- package/lib/components/Header/index.js.map +1 -0
- package/lib/components/Header/useClassNames.d.ts +6 -0
- package/lib/components/Header/useClassNames.js +17 -0
- package/lib/components/Header/useClassNames.js.map +1 -0
- package/lib/components/Heading/Heading.d.ts +3 -2
- package/lib/components/Heading/Heading.js +38 -46
- package/lib/components/Heading/Heading.js.map +1 -1
- package/lib/components/Icon/Icon.d.ts +3 -1
- package/lib/components/Icon/Icon.js +4 -3
- package/lib/components/Icon/Icon.js.map +1 -1
- package/lib/components/InformationPanel/InformationPanel.js +2 -2
- package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
- package/lib/components/InputFile/InputFile.js +1 -1
- package/lib/components/InputFile/InputFile.js.map +1 -1
- package/lib/components/Layout/LineUp/LineUp.d.ts +1 -0
- package/lib/components/Layout/LineUp/LineUp.js +1 -0
- package/lib/components/Layout/LineUp/LineUp.js.map +1 -1
- package/lib/components/MessageScreen/MessageScreen.js +2 -5
- package/lib/components/MessageScreen/MessageScreen.js.map +1 -1
- package/lib/components/NotificationBar/NotificationBar.js +23 -19
- package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
- package/lib/components/NotificationBar/useClassNames.d.ts +2 -0
- package/lib/components/NotificationBar/useClassNames.js +2 -0
- package/lib/components/NotificationBar/useClassNames.js.map +1 -1
- package/lib/components/Pagination/Pagination.js +2 -2
- package/lib/components/Pagination/Pagination.js.map +1 -1
- package/lib/components/Pagination/PaginationItem.d.ts +266 -1
- package/lib/components/Pagination/PaginationItem.js +1 -1
- package/lib/components/Pagination/PaginationItem.js.map +1 -1
- package/lib/components/RadioButton/RadioButtonInput.js +4 -2
- package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.js +1 -1
- package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.js +1 -1
- package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
- package/lib/components/SegmentedControl/SegmentedControl.js +2 -2
- package/lib/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/lib/components/SmartHRLogo/SmartHRLogo.d.ts +2 -2
- package/lib/components/SmartHRLogo/SmartHRLogo.js +24 -15
- package/lib/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
- package/lib/components/TabBar/TabBar.d.ts +3 -0
- package/lib/components/TabBar/TabBar.js +2 -1
- package/lib/components/TabBar/TabBar.js.map +1 -1
- package/lib/components/TabBar/TabItem.d.ts +6 -0
- package/lib/components/TabBar/TabItem.js.map +1 -1
- package/lib/components/Table/Body.d.ts +3 -0
- package/lib/components/Table/Body.js +3 -0
- package/lib/components/Table/Body.js.map +1 -1
- package/lib/components/Table/BulkActionRow.d.ts +10 -0
- package/lib/components/Table/BulkActionRow.js +50 -0
- package/lib/components/Table/BulkActionRow.js.map +1 -0
- package/lib/components/Table/Cell.d.ts +3 -0
- package/lib/components/Table/Cell.js +3 -0
- package/lib/components/Table/Cell.js.map +1 -1
- package/lib/components/Table/Head.d.ts +5 -0
- package/lib/components/Table/Head.js +5 -0
- package/lib/components/Table/Head.js.map +1 -1
- package/lib/components/Table/Row.d.ts +3 -0
- package/lib/components/Table/Row.js +3 -0
- package/lib/components/Table/Row.js.map +1 -1
- package/lib/components/Table/Table.d.ts +4 -0
- package/lib/components/Table/Table.js +20 -6
- package/lib/components/Table/Table.js.map +1 -1
- package/lib/components/Table/Td.d.ts +10 -0
- package/lib/components/Table/Td.js +66 -0
- package/lib/components/Table/Td.js.map +1 -0
- package/lib/components/Table/Th.d.ts +12 -0
- package/lib/components/Table/Th.js +73 -0
- package/lib/components/Table/Th.js.map +1 -0
- package/lib/components/Table/index.d.ts +3 -0
- package/lib/components/Table/index.js +7 -1
- package/lib/components/Table/index.js.map +1 -1
- package/lib/components/Table/useClassNames.d.ts +9 -0
- package/lib/components/Table/useClassNames.js +22 -1
- package/lib/components/Table/useClassNames.js.map +1 -1
- package/lib/components/Text/Text.d.ts +1 -1
- package/lib/components/TextLink/TextLink.d.ts +3 -0
- package/lib/components/TextLink/TextLink.js.map +1 -1
- package/lib/components/Textarea/Textarea.d.ts +3 -0
- package/lib/components/Textarea/Textarea.js.map +1 -1
- package/lib/components/Tooltip/Tooltip.d.ts +8 -0
- package/lib/components/Tooltip/Tooltip.js.map +1 -1
- package/lib/hocs/hoverable.d.ts +4 -8
- package/lib/hooks/useClassNameGenerator.d.ts +1 -1
- package/lib/index.d.ts +3 -2
- package/lib/index.js +11 -3
- package/lib/index.js.map +1 -1
- package/lib/themes/createColor.d.ts +16 -5
- package/lib/themes/createColor.js +45 -20
- package/lib/themes/createColor.js.map +1 -1
- package/lib/themes/createPalette.js +3 -3
- package/lib/themes/createPalette.js.map +1 -1
- package/lib/themes/createShadow.d.ts +3 -0
- package/lib/themes/createShadow.js +8 -6
- package/lib/themes/createShadow.js.map +1 -1
- package/package.json +40 -42
package/CHANGELOG.md
CHANGED
|
@@ -2,6 +2,48 @@
|
|
|
2
2
|
|
|
3
3
|
All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
|
|
4
4
|
|
|
5
|
+
## [21.3.0](https://github.com/kufu/smarthr-ui/compare/v21.2.0...v21.3.0) (2022-06-07)
|
|
6
|
+
|
|
7
|
+
|
|
8
|
+
### Features
|
|
9
|
+
|
|
10
|
+
* Header を追加|SHRUI-346 ([#2536](https://github.com/kufu/smarthr-ui/issues/2536)) ([3266007](https://github.com/kufu/smarthr-ui/commit/326600773b2c793388827ed862fcec9e209865b2))
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* `NotificationBar` の右寄せ部分にエスケープハッチを追加 (SHRUI-555) ([#2469](https://github.com/kufu/smarthr-ui/issues/2469)) ([239c6e4](https://github.com/kufu/smarthr-ui/commit/239c6e494ba52cbc7b53c28fbc470339b8502729))
|
|
16
|
+
* apply forwardRef to Button and AnchorButton ([#2540](https://github.com/kufu/smarthr-ui/issues/2540)) ([4378f51](https://github.com/kufu/smarthr-ui/commit/4378f51342fba32a35ca09ac513cd9417a165402))
|
|
17
|
+
* set Button default type to 'button' ([#2542](https://github.com/kufu/smarthr-ui/issues/2542)) ([fa94faf](https://github.com/kufu/smarthr-ui/commit/fa94faf7686200bb22638a7ba24d7b5e67744962))
|
|
18
|
+
* ドロップダウンのフォーカス制御の修正 ([#2535](https://github.com/kufu/smarthr-ui/issues/2535)) ([fe45084](https://github.com/kufu/smarthr-ui/commit/fe45084e71e1537eb4ae5da3dcab6c0c1e6acad6))
|
|
19
|
+
* フォーカスリングが見きれないように修正 (SHRUI-565) ([#2537](https://github.com/kufu/smarthr-ui/issues/2537)) ([9fb9dfd](https://github.com/kufu/smarthr-ui/commit/9fb9dfd42932f64f939383eab666ced5e3e1af66))
|
|
20
|
+
|
|
21
|
+
## [21.2.0](https://github.com/kufu/smarthr-ui/compare/v21.1.0...v21.2.0) (2022-05-30)
|
|
22
|
+
|
|
23
|
+
|
|
24
|
+
### Features
|
|
25
|
+
|
|
26
|
+
* DropdownButton を追加 ([#2516](https://github.com/kufu/smarthr-ui/issues/2516)) ([360a4d4](https://github.com/kufu/smarthr-ui/commit/360a4d41633d30d37c9d35153fddd9bb38d978da))
|
|
27
|
+
* Storybookにcontrols addonを追加 ([#2488](https://github.com/kufu/smarthr-ui/issues/2488)) ([334e612](https://github.com/kufu/smarthr-ui/commit/334e612139901ef2abc17b97ca9b17e803fe00fb))
|
|
28
|
+
|
|
29
|
+
|
|
30
|
+
### Bug Fixes
|
|
31
|
+
|
|
32
|
+
* CheckBox と RadioButton で static className があたってしまうのを修正 ([#2515](https://github.com/kufu/smarthr-ui/issues/2515)) ([505eedb](https://github.com/kufu/smarthr-ui/commit/505eedbe7afe57edbbcd1cfb9398e59261283e5e))
|
|
33
|
+
* ライブラリの動作に必要ない jest-environment-jsdom を devDependencies に移動 ([#2514](https://github.com/kufu/smarthr-ui/issues/2514)) ([2a30e97](https://github.com/kufu/smarthr-ui/commit/2a30e975c69b0965784b651b77eac404c97ff6d1))
|
|
34
|
+
|
|
35
|
+
## [21.1.0](https://github.com/kufu/smarthr-ui/compare/v21.0.0...v21.1.0) (2022-05-23)
|
|
36
|
+
|
|
37
|
+
|
|
38
|
+
### Features
|
|
39
|
+
|
|
40
|
+
* `Icon` の size を string で指定できるように変更 (SHRUI-559) ([#2481](https://github.com/kufu/smarthr-ui/issues/2481)) ([3cd7ef5](https://github.com/kufu/smarthr-ui/commit/3cd7ef52234a3d07c5dd22c40ae5482428c946b8))
|
|
41
|
+
* `Th`, `Td` コンポーネントを追加 (SHRUI-557) ([#2471](https://github.com/kufu/smarthr-ui/issues/2471)) ([4bd8270](https://github.com/kufu/smarthr-ui/commit/4bd8270af711025ffefaa5928247753bb0679b18))
|
|
42
|
+
* ActionDialog と MessageDialog の良いデフォルトを実装 ([#2489](https://github.com/kufu/smarthr-ui/issues/2489)) ([e15d78d](https://github.com/kufu/smarthr-ui/commit/e15d78d6d2fa968985711eead91444931563ac25))
|
|
43
|
+
* add new icon, fa-reg-light-bulb ([#2486](https://github.com/kufu/smarthr-ui/issues/2486)) ([23bea0c](https://github.com/kufu/smarthr-ui/commit/23bea0c5e3fd04649f6df789e1e9cde111e9a3b3))
|
|
44
|
+
* ダイアログにおいて最初にフォーカスする要素を指定できるようにする (SHRUI-562) ([#2485](https://github.com/kufu/smarthr-ui/issues/2485)) ([c14ec72](https://github.com/kufu/smarthr-ui/commit/c14ec72e0023158ccb948f4c8be603431194269a))
|
|
45
|
+
* 色のデザイントークンを整理|SHRUI-560 ([#2447](https://github.com/kufu/smarthr-ui/issues/2447)) ([8c9bb71](https://github.com/kufu/smarthr-ui/commit/8c9bb71adf7c478348a862b5ed138e25d4af01e9))
|
|
46
|
+
|
|
5
47
|
## [21.0.0](https://github.com/kufu/smarthr-ui/compare/v20.4.0...v21.0.0) (2022-05-09)
|
|
6
48
|
|
|
7
49
|
|
|
@@ -2,9 +2,9 @@ import React from 'react';
|
|
|
2
2
|
import { Theme } from '../../hooks/useTheme';
|
|
3
3
|
import { ComponentProps as IconProps } from '../Icon';
|
|
4
4
|
export declare const getIconComponent: (theme: Theme, options?: {
|
|
5
|
-
icon?: React.ComponentType<IconProps
|
|
6
|
-
current?: boolean
|
|
7
|
-
}
|
|
5
|
+
icon?: React.ComponentType<IconProps>;
|
|
6
|
+
current?: boolean;
|
|
7
|
+
}) => JSX.Element | null;
|
|
8
8
|
export declare type ItemStyleProps = {
|
|
9
9
|
themes: Theme;
|
|
10
10
|
isActive?: boolean;
|
|
@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
import { useId } from '../../hooks/useId';
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
5
|
import { Base } from '../Base';
|
|
6
|
-
import {
|
|
6
|
+
import { Button, UnstyledButton } from '../Button';
|
|
7
7
|
import { FaMinusIcon, FaTimesIcon, FaWindowMaximizeIcon } from '../Icon';
|
|
8
8
|
import { JobIcon } from './JobIcon';
|
|
9
9
|
import { OmittableJobText } from './OmittableJobText';
|
|
@@ -23,13 +23,13 @@ export const BackgroundJobsPanel = ({ title, jobs, onClickCancelJob, onClickExpa
|
|
|
23
23
|
React.createElement(Header, null,
|
|
24
24
|
React.createElement(Title, { themes: themes, className: classNames.title }, title),
|
|
25
25
|
React.createElement(HeaderButtonLayout, { themes: themes },
|
|
26
|
-
React.createElement(
|
|
26
|
+
React.createElement(Button, { type: "button", size: "s", square: true, onClick: () => {
|
|
27
27
|
onClickExpansion && onClickExpansion(!isExpanded);
|
|
28
28
|
if (!isExpansionControlled) {
|
|
29
29
|
setIsExpanded(!isExpanded);
|
|
30
30
|
}
|
|
31
31
|
}, "aria-expanded": isExpanded, "aria-controls": jobListId, className: classNames.toggleButton }, isExpanded ? (React.createElement(FaMinusIcon, { visuallyHiddenText: "\u6298\u308A\u305F\u305F\u3080" })) : (React.createElement(FaWindowMaximizeIcon, { visuallyHiddenText: "\u5C55\u958B\u3059\u308B" }))),
|
|
32
|
-
React.createElement(
|
|
32
|
+
React.createElement(Button, { type: "button", size: "s", square: true, onClick: onClickClose, className: classNames.closeButton },
|
|
33
33
|
React.createElement(FaTimesIcon, { visuallyHiddenText: "\u9589\u3058\u308B" })))),
|
|
34
34
|
React.createElement(JobList, { themes: themes, isExpanded: isExpanded, id: jobListId, className: classNames.list }, jobs.map((job) => {
|
|
35
35
|
const handleClickCancelJob = onClickCancelJob ? () => onClickCancelJob(job.id) : undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAuB,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"BackgroundJobsPanel.js","sourceRoot":"","sources":["../../../src/components/BackgroundJobsPanel/BackgroundJobsPanel.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import React, { ComponentProps, FunctionComponentElement, HTMLAttributes, ReactNode, VFC } from 'react';
|
|
2
2
|
import { TertiaryLink } from './TertiaryLink';
|
|
3
|
-
import { PrimaryButton, PrimaryButtonAnchor, SecondaryButton, SecondaryButtonAnchor } from '../Button';
|
|
4
|
-
export declare type Primary = FunctionComponentElement<ComponentProps<typeof PrimaryButton>> | FunctionComponentElement<ComponentProps<typeof PrimaryButtonAnchor>>;
|
|
5
|
-
export declare type Secondary = FunctionComponentElement<ComponentProps<typeof SecondaryButton>> | FunctionComponentElement<ComponentProps<typeof SecondaryButtonAnchor>>;
|
|
3
|
+
import { AnchorButton, Button, PrimaryButton, PrimaryButtonAnchor, SecondaryButton, SecondaryButtonAnchor } from '../Button';
|
|
4
|
+
export declare type Primary = FunctionComponentElement<ComponentProps<typeof Button>> | FunctionComponentElement<ComponentProps<typeof AnchorButton>> | FunctionComponentElement<ComponentProps<typeof PrimaryButton>> | FunctionComponentElement<ComponentProps<typeof PrimaryButtonAnchor>>;
|
|
5
|
+
export declare type Secondary = FunctionComponentElement<ComponentProps<typeof Button>> | FunctionComponentElement<ComponentProps<typeof AnchorButton>> | FunctionComponentElement<ComponentProps<typeof SecondaryButton>> | FunctionComponentElement<ComponentProps<typeof SecondaryButtonAnchor>>;
|
|
6
6
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
7
7
|
declare type Props = {
|
|
8
8
|
/** この領域の説明 */
|
|
9
9
|
description?: ReactNode;
|
|
10
|
-
/** 表示する `
|
|
10
|
+
/** 表示する `Button` または `AnchorButton` (`variant="primary"` である必要がある) */
|
|
11
11
|
primaryButton?: Primary;
|
|
12
|
-
/** 表示する `
|
|
12
|
+
/** 表示する `Button` または `AnchorButton` (`variant="secondary"` である必要がある)*/
|
|
13
13
|
secondaryButton?: Secondary;
|
|
14
14
|
/** 表示する tertialy link のプロパティの配列 */
|
|
15
15
|
tertiaryLinks?: Array<React.ComponentProps<typeof TertiaryLink>>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;
|
|
1
|
+
{"version":3,"file":"BottomFixedArea.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/BottomFixedArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAMZ,SAAS,GACV,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AAEzD,OAAO,EAAE,IAAI,IAAI,aAAa,EAAE,MAAM,SAAS,CAAA;AAS/C,OAAO,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA+B/C,MAAM,CAAC,MAAM,eAAe,GAA8B,CAAC,EACzD,WAAW,EACX,aAAa,EACb,eAAe,EACf,aAAa,EACb,MAAM,GAAG,GAAG,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,SAAS,CAAC,GAAG,EAAE;QACb,eAAe,CAAC,aAAa,EAAE,eAAe,CAAC,CAAA;IACjD,CAAC,EAAE,CAAC,aAAa,EAAE,eAAe,CAAC,CAAC,CAAA;IAEpC,OAAO,CACL,oBAAC,IAAI,IACH,MAAM,EAAE,KAAK,EACb,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,KAC3C,KAAK;QAET,oBAAC,KAAK;YACH,WAAW,IAAI,oBAAC,IAAI,IAAC,SAAS,EAAE,UAAU,CAAC,WAAW,IAAG,WAAW,CAAQ;YAC5E,CAAC,eAAe,IAAI,aAAa,CAAC,IAAI,CACrC,oBAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE;gBACvD,eAAe,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,eAAe,IAAG,eAAe,CAAM;gBACpF,aAAa,IAAI,4BAAI,SAAS,EAAE,UAAU,CAAC,aAAa,IAAG,aAAa,CAAM,CACnE,CACf;YACA,aAAa,IAAI,aAAa,CAAC,MAAM,GAAG,CAAC,IAAI,CAC5C,oBAAC,WAAW,IAAC,OAAO,EAAC,QAAQ,EAAC,GAAG,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,CAAC,EAAE,IACvD,aAAa,CAAC,GAAG,CAAC,CAAC,YAAY,EAAE,KAAK,EAAE,EAAE,CAAC,CAC1C,4BAAI,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,UAAU,CAAC,gBAAgB;gBACpD,oBAAC,YAAY,OAAK,YAAY,GAAI,CAC/B,CACN,CAAC,CACU,CACf,CACK,CACH,CACR,CAAA;AACH,CAAC,CAAA;AAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,CAAC,CAAmC;IACjE,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE;IAC1C,OAAO,GAAG,CAAA;;;;iBAIG,aAAa,CAAC,GAAG,CAAC;;iBAElB,MAAM;;;;KAIlB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;CAEtB,CAAA;AACD,MAAM,WAAW,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC;IACxC,EAAE,EAAE,IAAI;CACT,CAAC,CAAA;;;;CAID,CAAA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { Primary, Secondary } from './BottomFixedArea';
|
|
2
|
-
export declare const validateElement: (primary?: Primary
|
|
2
|
+
export declare const validateElement: (primary?: Primary, secondary?: Secondary) => void;
|
|
@@ -1,14 +1,21 @@
|
|
|
1
1
|
export const validateElement = (primary, secondary) => {
|
|
2
2
|
if (primary) {
|
|
3
3
|
const { displayName } = primary.type;
|
|
4
|
-
if (displayName !== '
|
|
5
|
-
|
|
4
|
+
if (((displayName !== 'Button' && displayName !== 'AnchorButton') ||
|
|
5
|
+
!('variant' in primary.props) ||
|
|
6
|
+
primary.props.variant !== 'primary') &&
|
|
7
|
+
displayName !== 'PrimaryButton' &&
|
|
8
|
+
displayName !== 'PrimaryButtonAnchor') {
|
|
9
|
+
console.error('SmartHR UI: the primaryButton props accepts "primary" Button or AnchorButton component');
|
|
6
10
|
}
|
|
7
11
|
}
|
|
8
12
|
if (secondary) {
|
|
9
13
|
const { displayName } = secondary.type;
|
|
10
|
-
if (displayName !== '
|
|
11
|
-
|
|
14
|
+
if (((displayName !== 'Button' && displayName !== 'AnchorButton') ||
|
|
15
|
+
('variant' in secondary.props && secondary?.props.variant !== 'secondary')) &&
|
|
16
|
+
displayName !== 'SecondaryButton' &&
|
|
17
|
+
displayName !== 'SecondaryButtonAnchor') {
|
|
18
|
+
console.error('SmartHR UI: the secondaryButton props accepts "secondary" Button or AnchorButton component');
|
|
12
19
|
}
|
|
13
20
|
}
|
|
14
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"bottomFixedAreaHelper.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/bottomFixedAreaHelper.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAiB,EAAE,SAAqB,EAAE,EAAE;IAC1E,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,IAAI,CAAA;
|
|
1
|
+
{"version":3,"file":"bottomFixedAreaHelper.js","sourceRoot":"","sources":["../../../src/components/BottomFixedArea/bottomFixedAreaHelper.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,OAAiB,EAAE,SAAqB,EAAE,EAAE;IAC1E,IAAI,OAAO,EAAE;QACX,MAAM,EAAE,WAAW,EAAE,GAAG,OAAO,CAAC,IAAI,CAAA;QAEpC,IACE,CAAC,CAAC,WAAW,KAAK,QAAQ,IAAI,WAAW,KAAK,cAAc,CAAC;YAC3D,CAAC,CAAC,SAAS,IAAI,OAAO,CAAC,KAAK,CAAC;YAC7B,OAAO,CAAC,KAAK,CAAC,OAAO,KAAK,SAAS,CAAC;YACtC,WAAW,KAAK,eAAe;YAC/B,WAAW,KAAK,qBAAqB,EACrC;YACA,OAAO,CAAC,KAAK,CACX,wFAAwF,CACzF,CAAA;SACF;KACF;IACD,IAAI,SAAS,EAAE;QACb,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,IAAI,CAAA;QAEtC,IACE,CAAC,CAAC,WAAW,KAAK,QAAQ,IAAI,WAAW,KAAK,cAAc,CAAC;YAC3D,CAAC,SAAS,IAAI,SAAS,CAAC,KAAK,IAAI,SAAS,EAAE,KAAK,CAAC,OAAO,KAAK,WAAW,CAAC,CAAC;YAC7E,WAAW,KAAK,iBAAiB;YACjC,WAAW,KAAK,uBAAuB,EACvC;YACA,OAAO,CAAC,KAAK,CACX,4FAA4F,CAC7F,CAAA;SACF;KACF;AACH,CAAC,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { AnchorHTMLAttributes
|
|
1
|
+
import React, { AnchorHTMLAttributes } from 'react';
|
|
2
2
|
import { BaseProps } from './types';
|
|
3
3
|
declare type ElementProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseProps>;
|
|
4
|
-
export declare const AnchorButton:
|
|
4
|
+
export declare const AnchorButton: React.ForwardRefExoticComponent<BaseProps & ElementProps & React.RefAttributes<HTMLAnchorElement>>;
|
|
5
5
|
export {};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useRef } from 'react';
|
|
2
2
|
import { useClassNames } from './useClassNames';
|
|
3
3
|
import { ButtonWrapper } from './ButtonWrapper';
|
|
4
4
|
import { ButtonInner } from './ButtonInner';
|
|
5
|
-
export const AnchorButton = ({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', className = '', children, ...props }) => {
|
|
5
|
+
export const AnchorButton = forwardRef(({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', className = '', children, ...props }, ref) => {
|
|
6
|
+
const anchorRef = useRef(null);
|
|
7
|
+
useImperativeHandle(ref, () => anchorRef.current);
|
|
6
8
|
const classNames = useClassNames().anchorButton;
|
|
7
|
-
return (React.createElement(ButtonWrapper, { ...props, size: size, square: square, wide: wide, variant: variant, className: `${className} ${classNames.wrapper}`, isAnchor: true },
|
|
9
|
+
return (React.createElement(ButtonWrapper, { ...props, size: size, square: square, wide: wide, variant: variant, className: `${className} ${classNames.wrapper}`, isAnchor: true, anchorRef: anchorRef },
|
|
8
10
|
React.createElement(ButtonInner, { prefix: prefix, suffix: suffix }, children)));
|
|
9
|
-
};
|
|
11
|
+
});
|
|
10
12
|
//# sourceMappingURL=AnchorButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,CACE,EACE,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,YAAY,CAAA;IAE/C,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,QAAQ,QACR,SAAS,EAAE,SAAS;QAEpB,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { ButtonHTMLAttributes
|
|
1
|
+
import React, { ButtonHTMLAttributes } from 'react';
|
|
2
2
|
import { BaseProps } from './types';
|
|
3
3
|
declare type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseProps>;
|
|
4
|
-
export declare const Button:
|
|
4
|
+
export declare const Button: React.ForwardRefExoticComponent<BaseProps & ElementProps & React.RefAttributes<HTMLButtonElement>>;
|
|
5
5
|
export {};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { forwardRef, useImperativeHandle, useRef } from 'react';
|
|
2
2
|
import { useClassNames } from './useClassNames';
|
|
3
3
|
import { ButtonWrapper } from './ButtonWrapper';
|
|
4
4
|
import { ButtonInner } from './ButtonInner';
|
|
5
|
-
export const Button = ({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', className = '', children, ...props }) => {
|
|
5
|
+
export const Button = forwardRef(({ type = 'button', size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', className = '', children, ...props }, ref) => {
|
|
6
|
+
const buttonRef = useRef(null);
|
|
7
|
+
useImperativeHandle(ref, () => buttonRef.current);
|
|
6
8
|
const classNames = useClassNames().button;
|
|
7
|
-
return (React.createElement(ButtonWrapper, { ...props, size: size, square: square, wide: wide, variant: variant, className: `${className} ${classNames.wrapper}
|
|
9
|
+
return (React.createElement(ButtonWrapper, { ...props, type: type, size: size, square: square, wide: wide, variant: variant, className: `${className} ${classNames.wrapper}`, buttonRef: buttonRef },
|
|
8
10
|
React.createElement(ButtonInner, { prefix: prefix, suffix: suffix }, children)));
|
|
9
|
-
};
|
|
11
|
+
});
|
|
10
12
|
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwB,UAAU,EAAE,mBAAmB,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAG5F,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,MAAM,GAAG,UAAU,CAC9B,CACE,EACE,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE;IACF,MAAM,SAAS,GAAG,MAAM,CAAoB,IAAI,CAAC,CAAA;IACjD,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,SAAS,CAAC,OAAO,CACxB,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IAEzC,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,SAAS,EAAE,SAAS;QAEpB,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CACF,CAAA"}
|
|
@@ -1,13 +1,21 @@
|
|
|
1
|
-
import { ReactNode } from 'react';
|
|
1
|
+
import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode, RefObject } from 'react';
|
|
2
2
|
import { Variant } from './types';
|
|
3
|
-
declare type
|
|
3
|
+
declare type BaseProps = {
|
|
4
4
|
size: 'default' | 's';
|
|
5
5
|
square: boolean;
|
|
6
6
|
wide: boolean;
|
|
7
7
|
variant: Variant;
|
|
8
8
|
className: string;
|
|
9
9
|
children: ReactNode;
|
|
10
|
-
isAnchor?: boolean;
|
|
11
10
|
};
|
|
12
|
-
|
|
11
|
+
declare type ButtonProps = BaseProps & {
|
|
12
|
+
isAnchor?: never;
|
|
13
|
+
buttonRef?: RefObject<HTMLButtonElement>;
|
|
14
|
+
};
|
|
15
|
+
declare type AnchorProps = BaseProps & {
|
|
16
|
+
isAnchor: true;
|
|
17
|
+
anchorRef?: RefObject<HTMLAnchorElement>;
|
|
18
|
+
};
|
|
19
|
+
declare type Props = (ButtonProps & Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof ButtonProps>) | (AnchorProps & Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof AnchorProps>);
|
|
20
|
+
export declare function ButtonWrapper({ size, square, className, ...props }: Props): JSX.Element;
|
|
13
21
|
export {};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import React, { useMemo } from 'react';
|
|
1
|
+
import React, { useMemo, } from 'react';
|
|
2
2
|
import styled, { css } from 'styled-components';
|
|
3
3
|
import { useTheme } from '../../hooks/useTheme';
|
|
4
|
-
export function ButtonWrapper({ size, square, className,
|
|
4
|
+
export function ButtonWrapper({ size, square, className, ...props }) {
|
|
5
5
|
const theme = useTheme();
|
|
6
6
|
const buttonClassName = useMemo(() => `${size} ${className} ${square ? 'square' : ''}`, [className, size, square]);
|
|
7
|
-
return isAnchor ? (React.createElement(Anchor, { ...props, className: buttonClassName, themes: theme })) : (React.createElement(Button, { ...props, className: buttonClassName, themes: theme }));
|
|
7
|
+
return props.isAnchor ? (React.createElement(Anchor, { ...props, className: buttonClassName, ref: props.anchorRef, themes: theme })) : (React.createElement(Button, { ...props, className: buttonClassName, ref: props.buttonRef, themes: theme }));
|
|
8
8
|
}
|
|
9
9
|
const baseStyles = css(({ wide, themes }) => {
|
|
10
10
|
const { border, fontSize, leading, radius, shadow, spacingByChar } = themes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonWrapper.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ButtonWrapper.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonWrapper.tsx"],"names":[],"mappings":"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"}
|
|
@@ -3,7 +3,7 @@ import styled, { css } from 'styled-components';
|
|
|
3
3
|
import dayjs from 'dayjs';
|
|
4
4
|
import { useTheme } from '../../hooks/useTheme';
|
|
5
5
|
import { useClassNames } from './useClassNames';
|
|
6
|
-
import {
|
|
6
|
+
import { Button } from '../Button';
|
|
7
7
|
import { FaCaretDownIcon, FaCaretUpIcon, FaChevronLeftIcon, FaChevronRightIcon } from '../Icon';
|
|
8
8
|
import { CalendarTable } from './CalendarTable';
|
|
9
9
|
import { YearPicker } from './YearPicker';
|
|
@@ -33,14 +33,14 @@ export const Calendar = forwardRef(({ from, to, onSelectDate, value, ...props },
|
|
|
33
33
|
"\u5E74",
|
|
34
34
|
currentMonth.month() + 1,
|
|
35
35
|
"\u6708"),
|
|
36
|
-
React.createElement(
|
|
36
|
+
React.createElement(Button, { onClick: (e) => {
|
|
37
37
|
e.stopPropagation();
|
|
38
38
|
setIsSelectingYear(!isSelectingYear);
|
|
39
39
|
}, size: "s", square: true, "aria-expanded": isSelectingYear, "aria-controls": yearPickerId, className: classNames.calendar.selectingYear }, isSelectingYear ? (React.createElement(FaCaretUpIcon, { visuallyHiddenText: "\u5E74\u3092\u9078\u629E\u3059\u308B" })) : (React.createElement(FaCaretDownIcon, { visuallyHiddenText: "\u5E74\u3092\u9078\u629E\u3059\u308B" }))),
|
|
40
40
|
React.createElement(MonthButtons, { className: classNames.calendar.monthButtons },
|
|
41
|
-
React.createElement(
|
|
41
|
+
React.createElement(Button, { disabled: isSelectingYear || prevMonth.isBefore(fromDay, 'month'), onClick: () => setCurrentMonth(prevMonth), size: "s", square: true, className: classNames.calendar.monthButtonPrev },
|
|
42
42
|
React.createElement(FaChevronLeftIcon, { visuallyHiddenText: "\u524D\u306E\u6708\u3078" })),
|
|
43
|
-
React.createElement(
|
|
43
|
+
React.createElement(Button, { disabled: isSelectingYear || nextMonth.isAfter(toDay, 'month'), onClick: () => setCurrentMonth(nextMonth), size: "s", square: true, className: classNames.calendar.monthButtonNext },
|
|
44
44
|
React.createElement(FaChevronRightIcon, { visuallyHiddenText: "\u6B21\u306E\u6708\u3078" })))),
|
|
45
45
|
React.createElement(TableLayout, null,
|
|
46
46
|
React.createElement(YearPicker, { fromYear: fromDay.year(), toYear: toDay.year(), selectedYear: value?.getFullYear(), onSelectYear: (year) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA8B,UAAU,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1F,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Calendar.js","sourceRoot":"","sources":["../../../src/components/Calendar/Calendar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -45,12 +45,14 @@ const Box = styled.span `
|
|
|
45
45
|
box-sizing: border-box;
|
|
46
46
|
pointer-events: none;
|
|
47
47
|
|
|
48
|
-
|
|
48
|
+
/* FIXME: なぜか static classname になってしまうため & を重ねている */
|
|
49
|
+
input:checked + && {
|
|
49
50
|
border-color: ${color.MAIN};
|
|
50
51
|
background-color: ${color.MAIN};
|
|
51
52
|
}
|
|
52
53
|
|
|
53
|
-
|
|
54
|
+
/* FIXME: なぜか static classname になってしまうため & を重ねている */
|
|
55
|
+
input[disabled] + && {
|
|
54
56
|
background-color: ${color.BORDER};
|
|
55
57
|
border-color: ${color.BORDER};
|
|
56
58
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAO,WAAW,EAAE,MAAM,OAAO,CAAA;AAC/C,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,UAAU,CAAA;AAEzC,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAOlD,MAAM,CAAC,MAAM,aAAa,GAAe,CAAC,EAAE,KAAK,GAAG,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACjF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAA;IACnC,MAAM,YAAY,GAAG,GAAG,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;IAC/E,MAAM,YAAY,GAAG,WAAW,CAC9B,CAAC,CAAsC,EAAE,EAAE;QACzC,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAA;IACD,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IAAC,MAAM,EAAE,KAAK;QACpB,oBAAC,KAAK,OACA,KAAK,EACT,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,YAAY,EACtB,SAAS,EAAE,UAAU,CAAC,QAAQ,EAC9B,MAAM,EAAE,KAAK,KACT,CAAC,KAAK,IAAI,EAAE,cAAc,EAAE,OAAO,EAAE,CAAC,GAC1C;QACF,oBAAC,GAAG,IAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,KAAK,GAAI;QAC/C,oBAAC,QAAQ,IAAC,MAAM,EAAE,KAAK,IACpB,KAAK,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,KAAK,EAAC,YAAY,GAAG,CACvE,CACH,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAmB;IAC1C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAA;IAE3B,OAAO,GAAG,CAAA;;;eAGC,QAAQ,CAAC,CAAC;gBACT,QAAQ,CAAC,CAAC;;;;KAIrB,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,GAAG,GAAG,MAAM,CAAC,IAAI,CAAmB;IACtC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAChC,OAAO,GAAG,CAAA;;;;;gBAKE,MAAM,CAAC,SAAS;0BACN,KAAK,CAAC,KAAK
|
|
1
|
+
{"version":3,"file":"CheckBoxInput.js","sourceRoot":"","sources":["../../../src/components/CheckBox/CheckBoxInput.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,7 @@
|
|
|
1
|
-
import React, { HTMLAttributes
|
|
2
|
-
import {
|
|
1
|
+
import React, { HTMLAttributes } from 'react';
|
|
2
|
+
import { DialogProps } from './types';
|
|
3
3
|
import { ActionDialogContentInnerProps } from './ActionDialogContentInner';
|
|
4
|
-
declare type Props = Omit<ActionDialogContentInnerProps, 'titleId'> &
|
|
5
|
-
onClickClose: () => void;
|
|
6
|
-
portalParent?: HTMLElement | RefObject<HTMLElement>;
|
|
7
|
-
} & Pick<DialogContentInnerProps, 'isOpen' | 'onClickOverlay' | 'onPressEscape' | 'width' | 'top' | 'right' | 'bottom' | 'left' | 'id'>;
|
|
4
|
+
declare type Props = Omit<ActionDialogContentInnerProps, 'titleId'> & DialogProps;
|
|
8
5
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
9
6
|
export declare const ActionDialog: React.VFC<Props & ElementProps>;
|
|
10
7
|
export {};
|
|
@@ -3,7 +3,7 @@ import { useId } from '../../hooks/useId';
|
|
|
3
3
|
import { useDialogPortal } from './useDialogPortal';
|
|
4
4
|
import { DialogContentInner } from './DialogContentInner';
|
|
5
5
|
import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
6
|
-
export const ActionDialog = ({ children, title, subtitle, closeText, actionText, actionTheme, onClickAction, onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, ...props }) => {
|
|
6
|
+
export const ActionDialog = ({ children, title, subtitle, closeText, actionText, actionTheme, onClickAction, onClickClose, onPressEscape = onClickClose, responseMessage, actionDisabled = false, closeDisabled, className = '', portalParent, ...props }) => {
|
|
7
7
|
const { Portal } = useDialogPortal(portalParent);
|
|
8
8
|
const titleId = useId();
|
|
9
9
|
const handleClickClose = useCallback(() => {
|
|
@@ -19,7 +19,7 @@ export const ActionDialog = ({ children, title, subtitle, closeText, actionText,
|
|
|
19
19
|
onClickAction(onClickClose);
|
|
20
20
|
}, [onClickAction, onClickClose, props.isOpen]);
|
|
21
21
|
return (React.createElement(Portal, null,
|
|
22
|
-
React.createElement(DialogContentInner, { ariaLabelledby: titleId, className: className, ...props },
|
|
22
|
+
React.createElement(DialogContentInner, { ariaLabelledby: titleId, className: className, onPressEscape: onPressEscape, ...props },
|
|
23
23
|
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, subtitle: subtitle, closeText: closeText, actionText: actionText, actionTheme: actionTheme, actionDisabled: actionDisabled, closeDisabled: closeDisabled, onClickClose: handleClickClose, onClickAction: handleClickAction, responseMessage: responseMessage }, children))));
|
|
24
24
|
};
|
|
25
25
|
//# sourceMappingURL=ActionDialog.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"ActionDialog.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,MAAM,OAAO,CAAA;AAE1D,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAKpG,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,aAAa,GAAG,YAAY,EAC5B,eAAe,EACf,cAAc,GAAG,KAAK,EACtB,aAAa,EACb,SAAS,GAAG,EAAE,EACd,YAAY,EACZ,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAChD,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAEhC,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,KAAK,CAAC,MAAM,EAAE;YACjB,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,aAAa,EAAE,YAAY,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAAA;IAE/C,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,kBAAkB,IACjB,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,KACxB,KAAK;YAET,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,eAAe,EAAE,eAAe,IAE/B,QAAQ,CACgB,CACR,CACd,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { HTMLAttributes } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { UncontrolledDialogProps } from './types';
|
|
3
3
|
import { BaseProps } from './ActionDialogContentInner';
|
|
4
|
-
declare type Props =
|
|
4
|
+
declare type Props = BaseProps & UncontrolledDialogProps;
|
|
5
5
|
declare type ElementProps = Omit<HTMLAttributes<HTMLDivElement>, keyof Props>;
|
|
6
6
|
export declare const ActionDialogContent: React.VFC<Props & ElementProps>;
|
|
7
7
|
export {};
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import React, { useCallback, useContext } from 'react';
|
|
2
|
+
import { useDialogPortal } from './useDialogPortal';
|
|
2
3
|
import { DialogContext } from './DialogWrapper';
|
|
3
4
|
import { DialogContentInner } from './DialogContentInner';
|
|
4
5
|
import { ActionDialogContentInner } from './ActionDialogContentInner';
|
|
5
6
|
import { useId } from '../../hooks/useId';
|
|
6
|
-
export const ActionDialogContent = ({ children, title, closeText, actionText, actionTheme, onClickAction, actionDisabled = false, className = '', ...props }) => {
|
|
7
|
-
const {
|
|
7
|
+
export const ActionDialogContent = ({ children, title, closeText, actionText, actionTheme, onClickAction, actionDisabled = false, portalParent, className = '', ...props }) => {
|
|
8
|
+
const { onClickClose, active } = useContext(DialogContext);
|
|
9
|
+
const { Portal } = useDialogPortal(portalParent);
|
|
8
10
|
const handleClickClose = useCallback(() => {
|
|
9
11
|
if (!active) {
|
|
10
12
|
return;
|
|
@@ -18,7 +20,7 @@ export const ActionDialogContent = ({ children, title, closeText, actionText, ac
|
|
|
18
20
|
onClickAction(onClickClose);
|
|
19
21
|
}, [active, onClickAction, onClickClose]);
|
|
20
22
|
const titleId = useId();
|
|
21
|
-
return (React.createElement(
|
|
23
|
+
return (React.createElement(Portal, null,
|
|
22
24
|
React.createElement(DialogContentInner, { onClickOverlay: onClickClose, onPressEscape: onClickClose, isOpen: active, ariaLabelledby: titleId, className: className, ...props },
|
|
23
25
|
React.createElement(ActionDialogContentInner, { title: title, titleId: titleId, closeText: closeText, actionText: actionText, actionTheme: actionTheme, onClickAction: handleClickAction, onClickClose: handleClickClose, actionDisabled: actionDisabled }, children))));
|
|
24
26
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"ActionDialogContent.js","sourceRoot":"","sources":["../../../src/components/Dialog/ActionDialogContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkB,WAAW,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAGtE,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAKzC,MAAM,CAAC,MAAM,mBAAmB,GAAoC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,YAAY,EACZ,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAC1D,MAAM,EAAE,MAAM,EAAE,GAAG,eAAe,CAAC,YAAY,CAAC,CAAA;IAEhD,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,YAAY,EAAE,CAAA;IAChB,CAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAA;IAE1B,MAAM,iBAAiB,GAAG,WAAW,CAAC,GAAG,EAAE;QACzC,IAAI,CAAC,MAAM,EAAE;YACX,OAAM;SACP;QACD,aAAa,CAAC,YAAY,CAAC,CAAA;IAC7B,CAAC,EAAE,CAAC,MAAM,EAAE,aAAa,EAAE,YAAY,CAAC,CAAC,CAAA;IAEzC,MAAM,OAAO,GAAG,KAAK,EAAE,CAAA;IAEvB,OAAO,CACL,oBAAC,MAAM;QACL,oBAAC,kBAAkB,IACjB,cAAc,EAAE,YAAY,EAC5B,aAAa,EAAE,YAAY,EAC3B,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,OAAO,EACvB,SAAS,EAAE,SAAS,KAChB,KAAK;YAET,oBAAC,wBAAwB,IACvB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,aAAa,EAAE,iBAAiB,EAChC,YAAY,EAAE,gBAAgB,EAC9B,cAAc,EAAE,cAAc,IAE7B,QAAQ,CACgB,CACR,CACd,CACV,CAAA;AACH,CAAC,CAAA"}
|
|
@@ -1,42 +1,44 @@
|
|
|
1
1
|
import { ReactNode, VFC } from 'react';
|
|
2
2
|
export declare type BaseProps = {
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* ダイアログの内容
|
|
5
5
|
*/
|
|
6
6
|
children: ReactNode;
|
|
7
7
|
/**
|
|
8
|
-
*
|
|
8
|
+
* ダイアログのタイトル
|
|
9
9
|
*/
|
|
10
10
|
title: ReactNode;
|
|
11
|
+
/**
|
|
12
|
+
* ダイアログのサブタイトル
|
|
13
|
+
*/
|
|
11
14
|
subtitle?: ReactNode;
|
|
12
|
-
titleId: string;
|
|
13
15
|
/**
|
|
14
|
-
*
|
|
16
|
+
* 閉じるボタンのラベル
|
|
15
17
|
*/
|
|
16
|
-
closeText
|
|
18
|
+
closeText?: ReactNode;
|
|
17
19
|
/**
|
|
18
|
-
*
|
|
20
|
+
* アクションボタンのラベル
|
|
19
21
|
*/
|
|
20
22
|
actionText: ReactNode;
|
|
21
23
|
/**
|
|
22
|
-
*
|
|
24
|
+
* アクションボタンのスタイル
|
|
23
25
|
*/
|
|
24
|
-
actionTheme
|
|
26
|
+
actionTheme?: 'primary' | 'secondary' | 'danger';
|
|
25
27
|
/**
|
|
26
|
-
*
|
|
27
|
-
*
|
|
28
|
+
* アクションボタンをクリックした時に発火するコールバック関数
|
|
29
|
+
* @param closeDialog - ダイアログを閉じる関数
|
|
28
30
|
*/
|
|
29
31
|
onClickAction: (closeDialog: () => void) => void;
|
|
30
32
|
/**
|
|
31
|
-
*
|
|
33
|
+
* アクションボタンを無効にするかどうか
|
|
32
34
|
*/
|
|
33
35
|
actionDisabled?: boolean;
|
|
34
36
|
/**
|
|
35
|
-
*
|
|
37
|
+
* 閉じるボタンを無効にするかどうか
|
|
36
38
|
*/
|
|
37
39
|
closeDisabled?: boolean;
|
|
38
40
|
/**
|
|
39
|
-
*
|
|
41
|
+
* コンポーネントに適用するクラス名
|
|
40
42
|
*/
|
|
41
43
|
className?: string;
|
|
42
44
|
};
|
|
@@ -45,11 +47,9 @@ declare type responseMessageType = {
|
|
|
45
47
|
text: string;
|
|
46
48
|
};
|
|
47
49
|
export declare type ActionDialogContentInnerProps = BaseProps & {
|
|
48
|
-
/**
|
|
49
|
-
* Handler function when clicking on close button.
|
|
50
|
-
*/
|
|
51
50
|
onClickClose: () => void;
|
|
52
51
|
responseMessage?: responseMessageType;
|
|
52
|
+
titleId: string;
|
|
53
53
|
};
|
|
54
54
|
export declare const ActionDialogContentInner: VFC<ActionDialogContentInnerProps>;
|
|
55
55
|
export {};
|