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.
Files changed (382) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/esm/components/AppNavi/appNaviHelper.d.ts +3 -3
  3. package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js +3 -3
  4. package/esm/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
  5. package/esm/components/BottomFixedArea/BottomFixedArea.d.ts +5 -5
  6. package/esm/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
  7. package/esm/components/BottomFixedArea/bottomFixedAreaHelper.d.ts +1 -1
  8. package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js +11 -4
  9. package/esm/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
  10. package/esm/components/Button/AnchorButton.d.ts +2 -2
  11. package/esm/components/Button/AnchorButton.js +6 -4
  12. package/esm/components/Button/AnchorButton.js.map +1 -1
  13. package/esm/components/Button/Button.d.ts +2 -2
  14. package/esm/components/Button/Button.js +6 -4
  15. package/esm/components/Button/Button.js.map +1 -1
  16. package/esm/components/Button/ButtonWrapper.d.ts +12 -4
  17. package/esm/components/Button/ButtonWrapper.js +3 -3
  18. package/esm/components/Button/ButtonWrapper.js.map +1 -1
  19. package/esm/components/Calendar/Calendar.js +4 -4
  20. package/esm/components/Calendar/Calendar.js.map +1 -1
  21. package/esm/components/CheckBox/CheckBoxInput.js +4 -2
  22. package/esm/components/CheckBox/CheckBoxInput.js.map +1 -1
  23. package/esm/components/Dialog/ActionDialog.d.ts +3 -6
  24. package/esm/components/Dialog/ActionDialog.js +2 -2
  25. package/esm/components/Dialog/ActionDialog.js.map +1 -1
  26. package/esm/components/Dialog/ActionDialogContent.d.ts +2 -2
  27. package/esm/components/Dialog/ActionDialogContent.js +5 -3
  28. package/esm/components/Dialog/ActionDialogContent.js.map +1 -1
  29. package/esm/components/Dialog/ActionDialogContentInner.d.ts +16 -16
  30. package/esm/components/Dialog/ActionDialogContentInner.js +4 -9
  31. package/esm/components/Dialog/ActionDialogContentInner.js.map +1 -1
  32. package/esm/components/Dialog/Dialog.d.ts +3 -5
  33. package/esm/components/Dialog/Dialog.js.map +1 -1
  34. package/esm/components/Dialog/DialogContent.d.ts +2 -2
  35. package/esm/components/Dialog/DialogContent.js +5 -3
  36. package/esm/components/Dialog/DialogContent.js.map +1 -1
  37. package/esm/components/Dialog/DialogContentInner.d.ts +17 -13
  38. package/esm/components/Dialog/DialogContentInner.js +2 -2
  39. package/esm/components/Dialog/DialogContentInner.js.map +1 -1
  40. package/esm/components/Dialog/DialogWrapper.d.ts +0 -3
  41. package/esm/components/Dialog/DialogWrapper.js +1 -11
  42. package/esm/components/Dialog/DialogWrapper.js.map +1 -1
  43. package/esm/components/Dialog/FocusTrap.d.ts +2 -1
  44. package/esm/components/Dialog/FocusTrap.js +11 -6
  45. package/esm/components/Dialog/FocusTrap.js.map +1 -1
  46. package/esm/components/Dialog/MessageDialog.d.ts +3 -5
  47. package/esm/components/Dialog/MessageDialog.js +2 -2
  48. package/esm/components/Dialog/MessageDialog.js.map +1 -1
  49. package/esm/components/Dialog/MessageDialogContent.d.ts +2 -2
  50. package/esm/components/Dialog/MessageDialogContent.js +5 -3
  51. package/esm/components/Dialog/MessageDialogContent.js.map +1 -1
  52. package/esm/components/Dialog/MessageDialogContentInner.d.ts +8 -8
  53. package/esm/components/Dialog/MessageDialogContentInner.js +3 -3
  54. package/esm/components/Dialog/MessageDialogContentInner.js.map +1 -1
  55. package/esm/components/Dialog/ModelessDialog.js +2 -2
  56. package/esm/components/Dialog/ModelessDialog.js.map +1 -1
  57. package/esm/components/Dialog/types.d.ts +14 -0
  58. package/esm/components/Dialog/types.js +2 -0
  59. package/esm/components/Dialog/types.js.map +1 -0
  60. package/esm/components/DropZone/DropZone.js +2 -2
  61. package/esm/components/DropZone/DropZone.js.map +1 -1
  62. package/esm/components/Dropdown/Dropdown.js +5 -8
  63. package/esm/components/Dropdown/Dropdown.js.map +1 -1
  64. package/esm/components/Dropdown/DropdownButton/DropdownButton.d.ts +20 -0
  65. package/esm/components/Dropdown/DropdownButton/DropdownButton.js +39 -0
  66. package/esm/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -0
  67. package/esm/components/Dropdown/DropdownButton/index.d.ts +1 -0
  68. package/esm/components/Dropdown/DropdownButton/index.js +2 -0
  69. package/esm/components/Dropdown/DropdownButton/index.js.map +1 -0
  70. package/esm/components/Dropdown/DropdownButton/useClassNames.d.ts +5 -0
  71. package/esm/components/Dropdown/DropdownButton/useClassNames.js +12 -0
  72. package/esm/components/Dropdown/DropdownButton/useClassNames.js.map +1 -0
  73. package/esm/components/Dropdown/DropdownContentInner.js +1 -1
  74. package/esm/components/Dropdown/DropdownContentInner.js.map +1 -1
  75. package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js +5 -5
  76. package/esm/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
  77. package/esm/components/Dropdown/index.d.ts +1 -0
  78. package/esm/components/Dropdown/index.js +1 -0
  79. package/esm/components/Dropdown/index.js.map +1 -1
  80. package/esm/components/Dropdown/useKeyboardNavigation.d.ts +1 -1
  81. package/esm/components/Dropdown/useKeyboardNavigation.js +8 -3
  82. package/esm/components/Dropdown/useKeyboardNavigation.js.map +1 -1
  83. package/esm/components/FlashMessage/FlashMessage.js +2 -2
  84. package/esm/components/FlashMessage/FlashMessage.js.map +1 -1
  85. package/esm/components/FloatArea/FloatArea.d.ts +2 -2
  86. package/esm/components/Header/Header.d.ts +22 -0
  87. package/esm/components/Header/Header.js +64 -0
  88. package/esm/components/Header/Header.js.map +1 -0
  89. package/esm/components/Header/HeaderDropdownButton.d.ts +1320 -0
  90. package/esm/components/Header/HeaderDropdownButton.js +19 -0
  91. package/esm/components/Header/HeaderDropdownButton.js.map +1 -0
  92. package/esm/components/Header/HeaderLink.d.ts +273 -0
  93. package/esm/components/Header/HeaderLink.js +18 -0
  94. package/esm/components/Header/HeaderLink.js.map +1 -0
  95. package/esm/components/Header/index.d.ts +3 -0
  96. package/esm/components/Header/index.js +4 -0
  97. package/esm/components/Header/index.js.map +1 -0
  98. package/esm/components/Header/useClassNames.d.ts +6 -0
  99. package/esm/components/Header/useClassNames.js +13 -0
  100. package/esm/components/Header/useClassNames.js.map +1 -0
  101. package/esm/components/Heading/Heading.d.ts +3 -2
  102. package/esm/components/Heading/Heading.js +38 -46
  103. package/esm/components/Heading/Heading.js.map +1 -1
  104. package/esm/components/Icon/Icon.d.ts +3 -1
  105. package/esm/components/Icon/Icon.js +2 -1
  106. package/esm/components/Icon/Icon.js.map +1 -1
  107. package/esm/components/InformationPanel/InformationPanel.js +3 -3
  108. package/esm/components/InformationPanel/InformationPanel.js.map +1 -1
  109. package/esm/components/InputFile/InputFile.js +2 -2
  110. package/esm/components/InputFile/InputFile.js.map +1 -1
  111. package/esm/components/Layout/LineUp/LineUp.d.ts +1 -0
  112. package/esm/components/Layout/LineUp/LineUp.js +1 -0
  113. package/esm/components/Layout/LineUp/LineUp.js.map +1 -1
  114. package/esm/components/MessageScreen/MessageScreen.js +2 -5
  115. package/esm/components/MessageScreen/MessageScreen.js.map +1 -1
  116. package/esm/components/NotificationBar/NotificationBar.js +25 -21
  117. package/esm/components/NotificationBar/NotificationBar.js.map +1 -1
  118. package/esm/components/NotificationBar/useClassNames.d.ts +2 -0
  119. package/esm/components/NotificationBar/useClassNames.js +2 -0
  120. package/esm/components/NotificationBar/useClassNames.js.map +1 -1
  121. package/esm/components/Pagination/Pagination.js +2 -2
  122. package/esm/components/Pagination/Pagination.js.map +1 -1
  123. package/esm/components/Pagination/PaginationItem.d.ts +266 -1
  124. package/esm/components/Pagination/PaginationItem.js +2 -2
  125. package/esm/components/Pagination/PaginationItem.js.map +1 -1
  126. package/esm/components/RadioButton/RadioButtonInput.js +4 -2
  127. package/esm/components/RadioButton/RadioButtonInput.js.map +1 -1
  128. package/esm/components/RightFixedNote/RightFixedNote.js +2 -2
  129. package/esm/components/RightFixedNote/RightFixedNote.js.map +1 -1
  130. package/esm/components/RightFixedNote/RightFixedNoteItem.js +2 -2
  131. package/esm/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
  132. package/esm/components/SegmentedControl/SegmentedControl.js +3 -3
  133. package/esm/components/SegmentedControl/SegmentedControl.js.map +1 -1
  134. package/esm/components/SmartHRLogo/SmartHRLogo.d.ts +2 -2
  135. package/esm/components/SmartHRLogo/SmartHRLogo.js +25 -16
  136. package/esm/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
  137. package/esm/components/TabBar/TabBar.d.ts +3 -0
  138. package/esm/components/TabBar/TabBar.js +2 -1
  139. package/esm/components/TabBar/TabBar.js.map +1 -1
  140. package/esm/components/TabBar/TabItem.d.ts +6 -0
  141. package/esm/components/TabBar/TabItem.js.map +1 -1
  142. package/esm/components/Table/Body.d.ts +3 -0
  143. package/esm/components/Table/Body.js +3 -0
  144. package/esm/components/Table/Body.js.map +1 -1
  145. package/esm/components/Table/BulkActionRow.d.ts +10 -0
  146. package/esm/components/Table/BulkActionRow.js +20 -0
  147. package/esm/components/Table/BulkActionRow.js.map +1 -0
  148. package/esm/components/Table/Cell.d.ts +3 -0
  149. package/esm/components/Table/Cell.js +3 -0
  150. package/esm/components/Table/Cell.js.map +1 -1
  151. package/esm/components/Table/Head.d.ts +5 -0
  152. package/esm/components/Table/Head.js +5 -0
  153. package/esm/components/Table/Head.js.map +1 -1
  154. package/esm/components/Table/Row.d.ts +3 -0
  155. package/esm/components/Table/Row.js +3 -0
  156. package/esm/components/Table/Row.js.map +1 -1
  157. package/esm/components/Table/Table.d.ts +4 -0
  158. package/esm/components/Table/Table.js +20 -6
  159. package/esm/components/Table/Table.js.map +1 -1
  160. package/esm/components/Table/Td.d.ts +10 -0
  161. package/esm/components/Table/Td.js +36 -0
  162. package/esm/components/Table/Td.js.map +1 -0
  163. package/esm/components/Table/Th.d.ts +12 -0
  164. package/esm/components/Table/Th.js +43 -0
  165. package/esm/components/Table/Th.js.map +1 -0
  166. package/esm/components/Table/index.d.ts +3 -0
  167. package/esm/components/Table/index.js +3 -0
  168. package/esm/components/Table/index.js.map +1 -1
  169. package/esm/components/Table/useClassNames.d.ts +9 -0
  170. package/esm/components/Table/useClassNames.js +19 -1
  171. package/esm/components/Table/useClassNames.js.map +1 -1
  172. package/esm/components/Text/Text.d.ts +1 -1
  173. package/esm/components/TextLink/TextLink.d.ts +3 -0
  174. package/esm/components/TextLink/TextLink.js.map +1 -1
  175. package/esm/components/Textarea/Textarea.d.ts +3 -0
  176. package/esm/components/Textarea/Textarea.js.map +1 -1
  177. package/esm/components/Tooltip/Tooltip.d.ts +8 -0
  178. package/esm/components/Tooltip/Tooltip.js.map +1 -1
  179. package/esm/hocs/hoverable.d.ts +4 -8
  180. package/esm/hooks/useClassNameGenerator.d.ts +1 -1
  181. package/esm/index.d.ts +3 -2
  182. package/esm/index.js +3 -2
  183. package/esm/index.js.map +1 -1
  184. package/esm/themes/createColor.d.ts +16 -5
  185. package/esm/themes/createColor.js +45 -20
  186. package/esm/themes/createColor.js.map +1 -1
  187. package/esm/themes/createPalette.js +3 -3
  188. package/esm/themes/createPalette.js.map +1 -1
  189. package/esm/themes/createShadow.d.ts +3 -0
  190. package/esm/themes/createShadow.js +8 -6
  191. package/esm/themes/createShadow.js.map +1 -1
  192. package/lib/components/AppNavi/appNaviHelper.d.ts +3 -3
  193. package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js +2 -2
  194. package/lib/components/BackgroundJobsPanel/BackgroundJobsPanel.js.map +1 -1
  195. package/lib/components/BottomFixedArea/BottomFixedArea.d.ts +5 -5
  196. package/lib/components/BottomFixedArea/BottomFixedArea.js.map +1 -1
  197. package/lib/components/BottomFixedArea/bottomFixedAreaHelper.d.ts +1 -1
  198. package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js +11 -4
  199. package/lib/components/BottomFixedArea/bottomFixedAreaHelper.js.map +1 -1
  200. package/lib/components/Button/AnchorButton.d.ts +2 -2
  201. package/lib/components/Button/AnchorButton.js +28 -7
  202. package/lib/components/Button/AnchorButton.js.map +1 -1
  203. package/lib/components/Button/Button.d.ts +2 -2
  204. package/lib/components/Button/Button.js +28 -7
  205. package/lib/components/Button/Button.js.map +1 -1
  206. package/lib/components/Button/ButtonWrapper.d.ts +12 -4
  207. package/lib/components/Button/ButtonWrapper.js +2 -2
  208. package/lib/components/Button/ButtonWrapper.js.map +1 -1
  209. package/lib/components/Calendar/Calendar.js +3 -3
  210. package/lib/components/Calendar/Calendar.js.map +1 -1
  211. package/lib/components/CheckBox/CheckBoxInput.js +4 -2
  212. package/lib/components/CheckBox/CheckBoxInput.js.map +1 -1
  213. package/lib/components/Dialog/ActionDialog.d.ts +3 -6
  214. package/lib/components/Dialog/ActionDialog.js +2 -2
  215. package/lib/components/Dialog/ActionDialog.js.map +1 -1
  216. package/lib/components/Dialog/ActionDialogContent.d.ts +2 -2
  217. package/lib/components/Dialog/ActionDialogContent.js +5 -3
  218. package/lib/components/Dialog/ActionDialogContent.js.map +1 -1
  219. package/lib/components/Dialog/ActionDialogContentInner.d.ts +16 -16
  220. package/lib/components/Dialog/ActionDialogContentInner.js +3 -8
  221. package/lib/components/Dialog/ActionDialogContentInner.js.map +1 -1
  222. package/lib/components/Dialog/Dialog.d.ts +3 -5
  223. package/lib/components/Dialog/Dialog.js.map +1 -1
  224. package/lib/components/Dialog/DialogContent.d.ts +2 -2
  225. package/lib/components/Dialog/DialogContent.js +5 -3
  226. package/lib/components/Dialog/DialogContent.js.map +1 -1
  227. package/lib/components/Dialog/DialogContentInner.d.ts +17 -13
  228. package/lib/components/Dialog/DialogContentInner.js +2 -2
  229. package/lib/components/Dialog/DialogContentInner.js.map +1 -1
  230. package/lib/components/Dialog/DialogWrapper.d.ts +0 -3
  231. package/lib/components/Dialog/DialogWrapper.js +0 -10
  232. package/lib/components/Dialog/DialogWrapper.js.map +1 -1
  233. package/lib/components/Dialog/FocusTrap.d.ts +2 -1
  234. package/lib/components/Dialog/FocusTrap.js +11 -6
  235. package/lib/components/Dialog/FocusTrap.js.map +1 -1
  236. package/lib/components/Dialog/MessageDialog.d.ts +3 -5
  237. package/lib/components/Dialog/MessageDialog.js +2 -2
  238. package/lib/components/Dialog/MessageDialog.js.map +1 -1
  239. package/lib/components/Dialog/MessageDialogContent.d.ts +2 -2
  240. package/lib/components/Dialog/MessageDialogContent.js +5 -3
  241. package/lib/components/Dialog/MessageDialogContent.js.map +1 -1
  242. package/lib/components/Dialog/MessageDialogContentInner.d.ts +8 -8
  243. package/lib/components/Dialog/MessageDialogContentInner.js +2 -2
  244. package/lib/components/Dialog/MessageDialogContentInner.js.map +1 -1
  245. package/lib/components/Dialog/ModelessDialog.js +1 -1
  246. package/lib/components/Dialog/ModelessDialog.js.map +1 -1
  247. package/lib/components/Dialog/types.d.ts +14 -0
  248. package/lib/components/Dialog/types.js +3 -0
  249. package/lib/components/Dialog/types.js.map +1 -0
  250. package/lib/components/DropZone/DropZone.js +1 -1
  251. package/lib/components/DropZone/DropZone.js.map +1 -1
  252. package/lib/components/Dropdown/Dropdown.js +5 -8
  253. package/lib/components/Dropdown/Dropdown.js.map +1 -1
  254. package/lib/components/Dropdown/DropdownButton/DropdownButton.d.ts +20 -0
  255. package/lib/components/Dropdown/DropdownButton/DropdownButton.js +66 -0
  256. package/lib/components/Dropdown/DropdownButton/DropdownButton.js.map +1 -0
  257. package/lib/components/Dropdown/DropdownButton/index.d.ts +1 -0
  258. package/lib/components/Dropdown/DropdownButton/index.js +6 -0
  259. package/lib/components/Dropdown/DropdownButton/index.js.map +1 -0
  260. package/lib/components/Dropdown/DropdownButton/useClassNames.d.ts +5 -0
  261. package/lib/components/Dropdown/DropdownButton/useClassNames.js +16 -0
  262. package/lib/components/Dropdown/DropdownButton/useClassNames.js.map +1 -0
  263. package/lib/components/Dropdown/DropdownContentInner.js +1 -1
  264. package/lib/components/Dropdown/DropdownContentInner.js.map +1 -1
  265. package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js +4 -4
  266. package/lib/components/Dropdown/FilterDropdown/FilterDropdown.js.map +1 -1
  267. package/lib/components/Dropdown/index.d.ts +1 -0
  268. package/lib/components/Dropdown/index.js +3 -1
  269. package/lib/components/Dropdown/index.js.map +1 -1
  270. package/lib/components/Dropdown/useKeyboardNavigation.d.ts +1 -1
  271. package/lib/components/Dropdown/useKeyboardNavigation.js +8 -3
  272. package/lib/components/Dropdown/useKeyboardNavigation.js.map +1 -1
  273. package/lib/components/FlashMessage/FlashMessage.js +1 -1
  274. package/lib/components/FlashMessage/FlashMessage.js.map +1 -1
  275. package/lib/components/FloatArea/FloatArea.d.ts +2 -2
  276. package/lib/components/Header/Header.d.ts +22 -0
  277. package/lib/components/Header/Header.js +91 -0
  278. package/lib/components/Header/Header.js.map +1 -0
  279. package/lib/components/Header/HeaderDropdownButton.d.ts +1320 -0
  280. package/lib/components/Header/HeaderDropdownButton.js +45 -0
  281. package/lib/components/Header/HeaderDropdownButton.js.map +1 -0
  282. package/lib/components/Header/HeaderLink.d.ts +273 -0
  283. package/lib/components/Header/HeaderLink.js +44 -0
  284. package/lib/components/Header/HeaderLink.js.map +1 -0
  285. package/lib/components/Header/index.d.ts +3 -0
  286. package/lib/components/Header/index.js +20 -0
  287. package/lib/components/Header/index.js.map +1 -0
  288. package/lib/components/Header/useClassNames.d.ts +6 -0
  289. package/lib/components/Header/useClassNames.js +17 -0
  290. package/lib/components/Header/useClassNames.js.map +1 -0
  291. package/lib/components/Heading/Heading.d.ts +3 -2
  292. package/lib/components/Heading/Heading.js +38 -46
  293. package/lib/components/Heading/Heading.js.map +1 -1
  294. package/lib/components/Icon/Icon.d.ts +3 -1
  295. package/lib/components/Icon/Icon.js +4 -3
  296. package/lib/components/Icon/Icon.js.map +1 -1
  297. package/lib/components/InformationPanel/InformationPanel.js +2 -2
  298. package/lib/components/InformationPanel/InformationPanel.js.map +1 -1
  299. package/lib/components/InputFile/InputFile.js +1 -1
  300. package/lib/components/InputFile/InputFile.js.map +1 -1
  301. package/lib/components/Layout/LineUp/LineUp.d.ts +1 -0
  302. package/lib/components/Layout/LineUp/LineUp.js +1 -0
  303. package/lib/components/Layout/LineUp/LineUp.js.map +1 -1
  304. package/lib/components/MessageScreen/MessageScreen.js +2 -5
  305. package/lib/components/MessageScreen/MessageScreen.js.map +1 -1
  306. package/lib/components/NotificationBar/NotificationBar.js +23 -19
  307. package/lib/components/NotificationBar/NotificationBar.js.map +1 -1
  308. package/lib/components/NotificationBar/useClassNames.d.ts +2 -0
  309. package/lib/components/NotificationBar/useClassNames.js +2 -0
  310. package/lib/components/NotificationBar/useClassNames.js.map +1 -1
  311. package/lib/components/Pagination/Pagination.js +2 -2
  312. package/lib/components/Pagination/Pagination.js.map +1 -1
  313. package/lib/components/Pagination/PaginationItem.d.ts +266 -1
  314. package/lib/components/Pagination/PaginationItem.js +1 -1
  315. package/lib/components/Pagination/PaginationItem.js.map +1 -1
  316. package/lib/components/RadioButton/RadioButtonInput.js +4 -2
  317. package/lib/components/RadioButton/RadioButtonInput.js.map +1 -1
  318. package/lib/components/RightFixedNote/RightFixedNote.js +1 -1
  319. package/lib/components/RightFixedNote/RightFixedNote.js.map +1 -1
  320. package/lib/components/RightFixedNote/RightFixedNoteItem.js +1 -1
  321. package/lib/components/RightFixedNote/RightFixedNoteItem.js.map +1 -1
  322. package/lib/components/SegmentedControl/SegmentedControl.js +2 -2
  323. package/lib/components/SegmentedControl/SegmentedControl.js.map +1 -1
  324. package/lib/components/SmartHRLogo/SmartHRLogo.d.ts +2 -2
  325. package/lib/components/SmartHRLogo/SmartHRLogo.js +24 -15
  326. package/lib/components/SmartHRLogo/SmartHRLogo.js.map +1 -1
  327. package/lib/components/TabBar/TabBar.d.ts +3 -0
  328. package/lib/components/TabBar/TabBar.js +2 -1
  329. package/lib/components/TabBar/TabBar.js.map +1 -1
  330. package/lib/components/TabBar/TabItem.d.ts +6 -0
  331. package/lib/components/TabBar/TabItem.js.map +1 -1
  332. package/lib/components/Table/Body.d.ts +3 -0
  333. package/lib/components/Table/Body.js +3 -0
  334. package/lib/components/Table/Body.js.map +1 -1
  335. package/lib/components/Table/BulkActionRow.d.ts +10 -0
  336. package/lib/components/Table/BulkActionRow.js +50 -0
  337. package/lib/components/Table/BulkActionRow.js.map +1 -0
  338. package/lib/components/Table/Cell.d.ts +3 -0
  339. package/lib/components/Table/Cell.js +3 -0
  340. package/lib/components/Table/Cell.js.map +1 -1
  341. package/lib/components/Table/Head.d.ts +5 -0
  342. package/lib/components/Table/Head.js +5 -0
  343. package/lib/components/Table/Head.js.map +1 -1
  344. package/lib/components/Table/Row.d.ts +3 -0
  345. package/lib/components/Table/Row.js +3 -0
  346. package/lib/components/Table/Row.js.map +1 -1
  347. package/lib/components/Table/Table.d.ts +4 -0
  348. package/lib/components/Table/Table.js +20 -6
  349. package/lib/components/Table/Table.js.map +1 -1
  350. package/lib/components/Table/Td.d.ts +10 -0
  351. package/lib/components/Table/Td.js +66 -0
  352. package/lib/components/Table/Td.js.map +1 -0
  353. package/lib/components/Table/Th.d.ts +12 -0
  354. package/lib/components/Table/Th.js +73 -0
  355. package/lib/components/Table/Th.js.map +1 -0
  356. package/lib/components/Table/index.d.ts +3 -0
  357. package/lib/components/Table/index.js +7 -1
  358. package/lib/components/Table/index.js.map +1 -1
  359. package/lib/components/Table/useClassNames.d.ts +9 -0
  360. package/lib/components/Table/useClassNames.js +22 -1
  361. package/lib/components/Table/useClassNames.js.map +1 -1
  362. package/lib/components/Text/Text.d.ts +1 -1
  363. package/lib/components/TextLink/TextLink.d.ts +3 -0
  364. package/lib/components/TextLink/TextLink.js.map +1 -1
  365. package/lib/components/Textarea/Textarea.d.ts +3 -0
  366. package/lib/components/Textarea/Textarea.js.map +1 -1
  367. package/lib/components/Tooltip/Tooltip.d.ts +8 -0
  368. package/lib/components/Tooltip/Tooltip.js.map +1 -1
  369. package/lib/hocs/hoverable.d.ts +4 -8
  370. package/lib/hooks/useClassNameGenerator.d.ts +1 -1
  371. package/lib/index.d.ts +3 -2
  372. package/lib/index.js +11 -3
  373. package/lib/index.js.map +1 -1
  374. package/lib/themes/createColor.d.ts +16 -5
  375. package/lib/themes/createColor.js +45 -20
  376. package/lib/themes/createColor.js.map +1 -1
  377. package/lib/themes/createPalette.js +3 -3
  378. package/lib/themes/createPalette.js.map +1 -1
  379. package/lib/themes/createShadow.d.ts +3 -0
  380. package/lib/themes/createShadow.js +8 -6
  381. package/lib/themes/createShadow.js.map +1 -1
  382. 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> | undefined;
6
- current?: boolean | undefined;
7
- } | undefined) => JSX.Element | null;
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 { SecondaryButton, UnstyledButton } from '../Button';
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(SecondaryButton, { type: "button", size: "s", square: true, onClick: () => {
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(SecondaryButton, { type: "button", size: "s", square: true, onClick: onClickClose, className: classNames.closeButton },
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":"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"}
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
- /** 表示する `PrimaryButton` または `PrimaryButtonAnchor` */
10
+ /** 表示する `Button` または `AnchorButton` (`variant="primary"` である必要がある) */
11
11
  primaryButton?: Primary;
12
- /** 表示する `SecondaryButton` または `SecondaryButtonAnchor` */
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;AAO/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;AA2B/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
+ {"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 | undefined, secondary?: Secondary | undefined) => void;
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 !== 'PrimaryButton' && displayName !== 'PrimaryButtonAnchor') {
5
- console.error('SmartHR UI: the primaryButton props accepts PrimaryButton or PrimaryButtonAnchor component');
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 !== 'SecondaryButton' && displayName !== 'SecondaryButtonAnchor') {
11
- console.error('SmartHR UI: the secondaryButton props accepts SecondaryButton or SecondaryButtonAnchor component');
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;QACpC,IAAI,WAAW,KAAK,eAAe,IAAI,WAAW,KAAK,qBAAqB,EAAE;YAC5E,OAAO,CAAC,KAAK,CACX,4FAA4F,CAC7F,CAAA;SACF;KACF;IACD,IAAI,SAAS,EAAE;QACb,MAAM,EAAE,WAAW,EAAE,GAAG,SAAS,CAAC,IAAI,CAAA;QACtC,IAAI,WAAW,KAAK,iBAAiB,IAAI,WAAW,KAAK,uBAAuB,EAAE;YAChF,OAAO,CAAC,KAAK,CACX,kGAAkG,CACnG,CAAA;SACF;KACF;AACH,CAAC,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, VFC } from 'react';
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: VFC<BaseProps & ElementProps>;
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,KAAoC,MAAM,OAAO,CAAA;AAGxD,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,GAAkC,CAAC,EAC1D,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,EAAE,EAAE;IACH,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;QAER,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CAAA"}
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, VFC } from 'react';
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: VFC<BaseProps & ElementProps>;
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,KAAoC,MAAM,OAAO,CAAA;AAGxD,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,GAAkC,CAAC,EACpD,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,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IAEzC,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;QAE/C,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CAAA"}
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 Props = {
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
- export declare function ButtonWrapper<T extends Props>({ size, square, className, isAnchor, ...props }: T): JSX.Element;
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, isAnchor, ...props }) {
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":"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"}
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 { SecondaryButton } from '../Button';
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(SecondaryButton, { onClick: (e) => {
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(SecondaryButton, { disabled: isSelectingYear || prevMonth.isBefore(fromDay, 'month'), onClick: () => setCurrentMonth(prevMonth), size: "s", square: true, className: classNames.calendar.monthButtonPrev },
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(SecondaryButton, { disabled: isSelectingYear || nextMonth.isAfter(toDay, 'month'), onClick: () => setCurrentMonth(nextMonth), size: "s", square: true, className: classNames.calendar.monthButtonNext },
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":"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"}
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
- input:checked + & {
48
+ /* FIXME: なぜか static classname になってしまうため & を重ねている */
49
+ input:checked + && {
49
50
  border-color: ${color.MAIN};
50
51
  background-color: ${color.MAIN};
51
52
  }
52
53
 
53
- input[disabled] + & {
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":"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"}
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, RefObject } from 'react';
2
- import { DialogContentInnerProps } from './DialogContentInner';
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,EAA6B,WAAW,EAAE,MAAM,OAAO,CAAA;AAErE,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAA;AAClF,OAAO,EAAE,wBAAwB,EAAiC,MAAM,4BAA4B,CAAA;AAmBpG,MAAM,CAAC,MAAM,YAAY,GAAoC,CAAC,EAC5D,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,YAAY,EACZ,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,IAAC,cAAc,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,KAAM,KAAK;YAC1E,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
+ {"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 { DialogContentInnerProps } from './DialogContentInner';
2
+ import { UncontrolledDialogProps } from './types';
3
3
  import { BaseProps } from './ActionDialogContentInner';
4
- declare type Props = Omit<BaseProps, 'titleId'> & Pick<DialogContentInnerProps, 'width' | 'top' | 'right' | 'bottom' | 'left' | 'id'>;
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 { DialogContentRoot, onClickClose, active } = useContext(DialogContext);
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(DialogContentRoot, null,
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;AAEtE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,kBAAkB,EAA2B,MAAM,sBAAsB,CAAA;AAClF,OAAO,EAAE,wBAAwB,EAAa,MAAM,4BAA4B,CAAA;AAChF,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAMzC,MAAM,CAAC,MAAM,mBAAmB,GAAoC,CAAC,EACnE,QAAQ,EACR,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,iBAAiB,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,UAAU,CAAC,aAAa,CAAC,CAAA;IAE7E,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,iBAAiB;QAChB,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,CACH,CACrB,CAAA;AACH,CAAC,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
- * Body of the dialog.
4
+ * ダイアログの内容
5
5
  */
6
6
  children: ReactNode;
7
7
  /**
8
- * Title of the dialog.
8
+ * ダイアログのタイトル
9
9
  */
10
10
  title: ReactNode;
11
+ /**
12
+ * ダイアログのサブタイトル
13
+ */
11
14
  subtitle?: ReactNode;
12
- titleId: string;
13
15
  /**
14
- * Label of close button.
16
+ * 閉じるボタンのラベル
15
17
  */
16
- closeText: ReactNode;
18
+ closeText?: ReactNode;
17
19
  /**
18
- * Label of action button.
20
+ * アクションボタンのラベル
19
21
  */
20
22
  actionText: ReactNode;
21
23
  /**
22
- * Action button style theme.
24
+ * アクションボタンのスタイル
23
25
  */
24
- actionTheme: 'primary' | 'secondary' | 'danger';
26
+ actionTheme?: 'primary' | 'secondary' | 'danger';
25
27
  /**
26
- * Handler function when clicking on action button.<br />
27
- * Accepts a function that closes dialog as an argument.
28
+ * アクションボタンをクリックした時に発火するコールバック関数
29
+ * @param closeDialog - ダイアログを閉じる関数
28
30
  */
29
31
  onClickAction: (closeDialog: () => void) => void;
30
32
  /**
31
- * Whether action button should be disabled.
33
+ * アクションボタンを無効にするかどうか
32
34
  */
33
35
  actionDisabled?: boolean;
34
36
  /**
35
- * Whether close button should be disabled.
37
+ * 閉じるボタンを無効にするかどうか
36
38
  */
37
39
  closeDisabled?: boolean;
38
40
  /**
39
- * `className` of the component.
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 {};