draft-components 3.6.0 → 4.0.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 (550) hide show
  1. package/css/draft-components-variables.css +418 -230
  2. package/css/draft-components.css +2530 -1591
  3. package/dist/components/alert/alert.css +58 -59
  4. package/dist/components/alert/alert.d.ts +6 -6
  5. package/dist/components/alert/alert.js +5 -4
  6. package/dist/components/alert/alert.js.map +1 -0
  7. package/dist/components/alert/index.js +1 -0
  8. package/dist/components/alert/index.js.map +1 -0
  9. package/dist/components/avatar/avatar.css +29 -29
  10. package/dist/components/avatar/avatar.d.ts +6 -6
  11. package/dist/components/avatar/avatar.js +6 -5
  12. package/dist/components/avatar/avatar.js.map +1 -0
  13. package/dist/components/avatar/index.js +1 -0
  14. package/dist/components/avatar/index.js.map +1 -0
  15. package/dist/components/badge/badge.css +8 -8
  16. package/dist/components/badge/badge.d.ts +5 -5
  17. package/dist/components/badge/badge.js +2 -0
  18. package/dist/components/badge/badge.js.map +1 -0
  19. package/dist/components/badge/index.js +1 -0
  20. package/dist/components/badge/index.js.map +1 -0
  21. package/dist/components/breadcrumbs/breadcrumbs-context.d.ts +1 -1
  22. package/dist/components/breadcrumbs/breadcrumbs-context.js +1 -0
  23. package/dist/components/breadcrumbs/breadcrumbs-context.js.map +1 -0
  24. package/dist/components/breadcrumbs/breadcrumbs-item.d.ts +7 -6
  25. package/dist/components/breadcrumbs/breadcrumbs-item.js +2 -0
  26. package/dist/components/breadcrumbs/breadcrumbs-item.js.map +1 -0
  27. package/dist/components/breadcrumbs/breadcrumbs.css +9 -9
  28. package/dist/components/breadcrumbs/breadcrumbs.d.ts +5 -4
  29. package/dist/components/breadcrumbs/breadcrumbs.js +2 -0
  30. package/dist/components/breadcrumbs/breadcrumbs.js.map +1 -0
  31. package/dist/components/breadcrumbs/index.js +1 -0
  32. package/dist/components/breadcrumbs/index.js.map +1 -0
  33. package/dist/components/button/button.css +632 -116
  34. package/dist/components/button/button.d.ts +7 -6
  35. package/dist/components/button/button.js +17 -13
  36. package/dist/components/button/button.js.map +1 -0
  37. package/dist/components/button/icon-button.d.ts +2 -2
  38. package/dist/components/button/icon-button.js +4 -4
  39. package/dist/components/button/icon-button.js.map +1 -0
  40. package/dist/components/button/index.js +1 -0
  41. package/dist/components/button/index.js.map +1 -0
  42. package/dist/components/button-group/button-group.d.ts +4 -3
  43. package/dist/components/button-group/button-group.js +2 -0
  44. package/dist/components/button-group/button-group.js.map +1 -0
  45. package/dist/components/button-group/index.js +1 -0
  46. package/dist/components/button-group/index.js.map +1 -0
  47. package/dist/components/caption/caption.css +6 -6
  48. package/dist/components/caption/caption.d.ts +6 -6
  49. package/dist/components/caption/caption.js +6 -4
  50. package/dist/components/caption/caption.js.map +1 -0
  51. package/dist/components/caption/index.js +1 -0
  52. package/dist/components/caption/index.js.map +1 -0
  53. package/dist/components/checkbox/checkbox.css +24 -28
  54. package/dist/components/checkbox/checkbox.d.ts +5 -5
  55. package/dist/components/checkbox/checkbox.js +11 -6
  56. package/dist/components/checkbox/checkbox.js.map +1 -0
  57. package/dist/components/checkbox/index.js +1 -0
  58. package/dist/components/checkbox/index.js.map +1 -0
  59. package/dist/components/color-picker/color-picker-button.d.ts +1 -1
  60. package/dist/components/color-picker/color-picker-button.js +9 -3
  61. package/dist/components/color-picker/color-picker-button.js.map +1 -0
  62. package/dist/components/color-picker/color-picker.css +13 -13
  63. package/dist/components/color-picker/color-picker.d.ts +10 -6
  64. package/dist/components/color-picker/color-picker.js +2 -0
  65. package/dist/components/color-picker/color-picker.js.map +1 -0
  66. package/dist/components/color-picker/index.js +1 -0
  67. package/dist/components/color-picker/index.js.map +1 -0
  68. package/dist/components/date-picker/calendar-day.d.ts +5 -4
  69. package/dist/components/date-picker/calendar-day.js +2 -0
  70. package/dist/components/date-picker/calendar-day.js.map +1 -0
  71. package/dist/components/date-picker/calendar-grid-head.d.ts +1 -1
  72. package/dist/components/date-picker/calendar-grid-head.js +2 -0
  73. package/dist/components/date-picker/calendar-grid-head.js.map +1 -0
  74. package/dist/components/date-picker/calendar-grid.d.ts +1 -1
  75. package/dist/components/date-picker/calendar-grid.js +22 -16
  76. package/dist/components/date-picker/calendar-grid.js.map +1 -0
  77. package/dist/components/date-picker/calendar-header.js +3 -2
  78. package/dist/components/date-picker/calendar-header.js.map +1 -0
  79. package/dist/components/date-picker/calendar.d.ts +10 -7
  80. package/dist/components/date-picker/calendar.js +1 -0
  81. package/dist/components/date-picker/calendar.js.map +1 -0
  82. package/dist/components/date-picker/date-helpers.js +1 -0
  83. package/dist/components/date-picker/date-helpers.js.map +1 -0
  84. package/dist/components/date-picker/date-picker.css +44 -40
  85. package/dist/components/date-picker/date-picker.d.ts +9 -8
  86. package/dist/components/date-picker/date-picker.js +4 -2
  87. package/dist/components/date-picker/date-picker.js.map +1 -0
  88. package/dist/components/date-picker/date-range-picker.d.ts +10 -9
  89. package/dist/components/date-picker/date-range-picker.js +5 -4
  90. package/dist/components/date-picker/date-range-picker.js.map +1 -0
  91. package/dist/components/date-picker/date-range.d.ts +1 -1
  92. package/dist/components/date-picker/date-range.js +1 -0
  93. package/dist/components/date-picker/date-range.js.map +1 -0
  94. package/dist/components/date-picker/index.js +1 -0
  95. package/dist/components/date-picker/index.js.map +1 -0
  96. package/dist/components/date-picker/parse-min-max-props.d.ts +1 -1
  97. package/dist/components/date-picker/parse-min-max-props.js +1 -0
  98. package/dist/components/date-picker/parse-min-max-props.js.map +1 -0
  99. package/dist/components/date-picker-popover/date-picker-popover.d.ts +18 -10
  100. package/dist/components/date-picker-popover/date-picker-popover.js +18 -5
  101. package/dist/components/date-picker-popover/date-picker-popover.js.map +1 -0
  102. package/dist/components/date-picker-popover/index.js +1 -0
  103. package/dist/components/date-picker-popover/index.js.map +1 -0
  104. package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.d.ts +1 -1
  105. package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.js +3 -1
  106. package/dist/components/date-range-picker-popover/date-range-picker-popover-footer.js.map +1 -0
  107. package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.d.ts +1 -1
  108. package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.js +2 -0
  109. package/dist/components/date-range-picker-popover/date-range-picker-popover-presets.js.map +1 -0
  110. package/dist/components/date-range-picker-popover/date-range-picker-popover.d.ts +17 -14
  111. package/dist/components/date-range-picker-popover/date-range-picker-popover.js +20 -14
  112. package/dist/components/date-range-picker-popover/date-range-picker-popover.js.map +1 -0
  113. package/dist/components/date-range-picker-popover/helpers.d.ts +1 -1
  114. package/dist/components/date-range-picker-popover/helpers.js +2 -0
  115. package/dist/components/date-range-picker-popover/helpers.js.map +1 -0
  116. package/dist/components/date-range-picker-popover/index.js +1 -0
  117. package/dist/components/date-range-picker-popover/index.js.map +1 -0
  118. package/dist/components/date-range-picker-popover/types.d.ts +1 -1
  119. package/dist/components/date-range-picker-popover/types.js +2 -1
  120. package/dist/components/date-range-picker-popover/types.js.map +1 -0
  121. package/dist/components/date-range-picker-popover/use-is-compact-view.js +7 -1
  122. package/dist/components/date-range-picker-popover/use-is-compact-view.js.map +1 -0
  123. package/dist/components/dialog/dialog-body.d.ts +9 -4
  124. package/dist/components/dialog/dialog-body.js +26 -3
  125. package/dist/components/dialog/dialog-body.js.map +1 -0
  126. package/dist/components/dialog/dialog-context.d.ts +4 -4
  127. package/dist/components/dialog/dialog-context.js +10 -7
  128. package/dist/components/dialog/dialog-context.js.map +1 -0
  129. package/dist/components/dialog/dialog-footer.d.ts +4 -6
  130. package/dist/components/dialog/dialog-footer.js +8 -4
  131. package/dist/components/dialog/dialog-footer.js.map +1 -0
  132. package/dist/components/dialog/dialog-header.d.ts +8 -8
  133. package/dist/components/dialog/dialog-header.js +12 -10
  134. package/dist/components/dialog/dialog-header.js.map +1 -0
  135. package/dist/components/dialog/dialog.css +321 -100
  136. package/dist/components/dialog/dialog.d.ts +13 -18
  137. package/dist/components/dialog/dialog.js +84 -30
  138. package/dist/components/dialog/dialog.js.map +1 -0
  139. package/dist/components/dialog/index.js +1 -0
  140. package/dist/components/dialog/index.js.map +1 -0
  141. package/dist/components/empty-state/empty-state.css +5 -5
  142. package/dist/components/empty-state/empty-state.d.ts +5 -5
  143. package/dist/components/empty-state/empty-state.js +2 -0
  144. package/dist/components/empty-state/empty-state.js.map +1 -0
  145. package/dist/components/empty-state/index.js +1 -0
  146. package/dist/components/empty-state/index.js.map +1 -0
  147. package/dist/components/file-picker/file-picker.css +19 -16
  148. package/dist/components/file-picker/file-picker.d.ts +7 -7
  149. package/dist/components/file-picker/file-picker.js +25 -9
  150. package/dist/components/file-picker/file-picker.js.map +1 -0
  151. package/dist/components/file-picker/index.js +1 -0
  152. package/dist/components/file-picker/index.js.map +1 -0
  153. package/dist/components/filter-buttons/filter-button.d.ts +6 -5
  154. package/dist/components/filter-buttons/filter-button.js +4 -3
  155. package/dist/components/filter-buttons/filter-button.js.map +1 -0
  156. package/dist/components/filter-buttons/filter-buttons.css +37 -12
  157. package/dist/components/filter-buttons/filter-buttons.d.ts +2 -2
  158. package/dist/components/filter-buttons/filter-buttons.js +3 -2
  159. package/dist/components/filter-buttons/filter-buttons.js.map +1 -0
  160. package/dist/components/filter-buttons/index.js +1 -0
  161. package/dist/components/filter-buttons/index.js.map +1 -0
  162. package/dist/components/filtered-search/filter-item.css +1 -1
  163. package/dist/components/filtered-search/filter-item.d.ts +1 -1
  164. package/dist/components/filtered-search/filter-item.js +3 -1
  165. package/dist/components/filtered-search/filter-item.js.map +1 -0
  166. package/dist/components/filtered-search/filter-operator-select.js +2 -1
  167. package/dist/components/filtered-search/filter-operator-select.js.map +1 -0
  168. package/dist/components/filtered-search/filter-token.css +7 -7
  169. package/dist/components/filtered-search/filter-token.d.ts +6 -3
  170. package/dist/components/filtered-search/filter-token.js +5 -4
  171. package/dist/components/filtered-search/filter-token.js.map +1 -0
  172. package/dist/components/filtered-search/filter-value-list.js +3 -1
  173. package/dist/components/filtered-search/filter-value-list.js.map +1 -0
  174. package/dist/components/filtered-search/filtered-search.css +55 -51
  175. package/dist/components/filtered-search/filtered-search.d.ts +6 -5
  176. package/dist/components/filtered-search/filtered-search.js +12 -9
  177. package/dist/components/filtered-search/filtered-search.js.map +1 -0
  178. package/dist/components/filtered-search/index.d.ts +1 -1
  179. package/dist/components/filtered-search/index.js +3 -1
  180. package/dist/components/filtered-search/index.js.map +1 -0
  181. package/dist/components/filtered-search/model/abstract-filter.js +1 -0
  182. package/dist/components/filtered-search/model/abstract-filter.js.map +1 -0
  183. package/dist/components/filtered-search/model/string-filter.d.ts +1 -1
  184. package/dist/components/filtered-search/model/string-filter.js +2 -0
  185. package/dist/components/filtered-search/model/string-filter.js.map +1 -0
  186. package/dist/components/filtered-search/model/string-set-filter.js +1 -0
  187. package/dist/components/filtered-search/model/string-set-filter.js.map +1 -0
  188. package/dist/components/filtered-search/model/validation-result.js +1 -0
  189. package/dist/components/filtered-search/model/validation-result.js.map +1 -0
  190. package/dist/components/filtered-search/string-filter-input.js +2 -1
  191. package/dist/components/filtered-search/string-filter-input.js.map +1 -0
  192. package/dist/components/filtered-search/string-filter-item.d.ts +1 -1
  193. package/dist/components/filtered-search/string-filter-item.js +7 -3
  194. package/dist/components/filtered-search/string-filter-item.js.map +1 -0
  195. package/dist/components/filtered-search/string-set-filter-item.d.ts +1 -1
  196. package/dist/components/filtered-search/string-set-filter-item.js +7 -3
  197. package/dist/components/filtered-search/string-set-filter-item.js.map +1 -0
  198. package/dist/components/filtered-search/types.d.ts +2 -2
  199. package/dist/components/filtered-search/types.js +3 -1
  200. package/dist/components/filtered-search/types.js.map +1 -0
  201. package/dist/components/filtered-search/use-combobox-ids.js +1 -0
  202. package/dist/components/filtered-search/use-combobox-ids.js.map +1 -0
  203. package/dist/components/filtered-search/use-translations.d.ts +1 -1
  204. package/dist/components/filtered-search/use-translations.js +1 -0
  205. package/dist/components/filtered-search/use-translations.js.map +1 -0
  206. package/dist/components/form-field/form-field.d.ts +7 -10
  207. package/dist/components/form-field/form-field.js +1 -0
  208. package/dist/components/form-field/form-field.js.map +1 -0
  209. package/dist/components/form-field/index.js +1 -0
  210. package/dist/components/form-field/index.js.map +1 -0
  211. package/dist/components/hero-icons/24/outline/arrow-down-icon.d.ts +2 -0
  212. package/dist/components/hero-icons/24/outline/arrow-down-icon.js +6 -0
  213. package/dist/components/hero-icons/24/outline/arrow-down-icon.js.map +1 -0
  214. package/dist/components/hero-icons/24/outline/arrow-up-icon.d.ts +2 -0
  215. package/dist/components/hero-icons/24/outline/arrow-up-icon.js +6 -0
  216. package/dist/components/hero-icons/24/outline/arrow-up-icon.js.map +1 -0
  217. package/dist/components/hero-icons/24/outline/arrows-up-down-icon.d.ts +2 -3
  218. package/dist/components/hero-icons/24/outline/arrows-up-down-icon.js +5 -4
  219. package/dist/components/hero-icons/24/outline/arrows-up-down-icon.js.map +1 -0
  220. package/dist/components/hero-icons/24/outline/chevron-left-icon.d.ts +2 -3
  221. package/dist/components/hero-icons/24/outline/chevron-left-icon.js +5 -4
  222. package/dist/components/hero-icons/24/outline/chevron-left-icon.js.map +1 -0
  223. package/dist/components/hero-icons/24/outline/chevron-right-icon.d.ts +2 -3
  224. package/dist/components/hero-icons/24/outline/chevron-right-icon.js +5 -4
  225. package/dist/components/hero-icons/24/outline/chevron-right-icon.js.map +1 -0
  226. package/dist/components/hero-icons/24/outline/eye-icon.d.ts +2 -3
  227. package/dist/components/hero-icons/24/outline/eye-icon.js +5 -4
  228. package/dist/components/hero-icons/24/outline/eye-icon.js.map +1 -0
  229. package/dist/components/hero-icons/24/outline/eye-slash-icon.d.ts +2 -3
  230. package/dist/components/hero-icons/24/outline/eye-slash-icon.js +5 -4
  231. package/dist/components/hero-icons/24/outline/eye-slash-icon.js.map +1 -0
  232. package/dist/components/hero-icons/24/outline/magnifying-glass-icon.d.ts +2 -3
  233. package/dist/components/hero-icons/24/outline/magnifying-glass-icon.js +5 -4
  234. package/dist/components/hero-icons/24/outline/magnifying-glass-icon.js.map +1 -0
  235. package/dist/components/hero-icons/24/outline/trash-icon.d.ts +2 -3
  236. package/dist/components/hero-icons/24/outline/trash-icon.js +5 -4
  237. package/dist/components/hero-icons/24/outline/trash-icon.js.map +1 -0
  238. package/dist/components/hero-icons/24/outline/x-mark-icon.d.ts +2 -3
  239. package/dist/components/hero-icons/24/outline/x-mark-icon.js +5 -4
  240. package/dist/components/hero-icons/24/outline/x-mark-icon.js.map +1 -0
  241. package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.d.ts +2 -3
  242. package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.js +5 -4
  243. package/dist/components/hero-icons/24/solid/exclamation-triangle-icon.js.map +1 -0
  244. package/dist/components/index.d.ts +0 -2
  245. package/dist/components/index.js +1 -2
  246. package/dist/components/index.js.map +1 -0
  247. package/dist/components/label/index.js +1 -0
  248. package/dist/components/label/index.js.map +1 -0
  249. package/dist/components/label/label.css +5 -5
  250. package/dist/components/label/label.d.ts +6 -3
  251. package/dist/components/label/label.js +6 -4
  252. package/dist/components/label/label.js.map +1 -0
  253. package/dist/components/menu/index.js +1 -0
  254. package/dist/components/menu/index.js.map +1 -0
  255. package/dist/components/menu/menu-item.d.ts +6 -6
  256. package/dist/components/menu/menu-item.js +9 -14
  257. package/dist/components/menu/menu-item.js.map +1 -0
  258. package/dist/components/menu/menu-separator.d.ts +2 -5
  259. package/dist/components/menu/menu-separator.js +3 -1
  260. package/dist/components/menu/menu-separator.js.map +1 -0
  261. package/dist/components/menu/menu.css +25 -26
  262. package/dist/components/menu/menu.d.ts +22 -26
  263. package/dist/components/menu/menu.js +121 -116
  264. package/dist/components/menu/menu.js.map +1 -0
  265. package/dist/components/nav-list/index.js +1 -0
  266. package/dist/components/nav-list/index.js.map +1 -0
  267. package/dist/components/nav-list/nav-list-item.d.ts +7 -6
  268. package/dist/components/nav-list/nav-list-item.js +2 -0
  269. package/dist/components/nav-list/nav-list-item.js.map +1 -0
  270. package/dist/components/nav-list/nav-list-title.d.ts +5 -5
  271. package/dist/components/nav-list/nav-list-title.js +2 -0
  272. package/dist/components/nav-list/nav-list-title.js.map +1 -0
  273. package/dist/components/nav-list/nav-list.css +12 -12
  274. package/dist/components/nav-list/nav-list.d.ts +8 -2
  275. package/dist/components/nav-list/nav-list.js +6 -0
  276. package/dist/components/nav-list/nav-list.js.map +1 -0
  277. package/dist/components/password-input/index.js +1 -0
  278. package/dist/components/password-input/index.js.map +1 -0
  279. package/dist/components/password-input/password-input.css +3 -33
  280. package/dist/components/password-input/password-input.d.ts +7 -6
  281. package/dist/components/password-input/password-input.js +9 -7
  282. package/dist/components/password-input/password-input.js.map +1 -0
  283. package/dist/components/popover/index.js +1 -0
  284. package/dist/components/popover/index.js.map +1 -0
  285. package/dist/components/popover/popover.css +43 -70
  286. package/dist/components/popover/popover.d.ts +28 -49
  287. package/dist/components/popover/popover.js +101 -82
  288. package/dist/components/popover/popover.js.map +1 -0
  289. package/dist/components/portal/index.js +1 -0
  290. package/dist/components/portal/index.js.map +1 -0
  291. package/dist/components/portal/portal-context.d.ts +1 -1
  292. package/dist/components/portal/portal-context.js +1 -0
  293. package/dist/components/portal/portal-context.js.map +1 -0
  294. package/dist/components/portal/portal.d.ts +1 -1
  295. package/dist/components/portal/portal.js +2 -0
  296. package/dist/components/portal/portal.js.map +1 -0
  297. package/dist/components/radio/index.js +1 -0
  298. package/dist/components/radio/index.js.map +1 -0
  299. package/dist/components/radio/radio.css +24 -28
  300. package/dist/components/radio/radio.d.ts +5 -5
  301. package/dist/components/radio/radio.js +11 -6
  302. package/dist/components/radio/radio.js.map +1 -0
  303. package/dist/components/search-select/context.d.ts +1 -1
  304. package/dist/components/search-select/context.js +1 -0
  305. package/dist/components/search-select/context.js.map +1 -0
  306. package/dist/components/search-select/icons.d.ts +3 -3
  307. package/dist/components/search-select/icons.js +2 -0
  308. package/dist/components/search-select/icons.js.map +1 -0
  309. package/dist/components/search-select/index.js +1 -0
  310. package/dist/components/search-select/index.js.map +1 -0
  311. package/dist/components/search-select/search-select.css +67 -43
  312. package/dist/components/search-select/search-select.d.ts +9 -10
  313. package/dist/components/search-select/search-select.js +20 -15
  314. package/dist/components/search-select/search-select.js.map +1 -0
  315. package/dist/components/segmented-control/index.js +1 -0
  316. package/dist/components/segmented-control/index.js.map +1 -0
  317. package/dist/components/segmented-control/segmented-button.d.ts +1 -1
  318. package/dist/components/segmented-control/segmented-button.js +2 -0
  319. package/dist/components/segmented-control/segmented-button.js.map +1 -0
  320. package/dist/components/segmented-control/segmented-control.css +46 -41
  321. package/dist/components/segmented-control/segmented-control.d.ts +5 -4
  322. package/dist/components/segmented-control/segmented-control.js +2 -0
  323. package/dist/components/segmented-control/segmented-control.js.map +1 -0
  324. package/dist/components/select/index.js +1 -0
  325. package/dist/components/select/index.js.map +1 -0
  326. package/dist/components/select/select.css +37 -32
  327. package/dist/components/select/select.d.ts +6 -31
  328. package/dist/components/select/select.js +5 -4
  329. package/dist/components/select/select.js.map +1 -0
  330. package/dist/components/selection-control/index.js +1 -0
  331. package/dist/components/selection-control/index.js.map +1 -0
  332. package/dist/components/selection-control/selection-control.d.ts +8 -13
  333. package/dist/components/selection-control/selection-control.js +5 -4
  334. package/dist/components/selection-control/selection-control.js.map +1 -0
  335. package/dist/components/slider/calc-position.js +1 -0
  336. package/dist/components/slider/calc-position.js.map +1 -0
  337. package/dist/components/slider/get-offset-relative-to-thumb.js +4 -3
  338. package/dist/components/slider/get-offset-relative-to-thumb.js.map +1 -0
  339. package/dist/components/slider/index.js +2 -0
  340. package/dist/components/slider/index.js.map +1 -0
  341. package/dist/components/slider/range-slider.d.ts +2 -2
  342. package/dist/components/slider/range-slider.js +2 -1
  343. package/dist/components/slider/range-slider.js.map +1 -0
  344. package/dist/components/slider/slider-thumb.d.ts +1 -1
  345. package/dist/components/slider/slider-thumb.js +3 -1
  346. package/dist/components/slider/slider-thumb.js.map +1 -0
  347. package/dist/components/slider/slider-tick-marks.d.ts +1 -1
  348. package/dist/components/slider/slider-tick-marks.js +2 -0
  349. package/dist/components/slider/slider-tick-marks.js.map +1 -0
  350. package/dist/components/slider/slider-track.d.ts +1 -1
  351. package/dist/components/slider/slider-track.js +7 -5
  352. package/dist/components/slider/slider-track.js.map +1 -0
  353. package/dist/components/slider/slider.css +88 -93
  354. package/dist/components/slider/slider.d.ts +2 -2
  355. package/dist/components/slider/slider.js +2 -1
  356. package/dist/components/slider/slider.js.map +1 -0
  357. package/dist/components/spinner/index.js +1 -0
  358. package/dist/components/spinner/index.js.map +1 -0
  359. package/dist/components/spinner/spinner.d.ts +6 -5
  360. package/dist/components/spinner/spinner.js +5 -4
  361. package/dist/components/spinner/spinner.js.map +1 -0
  362. package/dist/components/switch/index.js +1 -0
  363. package/dist/components/switch/index.js.map +1 -0
  364. package/dist/components/switch/switch.css +34 -47
  365. package/dist/components/switch/switch.d.ts +5 -5
  366. package/dist/components/switch/switch.js +12 -6
  367. package/dist/components/switch/switch.js.map +1 -0
  368. package/dist/components/table/index.js +1 -0
  369. package/dist/components/table/index.js.map +1 -0
  370. package/dist/components/table/table-body.d.ts +5 -5
  371. package/dist/components/table/table-body.js +5 -4
  372. package/dist/components/table/table-body.js.map +1 -0
  373. package/dist/components/table/table-cell.d.ts +5 -5
  374. package/dist/components/table/table-cell.js +5 -4
  375. package/dist/components/table/table-cell.js.map +1 -0
  376. package/dist/components/table/table-container.d.ts +6 -5
  377. package/dist/components/table/table-container.js +5 -4
  378. package/dist/components/table/table-container.js.map +1 -0
  379. package/dist/components/table/table-head-cell.d.ts +6 -5
  380. package/dist/components/table/table-head-cell.js +14 -9
  381. package/dist/components/table/table-head-cell.js.map +1 -0
  382. package/dist/components/table/table-head.d.ts +6 -5
  383. package/dist/components/table/table-head.js +5 -4
  384. package/dist/components/table/table-head.js.map +1 -0
  385. package/dist/components/table/table-row.d.ts +6 -5
  386. package/dist/components/table/table-row.js +5 -4
  387. package/dist/components/table/table-row.js.map +1 -0
  388. package/dist/components/table/table.css +47 -53
  389. package/dist/components/table/table.d.ts +21 -6
  390. package/dist/components/table/table.js +18 -5
  391. package/dist/components/table/table.js.map +1 -0
  392. package/dist/components/tabs/index.js +1 -0
  393. package/dist/components/tabs/index.js.map +1 -0
  394. package/dist/components/tabs/tab-list.d.ts +4 -2
  395. package/dist/components/tabs/tab-list.js +20 -13
  396. package/dist/components/tabs/tab-list.js.map +1 -0
  397. package/dist/components/tabs/tab-panel.d.ts +7 -4
  398. package/dist/components/tabs/tab-panel.js +3 -0
  399. package/dist/components/tabs/tab-panel.js.map +1 -0
  400. package/dist/components/tabs/tab.d.ts +6 -3
  401. package/dist/components/tabs/tab.js +5 -1
  402. package/dist/components/tabs/tab.js.map +1 -0
  403. package/dist/components/tabs/tabs-context.d.ts +2 -2
  404. package/dist/components/tabs/tabs-context.js +2 -0
  405. package/dist/components/tabs/tabs-context.js.map +1 -0
  406. package/dist/components/tabs/tabs.css +15 -11
  407. package/dist/components/tabs/tabs.d.ts +7 -4
  408. package/dist/components/tabs/tabs.js +3 -0
  409. package/dist/components/tabs/tabs.js.map +1 -0
  410. package/dist/components/tabs/types.js +1 -0
  411. package/dist/components/tabs/types.js.map +1 -0
  412. package/dist/components/tag/index.js +1 -0
  413. package/dist/components/tag/index.js.map +1 -0
  414. package/dist/components/tag/tag.css +222 -183
  415. package/dist/components/tag/tag.d.ts +8 -7
  416. package/dist/components/tag/tag.js +5 -4
  417. package/dist/components/tag/tag.js.map +1 -0
  418. package/dist/components/text-input/index.js +1 -0
  419. package/dist/components/text-input/index.js.map +1 -0
  420. package/dist/components/text-input/text-input.css +50 -44
  421. package/dist/components/text-input/text-input.d.ts +5 -5
  422. package/dist/components/text-input/text-input.js +5 -4
  423. package/dist/components/text-input/text-input.js.map +1 -0
  424. package/dist/components/textarea/index.js +1 -0
  425. package/dist/components/textarea/index.js.map +1 -0
  426. package/dist/components/textarea/textarea.css +36 -31
  427. package/dist/components/textarea/textarea.d.ts +5 -4
  428. package/dist/components/textarea/textarea.js +5 -4
  429. package/dist/components/textarea/textarea.js.map +1 -0
  430. package/dist/components/toast/index.js +1 -0
  431. package/dist/components/toast/index.js.map +1 -0
  432. package/dist/components/toast/toast-button.d.ts +5 -5
  433. package/dist/components/toast/toast-button.js +5 -4
  434. package/dist/components/toast/toast-button.js.map +1 -0
  435. package/dist/components/toast/toast.css +35 -35
  436. package/dist/components/toast/toast.d.ts +5 -4
  437. package/dist/components/toast/toast.js +2 -0
  438. package/dist/components/toast/toast.js.map +1 -0
  439. package/dist/components/toaster/index.js +1 -0
  440. package/dist/components/toaster/index.js.map +1 -0
  441. package/dist/components/toaster/toaster.css +11 -11
  442. package/dist/components/toaster/toaster.d.ts +1 -1
  443. package/dist/components/toaster/toaster.js +28 -17
  444. package/dist/components/toaster/toaster.js.map +1 -0
  445. package/dist/components/tooltip/index.js +1 -0
  446. package/dist/components/tooltip/index.js.map +1 -0
  447. package/dist/components/tooltip/tooltip.css +79 -12
  448. package/dist/components/tooltip/tooltip.d.ts +26 -24
  449. package/dist/components/tooltip/tooltip.js +82 -64
  450. package/dist/components/tooltip/tooltip.js.map +1 -0
  451. package/dist/hooks/index.d.ts +4 -5
  452. package/dist/hooks/index.js +5 -5
  453. package/dist/hooks/index.js.map +1 -0
  454. package/dist/hooks/use-close-on-click-outside.d.ts +10 -0
  455. package/dist/hooks/use-close-on-click-outside.js +57 -0
  456. package/dist/hooks/use-close-on-click-outside.js.map +1 -0
  457. package/dist/hooks/use-close-on-esc.d.ts +5 -0
  458. package/dist/hooks/use-close-on-esc.js +34 -0
  459. package/dist/hooks/use-close-on-esc.js.map +1 -0
  460. package/dist/hooks/use-focus-trap.d.ts +5 -14
  461. package/dist/hooks/use-focus-trap.js +27 -40
  462. package/dist/hooks/use-focus-trap.js.map +1 -0
  463. package/dist/hooks/use-lock-body-scroll.d.ts +3 -0
  464. package/dist/hooks/use-lock-body-scroll.js +41 -0
  465. package/dist/hooks/use-lock-body-scroll.js.map +1 -0
  466. package/dist/hooks/use-preserve-props-when-closed.js +1 -0
  467. package/dist/hooks/use-preserve-props-when-closed.js.map +1 -0
  468. package/dist/hooks/{use-callback-ref.d.ts → use-ref-callback.d.ts} +1 -1
  469. package/dist/hooks/use-ref-callback.js +9 -0
  470. package/dist/hooks/use-ref-callback.js.map +1 -0
  471. package/dist/index.d.ts +2 -2
  472. package/dist/index.js +3 -2
  473. package/dist/index.js.map +1 -0
  474. package/dist/lib/calc-element-position.d.ts +10 -0
  475. package/dist/lib/calc-element-position.js +28 -0
  476. package/dist/lib/calc-element-position.js.map +1 -0
  477. package/dist/lib/calc-position.d.ts +27 -0
  478. package/dist/lib/calc-position.js +143 -0
  479. package/dist/lib/calc-position.js.map +1 -0
  480. package/dist/lib/get-element-bounding-rect.d.ts +9 -0
  481. package/dist/lib/get-element-bounding-rect.js +17 -0
  482. package/dist/lib/get-element-bounding-rect.js.map +1 -0
  483. package/dist/lib/helpers.d.ts +3 -6
  484. package/dist/lib/helpers.js +14 -20
  485. package/dist/lib/helpers.js.map +1 -0
  486. package/dist/lib/index.d.ts +1 -1
  487. package/dist/lib/index.js +2 -1
  488. package/dist/lib/index.js.map +1 -0
  489. package/dist/lib/keyboard-key.d.ts +15 -0
  490. package/dist/lib/keyboard-key.js +16 -0
  491. package/dist/lib/keyboard-key.js.map +1 -0
  492. package/dist/lib/observe-element-change.d.ts +3 -0
  493. package/dist/lib/observe-element-change.js +14 -0
  494. package/dist/lib/observe-element-change.js.map +1 -0
  495. package/dist/lib/observe-element-move.d.ts +6 -0
  496. package/dist/lib/observe-element-move.js +43 -0
  497. package/dist/lib/observe-element-move.js.map +1 -0
  498. package/dist/lib/react-helpers.d.ts +1 -9
  499. package/dist/lib/react-helpers.js +2 -26
  500. package/dist/lib/react-helpers.js.map +1 -0
  501. package/dist/storybook-blocks/color-palette/color-palette.d.ts +11 -0
  502. package/dist/storybook-blocks/color-palette/color-palette.js +22 -0
  503. package/dist/storybook-blocks/color-palette/color-palette.js.map +1 -0
  504. package/dist/storybook-blocks/color-palette/index.d.ts +1 -0
  505. package/dist/storybook-blocks/color-palette/index.js +2 -0
  506. package/dist/storybook-blocks/color-palette/index.js.map +1 -0
  507. package/package.json +43 -46
  508. package/css/draft-components-utilities.css +0 -1710
  509. package/dist/components/hero-icons/24/outline/arrow-small-down-icon.d.ts +0 -3
  510. package/dist/components/hero-icons/24/outline/arrow-small-down-icon.js +0 -5
  511. package/dist/components/hero-icons/24/outline/arrow-small-up-icon.d.ts +0 -3
  512. package/dist/components/hero-icons/24/outline/arrow-small-up-icon.js +0 -5
  513. package/dist/components/popover/use-page-click.d.ts +0 -16
  514. package/dist/components/popover/use-page-click.js +0 -46
  515. package/dist/components/positioner/calc-position.d.ts +0 -32
  516. package/dist/components/positioner/calc-position.js +0 -112
  517. package/dist/components/positioner/index.d.ts +0 -1
  518. package/dist/components/positioner/index.js +0 -1
  519. package/dist/components/positioner/positioner.d.ts +0 -20
  520. package/dist/components/positioner/positioner.js +0 -59
  521. package/dist/components/positioner/types.d.ts +0 -14
  522. package/dist/components/positioner/types.js +0 -1
  523. package/dist/components/slide-over/index.d.ts +0 -4
  524. package/dist/components/slide-over/index.js +0 -3
  525. package/dist/components/slide-over/slide-over-body.css +0 -7
  526. package/dist/components/slide-over/slide-over-body.d.ts +0 -3
  527. package/dist/components/slide-over/slide-over-body.js +0 -5
  528. package/dist/components/slide-over/slide-over-context.d.ts +0 -14
  529. package/dist/components/slide-over/slide-over-context.js +0 -18
  530. package/dist/components/slide-over/slide-over-header.css +0 -29
  531. package/dist/components/slide-over/slide-over-header.d.ts +0 -11
  532. package/dist/components/slide-over/slide-over-header.js +0 -17
  533. package/dist/components/slide-over/slide-over.css +0 -85
  534. package/dist/components/slide-over/slide-over.d.ts +0 -25
  535. package/dist/components/slide-over/slide-over.js +0 -106
  536. package/dist/components/slide-over/types.d.ts +0 -1
  537. package/dist/components/slide-over/types.js +0 -1
  538. package/dist/hooks/use-callback-ref.js +0 -8
  539. package/dist/hooks/use-disable-body-scroll.d.ts +0 -5
  540. package/dist/hooks/use-disable-body-scroll.js +0 -32
  541. package/dist/hooks/use-esc-key-down.d.ts +0 -17
  542. package/dist/hooks/use-esc-key-down.js +0 -51
  543. package/dist/hooks/use-mount-transition.d.ts +0 -35
  544. package/dist/hooks/use-mount-transition.js +0 -39
  545. package/dist/hooks/use-prefers-reduced-motion.d.ts +0 -1
  546. package/dist/hooks/use-prefers-reduced-motion.js +0 -15
  547. package/dist/hooks/use-show-transition.d.ts +0 -16
  548. package/dist/hooks/use-show-transition.js +0 -69
  549. package/dist/lib/keyboard-keys.d.ts +0 -15
  550. package/dist/lib/keyboard-keys.js +0 -15
@@ -0,0 +1,34 @@
1
+ import { KeyboardKey } from '../lib/keyboard-key.js';
2
+ import { useEffect } from 'react';
3
+ import { useRefCallback } from './use-ref-callback.js';
4
+ const handlerStack = [];
5
+ export function useCloseOnEsc(handler, opts = {}) {
6
+ const disabled = opts.disabled || false;
7
+ const onClose = useRefCallback(handler);
8
+ useEffect(() => {
9
+ if (disabled) {
10
+ return;
11
+ }
12
+ const handleKeyDown = (event) => {
13
+ const handler = handlerStack.at(-1);
14
+ if (handler && event.key === KeyboardKey.ESCAPE) {
15
+ event.preventDefault();
16
+ handler();
17
+ }
18
+ };
19
+ handlerStack.push(onClose);
20
+ if (handlerStack.length === 1) {
21
+ document.addEventListener('keydown', handleKeyDown);
22
+ }
23
+ return () => {
24
+ const index = handlerStack.indexOf(onClose);
25
+ if (index >= 0) {
26
+ handlerStack.splice(index, 1);
27
+ }
28
+ if (handlerStack.length === 0) {
29
+ document.removeEventListener('keydown', handleKeyDown);
30
+ }
31
+ };
32
+ }, [disabled, onClose]);
33
+ }
34
+ //# sourceMappingURL=use-close-on-esc.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-close-on-esc.js","sourceRoot":"","sources":["../../src/hooks/use-close-on-esc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvD,MAAM,YAAY,GAAmB,EAAE,CAAC;AAExC,MAAM,UAAU,aAAa,CAAC,OAAqB,EAAE,OAEjD,EAAE;IACJ,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;IACxC,MAAM,OAAO,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,QAAQ,EAAE,CAAC;YACb,OAAO;QACT,CAAC;QAED,MAAM,aAAa,GAAG,CAAC,KAAoB,EAAE,EAAE;YAC7C,MAAM,OAAO,GAAG,YAAY,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YACpC,IAAI,OAAO,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,CAAC,MAAM,EAAE,CAAC;gBAChD,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,OAAO,EAAE,CAAC;YACZ,CAAC;QACH,CAAC,CAAC;QAEF,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QAC3B,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YAC9B,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;QACtD,CAAC;QAED,OAAO,GAAG,EAAE;YACV,MAAM,KAAK,GAAG,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;YAC5C,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBACf,YAAY,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YAChC,CAAC;YACD,IAAI,YAAY,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;gBAC9B,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,aAAa,CAAC,CAAC;YACzD,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC;AAC1B,CAAC"}
@@ -1,15 +1,6 @@
1
- import { RefObject } from 'react';
2
- type ModalRef = RefObject<HTMLElement>;
3
- type Options = {
4
- isEnabled: boolean;
5
- };
6
- /**
7
- * Prevents focus move outside a modal element.
8
- *
9
- * @param {ModalRef} modalRef - The modal element ref object.
10
- * @param {Object} options - An object with hook options.
11
- * @param {boolean} options.isEnabled - A flag that determines whether
12
- * to trap focus or not.
13
- */
14
- export declare function useFocusTrap(modalRef: ModalRef, options?: Options): void;
1
+ import { type RefObject } from 'react';
2
+ type ModalRef = RefObject<HTMLElement | null>;
3
+ export declare function useFocusTrap(modalRef: ModalRef, opts?: {
4
+ disabled?: boolean;
5
+ }): void;
15
6
  export {};
@@ -1,7 +1,6 @@
1
1
  import { useEffect } from 'react';
2
- import { KeyboardKeys } from '../lib/keyboard-keys.js';
3
- import { focusElement } from '../lib/react-helpers.js';
4
- const modals = [];
2
+ import { tryToFocusElement } from '../lib/react-helpers.js';
3
+ const modalStack = [];
5
4
  const focusableElementsSelector = [
6
5
  'a[href]',
7
6
  'area[href]',
@@ -15,70 +14,58 @@ const focusableElementsSelector = [
15
14
  ]
16
15
  .map((selector) => `${selector}:not([tabindex='-1'])`)
17
16
  .join(', ');
18
- /**
19
- * Prevents focus move outside a modal element.
20
- *
21
- * @param {ModalRef} modalRef - The modal element ref object.
22
- * @param {Object} options - An object with hook options.
23
- * @param {boolean} options.isEnabled - A flag that determines whether
24
- * to trap focus or not.
25
- */
26
- export function useFocusTrap(modalRef, options = {
27
- isEnabled: true,
28
- }) {
29
- const isEnabled = options.isEnabled;
17
+ export function useFocusTrap(modalRef, opts = {}) {
18
+ const disabled = opts.disabled || false;
30
19
  useEffect(() => {
31
- if (!isEnabled) {
20
+ if (disabled) {
32
21
  return;
33
22
  }
34
- modals.push(modalRef);
35
23
  const handleBodyKeyDown = (event) => {
36
- if (event.key !== KeyboardKeys.Tab) {
24
+ if (event.key !== 'Tab') {
37
25
  return;
38
26
  }
39
- const activeModalRef = modals[modals.length - 1];
40
- if (activeModalRef == null) {
27
+ const topModalRef = modalStack.at(-1);
28
+ if (topModalRef == null) {
41
29
  return;
42
30
  }
43
- const activeModal = activeModalRef.current;
44
- if (activeModal == null) {
31
+ const topModal = topModalRef.current;
32
+ if (topModal == null) {
45
33
  return;
46
34
  }
47
- const focusableEls = Array.from(activeModal.querySelectorAll(focusableElementsSelector));
48
- if (focusableEls.length === 0) {
35
+ const focusableElementList = [...topModal.querySelectorAll(focusableElementsSelector)];
36
+ if (focusableElementList.length === 0) {
49
37
  return;
50
38
  }
51
- const firstFocusableEl = focusableEls[0];
52
- const lastFocusableEl = focusableEls[focusableEls.length - 1];
53
- if (!activeModal.contains(document.activeElement)) {
39
+ const firstFocusableEl = focusableElementList.at(0);
40
+ const lastFocusableEl = focusableElementList.at(-1);
41
+ if (!topModal.contains(document.activeElement)) {
54
42
  event.preventDefault();
55
- focusElement(firstFocusableEl);
43
+ tryToFocusElement(firstFocusableEl);
56
44
  }
57
45
  else if (event.shiftKey) {
58
46
  if (document.activeElement === firstFocusableEl) {
59
47
  event.preventDefault();
60
- focusElement(lastFocusableEl);
48
+ tryToFocusElement(lastFocusableEl);
61
49
  }
62
50
  }
63
51
  else if (document.activeElement === lastFocusableEl) {
64
52
  event.preventDefault();
65
- focusElement(firstFocusableEl);
53
+ tryToFocusElement(firstFocusableEl);
66
54
  }
67
55
  };
68
- // Add only one global `body` key down handler.
69
- if (modals.length === 1) {
70
- document.body.addEventListener('keydown', handleBodyKeyDown);
56
+ modalStack.push(modalRef);
57
+ if (modalStack.length === 1) {
58
+ document.body.addEventListener('keydown', handleBodyKeyDown, { capture: true });
71
59
  }
72
60
  return () => {
73
- const index = modals.indexOf(modalRef);
61
+ const index = modalStack.indexOf(modalRef);
74
62
  if (index >= 0) {
75
- modals.splice(index, 1);
63
+ modalStack.splice(index, 1);
76
64
  }
77
- // Remove the global `body` key down handler
78
- // if there are no active modals.
79
- if (modals.length === 0) {
80
- document.body.removeEventListener('keydown', handleBodyKeyDown);
65
+ if (modalStack.length === 0) {
66
+ document.body.removeEventListener('keydown', handleBodyKeyDown, { capture: true });
81
67
  }
82
68
  };
83
- }, [isEnabled, modalRef]);
69
+ }, [disabled, modalRef]);
84
70
  }
71
+ //# sourceMappingURL=use-focus-trap.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-focus-trap.js","sourceRoot":"","sources":["../../src/hooks/use-focus-trap.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,3 @@
1
+ export declare function useLockBodyScroll(opts?: {
2
+ disabled?: boolean;
3
+ }): void;
@@ -0,0 +1,41 @@
1
+ import { useEffect } from 'react';
2
+ let lockAttempts = 0;
3
+ let initialOverflow = '';
4
+ let initialPaddingRight = '';
5
+ export function useLockBodyScroll(opts = {}) {
6
+ const disabled = opts.disabled || false;
7
+ useEffect(() => {
8
+ if (!disabled) {
9
+ lockAttempts += 1;
10
+ if (lockAttempts === 1) {
11
+ const body = document.body;
12
+ initialOverflow = body.style.getPropertyValue('overflow');
13
+ initialPaddingRight = body.style.getPropertyValue('padding-right');
14
+ const scrollbarWidth = window.innerWidth - document.documentElement.clientWidth;
15
+ const initialPaddingRightPx = parseInt(initialPaddingRight || '0px', 10);
16
+ const newPaddingRightPx = initialPaddingRightPx + scrollbarWidth;
17
+ body.style.setProperty('overflow', 'hidden');
18
+ body.style.setProperty('padding-right', `${newPaddingRightPx}px`);
19
+ }
20
+ return () => {
21
+ lockAttempts -= 1;
22
+ if (lockAttempts === 0) {
23
+ const body = document.body;
24
+ if (initialOverflow) {
25
+ body.style.setProperty('overflow', initialOverflow);
26
+ }
27
+ else {
28
+ body.style.removeProperty('overflow');
29
+ }
30
+ if (initialPaddingRight) {
31
+ body.style.setProperty('padding-right', initialPaddingRight);
32
+ }
33
+ else {
34
+ body.style.removeProperty('padding-right');
35
+ }
36
+ }
37
+ };
38
+ }
39
+ }, [disabled]);
40
+ }
41
+ //# sourceMappingURL=use-lock-body-scroll.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-lock-body-scroll.js","sourceRoot":"","sources":["../../src/hooks/use-lock-body-scroll.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,IAAI,YAAY,GAAG,CAAC,CAAC;AACrB,IAAI,eAAe,GAAG,EAAE,CAAC;AACzB,IAAI,mBAAmB,GAAG,EAAE,CAAC;AAE7B,MAAM,UAAU,iBAAiB,CAAC,OAA+B,EAAE;IACjE,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,IAAI,KAAK,CAAC;IAExC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,YAAY,IAAI,CAAC,CAAC;YAClB,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;gBACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;gBAC3B,eAAe,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,UAAU,CAAC,CAAC;gBAC1D,mBAAmB,GAAG,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;gBAEnE,MAAM,cAAc,GAAG,MAAM,CAAC,UAAU,GAAG,QAAQ,CAAC,eAAe,CAAC,WAAW,CAAC;gBAChF,MAAM,qBAAqB,GAAG,QAAQ,CAAC,mBAAmB,IAAI,KAAK,EAAE,EAAE,CAAC,CAAC;gBACzE,MAAM,iBAAiB,GAAG,qBAAqB,GAAG,cAAc,CAAC;gBACjE,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,QAAQ,CAAC,CAAC;gBAC7C,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,GAAG,iBAAiB,IAAI,CAAC,CAAC;YACpE,CAAC;YAED,OAAO,GAAG,EAAE;gBACV,YAAY,IAAI,CAAC,CAAC;gBAClB,IAAI,YAAY,KAAK,CAAC,EAAE,CAAC;oBACvB,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC;oBAE3B,IAAI,eAAe,EAAE,CAAC;wBACpB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,eAAe,CAAC,CAAC;oBACtD,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;oBACxC,CAAC;oBAED,IAAI,mBAAmB,EAAE,CAAC;wBACxB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,mBAAmB,CAAC,CAAC;oBAC/D,CAAC;yBAAM,CAAC;wBACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,CAAC;oBAC7C,CAAC;gBACH,CAAC;YACH,CAAC,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;AACjB,CAAC"}
@@ -12,3 +12,4 @@ export function usePreservePropsWhenClosed(props, openProp) {
12
12
  }
13
13
  return savedProps.current;
14
14
  }
15
+ //# sourceMappingURL=use-preserve-props-when-closed.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-preserve-props-when-closed.js","sourceRoot":"","sources":["../../src/hooks/use-preserve-props-when-closed.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAE/B,MAAM,UAAU,0BAA0B,CACxC,KAAQ,EACR,QAAiB;IAEjB,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACjC,IAAI,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC;QACpB,UAAU,CAAC,OAAO,GAAG,KAAK,CAAC;IAC7B,CAAC;SAAM,CAAC;QACN,UAAU,CAAC,OAAO,GAAG;YACnB,GAAG,UAAU,CAAC,OAAO;YACrB,CAAC,QAAQ,CAAC,EAAE,KAAK;SAClB,CAAC;IACJ,CAAC;IACD,OAAO,UAAU,CAAC,OAAO,CAAC;AAC5B,CAAC"}
@@ -1,3 +1,3 @@
1
1
  type Callback = (...args: any[]) => any;
2
- export declare function useCallbackRef<T extends Callback>(callback: T): T;
2
+ export declare function useRefCallback<T extends Callback>(callback: T): T;
3
3
  export {};
@@ -0,0 +1,9 @@
1
+ import { useCallback, useEffect, useRef } from 'react';
2
+ export function useRefCallback(callback) {
3
+ const ref = useRef(callback);
4
+ useEffect(() => {
5
+ ref.current = callback;
6
+ }, [callback]);
7
+ return useCallback(((...args) => ref.current(...args)), []);
8
+ }
9
+ //# sourceMappingURL=use-ref-callback.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use-ref-callback.js","sourceRoot":"","sources":["../../src/hooks/use-ref-callback.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAKvD,MAAM,UAAU,cAAc,CAAqB,QAAW;IAC5D,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAE7B,SAAS,CAAC,GAAG,EAAE;QACb,GAAG,CAAC,OAAO,GAAG,QAAQ,CAAC;IACzB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,IAAI,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,IAAI,CAAC,CAAM,EAAE,EAAE,CAAC,CAAC;AACnE,CAAC"}
package/dist/index.d.ts CHANGED
@@ -1,3 +1,3 @@
1
- export * from './lib/index.js';
2
- export * from './hooks/index.js';
3
1
  export * from './components/index.js';
2
+ export * from './hooks/index.js';
3
+ export * from './lib/index.js';
package/dist/index.js CHANGED
@@ -1,3 +1,4 @@
1
- export * from './lib/index.js';
2
- export * from './hooks/index.js';
3
1
  export * from './components/index.js';
2
+ export * from './hooks/index.js';
3
+ export * from './lib/index.js';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC"}
@@ -0,0 +1,10 @@
1
+ import { type Alignment, type Placement, type PositionCalcResult } from './calc-position.js';
2
+ type AlignmentWithoutCenter = Exclude<Alignment, 'center'>;
3
+ export type ElementPlacement = Placement | `${Placement}-${AlignmentWithoutCenter}`;
4
+ export type ElementPositionCalcParams = {
5
+ placement?: ElementPlacement;
6
+ anchorPadding?: number;
7
+ viewportPadding?: number;
8
+ };
9
+ export declare function calcElementPosition(anchor: HTMLElement | SVGElement, element: HTMLElement | SVGElement, params?: ElementPositionCalcParams): PositionCalcResult;
10
+ export {};
@@ -0,0 +1,28 @@
1
+ import { calcPosition } from './calc-position.js';
2
+ import { getElementBoundingRect } from './get-element-bounding-rect.js';
3
+ export function calcElementPosition(anchor, element, params = {}) {
4
+ let placement = 'bottom';
5
+ let alignment = 'center';
6
+ const parts = (params.placement || '').split('-');
7
+ if (parts[0] === 'top' || parts[0] === 'right' || parts[0] === 'bottom' || parts[0] === 'left') {
8
+ placement = parts[0];
9
+ }
10
+ if (parts[1] === 'start' || parts[1] === 'end') {
11
+ alignment = parts[1];
12
+ }
13
+ const root = anchor.ownerDocument || window.document;
14
+ const isPopoverFixed = window.getComputedStyle(element).position === 'fixed';
15
+ return calcPosition({
16
+ anchorRect: getElementBoundingRect(anchor),
17
+ elementRect: getElementBoundingRect(element),
18
+ placement,
19
+ alignment,
20
+ anchorPadding: params.anchorPadding || 4,
21
+ viewportPadding: params.viewportPadding || 4,
22
+ viewportWidth: root.documentElement.clientWidth,
23
+ viewportHeight: root.documentElement.clientHeight,
24
+ scrollX: isPopoverFixed ? 0 : Math.round(window.scrollX),
25
+ scrollY: isPopoverFixed ? 0 : Math.round(window.scrollY),
26
+ });
27
+ }
28
+ //# sourceMappingURL=calc-element-position.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calc-element-position.js","sourceRoot":"","sources":["../../src/lib/calc-element-position.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAA2D,MAAM,oBAAoB,CAAC;AAC3G,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AAYxE,MAAM,UAAU,mBAAmB,CACjC,MAAgC,EAChC,OAAiC,EACjC,SAAoC,EAAE;IAEtC,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,IAAI,SAAS,GAAc,QAAQ,CAAC;IACpC,MAAM,KAAK,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClD,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,QAAQ,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,MAAM,EAAE,CAAC;QAC/F,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IACD,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,KAAK,KAAK,EAAE,CAAC;QAC/C,SAAS,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,CAAC,aAAa,IAAI,MAAM,CAAC,QAAQ,CAAC;IACrD,MAAM,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,QAAQ,KAAK,OAAO,CAAC;IAE7E,OAAO,YAAY,CAAC;QAClB,UAAU,EAAE,sBAAsB,CAAC,MAAM,CAAC;QAC1C,WAAW,EAAE,sBAAsB,CAAC,OAAO,CAAC;QAC5C,SAAS;QACT,SAAS;QACT,aAAa,EAAE,MAAM,CAAC,aAAa,IAAI,CAAC;QACxC,eAAe,EAAE,MAAM,CAAC,eAAe,IAAI,CAAC;QAC5C,aAAa,EAAE,IAAI,CAAC,eAAe,CAAC,WAAW;QAC/C,cAAc,EAAE,IAAI,CAAC,eAAe,CAAC,YAAY;QACjD,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;QACxD,OAAO,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;KACzD,CAAC,CAAC;AACL,CAAC"}
@@ -0,0 +1,27 @@
1
+ import { type BoundingRect } from './get-element-bounding-rect.js';
2
+ export { type BoundingRect };
3
+ export type Placement = 'top' | 'right' | 'bottom' | 'left';
4
+ export type Alignment = 'start' | 'center' | 'end';
5
+ export type Coordinates = {
6
+ x: number;
7
+ y: number;
8
+ };
9
+ export type PositionCalcParams = {
10
+ anchorRect: BoundingRect;
11
+ elementRect: BoundingRect;
12
+ placement: Placement;
13
+ alignment: Alignment;
14
+ anchorPadding: number;
15
+ viewportPadding: number;
16
+ viewportWidth: number;
17
+ viewportHeight: number;
18
+ scrollX: number;
19
+ scrollY: number;
20
+ };
21
+ export type PositionCalcResult = Coordinates & {
22
+ placement: Placement;
23
+ alignment: Alignment;
24
+ maxWidth: number;
25
+ maxHeight: number;
26
+ };
27
+ export declare function calcPosition({ anchorRect, elementRect, placement, alignment, anchorPadding, viewportPadding, viewportWidth, viewportHeight, scrollX, scrollY, }: PositionCalcParams): PositionCalcResult;
@@ -0,0 +1,143 @@
1
+ import {} from './get-element-bounding-rect.js';
2
+ import { roundNumber } from './helpers.js';
3
+ export {};
4
+ export function calcPosition({ anchorRect, elementRect, placement, alignment, anchorPadding, viewportPadding, viewportWidth, viewportHeight, scrollX, scrollY, }) {
5
+ const maxLeftSpace = anchorRect.left - anchorPadding - viewportPadding;
6
+ const maxRightSpace = viewportWidth - anchorRect.right - anchorPadding - viewportPadding;
7
+ const maxInlineWidth = viewportWidth - (2 * viewportPadding);
8
+ const maxInlinePadding = Math.max(maxLeftSpace, maxRightSpace);
9
+ if (elementRect.width >= maxInlinePadding && (placement === 'left' || placement === 'right')) {
10
+ placement = 'bottom';
11
+ }
12
+ let x;
13
+ let y;
14
+ if (elementRect.width >= maxInlineWidth) {
15
+ x = scrollX + viewportPadding;
16
+ const result = calcMainAxisOffset({
17
+ placement,
18
+ anchorOffset: anchorRect.top,
19
+ anchorSize: anchorRect.height,
20
+ anchorPadding,
21
+ viewportSize: viewportHeight,
22
+ elementSize: elementRect.height,
23
+ scrollSize: scrollY,
24
+ });
25
+ y = result.offset;
26
+ placement = result.placement;
27
+ }
28
+ else if (placement === 'left' || placement === 'right') {
29
+ const result = calcMainAxisOffset({
30
+ placement,
31
+ anchorOffset: anchorRect.left,
32
+ anchorSize: anchorRect.width,
33
+ anchorPadding,
34
+ elementSize: elementRect.width,
35
+ viewportSize: viewportWidth,
36
+ scrollSize: scrollX,
37
+ });
38
+ x = result.offset;
39
+ placement = result.placement;
40
+ y = calcCrossAxisOffset({
41
+ alignment,
42
+ anchorOffset: anchorRect.top,
43
+ anchorSize: anchorRect.height,
44
+ elementSize: elementRect.height,
45
+ viewportSize: viewportHeight,
46
+ viewportPadding,
47
+ scrollSize: scrollY,
48
+ });
49
+ }
50
+ else {
51
+ x = calcCrossAxisOffset({
52
+ alignment,
53
+ anchorOffset: anchorRect.left,
54
+ anchorSize: anchorRect.width,
55
+ viewportSize: viewportWidth,
56
+ viewportPadding,
57
+ elementSize: elementRect.width,
58
+ scrollSize: scrollX,
59
+ });
60
+ const result = calcMainAxisOffset({
61
+ placement,
62
+ anchorOffset: anchorRect.top,
63
+ anchorSize: anchorRect.height,
64
+ anchorPadding,
65
+ elementSize: elementRect.height,
66
+ viewportSize: viewportHeight,
67
+ scrollSize: scrollY,
68
+ });
69
+ y = result.offset;
70
+ placement = result.placement;
71
+ }
72
+ let maxWidth = elementRect.width;
73
+ let maxHeight = elementRect.height;
74
+ if (placement === 'top' || placement === 'bottom') {
75
+ maxWidth = Math.min(maxWidth, maxInlineWidth);
76
+ if (placement === 'top') {
77
+ const maxTopSpace = anchorRect.top - anchorPadding - viewportPadding;
78
+ maxHeight = Math.min(maxHeight, maxTopSpace);
79
+ }
80
+ else {
81
+ const maxBottomSpace = viewportHeight - viewportPadding - anchorRect.bottom - anchorPadding;
82
+ maxHeight = Math.min(maxHeight, maxBottomSpace);
83
+ }
84
+ }
85
+ else {
86
+ maxHeight = Math.min(maxHeight, viewportHeight - 2 * viewportPadding);
87
+ if (placement === 'left') {
88
+ maxWidth = Math.min(maxWidth, maxLeftSpace);
89
+ }
90
+ else {
91
+ maxWidth = Math.min(maxWidth, maxRightSpace);
92
+ }
93
+ }
94
+ return {
95
+ x: roundNumber(x),
96
+ y: roundNumber(y),
97
+ placement,
98
+ alignment,
99
+ maxWidth: roundNumber(maxWidth),
100
+ maxHeight: roundNumber(maxHeight),
101
+ };
102
+ }
103
+ function calcMainAxisOffset({ placement, anchorOffset, anchorSize, anchorPadding, elementSize, viewportSize, scrollSize, }) {
104
+ const anchorBottom = viewportSize - anchorOffset + anchorSize;
105
+ const top = scrollSize + anchorOffset - anchorPadding - elementSize;
106
+ const bottom = scrollSize + anchorOffset + anchorSize + anchorPadding;
107
+ let offset;
108
+ if (placement === 'top' || placement === 'left') {
109
+ offset = top;
110
+ if (offset < scrollSize && anchorOffset < anchorBottom) {
111
+ offset = bottom;
112
+ placement = placement === 'top' ? 'bottom' : 'right';
113
+ }
114
+ }
115
+ else {
116
+ offset = bottom;
117
+ if (anchorOffset > anchorBottom && offset + elementSize > scrollSize + viewportSize) {
118
+ offset = top;
119
+ placement = placement === 'bottom' ? 'top' : 'left';
120
+ }
121
+ }
122
+ return { offset, placement };
123
+ }
124
+ function calcCrossAxisOffset({ alignment, anchorSize, anchorOffset, elementSize, viewportSize, viewportPadding, scrollSize, }) {
125
+ let offset;
126
+ if (alignment === 'start') {
127
+ offset = scrollSize + anchorOffset;
128
+ }
129
+ else if (alignment === 'end') {
130
+ offset = scrollSize + anchorOffset + anchorSize - elementSize;
131
+ }
132
+ else {
133
+ offset = scrollSize + anchorOffset + (anchorSize / 2) - (elementSize / 2);
134
+ }
135
+ if (offset < scrollSize) {
136
+ offset = scrollSize + viewportPadding;
137
+ }
138
+ else if (offset + elementSize > scrollSize + viewportSize) {
139
+ offset = scrollSize + viewportSize - viewportPadding - elementSize;
140
+ }
141
+ return offset;
142
+ }
143
+ //# sourceMappingURL=calc-position.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"calc-position.js","sourceRoot":"","sources":["../../src/lib/calc-position.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,9 @@
1
+ export type BoundingRect = {
2
+ top: number;
3
+ right: number;
4
+ bottom: number;
5
+ left: number;
6
+ width: number;
7
+ height: number;
8
+ };
9
+ export declare function getElementBoundingRect(element: Element): BoundingRect;
@@ -0,0 +1,17 @@
1
+ import { roundNumber } from './helpers.js';
2
+ export function getElementBoundingRect(element) {
3
+ const domRect = element.getBoundingClientRect();
4
+ const top = roundNumber(domRect.top);
5
+ const left = roundNumber(domRect.left);
6
+ const width = roundNumber(domRect.width);
7
+ const height = roundNumber(domRect.height);
8
+ return {
9
+ width,
10
+ height,
11
+ top,
12
+ left,
13
+ right: left + width,
14
+ bottom: top + height,
15
+ };
16
+ }
17
+ //# sourceMappingURL=get-element-bounding-rect.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"get-element-bounding-rect.js","sourceRoot":"","sources":["../../src/lib/get-element-bounding-rect.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAW3C,MAAM,UAAU,sBAAsB,CAAC,OAAgB;IACrD,MAAM,OAAO,GAAG,OAAO,CAAC,qBAAqB,EAAE,CAAC;IAChD,MAAM,GAAG,GAAG,WAAW,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC;IACrC,MAAM,IAAI,GAAG,WAAW,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IACvC,MAAM,KAAK,GAAG,WAAW,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,MAAM,GAAG,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAC3C,OAAO;QACL,KAAK;QACL,MAAM;QACN,GAAG;QACH,IAAI;QACJ,KAAK,EAAE,IAAI,GAAG,KAAK;QACnB,MAAM,EAAE,GAAG,GAAG,MAAM;KACrB,CAAC;AACJ,CAAC"}
@@ -1,8 +1,5 @@
1
- type AnyFunction = (...args: any[]) => any;
2
- export declare function once<T extends AnyFunction>(fn: T): (...args: Parameters<T>) => ReturnType<T>;
3
- export declare function assertIfNullable<T>(value: T, message?: string): asserts value is NonNullable<T>;
1
+ export declare function assertNullOrUndefined<T>(value: T, message?: string): asserts value is NonNullable<T>;
4
2
  export declare function exhaustiveCheck(value: never, message?: string): never;
5
- export declare function noop(): undefined;
6
- export declare function formatNumber(num: number, fractionDigits?: number): number;
3
+ export declare function roundNumber(num: number, precision?: number): number;
7
4
  export declare function formatPercent(percent: number, fractionDigits?: number): string;
8
- export {};
5
+ export declare function deleteKeys<T extends object, K extends keyof T>(obj: T, ...keys: K[]): Omit<T, K>;
@@ -1,28 +1,22 @@
1
- export function once(fn) {
2
- let called = false;
3
- let result;
4
- return (...args) => {
5
- if (!called) {
6
- called = true;
7
- result = fn(...args);
8
- }
9
- return result;
10
- };
11
- }
12
- export function assertIfNullable(value, message = 'assertIfNullable: value is null or undefined.') {
13
- if (value == null) {
14
- throw Error(message);
1
+ export function assertNullOrUndefined(value, message = 'Value can not be null or undefined.') {
2
+ if (value === null || value === undefined) {
3
+ throw TypeError(message);
15
4
  }
16
5
  }
17
6
  export function exhaustiveCheck(value, message) {
18
7
  throw new Error(message);
19
8
  }
20
- export function noop() {
21
- return undefined;
22
- }
23
- export function formatNumber(num, fractionDigits = 5) {
24
- return Number(num.toFixed(fractionDigits));
9
+ export function roundNumber(num, precision = 2) {
10
+ return Number(num.toFixed(precision));
25
11
  }
26
12
  export function formatPercent(percent, fractionDigits = 2) {
27
- return `${formatNumber(percent * 100, fractionDigits)}%`;
13
+ return `${roundNumber(percent * 100, fractionDigits)}%`;
14
+ }
15
+ export function deleteKeys(obj, ...keys) {
16
+ const result = { ...obj };
17
+ for (const key of keys) {
18
+ delete result[key];
19
+ }
20
+ return result;
28
21
  }
22
+ //# sourceMappingURL=helpers.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/lib/helpers.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,qBAAqB,CACnC,KAAQ,EACR,OAAO,GAAG,qCAAqC;IAE/C,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,EAAE,CAAC;QAC1C,MAAM,SAAS,CAAC,OAAO,CAAC,CAAC;IAC3B,CAAC;AACH,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,KAAY,EAAE,OAAgB;IAC5D,MAAM,IAAI,KAAK,CAAC,OAAO,CAAC,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,WAAW,CAAC,GAAW,EAAE,SAAS,GAAG,CAAC;IACpD,OAAO,MAAM,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,MAAM,UAAU,aAAa,CAAC,OAAe,EAAE,cAAc,GAAG,CAAC;IAC/D,OAAO,GAAG,WAAW,CAAC,OAAO,GAAG,GAAG,EAAE,cAAc,CAAC,GAAG,CAAC;AAC1D,CAAC;AAED,MAAM,UAAU,UAAU,CAAsC,GAAM,EAAE,GAAG,IAAS;IAClF,MAAM,MAAM,GAAG,EAAE,GAAG,GAAG,EAAE,CAAC;IAC1B,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC;IACrB,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC"}
@@ -1,3 +1,3 @@
1
- export * from './keyboard-keys.js';
2
1
  export * from './helpers.js';
2
+ export * from './keyboard-key.js';
3
3
  export * from './react-helpers.js';
package/dist/lib/index.js CHANGED
@@ -1,3 +1,4 @@
1
- export * from './keyboard-keys.js';
2
1
  export * from './helpers.js';
2
+ export * from './keyboard-key.js';
3
3
  export * from './react-helpers.js';
4
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/lib/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC"}
@@ -0,0 +1,15 @@
1
+ export declare const KeyboardKey: {
2
+ ARROW_UP: string;
3
+ ARROW_RIGHT: string;
4
+ ARROW_DOWN: string;
5
+ ARROW_LEFT: string;
6
+ TAB: string;
7
+ HOME: string;
8
+ END: string;
9
+ PAGE_UP: string;
10
+ PAGE_DOWN: string;
11
+ ENTER: string;
12
+ ESCAPE: string;
13
+ BACKSPACE: string;
14
+ SPACE: string;
15
+ };